@layer reset, tokens, base, layout, components, utilities;@layer reset{*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote{margin:0}button,input,textarea,select{font:inherit}img,svg,video{display:block;max-inline-size:100%}img,video{block-size:auto}[role=list]{list-style:none;padding:0}}@layer tokens{:root{color-scheme:dark;--font-sans: "Geist", Arial, sans-serif;--font-mono: "Geist Mono", ui-monospace, "Cascadia Mono", monospace;--type-label: .75rem;--hero-wash: radial-gradient(ellipse 100% 108% at 92% 0%, color-mix(in srgb, var(--sky-horizon) 48%, var(--bg)), color-mix(in srgb, var(--sky-mid) 57%, var(--bg)) 35%, var(--bg) 82%);--bg: #0d0d10;--surface: #14141a;--line: rgba(255, 255, 255, 0.1);--text: #f4f5f7;--text-muted: #8d93a1;--accent: #99b8f5;--sky-mid: #282d38;--sky-horizon: #444b57;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--type--1: clamp(0.8rem, 0.7333333333rem + 0.2962962963vw, 1rem);--type-0: clamp(1rem, 0.9166666667rem + 0.3703703704vw, 1.25rem);--type-1: clamp(1.25rem, 1.1458333333rem + 0.462962963vw, 1.5625rem);--type-2: clamp(1.5625rem, 1.4322916667rem + 0.5787037037vw, 1.953125rem);--type-3: clamp(1.953125rem, 1.7903645833rem + 0.7233796296vw, 2.44140625rem);--type-4: clamp(2.44140625rem, 2.2379557292rem + 0.904224537vw, 3.0517578125rem);--type-5: clamp(3.0517578125rem, 2.7974446615rem + 1.1302806713vw, 3.8146972656rem);--type-6: clamp(3.8146972656rem, 3.4968058268rem + 1.4128508391vw, 4.768371582rem);--container: 1440px;--grid-columns: 12;--gutter: clamp(1rem, 0.6666666667rem + 1.4814814815vw, 2rem);--side: clamp(1.25rem, 0.3333333333rem + 4.0740740741vw, 4rem);--section-y: clamp(6rem, 12vw, 12rem);--radius: 2px;--shell-header-height: 72px;--ease-out: cubic-bezier(0.16, 1, 0.3, 1);--duration-fast: 0.2s;--duration-base: 0.6s;--duration-slow: 1.2s;--stagger-step: 0.05s}}@layer base{html{background:var(--bg)}body{min-block-size:100svh;color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--bg)}:target{scroll-margin-block-start:var(--space-8)}a{color:var(--accent);text-decoration-thickness:.06em;text-underline-offset:.2em}a:hover{text-decoration-thickness:.12em}button:enabled{cursor:pointer}hr{border:0;border-block-start:1px solid var(--line)}@font-face{font-family:"Geist";src:url("../fonts/geist-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:optional}@font-face{font-family:"Geist Mono";src:url("../fonts/geist-mono-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:optional}body{font:400 var(--type-0)/1.55 var(--font-sans);overflow-wrap:break-word}h1,h2,h3,h4,h5,h6,[data-type-example^=h],.display{font-weight:540;line-height:1.06;letter-spacing:-0.02em}h1,[data-type-example=h1]{font-size:var(--type-5)}h2,[data-type-example=h2]{font-size:var(--type-4)}h3,[data-type-example=h3]{font-size:var(--type-3)}h4,[data-type-example=h4]{font-size:var(--type-2)}h5,[data-type-example=h5]{font-size:var(--type-1)}h6,[data-type-example=h6]{font-size:var(--type-0)}p{max-inline-size:68ch}small{font-size:var(--type--1)}code{font-family:var(--font-mono)}ul:not([role=list]),ol:not([role=list]){padding-inline-start:1.35em}blockquote{border-inline-start:1px solid var(--accent);padding-inline-start:var(--space-4);max-inline-size:55ch}.display{font-size:var(--type-6);line-height:1;text-transform:uppercase}.lead{font-size:var(--type-1);line-height:1.42;max-inline-size:40ch}.label{font:500 var(--type-label)/1.45 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.label[data-casing=literal]{text-transform:none;letter-spacing:normal}.label[data-tone=muted]{color:var(--text-muted)}.label[data-tone=accent]{color:var(--accent)}}@layer layout{.container{max-inline-size:var(--container);margin-inline:auto;padding-inline:var(--side)}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));column-gap:var(--gutter)}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-4))}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster-gap, var(--space-4))}.section{padding-block:var(--section-y)}}@layer components{.ui-icon{flex:none;vertical-align:middle}.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-block-size:48px;padding:var(--space-3) var(--space-5);border:1px solid var(--accent);border-radius:var(--radius);background:rgba(0,0,0,0);color:var(--accent);text-decoration:none}.button[data-variant=primary]{background:var(--accent);color:var(--bg)}.button::before{position:absolute;z-index:-1;inset:0;content:"";background:color-mix(in srgb, var(--accent) 12%, var(--bg));transform:scaleX(0);transform-origin:left;transition:transform var(--duration-fast) var(--ease-out)}.button[data-variant=primary]::before{background:color-mix(in srgb, var(--accent) 76%, var(--text))}.button:is(:hover,:focus-visible)::before{transform:scaleX(1)}.button:active{opacity:.85}.skip-link{position:fixed;z-index:10;inset-block-start:var(--space-4);inset-inline-start:var(--space-4)}.skip-link:not(:focus){inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}@media(prefers-reduced-motion: reduce){.button::before{transition:none}}.list-rows{border-block-start:1px solid var(--line);container:rows/inline-size}.list-row{position:relative;border-block-end:1px solid var(--line)}.list-row::after{position:absolute;inset:auto 0 -1px;block-size:1px;background:var(--accent);content:"";pointer-events:none;transform-origin:left;transform:scaleX(0);transition:transform var(--duration-base) var(--ease-out)}.list-row:has(>.list-row__link:is(:hover,:focus-visible))::after{transform:scaleX(1)}.list-row__content{display:grid;grid-template-columns:2.5rem minmax(0, 1fr) 1.5rem;grid-template-areas:"index name arrow" ". detail arrow";align-items:baseline;gap:var(--space-1) var(--space-3);padding:var(--space-5) var(--space-2)}.list-row__link{color:var(--text);text-decoration:none}.list-row__index{grid-area:index}.list-row__name{grid-area:name}.list-row__detail{grid-area:detail}.list-row__arrow{grid-area:arrow;justify-self:end;align-self:center;color:var(--accent);transition:transform var(--duration-fast) var(--ease-out)}.list-row__link:is(:hover,:focus-visible) .list-row__arrow{transform:translateX(4px)}.list-row[data-row-kind=capability] .list-row__content{grid-template-columns:2.5rem minmax(0, 1fr);grid-template-areas:"index name" ". detail"}.list-row[data-row-kind=capability] .list-row__detail{color:var(--text-muted)}@container rows (min-width: 34rem){.list-row[data-row-kind=capability] .list-row__content{grid-template-columns:3rem minmax(0, 1fr) minmax(0, 1.15fr);grid-template-areas:"index name detail"}.list-row__content{grid-template-columns:3.5rem minmax(0, 1.35fr) minmax(0, 1fr) 1.5rem;grid-template-areas:"index name detail arrow";column-gap:var(--space-5)}}@media(prefers-reduced-motion: reduce){.list-row::after,.list-row__arrow{transition:none}.list-row__link:is(:hover,:focus-visible) .list-row__arrow{transform:none}}.guide-overview{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--space-5) var(--gutter);padding-block:calc(var(--shell-header-height) + clamp(var(--space-12),8vw,var(--space-24))) clamp(var(--space-12),8vw,var(--space-24))}.guide-overview__title{--stack-gap: var(--space-5)}.guide-overview__note{max-inline-size:34ch;align-self:end;padding-inline-start:var(--space-4);border-inline-start:1px solid var(--line);color:var(--text-muted)}.guide-layout{border-block-start:1px solid var(--line)}.guide-index{padding-block:var(--space-5);border-block-end:1px solid var(--line)}.guide-index__links{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:var(--space-4)}.guide-index__links a{display:flex;align-items:baseline;gap:var(--space-2);min-block-size:44px;padding-block:var(--space-3);border-block-end:1px solid var(--line);color:var(--text);text-decoration:none}.guide-index__links a:is(:hover,:focus-visible){border-block-end-color:var(--accent)}.guide-section{container:specimen/inline-size;display:grid;gap:var(--space-8);padding-block:clamp(var(--space-10),6vw,var(--space-20))}.guide-section+.guide-section{border-block-start:1px solid var(--line)}.guide-section__head{display:grid;align-items:end;gap:var(--space-3) var(--gutter)}.guide-section__head p{color:var(--text-muted)}.guide-section__title{display:flex;align-items:baseline;gap:var(--space-3)}.type-sample{display:grid;grid-template-columns:3.5rem minmax(0, 1fr);align-items:baseline;gap:var(--space-3);padding-block:var(--space-4);border-block-start:1px solid var(--line)}.type-sample:first-child{padding-block:var(--space-5)}.type-sample:last-child{border-block-end:1px solid var(--line)}.type-sample__meta{display:grid;gap:var(--space-1)}.guide-type-details{display:grid;align-items:start;gap:var(--space-6) var(--gutter)}.swatches{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--space-3)}.swatch{border:1px solid var(--line)}.swatch__paint{min-block-size:var(--space-10);aspect-ratio:2.3;background:var(--swatch-color);border-block-end:1px solid var(--line)}.swatch__details{--stack-gap: var(--space-1);padding:var(--space-3);overflow-wrap:anywhere}.swatch__value::before{content:var(--swatch-value)}.swatch[data-token=bg]{--swatch-color: var(--bg);--swatch-value: "#0d0d10"}.swatch[data-token=surface]{--swatch-color: var(--surface);--swatch-value: "#14141a"}.swatch[data-token=line]{--swatch-color: var(--line);--swatch-value: "rgba(255, 255, 255, 0.1)"}.swatch[data-token=text]{--swatch-color: var(--text);--swatch-value: "#f4f5f7"}.swatch[data-token=text-muted]{--swatch-color: var(--text-muted);--swatch-value: "#8d93a1"}.swatch[data-token=accent]{--swatch-color: var(--accent);--swatch-value: "#99b8f5"}.swatch[data-token=sky-mid]{--swatch-color: var(--sky-mid);--swatch-value: "#282d38"}.swatch[data-token=sky-horizon]{--swatch-color: var(--sky-horizon);--swatch-value: "#444b57"}.space-sample{display:grid;grid-template-columns:5.2rem minmax(0, 1fr) 3rem;gap:var(--space-2);align-items:center;min-block-size:var(--space-10);padding-block:var(--space-1);border-block-start:1px solid var(--line)}.space-sample:last-child{border-block-end:1px solid var(--line)}.space-sample__bar{inline-size:min(100%,var(--sample-length));block-size:var(--space-2);background:var(--accent)}.space-sample__value::before{content:var(--sample-value)}.space-sample[data-token="1"]{--sample-length: var(--space-1);--sample-value: "4px"}.space-sample[data-token="2"]{--sample-length: var(--space-2);--sample-value: "8px"}.space-sample[data-token="3"]{--sample-length: var(--space-3);--sample-value: "12px"}.space-sample[data-token="4"]{--sample-length: var(--space-4);--sample-value: "16px"}.space-sample[data-token="5"]{--sample-length: var(--space-5);--sample-value: "20px"}.space-sample[data-token="6"]{--sample-length: var(--space-6);--sample-value: "24px"}.space-sample[data-token="8"]{--sample-length: var(--space-8);--sample-value: "32px"}.space-sample[data-token="10"]{--sample-length: var(--space-10);--sample-value: "40px"}.space-sample[data-token="12"]{--sample-length: var(--space-12);--sample-value: "48px"}.space-sample[data-token="16"]{--sample-length: var(--space-16);--sample-value: "64px"}.space-sample[data-token="20"]{--sample-length: var(--space-20);--sample-value: "80px"}.space-sample[data-token="24"]{--sample-length: var(--space-24);--sample-value: "96px"}.space-sample[data-token="32"]{--sample-length: var(--space-32);--sample-value: "128px"}.guide-grid{--stack-gap: var(--space-3)}.guide-grid__tracks>span{display:grid;place-items:end center;min-block-size:clamp(var(--space-10),9cqi,var(--space-20));padding-block-end:var(--space-2);border-block:1px solid var(--line);background:var(--surface)}.guide-grid__tracks .label{display:none}.guide-grid__span{padding:var(--space-3);border:1px solid var(--line)}.guide-grid__span:nth-child(1){grid-column:span 4}.guide-grid__span:nth-child(2){grid-column:span 8}@container specimen (min-width: 34rem){.guide-section__head{grid-template-columns:1fr 1fr}.guide-type-details{grid-template-columns:1fr 1fr}.swatches{grid-template-columns:repeat(3, minmax(0, 1fr))}.type-sample{grid-template-columns:6rem minmax(0, 1fr)}.guide-grid__tracks .label{display:inline}}@container specimen (min-width: 47rem){.swatches{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 56rem){.guide-overview,.guide-layout{display:grid;grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));column-gap:var(--gutter)}.guide-overview__title{grid-column:span 8}.guide-overview__note{grid-column:span 4}.guide-index{position:sticky;inset-block-start:var(--space-6);grid-column:span 2;align-self:start;padding-block:var(--space-12);border-block-end:0}.guide-index__links{grid-template-columns:minmax(0, 1fr)}.guide-sections{grid-column:4/-1}}.site-header{position:absolute;z-index:4;inset:0 0 auto}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:var(--shell-header-height)}.site-brand{display:inline-flex;align-items:center;gap:var(--space-3);min-inline-size:44px;min-block-size:44px;color:var(--text);text-decoration:none}.site-brand:hover{text-decoration:underline}.site-brand img{flex:none}.site-nav__list{display:flex;flex-wrap:wrap;gap:0 var(--space-5)}.site-nav__link{display:flex;align-items:center;min-block-size:44px;color:var(--text);text-decoration:none}.site-nav__link:is([aria-current],:hover,:focus-visible){color:var(--accent)}.site-hero{position:relative;isolation:isolate;overflow:clip;background:var(--bg)}.site-hero::before{position:absolute;z-index:-1;inset:0;background:var(--hero-wash);content:"";pointer-events:none}.site-hero__inner{display:flex;flex-direction:column;justify-content:center;min-block-size:max(34rem,91svh);padding-block:calc(var(--shell-header-height) + clamp(var(--space-8),9svh,var(--space-24))) var(--space-5)}.site-hero__grid{align-items:end;row-gap:var(--space-6);padding-block-end:clamp(var(--space-8),7svh,var(--space-16))}.site-hero__copy,.site-hero__summary{grid-column:1/-1;min-inline-size:0}.site-hero__title{max-inline-size:22ch;overflow-wrap:break-word;text-wrap:balance;font-size:clamp(2rem,5.1vw,var(--type-6));font-weight:480}.site-hero__summary{--reveal-order: 2;max-inline-size:32ch;color:var(--text-muted)}.site-hero__rail{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.site-hero__action{--reveal-order: 3}.site-hero__action .button{border-color:color-mix(in srgb, var(--text) 38%, transparent);color:var(--text)}.motion-toggle{align-items:center;gap:var(--space-2);min-block-size:44px;padding-inline:var(--space-2);border:0;background:rgba(0,0,0,0);color:var(--text-muted)}.motion-toggle:not([hidden]){display:inline-flex}.motion-toggle:is(:hover,:focus-visible){color:var(--text)}.motion-toggle [data-motion-icon=play],.motion-toggle[aria-pressed=true] [data-motion-icon=pause]{display:none}.motion-toggle[aria-pressed=true] [data-motion-icon=play]{display:initial}.site-footer{background:var(--surface)}.site-footer__contact{align-items:end;row-gap:var(--space-6);padding-block:clamp(var(--space-16),11vw,var(--space-32))}.site-footer__heading,.site-footer__action{grid-column:1/-1}.site-footer__heading h2{font-size:var(--type-4)}.site-footer__heading p{color:var(--text-muted)}.site-footer__body{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-8);padding-block:var(--space-8)}.site-socials{display:flex;gap:var(--space-2)}.site-socials a{display:grid;place-items:center;min-inline-size:44px;min-block-size:44px;border:1px solid var(--line);border-radius:50%;color:var(--text)}.site-socials a:is(:hover,:focus-visible){border-color:var(--accent);color:var(--accent)}.site-footer__copyright{color:var(--text-muted)}.site-footer__rail{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 var(--space-4);border-block-start:1px solid var(--line);padding-block:var(--space-2)}.site-footer__top{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:44px}@media(min-width: 58rem){.site-hero__copy{grid-column:1/span 8}.site-hero__summary{grid-column:9/-1}.site-footer__heading{grid-column:1/span 8}.site-footer__heading h2{font-size:var(--type-6)}.site-footer__action{grid-column:9/-1;justify-self:end}}html:has(.site-menu[open]){overflow:hidden}.menu-trigger:not([hidden]){display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2)}.menu-trigger{min-inline-size:6rem;min-block-size:44px;padding-inline:var(--space-3);border:1px solid var(--line);border-radius:2rem;background:rgba(0,0,0,0);color:var(--text);text-decoration:none}.site-header [data-menu-open],.site-header__fallback{position:fixed;inset-block-start:calc((var(--shell-header-height) - 44px)/2);inset-inline-end:max(var(--side),(100% - var(--container))/2 + var(--side))}.site-header .menu-trigger{background:rgba(13,13,16,.9);backdrop-filter:blur(12px)}.site-header__fallback summary::-webkit-details-marker{display:none}.site-header__fallback-links{inline-size:min(17rem,100vw - 2*var(--side));max-block-size:70svh;margin-block-start:var(--space-3);padding:var(--space-4);overflow:auto;border:1px solid var(--line);background:var(--surface)}.site-header__fallback-links .site-nav__list{display:grid}.site-header__fallback-links .site-nav__link{justify-content:space-between}.menu-trigger:is(:hover,:focus-visible){border-color:var(--accent);color:var(--accent)}.site-menu{--menu-bg: color-mix(in srgb, var(--surface) 50%, var(--bg));position:fixed;inset:0;margin:0;inline-size:100%;max-inline-size:none;block-size:100%;max-block-size:none;padding:0;overflow:auto;overscroll-behavior:contain;border:0;background:linear-gradient(130deg, var(--menu-bg), var(--surface));color:var(--text)}.site-menu:not([open]){display:none}.site-menu::backdrop{background:rgba(0,0,0,.72)}.site-menu__inner{display:grid;align-content:start;gap:clamp(var(--space-4),3.5svh,var(--space-8));grid-template-rows:auto auto auto 1fr;min-block-size:100%;max-inline-size:80rem;padding-block-end:var(--space-8)}.site-menu__top,.site-menu__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.site-menu__top{position:sticky;z-index:1;inset-block-start:0;min-block-size:var(--shell-header-height);background:var(--menu-bg);box-shadow:0 8px 16px var(--menu-bg)}.site-menu__bottom{align-self:end;flex-wrap:wrap;border-block-start:1px solid var(--line);padding-block-start:var(--space-4)}.site-menu__email{display:inline-flex;align-items:center;min-block-size:44px;color:var(--text);overflow-wrap:anywhere}.site-menu .site-nav__list{display:grid;border-block-start:1px solid var(--line)}.site-menu .site-nav__link{justify-content:space-between;gap:var(--space-3);padding:clamp(var(--space-4),3svh,var(--space-8)) var(--space-3);border-block-end:1px solid var(--line);overflow-wrap:anywhere;line-height:1.1}.site-menu .site-nav[data-area=primary] .site-nav__link{min-block-size:clamp(4.5rem,12svh,7.25rem);font-size:var(--type-4);letter-spacing:-0.035em}.site-menu .site-nav[data-area=secondary] .site-nav__link{min-block-size:clamp(4.25rem,10svh,6.25rem);background:hsla(0,0%,100%,.025);font-size:var(--type-1)}.site-menu .site-nav__link:is(:hover,:focus-visible){background:hsla(0,0%,100%,.05)}.site-menu .site-nav__link:focus-visible{outline-offset:-2px}.site-nav__link .ui-icon{color:var(--accent)}@media(min-width: 40rem){.site-menu .site-nav[data-area=secondary] .site-nav__list{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:0}.site-menu .site-nav[data-area=secondary] li+li{border-inline-start:1px solid var(--line)}}@keyframes menu-link-enter{from{opacity:0;translate:0 .65rem}to{opacity:1;translate:0}}@media(prefers-reduced-motion: no-preference){html:not([data-motion=off]) .site-menu{opacity:0;translate:0 1rem;transition:opacity .26s ease,translate .38s var(--ease-out),display .38s allow-discrete,overlay .38s allow-discrete}html:not([data-motion=off]) .site-menu[open]{opacity:1;translate:0}@starting-style{html:not([data-motion=off]) .site-menu[open]{opacity:0;translate:0 1rem}}html:not([data-motion=off]) .site-menu[open] .site-nav__link{animation:menu-link-enter .38s var(--ease-out) both;animation-delay:calc(var(--menu-link-order, 0)*.04s)}html:not([data-motion=off]) .site-menu[open] .site-nav__link:focus-visible{animation:none}html:not([data-motion=off]) .site-nav__link .ui-icon{transition:translate .2s var(--ease-out)}html:not([data-motion=off]) .site-nav__link:is(:hover,:focus-visible) .ui-icon{translate:.2rem -0.2rem}.site-menu li:nth-child(2){--menu-link-order: 1}.site-menu li:nth-child(3){--menu-link-order: 2}.site-menu li:nth-child(4){--menu-link-order: 3}.site-menu [data-area=secondary] li{--menu-link-order: 4}.site-menu [data-area=secondary] li+li{--menu-link-order: 5}}.editorial-copy{max-inline-size:min(var(--container),74ch)}.editorial-copy p{color:var(--text-muted)}.archive-main__index{padding-block:var(--space-4) var(--section-y)}.archive-empty{color:var(--text-muted)}.archive-list{display:grid;gap:var(--space-6)}.archive-entry{padding-block:var(--space-5);border-block-end:1px solid var(--line);color:var(--text);text-decoration:none}.archive-entry h2{font-size:var(--type-2)}.archive-entry h2 .ui-icon{display:inline-block}.archive-entry .ui-icon,.archive-entry time{color:var(--accent)}.archive-entry p{color:var(--text-muted)}.archive-entry:hover h2{color:var(--accent)}.contact-main{min-block-size:74svh;display:grid;align-items:center;padding-block:calc(var(--shell-header-height) + var(--space-12)) var(--section-y);background:var(--hero-wash)}.contact-main__inner{--stack-gap: var(--space-6);inline-size:100%}.contact-main__title{max-inline-size:17ch;font-size:var(--type-4)}.contact-main p{max-inline-size:37ch;color:var(--text-muted)}.contact-address{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);min-block-size:44px;overflow-wrap:anywhere;font-size:var(--type-1);text-underline-offset:.22em}.work-journey{--work-stage-height: 100svh;position:relative;isolation:isolate;display:grid;background:var(--bg)}.work-journey__stage,.work-journey__stories{grid-area:1/1}.work-journey__stage{position:sticky;inset-block-start:0;block-size:var(--work-stage-height);align-self:start;overflow:clip;background:var(--surface);pointer-events:none}.work-journey__stories{position:relative;z-index:1}.work-project{position:relative;display:grid;align-items:end;min-block-size:var(--work-stage-height)}.work-project__backdrop{position:absolute;inset:0;overflow:clip;background:var(--surface);pointer-events:none}.work-journey__stage .work-project__backdrop{opacity:0}.work-journey__stage .work-project__backdrop[data-previous]{opacity:1}.work-journey__stage .work-project__backdrop[data-current]{z-index:1;opacity:1}.work-journey:has(.work-journey__stage:not([hidden])) .work-project>.work-project__backdrop{visibility:hidden}.work-project__backdrop::after{position:absolute;inset:0;background:linear-gradient(0deg, rgba(13, 13, 16, 0.83), rgba(13, 13, 16, 0.22) 60%, rgba(13, 13, 16, 0.08));content:""}.work-project__visual,.work-project__visual>img{display:block;inline-size:100%;block-size:100%}.work-project__visual>img{object-fit:cover}.work-project__visual--abstract{display:grid;place-items:center;background:radial-gradient(ellipse at 69% 24%, color-mix(in srgb, var(--accent) 24%, var(--sky-mid)), transparent 62%),var(--surface)}.work-project__visual--abstract>img{inline-size:min(42vw,24rem);block-size:auto;translate:15% -10%;opacity:.36}.work-project__inner{position:relative;inline-size:100%;padding-block:var(--space-12) clamp(var(--space-5),8svh,var(--space-24))}.work-project__copy{align-items:flex-start;inline-size:fit-content;max-inline-size:min(100%,39rem);--stack-gap: var(--space-3);padding:clamp(var(--space-4),3vw,var(--space-10));border:1px solid var(--line);border-radius:var(--radius);background:rgba(13,13,16,.88)}.work-project__title{max-inline-size:18ch;overflow-wrap:anywhere;font-size:clamp(1.5rem,8vw,var(--type-4))}.work-project__copy .lead{color:var(--text);font-size:var(--type-0)}@keyframes work-image-enter{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion: no-preference){html:not([data-motion=off]) .work-journey__stage .work-project__backdrop[data-current]{animation:work-image-enter .78s ease-out both}}@media(min-width: 40rem){.contact-main__title,.work-project__title{font-size:var(--type-5)}.work-project{align-items:center}.work-project__inner{padding-block:var(--space-12)}.work-project__copy .lead{font-size:var(--type-1)}}@media(min-width: 58rem){.contact-main__title{font-size:var(--type-6)}}.reveal-line,.reveal-line>span{display:block}.reveal-word{display:inline-block;max-inline-size:100%;overflow-wrap:anywhere}.reveal-word>span{display:inline-block}@keyframes hero-light-exit{to{transform:translateY(-12%);opacity:.38}}@keyframes hero-content-exit{to{transform:translateY(-1.75rem)}}@media(prefers-reduced-motion: no-preference){html.js:not([data-motion=off]){scroll-behavior:smooth}.js:not([data-motion=off]) [data-anim=lines] .reveal-line,.js:not([data-motion=off]) [data-anim=words] .reveal-word,.js:not([data-motion=off]) [data-anim=mask]{overflow:clip;overflow-clip-margin:.09em}.js:not([data-motion=off]) [data-reveal]{--reveal-duration: var(--duration-base);--reveal-lift: .7rem}.js:not([data-motion=off]) [data-anim=lines]{--reveal-duration: var(--duration-slow)}.js:not([data-motion=off]) [data-reveal] :is(.reveal-line,.reveal-word)>span,.js:not([data-motion=off]) :is([data-anim=stagger],[data-anim=mask])[data-reveal]>*,.js:not([data-motion=off]) [data-anim=fade][data-reveal]{transition:transform var(--reveal-duration) var(--ease-out),opacity var(--duration-base) var(--ease-out);transition-delay:calc(var(--reveal-order, 0)*var(--stagger-step))}.js:not([data-motion=off]) [data-reveal=pending]:not(:focus-within) :is(.reveal-line,.reveal-word)>span{transform:translateY(105%);opacity:0}.js:not([data-motion=off]) :is([data-anim=stagger],[data-anim=mask])[data-reveal=pending]:not(:focus-within)>*,.js:not([data-motion=off]) [data-anim=fade][data-reveal=pending]:not(:focus-within){transform:translateY(var(--reveal-lift));opacity:0}.js:not([data-motion=off]) [data-reveal]:focus-within,.js:not([data-motion=off]) [data-reveal]:focus-within>*{transition:none}:is(.reveal-line,.reveal-word):nth-child(2),[data-anim=stagger]>:nth-child(2){--reveal-order: 1}:is(.reveal-line,.reveal-word):nth-child(3),[data-anim=stagger]>:nth-child(3){--reveal-order: 2}:is(.reveal-line,.reveal-word):nth-child(4),[data-anim=stagger]>:nth-child(4){--reveal-order: 3}:is(.reveal-line,.reveal-word):nth-child(5),[data-anim=stagger]>:nth-child(5){--reveal-order: 4}:is(.reveal-line,.reveal-word):nth-child(6),[data-anim=stagger]>:nth-child(6){--reveal-order: 5}@supports(animation-timeline: view()) and (animation-range: entry){.js:not([data-motion=off]) .site-hero{view-timeline:--hero-exit block}.js:not([data-motion=off]) .site-hero::before{animation:hero-light-exit auto linear both;animation-timeline:--hero-exit;animation-range:exit 0% exit 90%}.js:not([data-motion=off]) .site-hero__grid{animation:hero-content-exit auto linear both;animation-timeline:--hero-exit;animation-range:exit 0% exit 90%}}}.home-section{padding-block:clamp(var(--space-16),9vw,var(--space-32))}.home-section__grid{row-gap:clamp(var(--space-8),4vw,var(--space-16))}.home-section__heading,.home-section__body{grid-column:1/-1;min-inline-size:0}.home-section__heading{--stack-gap: var(--space-4)}.home-section__title{overflow-wrap:anywhere;font-size:var(--type-4)}.home-section__intro{max-inline-size:33ch;color:var(--text-muted)}@media(min-width: 58rem){.home-section__heading{grid-column:1/span 4}.home-section__body{grid-column:6/-1}}.detail-main{background:var(--bg)}.detail-intro{padding-block:calc(var(--shell-header-height) + clamp(var(--space-12),8vw,var(--space-24))) clamp(var(--space-8),6vw,var(--space-16))}.detail-intro__grid{row-gap:clamp(var(--space-8),4vw,var(--space-16))}.detail-intro__title,.detail-intro__lead{grid-column:1/-1;min-inline-size:0}.detail-intro__title{--stack-gap: var(--space-4)}.detail-title{overflow-wrap:anywhere;font-size:var(--type-4)}.detail-intro__lead{align-self:end;color:var(--text-muted)}.detail-intro__back{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:44px}.case-meta{display:flex;flex-wrap:wrap;gap:var(--space-6) clamp(var(--space-8),7vw,var(--space-24));padding-block:var(--space-6);border-block-end:1px solid var(--line)}.case-meta>div{display:grid;gap:var(--space-1)}.case-media{padding-block-start:var(--space-8)}.case-media picture{display:block;border:1px solid var(--line);background:var(--surface)}.case-media img{inline-size:100%}.case-media figcaption{padding-block-start:var(--space-3)}.detail-links{padding-block:var(--space-6)}@media(min-width: 40rem){.detail-title{font-size:var(--type-5)}}@media(min-width: 58rem){.detail-intro__title{grid-column:1/span 8}.detail-intro__lead{grid-column:10/-1}.detail-title{font-size:var(--type-6)}}.feature-section{--feature-gap: clamp(.75rem, 1.4vw, 1.25rem);padding-block:clamp(4rem,7vw,7.5rem)}.feature-section .home-section__heading{margin-block-end:clamp(2.25rem,4vw,4rem)}.feature-section--overview .home-section__heading{margin-block-end:0}.feature-section--overview .home-section__title{max-inline-size:19ch;text-wrap:balance}.feature-section--overview .home-section__intro{max-inline-size:42ch;font-size:var(--type-1)}.feature-grid{display:grid;gap:var(--feature-gap)}.feature-panel{--panel-inset: clamp(1.5rem, 4.25vw, 4.5rem);position:relative;display:flex;flex-direction:column;justify-content:center;min-inline-size:0;min-block-size:clamp(10rem,17vw,15rem);padding:var(--panel-inset);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--sky-mid) 23%, var(--surface)), var(--surface) 66%)}.feature-panel__copy{--stack-gap: var(--space-3);align-self:start;min-inline-size:0}.feature-panel h3{max-inline-size:19ch;font-size:var(--type-2);text-wrap:balance}.feature-panel--service{justify-content:flex-start}.feature-panel--service h2{font-size:var(--type-2);text-wrap:balance}.feature-panel--service ul{display:grid;gap:var(--space-2);margin-block-start:var(--space-2)}.feature-panel--service li::marker{color:var(--accent)}.feature-section__link{margin-block-start:var(--space-6)}.feature-panel p{max-inline-size:42ch;color:var(--text-muted)}.feature-panel .case-media{min-inline-size:0;padding-block-start:var(--space-5)}.feature-panel .case-media picture{overflow:clip;border:0;border-radius:var(--radius)}@media(min-width: 44rem){.feature-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 58rem){.feature-section .home-section__heading{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));align-items:end;gap:var(--feature-gap)}.feature-section--overview .home-section__heading{align-items:start}.feature-section--overview .feature-section__actions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--feature-gap)}.feature-section--overview .feature-section__link{grid-column:2;justify-self:start}}.diagram{position:relative;isolation:isolate;display:grid;place-items:center;min-inline-size:0;min-block-size:clamp(12rem,25vw,23rem);padding:clamp(.75rem,2vw,2rem);overflow:clip;background:radial-gradient(ellipse at 50% 48%, rgba(91, 130, 211, 0.16), transparent 69%),linear-gradient(155deg, #151a26, #0f121a 75%)}.diagram::before{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg, rgba(153, 184, 245, 0.1) 1px, transparent 1px),linear-gradient(rgba(153, 184, 245, 0.1) 1px, transparent 1px);background-size:1.5rem 1.5rem;mask-image:radial-gradient(ellipse, #000, transparent 73%);content:""}.diagram svg{inline-size:min(100%,34rem);block-size:auto}.diagram__panel{fill:#171e2d;stroke:#435473}.diagram__solid{fill:#25354e;stroke:#85a8e6}.diagram__wire{stroke:#536a92}.diagram__detail{stroke:#8b9fbe;stroke-linecap:round}.diagram__trace{stroke:#adc8ff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(136, 178, 255, 0.55))}.diagram__node{fill:#b2cdff}.illustrated-list{display:grid;gap:clamp(var(--space-3),2.2vw,var(--space-8))}.feature-panel--illustrated{padding:0;overflow:clip}.feature-panel--illustrated .feature-panel__copy{align-self:stretch;justify-content:center;padding:var(--panel-inset)}.feature-panel--illustrated h3,.feature-panel--illustrated h2{max-inline-size:21ch}.feature-panel--illustrated>.case-media{padding:var(--panel-inset)}.work-preview{display:grid;align-items:center;gap:clamp(var(--space-6),5vw,var(--space-24))}.work-preview__index,.work-preview .case-media{min-inline-size:0}.work-preview__list{border-block-start:1px solid var(--line)}.work-preview__row{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:var(--space-1) var(--space-4);padding-block:var(--space-4);border-block-end:1px solid var(--line);color:var(--text);text-decoration:none}.work-preview__row:is(a:hover,a:focus-visible){color:var(--accent)}.work-preview__name{grid-column:1;font-size:var(--type-1);line-height:1.2}.work-preview__details{grid-column:1;color:var(--text-muted)}.work-preview__row .ui-icon{grid-area:1/2/span 2;color:var(--accent)}.work-preview__action{margin-block-start:var(--space-6)}.work-preview .case-media{padding:0}.work-preview .case-media img{aspect-ratio:1.6;object-fit:cover}@media(min-width: 53rem){.feature-panel--illustrated{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr)}.illustrated-list .feature-panel--illustrated:nth-child(even)>.feature-panel__copy{grid-area:1/2}.illustrated-list .feature-panel--illustrated:nth-child(even)>:is(.diagram,.case-media){grid-area:1/1}.work-preview--with-image{grid-template-columns:minmax(0, 5fr) minmax(0, 6fr)}}@keyframes diagram-trace-in{from{opacity:.15}to{opacity:1}}@media(prefers-reduced-motion: no-preference){html:not([data-motion=off]) [data-reveal=shown] .diagram__trace{animation:diagram-trace-in 1.15s ease-out both}}}@layer utilities{.u-sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}