.about{--about-spring:linear(0, .09 5%, .33 12%, .62 20%, .86 29%, 1.02 38%, 1.07 46%, 1.06 55%, 1.02 66%, 1 78%, 1);gap:var(--front-section-space);max-width:calc(var(--front-width) + 2 * var(--front-gutter));padding:0 var(--front-gutter) var(--front-section-space);margin:0 auto;display:grid}.about [data-habitat]{--about-part:color-mix(in oklab, var(--habitat-wash) 72%, var(--habitat));--about-part-light:color-mix(in oklab, var(--habitat-wash) 70%, var(--ink))}@supports (color:oklch(from white l c h)){.about [data-habitat]{--about-part:oklch(from var(--habitat-wash) .74 calc(c * 1.55) h)}}.about-hero{align-items:center;gap:clamp(16px,4vw,56px);min-height:calc(100svh - 64px);padding:clamp(24px,5vw,56px) 0;display:grid}@media (min-width:900px){.about-hero{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}.about-hero-words{justify-items:start;gap:20px;display:grid}.about-title{max-width:10ch;font:600 clamp(2.75rem, 1.4rem + 5.4vw, 6rem) / .98 var(--font-display);letter-spacing:-.045em;text-wrap:balance}.about-lead{max-width:34rem;color:var(--ink-muted);font-size:clamp(1.125rem,1rem + .45vw,1.375rem);line-height:1.5}.about-hero-ring{justify-self:center;width:min(100%,600px)}@media (max-width:899px){.about-hero{min-height:0;padding-top:8px}.about-hero-ring{order:-1;width:min(84vw,420px)}}@media (prefers-reduced-motion:no-preference){.about-hero-words>*{animation:about-rise .9s var(--ease-out) both}.about-hero-words>:nth-child(2){animation-delay:90ms}.about-hero-words>:nth-child(3){animation-delay:.18s}}.about-ring{isolation:isolate;aspect-ratio:1;view-timeline-name:--about-ring;position:relative}.about-ring-bloom{z-index:-1;border-radius:var(--radius-full);background:radial-gradient(closest-side, color-mix(in oklch, var(--secondary) 20%, transparent), color-mix(in oklch, var(--primary) 10%, transparent) 52%, transparent);position:absolute;inset:6%}.about-ring-drawing{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.about-ring-turn,.about-ring-part{transform-box:view-box;transform-origin:50%}.about-ring-orbit{fill:none;stroke:var(--line-subtle);stroke-width:1px;stroke-dasharray:2 10}.about-ring-track{fill:none;stroke:var(--line-subtle);stroke-width:20px}.about-ring-glow,.about-ring-band,.about-ring-core{fill:none;stroke-linecap:round}.about-ring-glow{stroke:var(--about-part);stroke-opacity:.16;stroke-width:40px}.about-ring-band{stroke:var(--about-part);stroke-opacity:.82;stroke-width:15px}.about-ring-core{stroke:var(--about-part-light);stroke-width:1.5px}.about-ring-piece{fill:var(--about-part-light);opacity:0}.about-ring-centre{border-radius:var(--radius-full);place-items:center;display:grid;position:absolute;inset:28%}.about-ring-mark{width:60%;height:auto}@keyframes about-gather{0%{opacity:0;translate:var(--about-dx) var(--about-dy);rotate:var(--about-turn)}35%{opacity:1}}@keyframes about-piece{0%{opacity:0;translate:var(--about-dx) var(--about-dy)}25%{opacity:1}80%{opacity:1;translate:0}to{opacity:0;translate:0}}@keyframes about-arrive{0%{opacity:0;scale:.82}}@keyframes about-turn{to{rotate:360deg}}@keyframes about-breathe{to{opacity:.7;scale:1.06}}@keyframes about-rise{0%{opacity:0;translate:0 18px}}@media (prefers-reduced-motion:no-preference){.about-ring[data-motion=load] .about-ring-part{animation:about-gather 1.5s var(--about-spring) calc(var(--about-i) * .11s + .2s) both}.about-ring[data-motion=load] .about-ring-piece{animation:about-piece 1.4s var(--ease-out) calc(var(--about-i) * .11s) both}.about-ring[data-motion=load] .about-ring-centre{animation:about-arrive 1.1s var(--ease-out) .9s both}.about-ring[data-motion=load] .about-ring-turn{animation:140s linear 2.4s infinite about-turn}.about-ring[data-motion=load] .about-ring-bloom{animation:7s ease-in-out 2s infinite alternate about-breathe}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.about-ring[data-motion=scroll] :is(.about-ring-part,.about-ring-piece,.about-ring-centre){animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--about-ring;animation-range:entry 10% cover 50%}.about-ring[data-motion=scroll] .about-ring-part{animation-name:about-gather}.about-ring[data-motion=scroll] .about-ring-piece{animation-name:about-piece}.about-ring[data-motion=scroll] .about-ring-centre{animation-name:about-arrive;animation-range:entry 40% cover 50%}}}.about-chapter{align-items:center;gap:clamp(32px,5vw,72px);display:grid}@media (min-width:900px){.about-chapter{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.about-words{align-content:start;justify-items:start;gap:16px;max-width:34rem;display:grid}.about-heading{font:600 clamp(2rem, 1.3rem + 2.6vw, 3.5rem) / 1.04 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.about-text{color:var(--ink-muted);text-wrap:pretty;font-size:clamp(1.0625rem,.98rem + .33vw,1.25rem);line-height:1.55}.about-text-strong{color:var(--ink)}.about-loose{min-height:420px;margin:0;padding:0;list-style:none;position:relative}.about-loose-piece{top:var(--about-y);left:calc(var(--about-x) * 1%);border-radius:var(--radius-full);white-space:nowrap;max-width:100%;color:var(--ink);transform:translateX(calc(var(--about-x) * -1%));rotate:var(--about-tilt);align-items:center;gap:10px;padding:9px 16px 9px 12px;font-size:.9375rem;font-weight:600;line-height:1.2;display:inline-flex;position:absolute}.about-loose-piece:after{content:"";border-radius:var(--radius-full);background:var(--about-part);width:9px;height:9px;box-shadow:0 0 12px var(--about-part);flex:none;order:-1}@media (max-width:520px){.about-loose{flex-wrap:wrap;justify-content:center;gap:16px 10px;min-height:0;padding:8px 0;display:flex}.about-loose-piece{padding:7px 12px 7px 10px;font-size:.8125rem;position:static;transform:none}}.about-parts-place{gap:16px;display:grid}.about-parts-title{font:600 clamp(1.375rem, 1.2rem + .6vw, 1.75rem) / 1.2 var(--font-display);letter-spacing:-.02em}.about-parts{grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid}.about-part{border-radius:var(--front-radius-card);align-content:start;gap:4px;padding:16px 16px 16px 22px;display:grid}.about-part:after{content:"";border-radius:var(--radius-full);background:var(--about-part);width:3px;box-shadow:0 0 14px var(--about-part);position:absolute;inset:14px auto 14px 10px}.about-part-name{font:600 1.0625rem / 1.25 var(--font-display);letter-spacing:-.01em}.about-part-hint{color:var(--ink-muted);font-size:.875rem;line-height:1.4}.about-differently{align-items:start}@media (min-width:900px){.about-differently{grid-template-columns:minmax(0,1fr)}}.about-principles{gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.about-principles{grid-template-columns:repeat(2,minmax(0,1fr))}}.about-principle{border-radius:var(--front-radius-frame);align-content:start;justify-items:start;gap:14px;padding:clamp(24px,3.2vw,36px);display:grid}.about-principle:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(110% 80% at 0 0, color-mix(in oklch, var(--about-part) 14%, transparent), transparent 62%);pointer-events:none;position:absolute;inset:0}.about-bead{border-radius:var(--radius-full);background:var(--legal-bead-fill);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--glass-edge), inset 0 1px 0 var(--glass-rim-dim);color:var(--about-part-light);place-items:center;margin-bottom:6px;display:grid}.about-bead svg{stroke-width:1.75px;width:20px;height:20px}.about-principle-title{font:600 clamp(1.3125rem, 1.15rem + .6vw, 1.625rem) / 1.2 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.about-principle-text{max-width:34rem;color:var(--ink-muted);text-wrap:pretty;font-size:1.0625rem;line-height:1.6}.about-principle-link{align-items:center;min-height:44px;font-weight:650;display:inline-flex}.about-company{border-radius:calc(var(--front-radius-frame) + 8px);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(28px,5vw,64px);display:grid}.about-company:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(70% 90% at 0 50%, color-mix(in oklch, var(--secondary) 12%, transparent), transparent 70%), radial-gradient(60% 80% at 100% 100%, color-mix(in oklch, var(--primary) 8%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}@media (min-width:900px){.about-company{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}.about-company-ring{justify-self:center;width:min(100%,320px)}@media (max-width:899px){.about-company-ring{width:min(64vw,260px)}}.about-company-words{justify-items:start;gap:16px;display:grid}.about-company-line{max-width:30rem;font:500 clamp(1.25rem, 1.1rem + .6vw, 1.625rem) / 1.4 var(--font-display);letter-spacing:-.015em;text-wrap:pretty}.about-company .front-actions{margin-top:8px}.about-company .legal-links{justify-self:stretch;margin-top:8px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.about-words,.about-parts-place,.about-principle{animation:linear both about-rise;animation-timeline:view();animation-range:entry entry 60%}.about-loose-piece{animation:linear both about-drift;animation-timeline:view();animation-range:cover}}}@keyframes about-drift{0%{opacity:0;translate:0 calc(var(--about-depth) * 1px)}18%{opacity:1}to{translate:0 calc(var(--about-depth) * -1px)}}@media (prefers-reduced-transparency:reduce){.about-ring-bloom,.about-ring-glow,.about-principle:after,.about-company:after{display:none}}@media (prefers-contrast:more){.about-ring-bloom,.about-ring-glow,.about-principle:after,.about-company:after{display:none}.about-lead,.about-text,.about-part-hint,.about-principle-text{color:var(--ink)}.about-ring-track,.about-ring-orbit{stroke:color-mix(in oklch, var(--ink) 55%, transparent)}}@media (forced-colors:active){.about-ring-bloom,.about-ring-glow,.about-principle:after,.about-company:after{display:none}.about-ring-band,.about-ring-core{stroke:canvastext}.about-loose-piece:after,.about-part:after{background:canvastext}}@media print{.about-ring,.about-loose,.about-bead{display:none}.about{max-width:none;color:var(--black);gap:28px;padding:0}.about :is(.about-lead,.about-text,.about-part-hint,.about-principle-text){color:var(--black)}.about .g-glass{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:1px solid color-mix(in oklch, var(--black) 30%, transparent);background:0 0}.about .g-glass:before,.about-principle:after,.about-company:after{display:none}.about-hero{min-height:0}.about *{animation:none}}
