:root{--font-display:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-code:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--fluid:clamp(0rem, (100vw - 20rem) / 70, 1rem);--text-h1:calc(1.875rem + 1.625 * var(--fluid));--text-display:min(max(4.9vw, var(--text-h1)), 4.4rem);--text-h2:calc(1.625rem + 1.125 * var(--fluid));--text-h3:calc(1.5rem + .5 * var(--fluid));--text-standfirst:calc(1.125rem + .875 * var(--fluid));--text-h4:1.5rem;--text-h5:1.25rem;--text-lead:1.25rem;--text-body-lg:1.125rem;--text-body:1rem;--text-small:.875rem;--text-caption:.75rem;--doc-text-lead:24px;--doc-text-title:18px;--doc-text-body:16px;--doc-text-caption:14px;--doc-leading-none:1;--doc-leading-title:1.25;--doc-leading-standfirst:1.45;--doc-leading-body:1.5;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--leading-none:1;--leading-display:1.06;--leading-tight:1.08;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-display:-.025em;--tracking-tight:-.02em;--tracking-wide:.04em;--tracking-caps:.14em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--space-11:10rem;--space-12:12rem;--stack-sm:var(--space-4);--stack-md:var(--space-5);--stack-lg:var(--space-6);--stack-xl:var(--space-7);--stack-2xl:var(--space-8);--cluster-xs:var(--space-1);--cluster-sm:var(--space-2);--cluster-md:var(--space-3);--cluster-lg:var(--space-4);--cluster-xl:var(--space-5);--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--radius-xl:32px;--radius-full:999px;--radius-squircle:22.4%;--container-max:1440px;--container-pad:var(--space-5);--section-gap:var(--space-8);--duration-fast:.15s;--duration-base:.28s;--duration-slow:.5s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--z-base:1;--z-nav:100;--z-overlay:200;--z-modal:300;--glass-blur:14px;--glass-saturate:1.6;--glass-radius:var(--radius-lg);--glass-edge:.5;--glass-specular-angle:135deg;--azure-1:oklch(96% .019 248);--azure-2:oklch(89% .055 247.5);--azure-3:oklch(80% .1 246.5);--azure-4:oklch(69% .136 246);--azure-5:oklch(62.5% .139 246);--azure-6:oklch(56% .14 246);--azure-7:oklch(48% .127 247.5);--azure-8:oklch(40.5% .113 249.5);--azure-9:oklch(30% .085 250)}@media (width>=768px){:root{--container-pad:var(--space-6);--section-gap:var(--space-9);--text-lead:1.5rem}}@media (width>=1024px){:root{--container-pad:var(--space-7);--section-gap:var(--space-10)}}@media (width>=1280px){:root{--container-pad:var(--space-8);--section-gap:var(--space-11)}}@media (width>=1536px){:root{--section-gap:var(--space-12)}}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-page:oklch(100% 0 0);--surface-subtle:oklch(96.8% 0 0);--surface-elevated:oklch(96.5% 0 0);--surface-inset:oklch(94.5% 0 0);--surface-overlay:oklch(100% 0 0);--text-primary:oklch(16% 0 0);--text-muted:oklch(45% 0 0);--text-subtle:oklch(62% 0 0);--border:oklch(0% 0 0/.1);--border-strong:oklch(0% 0 0/.18);--accent:var(--azure-7);--accent-hover:var(--azure-6);--accent-contrast:oklch(100% 0 0);--accent-soft:oklch(69% .136 246/.12);--accent-wash:var(--azure-1);--focus:var(--azure-4);--scrim:oklch(100% 0 0/.6);--alpha-hover:oklch(0% 0 0/.04);--alpha-active:oklch(0% 0 0/.07);--alpha-selected:oklch(0% 0 0/.1);--tint-hover:var(--alpha-hover);--success-bg:oklch(96% .035 155);--success-border:oklch(87% .09 155);--success-fg:oklch(48% .12 155);--info-bg:oklch(96% .03 246);--info-border:oklch(87% .08 246);--info-fg:var(--azure-6);--warn-bg:oklch(96% .04 85);--warn-border:oklch(87% .1 85);--warn-fg:oklch(52% .115 80);--danger-bg:oklch(96% .025 25);--danger-border:oklch(87% .08 25);--danger-fg:oklch(50% .19 27);--glass-tint:oklch(100% 0 0/.55);--glass-tint-strong:oklch(100% 0 0/.85);--glass-border:oklch(100% 0 0/.7);--glass-highlight:oklch(100% 0 0/.9);--glass-shadow:0 8px 30px oklch(0% 0 0/.12), 0 2px 8px oklch(0% 0 0/.07);--glass-inner:inset 0 1px 0 oklch(100% 0 0/.65);--shadow-xs:0 2px 6px oklch(0% 0 0/.07), 0 1px 2px oklch(0% 0 0/.05);--shadow-sm:0 4px 16px oklch(0% 0 0/.06), 0 1px 3px oklch(0% 0 0/.05);--shadow-md:0 4px 20px oklch(0% 0 0/.18);--shadow-sheet:0 -12px 48px oklch(0% 0 0/.14), 0 -2px 8px oklch(0% 0 0/.07)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-page:oklch(14% 0 0);--surface-subtle:oklch(16.5% 0 0);--surface-elevated:oklch(19% 0 0);--surface-inset:oklch(11% 0 0);--surface-overlay:oklch(22% 0 0);--text-primary:oklch(97% 0 0);--text-muted:oklch(72% 0 0);--text-subtle:oklch(55% 0 0);--border:oklch(100% 0 0/.12);--border-strong:oklch(100% 0 0/.22);--accent:oklch(72% .13 243);--accent-hover:oklch(80% .11 243);--accent-contrast:oklch(14% 0 0);--accent-soft:oklch(69% .136 246/.16);--accent-wash:oklch(21% .03 246);--focus:var(--azure-4);--scrim:oklch(8% 0 0/.6);--alpha-hover:oklch(100% 0 0/.05);--alpha-active:oklch(100% 0 0/.09);--alpha-selected:oklch(100% 0 0/.13);--tint-hover:var(--alpha-hover);--success-bg:oklch(22% .05 155);--success-border:oklch(35% .1 155);--success-fg:oklch(75% .14 155);--info-bg:oklch(22% .05 246);--info-border:oklch(35% .1 246);--info-fg:oklch(75% .1 246);--warn-bg:oklch(22% .05 85);--warn-border:oklch(36% .1 85);--warn-fg:oklch(80% .13 85);--danger-bg:oklch(22% .06 25);--danger-border:oklch(36% .12 25);--danger-fg:oklch(72% .17 25);--glass-tint:oklch(100% 0 0/.08);--glass-tint-strong:oklch(100% 0 0/.14);--glass-border:oklch(100% 0 0/.18);--glass-highlight:oklch(100% 0 0/.35);--glass-shadow:0 8px 30px oklch(0% 0 0/.5), 0 2px 8px oklch(0% 0 0/.4);--glass-inner:inset 0 1px 0 oklch(100% 0 0/.22);--shadow-xs:0 2px 6px oklch(0% 0 0/.35), 0 1px 2px oklch(0% 0 0/.28);--shadow-sm:0 4px 16px oklch(0% 0 0/.3), 0 1px 3px oklch(0% 0 0/.25);--shadow-md:0 4px 20px oklch(0% 0 0/.55)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out)}img,svg,video,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{background:0 0;border:0}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}::selection{background:var(--accent);color:var(--accent-contrast)}#app{z-index:var(--z-base);flex-direction:column;min-height:100vh;display:flex;position:relative}#app>main{flex:1 0 auto}.eyebrow{font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle)}.display{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-semibold);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.h1{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.h2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.h3{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.h4{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.h5{font-family:var(--font-display);font-size:var(--text-h5);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.standfirst{font-size:var(--text-body-lg);line-height:var(--leading-relaxed);color:var(--text-muted)}.standfirst--display{font-size:var(--text-standfirst);line-height:var(--leading-normal)}.lead-paragraph{font-size:var(--text-lead);line-height:var(--leading-normal)}.prose{font-size:var(--text-body);line-height:var(--leading-normal)}.caption{font-size:var(--text-small);line-height:var(--leading-normal);color:var(--text-subtle)}.caption--pair{text-wrap:pretty}.caption--pair b{color:var(--text-primary);font-weight:600}.heading-soft{font-weight:var(--weight-light);color:var(--text-muted)}.heading-num{display:flex}.heading-num__title{margin:0}.heading-num__index{font-weight:var(--weight-light);line-height:var(--leading-none);color:var(--text-subtle);font-variant-numeric:tabular-nums}.heading-num--stack{gap:var(--space-3);flex-direction:column}.heading-num--inline{align-items:baseline;gap:var(--space-3)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.accent{color:var(--accent)}.mono{font-family:var(--font-mono)}.balance{text-wrap:balance}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.section{padding-block:var(--section-gap)}.stack>*+*{margin-top:var(--stack-gap,var(--stack-sm))}.cluster{align-items:center;gap:var(--cluster-gap,var(--cluster-md));flex-wrap:wrap;display:flex}[data-reveal]{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(24px)}[data-reveal].is-revealed{opacity:1;transform:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);top:var(--space-4);z-index:var(--z-modal);padding:var(--space-2) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:transform var(--duration-fast) var(--ease-out);position:absolute;transform:translateY(-150%)}.skip-link:focus-visible{transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation-duration:var(--duration-base);animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:var(--duration-base);animation-timing-function:var(--ease-out)}}[data-reveal=blur]{opacity:0;filter:blur(10px);transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out), filter var(--duration-slow) var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(16px)scale(.98)}[data-reveal=blur].is-revealed{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal=blur]{opacity:1;filter:none;transform:none}}.page{z-index:var(--z-base);position:relative}.page:not(.page--home)>.section:first-child{padding-top:calc(72px + var(--space-8))}.hero{min-height:100svh;padding-top:100px;padding-bottom:var(--space-5);text-align:center;background:radial-gradient(55% 45% at 50% 26%, var(--accent-soft), transparent 70%), linear-gradient(180deg, var(--accent-wash), var(--surface-page) 72%);perspective:1200px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.coin{--coin:min(36vh, 58vw);--p:0;width:var(--coin);height:var(--coin);transform-style:preserve-3d;will-change:transform;flex:none;margin-top:auto;position:relative}.coin--live{cursor:pointer}.coin__echo{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--accent-wash);transition:opacity .6s var(--ease-out);position:absolute;inset:0}.coin__echo--1{transform:translateZ(calc(-24px * (1 - var(--p) * .6))) translateY(calc(18px * (1 - var(--p) * .55))) scale(calc(.98 + var(--p) * .012));opacity:calc(.85 + var(--p) * .15)}.coin__echo--2{transform:translateZ(calc(-46px * (1 - var(--p) * .6))) translateY(calc(36px * (1 - var(--p) * .55))) scale(calc(.96 + var(--p) * .025));opacity:calc(.55 + var(--p) * .3)}.coin__echo--3{transform:translateZ(calc(-68px * (1 - var(--p) * .6))) translateY(calc(54px * (1 - var(--p) * .55))) scale(calc(.94 + var(--p) * .04));opacity:calc(.3 + var(--p) * .35)}.coin.is-lifted .coin__echo--1{opacity:.75}.coin.is-lifted .coin__echo--2{opacity:.45}.coin.is-lifted .coin__echo--3{opacity:.22}.coin__face{border-radius:var(--radius-full);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-inner);transition:box-shadow .6s var(--ease-out);position:absolute;inset:0;overflow:hidden}.coin.is-lifted .coin__face{box-shadow:0 28px 60px oklch(0% 0 0/.2), 0 6px 18px oklch(0% 0 0/.1), var(--glass-inner)}.coin--portrait{--mat:3.4%}.coin--portrait .coin__face{background:var(--surface-overlay);transform:translateZ(48px)scale(.96)}.coin__portrait{inset:var(--mat);width:calc(100% - var(--mat) * 2);height:calc(100% - var(--mat) * 2);object-fit:cover;object-position:50% 32%;border-radius:var(--radius-full);filter:contrast(1.03);position:absolute;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.08),inset 0 2px 8px oklch(0% 0 0/.16)}.coin__sheen{border-radius:var(--radius-full);pointer-events:none;background:linear-gradient(150deg,oklch(100% 0 0/.34) 0%,oklch(100% 0 0/.05) 17%,#0000 32%),radial-gradient(120% 120% at 50% 40%,#0000 64%,oklch(0% 0 0/.15));position:absolute;inset:0}.coin__field{pointer-events:none;border-radius:var(--radius-full);width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:1px;left:1px}.coin__frost{pointer-events:none;border-radius:var(--radius-full);width:calc(100% - 2px);height:calc(100% - 2px);filter:blur(var(--tuner-frost-blur,8px)) saturate(var(--tuner-frost-sat,3)) brightness(var(--tuner-frost-bright,.8));position:absolute;top:1px;left:1px;-webkit-mask-image:url(/brand/mark-hole.svg);mask-image:url(/brand/mark-hole.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.coin__glass{border-radius:var(--radius-full);background:linear-gradient(155deg, var(--glass-highlight) 0%, transparent 38%), color-mix(in oklch, var(--glass-highlight) calc(var(--tuner-veil,1) * 100%), var(--glass-tint-strong));filter:drop-shadow(0 2px 10px oklch(0% 0 0/.25));position:absolute;inset:0;-webkit-mask-image:url(/brand/mark-hole.svg);mask-image:url(/brand/mark-hole.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero__title{margin-top:var(--space-7);padding-top:var(--space-8);font-size:var(--text-display)}.hero__sub{margin-top:var(--space-5);max-width:min(52ch, 100% - 2 * var(--container-pad));margin-inline:auto}.hero__scroll{margin-top:var(--space-6);padding:var(--space-3) var(--space-4);color:var(--accent);transition:color var(--duration-fast) var(--ease-out);animation:hero-scroll-in var(--duration-slow) var(--ease-out) .56s both;flex:none;display:inline-flex}@keyframes hero-scroll-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero__scroll{animation:none}}@media (width<=767px){.hero__scroll{display:none}.hero{padding-block-end:var(--space-6)}.coin{--coin:min(30svh, 58vw)}.hero__title{margin-top:var(--space-6);padding-top:var(--space-6)}}@media (width<=767px) and (height<=620px){.hero{padding-top:96px;padding-block-end:var(--space-5)}.coin{--coin:min(23svh, 58vw)}.hero__title{margin-top:var(--space-5);padding-top:var(--space-5)}}.hero__scroll:hover{color:var(--accent)}.hero__scroll-tri{display:block}.hero__scroll-tri svg{width:30px;height:auto;display:block;overflow:visible}.hero__scroll-tri path{fill:currentColor;stroke:currentColor;stroke-width:3px;stroke-linejoin:round;opacity:.35;animation:scroll-cascade 1.9s var(--ease-in-out) infinite}.hero__scroll-tri path:nth-of-type(2){animation-delay:.22s}.hero__scroll-tri path:nth-of-type(3){animation-delay:.44s}.signature{perspective:1200px;justify-content:center;display:flex}.signature__inner{justify-content:center;display:flex}.signature .coin{margin:0}@keyframes scroll-cascade{0%,55%,to{opacity:.35;transform:translateY(0)}22%{opacity:1;transform:translateY(1.5px)}}@media (prefers-reduced-motion:reduce){.hero__scroll-tri path{opacity:.7;animation:none}}@media (width>=900px){.hero__title{white-space:nowrap}}.page-head .eyebrow{margin-bottom:var(--space-3)}.page-head .display{max-width:18ch;font-size:var(--text-h1)}.page-head__copy{max-width:60ch;margin-top:var(--space-5)}.error-page{justify-content:center;align-items:center;gap:var(--space-4);min-height:100svh;padding-top:100px;padding-bottom:var(--space-8);text-align:center;background:radial-gradient(55% 45% at 50% 30%, var(--accent-soft), transparent 70%), linear-gradient(180deg, var(--accent-wash), var(--surface-page) 72%);flex-direction:column;display:flex;overflow:hidden}.error-page__code{font-size:clamp(6rem,22vw,16rem);line-height:var(--leading-none);letter-spacing:-.02em}.error-page__title{max-width:20ch}.error-page .standfirst{margin-inline:auto}.error-page__cta{margin-top:var(--space-6)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-body);font-weight:var(--weight-semibold);line-height:var(--leading-none);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-base) var(--ease-spring);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:active{transition-duration:0s;transform:scale(.98)}.btn--sm{font-size:var(--text-small);padding:.5rem 1rem}.btn--md{font-size:var(--text-body);padding:.75rem 1.5rem}.btn--lg{font-size:var(--text-body-lg);padding:1rem 2rem}.btn--full{width:100%}.btn--secondary{background:var(--surface-elevated);border-color:var(--border-strong);color:var(--text-primary)}.btn--secondary:hover{background:oklch(from var(--surface-elevated) calc(l + .02) c h);border-color:var(--accent)}.btn--ghost{background:var(--surface-elevated);color:var(--text-muted)}.btn--ghost:hover{background:oklch(from var(--surface-elevated) calc(l + .02) c h);color:var(--text-primary)}.btn--elev-sm{--btn-elev:var(--shadow-xs);box-shadow:var(--btn-elev)}.btn--elev-md{--btn-elev:var(--shadow-md);box-shadow:var(--btn-elev)}.btn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--btn-elev,0 2px 6px oklch(from var(--accent) l c h / .2), 0 1px 2px oklch(from var(--accent) l c h / .16))}.btn--primary:hover{background:var(--accent-hover)}.btn--glass{background:var(--glass-tint-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-color:var(--glass-border);color:var(--text-primary);box-shadow:var(--btn-elev,0 0 0 0 oklch(0% 0 0/0)), var(--glass-inner)}.btn--glass:hover{background:oklch(from var(--glass-tint-strong) l c h / calc(alpha + .14))}.btn__icon{display:inline-flex}.btn__icon svg{width:1.15em;height:1.15em;transition:transform var(--duration-fast) var(--ease-out)}.btn:hover .btn__icon svg{transform:translate(2px)}.btn--icon{aspect-ratio:1;padding:.75rem}.btn--icon .btn__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.btn--icon:hover .btn__icon svg{transform:none}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-elevated);width:40px;height:40px;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-inset)}.theme-toggle svg{width:18px;height:18px}.nav{z-index:var(--z-nav);padding:var(--space-4) var(--space-4) 0;position:fixed;inset:0 0 auto}.nav__inner{isolation:isolate;justify-content:space-between;align-items:center;gap:var(--space-5);height:72px;max-width:calc(var(--container-max) - 2 * var(--container-pad));padding-inline:var(--space-6) var(--space-3);border-radius:var(--radius-full);background:var(--glass-tint-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:0 4px 18px oklch(0% 0 0/.07), var(--glass-inner);transition:box-shadow var(--duration-base) var(--ease-out);margin-inline:auto;display:flex;position:relative}.nav.is-scrolled .nav__inner{box-shadow:0 8px 26px oklch(0% 0 0/.1), var(--glass-inner)}@media (width<=767px){.nav{transition:transform var(--duration-base) var(--ease-out)}.nav.is-hidden{transform:translateY(calc(-100% - var(--space-6)));pointer-events:none}}@media (prefers-reduced-motion:reduce){.nav{transition:none}}.nav__brand{font-size:var(--text-body)}@media (width<=767px){.nav__brand .logo__word{display:none}.nav__inner{gap:var(--space-3);padding-inline:var(--space-5) var(--space-3)}}.nav__links{gap:var(--space-5);display:none}.nav__link{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out);position:relative}.nav__link:hover,.nav__link.is-active{color:var(--text-primary)}.nav__link.is-active:after{content:"";background:var(--accent);border-radius:var(--radius-full);width:100%;height:2px;position:absolute;bottom:-6px;left:0}.nav__right,.nav__actions{align-items:center;gap:var(--space-3);display:flex}.nav__actions>.btn{flex:none}@media (width>=1024px){.nav__links{display:flex}}.footer{padding-block:var(--space-7)}.footer__inner{align-items:center;gap:var(--space-2) var(--space-3);font-size:var(--text-caption);flex-wrap:wrap;display:flex}.footer__statement{font-weight:var(--weight-medium);color:var(--text-primary)}.footer__note{margin-left:auto}.footer__brand{align-items:center;display:inline-flex}.footer__mark{font-size:var(--text-caption)}.footer__social{color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out);align-items:center;display:inline-flex}.footer__social:hover{color:var(--accent)}.footer__social svg{width:1.25rem;height:1.25rem}@media (width<=639px){.footer__note{flex-basis:100%;order:1;margin-left:0}.footer__social{margin-left:auto}}.tag{font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:.01em;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;padding:.25rem .625rem;display:inline-flex}.tag--accent{color:var(--accent);background:var(--accent-soft);border-color:#0000}.tag--outline{border-color:var(--border-strong)}.section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.section-header--center{text-align:center;flex-direction:column;align-items:center}.section-header__text .eyebrow{margin-bottom:var(--space-3)}.section-header__title{font-size:var(--text-h1)}.section-header__title.h3{font-size:var(--text-h3)}.section-header__desc{margin-top:var(--space-3);max-width:56ch}.section-header__cta{align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);display:inline-flex}.section-header__cta:hover{color:var(--accent)}.section-header__cta-icon svg{width:1.1em;height:1.1em;transition:transform var(--duration-fast) var(--ease-out)}.section-header__cta:hover .section-header__cta-icon svg{transform:translate(3px)}.tile-grid{gap:var(--space-7) var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.tile-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.tile-grid{column-gap:var(--space-7)}}@media (width>=1024px){.tile-grid{column-gap:var(--space-8)}}.tile{gap:var(--space-4);perspective:900px;flex-direction:column;min-width:0;display:flex}.tile__media{aspect-ratio:16/10;border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);background:radial-gradient(120% 120% at 25% 18%, oklch(97% calc(.045 * var(--tile-chroma,1)) var(--tile-hue) / .9), transparent 55%), linear-gradient(150deg, oklch(98% calc(.02 * var(--tile-chroma,1)) var(--tile-hue)), oklch(93% calc(.055 * var(--tile-chroma,1)) var(--tile-hue)));transform:translateY(var(--tile-lift,0px)) rotateX(var(--tile-rx,0deg)) rotateY(var(--tile-ry,0deg)) scale(var(--tile-scale,1));transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.tile:hover .tile__media{--tile-lift:-4px;--tile-scale:1.025;box-shadow:var(--shadow-md)}.tile__sheen{pointer-events:none;background:radial-gradient(60% 60% at var(--tile-shx,50%) var(--tile-shy,50%), oklch(100% 0 0/.35), transparent 70%);mix-blend-mode:soft-light;opacity:0;transition:opacity var(--duration-base) var(--ease-out);position:absolute;inset:0}.tile:hover .tile__sheen{opacity:1}@media (prefers-reduced-motion:reduce){.tile:hover .tile__media{--tile-scale:1}}.tile__body{align-items:center;gap:var(--space-4);display:flex}.tile__text{flex-direction:column;gap:0;min-width:0;display:flex}.tile .tile__avatar{--avatar-size:48px;--avatar-radius:var(--radius-squircle)}.tile--lg .tile__avatar{--avatar-size:64px}.tile--sm .tile__avatar{--avatar-size:40px}.tile__title{font-size:var(--text-h5);letter-spacing:var(--tracking-tight);color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tile:hover .tile__title{color:var(--accent)}.tile__desc{font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=639px){.tile__desc{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}.tile--lg .tile__title{font-size:var(--text-h4)}.tile--lg .tile__desc{font-size:var(--text-body-lg)}.work-archive{margin-top:var(--space-9)}.tile-grid--sm{gap:var(--space-6) var(--space-5);grid-template-columns:1fr}@media (width>=640px){.tile-grid--sm{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.tile-grid--sm{grid-template-columns:repeat(4,1fr)}}.tile--sm{gap:var(--space-3)}.tile--sm .tile__media{border-radius:var(--radius-md)}.tile--sm .tile__title{font-size:var(--text-body)}.tile--sm .tile__desc{font-size:var(--text-small);color:var(--text-subtle)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-muted)}.field__required{color:var(--accent)}.field__control{width:100%;color:var(--text-primary);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);padding:.75rem 1rem}.field__control::placeholder{color:var(--text-subtle)}.field__control:focus{border-color:var(--accent);background:var(--surface-elevated);outline:none}textarea.field__control{resize:vertical;min-height:120px}.fab-root{bottom:var(--space-5);right:var(--space-5);z-index:var(--z-overlay);position:fixed}.fab-root.is-hidden{display:none}@media (width<=767px){.fab-root{display:none}}.fab{border:1px solid var(--glass-border);border-radius:var(--radius-full);background:var(--glass-tint-strong);width:54px;height:54px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--shadow-md), var(--glass-inner);transition:transform var(--duration-base) var(--ease-spring), box-shadow var(--duration-base) var(--ease-out);position:relative}.fab:hover{box-shadow:0 6px 28px oklch(0% 0 0/.24), 0 0 0 4px oklch(0% 0 0/.04), var(--glass-inner);transform:scale(1.08)}.fab.is-open{box-shadow:0 4px 24px oklch(0% 0 0/.22), 0 0 0 4px var(--accent-soft), var(--glass-inner)}.fab__icon{width:18px;height:18px;transition:opacity .18s,transform .32s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%}.fab__icon svg{width:100%;height:100%;display:block}.fab__icon--idle{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}.fab__icon--close{opacity:0;transform:translate(-50%,-50%)rotate(-90deg)scale(.6)}.fab.is-open .fab__icon--idle{opacity:0;transform:translate(-50%,-50%)rotate(90deg)scale(.6)}.fab.is-open .fab__icon--close{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}.fab__panel.glass{bottom:calc(100% + var(--space-3));min-width:208px;padding:var(--space-2);position:absolute;right:0}.fab__panel[hidden]{display:none}.fab__link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:max(calc(var(--radius-lg) - var(--space-2)), 0px);font-family:inherit;font-size:var(--text-small);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);text-decoration:none;display:flex}.fab__link:hover{background:var(--alpha-active)}.fab__icon-slot{width:18px;height:18px;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out);flex:none;place-items:center;display:grid}.fab__link:hover .fab__icon-slot{color:inherit}.fab__icon-slot svg{width:100%;height:100%;display:block}.fab__link--action{text-align:left;cursor:pointer;width:100%}.theme-composer.glass{--panel-pad:var(--space-3);--panel-inner-r:max(calc(var(--radius-lg) - var(--panel-pad)), 0px);--surface-inset:oklch(0% 0 0/.055);right:var(--space-5);bottom:calc(var(--space-5) + 54px + var(--space-4));z-index:var(--z-overlay);width:min(380px, calc(100vw - 2 * var(--space-5)));max-height:min(72vh,680px);padding:var(--panel-pad);flex-direction:column;display:flex;position:fixed}.theme-composer.glass[hidden]{display:none}.theme-composer__head{margin-bottom:var(--space-3)}.theme-composer__body{gap:var(--space-4);overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;display:flex;overflow-y:auto}@property --tc-fade-t{syntax:"<length>";inherits:false;initial-value:0}@property --tc-fade-b{syntax:"<length>";inherits:false;initial-value:0}@keyframes tc-fade-top{0%{--tc-fade-t:0px}to{--tc-fade-t:var(--tc-fade)}}@keyframes tc-fade-bottom{0%{--tc-fade-b:var(--tc-fade)}to{--tc-fade-b:0px}}@supports (animation-timeline:scroll()){.theme-composer__body{--tc-fade:var(--space-5);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--tc-fade-t), #000 calc(100% - var(--tc-fade-b)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--tc-fade-t), #000 calc(100% - var(--tc-fade-b)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--tc-fade-t), #000 calc(100% - var(--tc-fade-b)), transparent 100%);animation:linear both tc-fade-top,linear both tc-fade-bottom;animation-timeline:scroll(self),scroll(self);animation-range:0 var(--tc-fade), calc(100% - var(--tc-fade)) 100%}}.theme-composer__body>*,.theme-composer__body .composer-sub>*{min-width:0}.theme-composer__body>.ramp--lg,.theme-composer__body .field__control{border-radius:var(--panel-inner-r)}.theme-composer__body .color-input{--ci-r:var(--panel-inner-r)}.theme-composer__body>.ramp--lg{margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-2)}.theme-composer__body .composer-sub+.composer-sub{margin-top:var(--space-2)}.theme-composer__foot{gap:var(--space-2);flex:none;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.theme-composer__foot:not(:empty){margin-top:var(--space-3)}.theme-composer__list{gap:var(--space-2);flex-direction:column;display:flex}.theme-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--panel-inner-r,var(--radius-md));cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:oklch(100% 0 0/.55);display:flex}.theme-card:hover{background:linear-gradient(var(--alpha-active), var(--alpha-active)), oklch(100% 0 0/.55);border-color:var(--border-strong)}.theme-card.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--accent-soft)}.theme-card__meta{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.theme-card__name{font-size:var(--text-body);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-card__font{font-size:var(--text-small);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-card__dots{gap:var(--space-1);flex:none;display:flex}.theme-card__dot{border:1px solid var(--border);border-radius:var(--radius-full);width:14px;height:14px}.theme-card__note{font-size:var(--text-small);line-height:var(--leading-snug);color:var(--text-muted)}.theme-card__action{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-subtle);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);flex:none;place-items:center;display:grid}.theme-card:hover .theme-card__action{color:var(--text-primary)}.theme-card__action:hover{background:var(--alpha-active);color:var(--accent)}.theme-card__action svg{width:16px;height:16px}.theme-composer__name{width:100%;height:36px;padding-inline:var(--space-2);color:var(--text-primary);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;font-family:inherit}.theme-composer__name:hover{border-color:var(--border)}.theme-composer__name:focus{background:var(--surface-inset);border-color:var(--accent);outline:none}.ramp{border:1px solid var(--border);border-radius:var(--radius-full);flex:none;width:100%;height:8px;display:flex;overflow:hidden}.ramp__step{flex:1;position:relative}.ramp--sm{border-radius:var(--radius-sm);flex:none;width:64px;height:36px}.ramp--lg{border-radius:var(--radius-md);height:40px}.ramp--specimen{height:var(--ramp-h,112px);border:none;border-radius:0}.ramp__dot{border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-input{--ci-r:var(--radius-md);align-items:center;gap:var(--space-2);padding:var(--space-1);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--ci-r);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);display:flex}.color-input:focus-within{border-color:var(--accent);background:var(--surface-elevated)}.color-input__swatch{--swatch-r:max(calc(var(--ci-r) - var(--space-1)), 0px);border-radius:var(--swatch-r);cursor:pointer;background:0 0;border:none;flex:none;width:32px;height:32px;padding:0}.color-input__swatch::-webkit-color-swatch-wrapper{padding:3px}.color-input__swatch::-webkit-color-swatch{border:1px solid var(--border);border-radius:max(calc(var(--swatch-r) - 3px), 0px)}.color-input__swatch::-moz-color-swatch{border:1px solid var(--border);border-radius:max(calc(var(--swatch-r) - 3px), 0px)}.color-input__field{min-width:0;padding:var(--space-1) var(--space-2) var(--space-1) 0;color:var(--text-primary);font-size:var(--text-small);font-variant-numeric:tabular-nums;background:0 0;border:none;flex:1}.color-input__field:focus{outline:none}.checkbox{align-items:flex-start;gap:var(--space-2);cursor:pointer;display:inline-flex}.checkbox__input{width:15px;height:15px;accent-color:var(--accent);flex:none;margin-block-start:1px}.checkbox__text{gap:var(--space-1);display:grid}.checkbox__label{font-size:var(--text-small);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease)}.checkbox:hover .checkbox__label{color:var(--text-primary)}.checkbox__hint{font-size:var(--text-caption);line-height:var(--leading-snug);color:var(--text-subtle)}.checkbox.is-disabled{cursor:not-allowed;opacity:.5}.checkbox-set{gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.control{gap:var(--space-1);flex-direction:column;display:flex}.control__head{font-size:var(--text-small);justify-content:space-between;align-items:baseline;display:flex}.control__label{font-weight:var(--weight-medium);color:var(--text-muted)}.control__val{color:var(--text-primary);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.control__range{width:100%;accent-color:var(--accent)}.slider-range{appearance:none;cursor:pointer;--slider-pct:50%;--track-h:6px;--thumb-d:18px;background:0 0;width:100%;height:24px;margin:0}.slider-range:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-full)}.slider-range::-webkit-slider-runnable-track{height:var(--track-h);border-radius:var(--radius-full);background:linear-gradient(to right, var(--accent) var(--slider-pct), color-mix(in oklch, var(--text-primary) 12%, transparent) var(--slider-pct))}.slider-range::-webkit-slider-thumb{appearance:none;width:var(--thumb-d);height:var(--thumb-d);margin-top:calc((var(--track-h) - var(--thumb-d)) / 2);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);background:radial-gradient(circle at 50% 30%,#fff 0%,oklch(97% .008 248) 55%,oklch(91% .02 248) 100%);border-radius:50%}.slider-range::-moz-range-track{height:var(--track-h);border-radius:var(--radius-full);background:color-mix(in oklch, var(--text-primary) 12%, transparent)}.slider-range::-moz-range-progress{height:var(--track-h);border-radius:var(--radius-full);background:var(--accent)}.slider-range::-moz-range-thumb{width:var(--thumb-d);height:var(--thumb-d);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);background:radial-gradient(circle at 50% 30%,#fff 0%,oklch(97% .008 248) 55%,oklch(91% .02 248) 100%);border-radius:50%}.slider-range--paint{--track-h:10px}.slider-range--paint::-webkit-slider-runnable-track{background:var(--track-img,var(--accent));box-shadow:inset 0 0 0 1px var(--border)}.slider-range--paint::-moz-range-track{background:var(--track-img,var(--accent));box-shadow:inset 0 0 0 1px var(--border)}.slider-range--paint::-moz-range-progress{background:0 0}.seg{max-width:100%;padding:var(--space-1);align-items:center;gap:var(--space-1);border-radius:var(--radius-full);display:inline-flex}.seg--rail{background:var(--alpha-hover);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.seg__item{color:var(--text-muted);font:inherit;font-size:var(--text-small);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border:1px solid #0000}.seg__item:hover{color:var(--text-primary);background:var(--glass-tint)}.seg__item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.seg__item.is-active,.seg__item.is-active:hover{background:var(--glass-tint-strong);border-color:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--shadow-xs), var(--glass-inner);color:var(--text-primary);cursor:default}.seg--ink .seg__item:hover{background:var(--alpha-hover);color:var(--text-primary)}.seg--ink .seg__item.is-active,.seg--ink .seg__item.is-active:hover{background:var(--alpha-active);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:var(--text-primary);border-color:#0000}.seg--sm .seg__item{font-size:var(--text-caption);padding-inline:var(--space-3)}.seg--lg .seg__item{font-size:var(--text-body);padding:var(--space-2) var(--space-5)}.tuner.glass,.tuner{top:96px;right:var(--space-5);bottom:var(--space-5);width:min(320px, calc(100vw - 2 * var(--space-5)));z-index:var(--z-overlay);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:fixed;overflow:hidden}.tuner__head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.tuner__title{font-weight:var(--weight-semibold)}.tuner__close{font:inherit;color:var(--text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.tuner__close:hover{color:var(--text-primary);background:var(--tint-hover)}.tuner__body{padding:var(--space-4) var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.tuner__foot{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.avatar{--avatar-radius:var(--radius-sm);width:var(--avatar-size,40px);height:var(--avatar-size,40px);border-radius:var(--avatar-radius);object-fit:cover;background:var(--avatar-bg,var(--surface-inset));flex-shrink:0;display:block;overflow:hidden}.avatar--xs{--avatar-size:24px}.avatar--sm{--avatar-size:32px}.avatar--lg{--avatar-size:48px}.avatar--xl{--avatar-size:64px}.avatar--2xl{--avatar-size:96px}.avatar--square{--avatar-radius:var(--radius-sm)}.avatar--rounded{--avatar-radius:var(--radius-squircle)}.avatar--circle{--avatar-radius:var(--radius-full)}.avatar--ring{box-shadow:inset 0 0 0 1px var(--border)}.avatar-tandem{width:var(--avatar-size,40px);height:var(--avatar-size,40px);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar-tandem--xs{--avatar-size:24px}.avatar-tandem--sm{--avatar-size:32px}.avatar-tandem--lg{--avatar-size:48px}.avatar-tandem--xl{--avatar-size:64px}.avatar-tandem--2xl{--avatar-size:96px}.avatar-badge{width:calc(var(--avatar-size,40px) * .4);height:calc(var(--avatar-size,40px) * .4);border-radius:var(--radius-full);background:var(--avatar-bg,var(--surface-inset));object-fit:cover;flex-shrink:0;position:absolute}.avatar-badge--br{bottom:0;right:0;transform:translate(10%,10%)}.avatar-badge--tr{top:0;right:0;transform:translate(10%,-10%)}.avatar-badge--bl{bottom:0;left:0;transform:translate(-10%,10%)}.avatar-badge--tl{top:0;left:0;transform:translate(-10%,-10%)}.avatar-tandem>.avatar:first-child{--mask-br:linear-gradient(black, black);--mask-tr:linear-gradient(black, black);--mask-bl:linear-gradient(black, black);--mask-tl:linear-gradient(black, black);-webkit-mask-image:var(--mask-br), var(--mask-tr), var(--mask-bl), var(--mask-tl);-webkit-mask-image:var(--mask-br), var(--mask-tr), var(--mask-bl), var(--mask-tl);mask-image:var(--mask-br), var(--mask-tr), var(--mask-bl), var(--mask-tl);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.avatar-tandem:has(>.avatar-badge--br)>.avatar:first-child{--mask-br:radial-gradient(circle round(calc(var(--avatar-size,40px) * .2 + 2px), 1px) at 84% 84%, transparent 99.5%, black 100%)}.avatar-tandem:has(>.avatar-badge--tr)>.avatar:first-child{--mask-tr:radial-gradient(circle round(calc(var(--avatar-size,40px) * .2 + 2px), 1px) at 84% 16%, transparent 99.5%, black 100%)}.avatar-tandem:has(>.avatar-badge--bl)>.avatar:first-child{--mask-bl:radial-gradient(circle round(calc(var(--avatar-size,40px) * .2 + 2px), 1px) at 16% 84%, transparent 99.5%, black 100%)}.avatar-tandem:has(>.avatar-badge--tl)>.avatar:first-child{--mask-tl:radial-gradient(circle round(calc(var(--avatar-size,40px) * .2 + 2px), 1px) at 16% 16%, transparent 99.5%, black 100%)}.cmd{z-index:var(--z-modal);padding:var(--space-5);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.cmd[hidden]{display:none}.cmd__backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:0}.cmd__panel{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(560px,100%);max-height:min(60vh,520px);box-shadow:var(--shadow-md), var(--glass-inner);animation:cmd-in var(--duration-fast) var(--ease-out);flex-direction:column;margin-top:12vh;display:flex;position:relative;overflow:hidden}@keyframes cmd-in{0%{opacity:0;transform:translateY(-6px)}}.cmd__search{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.cmd__search-icon{color:var(--text-muted);display:inline-flex}.cmd__search-icon svg{width:18px;height:18px}.cmd__input{min-width:0;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body-lg);background:0 0;border:none;outline:none;flex:1}.cmd__input::placeholder{color:var(--text-subtle)}.cmd__esc{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.04em;flex:none;padding:2px 8px}.cmd__results{padding:var(--space-2);flex:1;overflow-y:auto}.cmd__group{padding:var(--space-3) var(--space-3) var(--space-1);color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase}.cmd__row{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;text-decoration:none;display:flex}.cmd__row.is-active{background:var(--accent-wash)}.cmd__row-text{flex-direction:column;gap:1px;min-width:0;margin-right:auto;display:flex}.cmd__row-label{font-weight:var(--weight-medium)}.cmd__row-caption{font-size:var(--text-caption)}.cmd__row-icon{color:var(--text-subtle);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);display:inline-flex}.cmd__row-icon svg{width:16px;height:16px}.cmd__row.is-active .cmd__row-icon{opacity:1;color:var(--accent)}.cmd__empty{padding:var(--space-6) var(--space-3);text-align:center;color:var(--text-muted)}.cmd__foot{gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);font-size:var(--text-caption);display:flex}.cmd__foot kbd{font-family:var(--font-mono);padding:0 4px}.palette{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));display:grid}.palette--tall{grid-template-columns:repeat(auto-fill,minmax(min(100%,216px),1fr))}.palette--tall .swatch__plate{aspect-ratio:3/4}.swatch{gap:var(--space-3);flex-direction:column;min-width:0;margin:0;display:flex}.swatch__plate{aspect-ratio:4/3;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--border);padding:var(--space-3);color:var(--swatch-ink,var(--text-primary));align-items:flex-end;display:flex;position:relative}.swatch__code{font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:.05em;font-variant-numeric:tabular-nums;opacity:.85}.swatch--anchor .swatch__plate:after{content:"";top:var(--space-3);right:var(--space-3);opacity:.85;background:currentColor;border-radius:50%;width:8px;height:8px;position:absolute}.swatch__meta{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.swatch__name{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary);overflow-wrap:anywhere}.swatch__value{font-size:var(--text-caption);font-variant-numeric:tabular-nums;color:var(--text-muted);overflow-wrap:anywhere}.swatch__note{font-size:var(--text-small);color:var(--text-muted)}.overlay-btn{width:48px;height:48px;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.overlay-btn:before{content:"";border-radius:var(--radius-full);background:var(--alpha-active);opacity:0;transition:opacity var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out);position:absolute;inset:0;scale:.9}.overlay-btn:hover{color:var(--text-primary)}.overlay-btn:hover:before{opacity:1;scale:1}.overlay-btn svg{width:20px;height:20px;display:block;position:relative}.overlay-btn--nav{width:48px;height:84px}.overlay-btn--nav svg{width:16px;height:45px}.overlay-btn--sm{width:36px;height:36px}.overlay-btn--sm svg{width:16px;height:16px}.overlay-btn--lg{width:60px;height:60px}.overlay-btn--lg svg{width:24px;height:24px}@keyframes overlay-out{to{opacity:0}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes panel-sink{to{opacity:0;transform:translateY(var(--space-2)) scale(.98)}}.modal.is-closing,.live-preview.is-closing{animation:overlay-out var(--duration-base) var(--ease-in-out) forwards;pointer-events:none}.lightbox.is-closing{pointer-events:none}.lightbox.is-closing:before,.lightbox.is-closing .lightbox__close,.lightbox.is-closing .lightbox__nav,.lightbox.is-closing .lightbox__cap{animation:overlay-out var(--duration-base) var(--ease-in-out) forwards}.live-preview.is-closing .live-preview__sheet{animation:sheet-down var(--duration-base) var(--ease-in-out) forwards}.modal.is-closing .modal__panel{animation:panel-sink var(--duration-base) var(--ease-in-out) forwards}@media (prefers-reduced-motion:reduce){.lightbox.is-closing,.modal.is-closing,.live-preview.is-closing,.live-preview.is-closing .live-preview__sheet,.modal.is-closing .modal__panel{visibility:hidden;animation:none}}.lightbox{z-index:var(--z-modal);padding:var(--space-6) var(--space-9);cursor:zoom-out;place-items:stretch stretch;display:grid;position:fixed;inset:0}.lightbox:before{content:"";z-index:-1;background:var(--glass-tint-strong);-webkit-backdrop-filter:blur(32px) saturate(var(--glass-saturate));backdrop-filter:blur(32px) saturate(var(--glass-saturate));animation:overlay-in var(--duration-base) var(--ease-out);position:fixed;inset:0}.lightbox__close,.lightbox__nav,.lightbox__cap{animation:overlay-in var(--duration-base) var(--ease-out)}.lightbox[hidden]{display:none}@keyframes overlay-in{0%{opacity:0}}.lightbox__viewer{justify-content:center;align-items:center;gap:var(--space-5);cursor:default;flex-direction:column;width:100%;height:100%;margin:0;display:flex}.lightbox__frame{min-width:0;min-height:0;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-page);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.lightbox[data-frame=ink] .lightbox__frame{background:var(--text-primary);border-color:#0000}.lightbox__frame>svg,.lightbox__frame>img{animation:lightbox-swap var(--duration-base) var(--ease-out);display:block;overflow:visible}@keyframes lightbox-swap{0%{opacity:0;transform:scale(.985)}}.lightbox[data-frame=bare] .lightbox__frame{box-shadow:none;background:0 0;border:0;padding:0}.lightbox[data-frame=bare] .lightbox__frame>svg,.lightbox[data-frame=bare] .lightbox__frame>img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:clip}.lightbox[data-frame=bare] .lightbox__frame>svg.stage-chrome{box-shadow:none;border-radius:0;overflow:visible}.lightbox[data-frame=bare][data-baked] .lightbox__frame>img{box-shadow:none;border-radius:0}.lightbox[data-frame=bare][data-baked] .lightbox__frame>img[data-baked-shadow=false]{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.lightbox__cap{align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.lightbox__name{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary)}.lightbox__meta{font-size:var(--text-caption);letter-spacing:var(--tracking-wide);color:var(--text-muted)}.lightbox__counter{margin-top:var(--space-1);font-size:var(--text-caption);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-wide);color:var(--text-subtle)}.lightbox__dots{margin-top:var(--space-2)}.lightbox__dots:empty{display:none}.lightbox__close{z-index:1;top:var(--space-5);right:var(--space-5);position:absolute}.lightbox__nav{z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav--prev{left:var(--space-4)}.lightbox__nav--next{right:var(--space-4)}.lightbox[data-single] .lightbox__nav{display:none}.is-lightbox-item{cursor:zoom-in}.is-lightbox-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-md)}@media (width<=480px){.lightbox{padding:var(--space-5) var(--space-4)}.lightbox__frame{padding:var(--space-4)}.lightbox__nav{width:40px}.lightbox__nav--prev{left:var(--space-1)}.lightbox__nav--next{right:var(--space-1)}}@media (prefers-reduced-motion:reduce){.lightbox,.lightbox__frame>svg,.lightbox__frame>img,.overlay-btn:before{transition:none;animation:none}}.live-preview{z-index:var(--z-modal);background:var(--glass-tint-strong);-webkit-backdrop-filter:blur(28px) saturate(var(--glass-saturate));backdrop-filter:blur(28px) saturate(var(--glass-saturate));animation:overlay-in var(--duration-base) var(--ease-out);position:fixed;inset:0}.live-preview__gap{height:var(--space-9);justify-content:space-between;align-items:center;gap:var(--space-5);padding:0 var(--space-5);pointer-events:none;display:flex;position:absolute;inset:0 0 auto}.live-preview__gap>*{pointer-events:auto}.live-preview__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-h3);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-primary);overflow:hidden}.live-preview__sheet{inset:var(--space-9) var(--space-5) 0;background:var(--surface-page);border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-sheet);animation:sheet-up var(--duration-slow) var(--ease-out);border-bottom:0;position:absolute;overflow:hidden}@keyframes sheet-up{0%{transform:translateY(100%)}}.live-preview__stage{background:var(--surface-page);position:absolute;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.live-preview,.live-preview__sheet{animation:none}}.live-preview__frame{border:0;width:100%;height:100%;position:absolute;inset:0}.live-preview__loading{justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-muted);flex-direction:column;display:flex;position:absolute;inset:0}.live-preview__loading p{font-size:var(--text-caption);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.live-preview__spinner{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);border:2px solid var(--border);border-top-color:var(--text-muted);animation:.8s linear infinite live-spin}@keyframes live-spin{to{transform:rotate(360deg)}}.live-preview__error{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;flex-direction:column;display:none;position:absolute;inset:0}.live-preview__error-title{font-size:var(--text-body);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-primary)}.live-preview__error-body{font-size:var(--text-caption);line-height:var(--leading-normal);color:var(--text-muted);max-width:34ch}.live-preview__error-link{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out);display:inline-flex}.live-preview__error-link:hover{color:var(--accent)}.live-preview__error-link-icon svg{width:14px;height:14px;display:block}.live-preview__stage.is-loaded .live-preview__loading,.live-preview__stage.has-error .live-preview__loading{display:none}.live-preview__stage.has-error .live-preview__error{display:flex}.live-preview__stage.has-error .live-preview__frame{visibility:hidden}.case-live{gap:var(--space-3);flex-direction:column;display:flex}.case-live__poster{padding:var(--space-6);cursor:pointer;display:block;position:relative;overflow-x:clip}.case-live__poster .stage{width:100%}.case-live__launch{place-items:center;display:grid;position:absolute;inset:0}.case-live__cta{transform:translateY(calc(-1 * var(--space-5)));opacity:0;transition:opacity .6s var(--ease-out) .65s;place-items:center;display:grid;position:relative}.case-live.is-revealed .case-live__cta{opacity:1}.case-live__cta:before{content:"";border-radius:var(--radius-full);filter:blur(36px);background:oklch(100% 0 0/.95);position:absolute;inset:-4rem -6rem}.case-live__cta:after{content:"";border-radius:var(--radius-full);animation:case-live-beacon 18s var(--ease-out) infinite;position:absolute;inset:0}.case-live__cta .btn{position:relative}@keyframes case-live-beacon{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 45%, transparent)}8%{box-shadow:0 0 0 22px color-mix(in oklch, var(--accent) 0%, transparent)}9%{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 0%, transparent)}10%{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 45%, transparent)}18%{box-shadow:0 0 0 22px color-mix(in oklch, var(--accent) 0%, transparent)}19%{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 0%, transparent)}20%{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 45%, transparent)}28%{box-shadow:0 0 0 22px color-mix(in oklch, var(--accent) 0%, transparent)}29%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 0%, transparent)}}.case-live__poster:hover .btn__icon svg,.case-live__poster:focus-visible .btn__icon svg{transform:translate(3px)}.case-live__poster:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.case-live__note{font-size:var(--text-caption);letter-spacing:var(--tracking-wide);color:var(--text-muted);text-align:center}.case-live__poster--outro.case-stage{padding:0;position:relative;overflow:clip}.case-live__outro{flex:auto;align-items:center;min-height:18.5rem;display:flex}.case-live__poster--outro .case-live__pitch{padding:var(--space-7) var(--space-8);z-index:1;flex:auto;position:relative}.case-live__poster--outro .case-live__preview{pointer-events:none;width:clamp(38rem,76%,62rem);position:absolute;top:0;right:-2rem}.case-live__poster--outro .case-live__preview .stage__device{transform:translateY(-24%)}.case-live__poster--outro:has(.stage--d-desktop) .case-live__outro{min-height:24rem}.case-live__poster--outro .case-live__preview.stage--d-desktop{width:30rem;top:50%;right:6rem}.case-live__poster--outro .case-live__preview.stage--d-desktop .stage__device{transform:translateY(-42%)}.case-live__launch--inline{display:inline-grid;position:static;inset:auto}.case-live__poster--outro .case-live__cta{transform:none}.case-live__poster--outro .case-live__cta:before{content:none}.case-live__poster--outro .case-live__cta:after{animation:case-outro-pulse 2.6s var(--ease-out) infinite}@keyframes case-outro-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 42%, transparent)}72%{box-shadow:0 0 0 18px color-mix(in oklch, var(--accent) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 0%, transparent)}}@media (width<=47.9375rem){.case-live__poster--outro.case-stage{padding:var(--space-5) var(--space-5) var(--space-7)}.case-live__outro{align-items:center;gap:var(--space-4);flex-direction:column-reverse;min-height:0}.case-live__poster--outro .case-live__pitch{justify-content:center;width:100%;padding:0;display:flex}.case-live__poster--outro .case-live__preview{width:min(100%,19rem);position:static;inset:auto}.case-live__poster--outro .case-live__preview .stage__device{transform:none}.case-live__poster--outro:has(.stage--d-desktop) .case-live__outro{min-height:0}.case-live__poster--outro .case-live__preview.stage--d-desktop{width:min(100%,19rem);position:static;inset:auto}.case-live__poster--outro .case-live__preview.stage--d-desktop .stage__device{transform:none}.case-live__poster--outro .btn--lg{font-size:var(--text-body);padding:.75rem 1.5rem}}@media (prefers-reduced-motion:reduce){.live-preview,.live-preview__spinner,.case-live__cta,.case-live__cta:after{transition:none;animation:none}}.glass-feature{gap:var(--space-6);border-radius:var(--radius-lg);align-items:center;display:grid}.glass-feature__model svg{width:100%;height:auto;display:block;overflow:visible}.glass-feature__text{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.glass-feature__body{max-width:46ch}@media (width>=820px){.glass-feature--subhero{align-items:start;gap:var(--space-6) var(--space-8);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.glass-feature--subhero .glass-feature__text{grid-area:1/1}.glass-feature--subhero .glass-feature__points{grid-area:2/1}.glass-feature--subhero .glass-feature__model{grid-area:1/2/3;align-self:center}}.glass-feature--subhero .glass-feature__model{isolation:isolate;--iso-surface:var(--accent);--iso-fill-opacity:1;justify-self:center;width:100%;max-width:640px;position:relative}.glass-feature--subhero .glass-feature__model:before{content:"";z-index:-1;background:radial-gradient(44% 40% at 50% 52%, color-mix(in oklch, var(--azure-4) 42%, transparent), transparent 70%), radial-gradient(64% 58% at 50% 50%, color-mix(in oklch, var(--azure-2) 65%, transparent), transparent 75%);position:absolute;inset:-18% -24%}.section:has(>.glass-feature--subhero){overflow-x:clip}.glass-feature--subhero .glass-feature__points{gap:var(--space-5);display:grid}@media (width>=820px){.glass-feature--subhero .glass-feature__points{gap:var(--space-7);grid-template-columns:1fr}}.glass-feature__point-body{margin:var(--space-1) 0 0;max-width:42ch;font-size:var(--text-body-lg)}.glass-feature__model.is-paused *{animation-play-state:paused!important}.tile__media-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.timeline{--node:56px;margin-top:var(--space-6);flex-direction:column;display:flex}.timeline__item{grid-template-columns:var(--node) 1fr;column-gap:var(--space-5);padding-block:var(--space-5);display:grid;position:relative}.timeline__item:before{content:"";left:calc(var(--node) / 2 - .5px);background:var(--border);width:1px;position:absolute;top:0;bottom:0}.timeline__item:first-child:before{top:calc(var(--space-5) + var(--node) / 2)}.timeline__item:last-child:before{height:calc(var(--space-5) + var(--node) / 2);bottom:auto}.timeline__item:first-child:before{background:linear-gradient(oklch(0% 0 0/.14),oklch(0% 0 0/.115))}.timeline__item:nth-child(2):before{background:linear-gradient(oklch(0% 0 0/.115),oklch(0% 0 0/.09))}.timeline__item:nth-child(3):before{background:linear-gradient(oklch(0% 0 0/.09),oklch(0% 0 0/.065))}.timeline__item:nth-child(4):before{background:linear-gradient(oklch(0% 0 0/.065),oklch(0% 0 0/.04))}.timeline__item:nth-child(5):before{background:linear-gradient(oklch(0% 0 0/.04),oklch(0% 0 0/.01) 70%,#0000)}.timeline__node{z-index:1;--avatar-size:var(--node);grid-column:1;align-self:center;position:relative}.timeline__head,.timeline__content{grid-column:2}.timeline__node .avatar{border:1px solid var(--border);box-shadow:var(--shadow-sm), var(--glass-inner)}.timeline__node .avatar-badge{box-shadow:inset 0 0 0 1px var(--border)}.timeline__role{font-size:var(--text-h3)}.timeline__site{color:inherit;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.timeline__site:hover{color:var(--accent)}.timeline__period{color:var(--text-subtle);font-size:var(--text-body-lg);font-variant-numeric:tabular-nums;display:block}.timeline__bullets{margin-top:var(--space-2);max-width:62ch;font-size:var(--text-body-lg);color:var(--text-muted);list-style:none}.timeline__bullets li{padding-left:var(--space-5);margin-top:var(--space-2);position:relative}.timeline__bullets li:first-child{margin-top:0}.timeline__bullets li:before{content:"";left:var(--space-1);border-radius:var(--radius-full);background:var(--text-subtle);width:5px;height:5px;position:absolute;top:.62em}@media (width<=560px){.timeline{--node:44px}.timeline__item{column-gap:var(--space-4)}}.case-hero{background-image:radial-gradient(70% 50% at 50% 0%, color-mix(in oklch, var(--accent-soft) 70%, transparent), transparent 75%), linear-gradient(180deg, color-mix(in oklch, var(--accent-wash) 85%, transparent), transparent 72%)}.page:not(.page--home)>.section.case-hero:first-child{padding-top:calc(72px + var(--section-gap))}.case-hero__head{align-items:center;gap:var(--space-5);display:flex}.case-hero__mark{--avatar-size:7rem;flex-shrink:0}.case-hero__title{flex:1;min-width:0}.case-standfirst{margin-top:var(--space-5)}.case-standfirst__text{max-width:50rem}@media (width<=767px){.case-hero__head{align-items:flex-start;gap:var(--space-4);flex-direction:column}.case-hero__mark{--avatar-size:5rem}}.case-hero--index{padding-bottom:var(--space-6)}@media (width>=768px){.case-hero--index{padding-bottom:var(--space-7)}}.case-body,.case-body>.case-block:first-child,.case-gated>.case-block:first-child,.book-host>.case-block:first-child{padding-top:0}.case-block{gap:var(--space-4);padding-top:var(--space-6);flex-direction:column;display:flex}@media (width>=900px){.case-block{padding-top:var(--space-7)}}.case-block:has(.heading-num--inline){padding-top:var(--space-8)}@media (width>=900px){.case-block:has(.heading-num--inline){padding-top:var(--space-9)}}.case-block__body{max-width:56ch}.case-block__link{color:var(--accent);text-decoration:none}.case-block__link:hover{text-decoration:underline}.case-stage{justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--case-stage-bg,radial-gradient(120% 120% at 25% 18%, oklch(97% calc(.045 * var(--case-chroma,1)) var(--case-hue,246) / .9), transparent 55%), linear-gradient(150deg, oklch(98% calc(.02 * var(--case-chroma,1)) var(--case-hue,246)), oklch(93% calc(.055 * var(--case-chroma,1)) var(--case-hue,246))));display:flex}.case-stage img{border-radius:var(--radius-md);min-width:0;max-width:100%;height:auto;box-shadow:var(--case-stage-rim,var(--shadow-sm))}.case-stage--ink{--case-stage-rim:0 0 0 1px oklch(100% 0 0/.12);border-color:oklch(100% 0 0/.14)}.case-stage--none{background:0 0;border:0;padding:0}.case-stage--none img{border-radius:var(--radius-lg)}.page--baked-shadow .case-stage:not(.case-live__poster) img{box-shadow:none}.page--baked-shadow .case-stage:not(.case-live__poster) img[data-baked-shadow=false]{box-shadow:var(--case-stage-rim,var(--shadow-sm))}.stage{place-items:center;min-width:0;display:grid}.stage--surface{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:radial-gradient(58% 52% at 50% 46%, color-mix(in oklch, var(--azure-2) 40%, transparent), transparent 72%), radial-gradient(90% 80% at 50% 50%, color-mix(in oklch, var(--azure-1) 70%, transparent), transparent 78%), var(--surface-inset);--iso-surface:oklch(94% .03 252);--iso-fill-opacity:.4}.stage__shot{border-radius:var(--radius-md);min-width:0;max-width:100%;height:auto;box-shadow:var(--shadow-sm);display:block}.stage__device{place-items:center;width:100%;min-width:0;margin:0;display:grid}.stage__chrome{place-items:center;width:100%;display:grid}.stage__chrome svg{width:100%;height:auto;display:block;overflow:visible}.stage__device--front.stage__device--phone{max-width:300px}.stage__device--front.stage__device--tablet{max-width:440px}.stage__shot-lb{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.stage__device[data-lightbox-item]{cursor:zoom-in;position:relative}.case-feature__copy{gap:var(--space-4);flex-direction:column;display:flex}.case-feature__stage:has(.stage__device--phone){aspect-ratio:1;container-type:size}.case-feature__stage .stage__device--front.stage__device--phone{width:min(360px,55cqh);max-width:100%}.case-feature__stage:has(.stage--stacked){aspect-ratio:auto;padding:var(--space-7);container-type:normal}@media (width<=767px){.case-feature__stage:has(.stage--stacked){padding:var(--space-6)}}.stage--stacked{grid-template-columns:minmax(0,1fr);width:100%;max-width:560px;margin-inline:auto}.pp-hero{aspect-ratio:100/87.13;flex:none;width:100%;position:relative}.pp-hero__slot{width:87%;position:absolute;top:0}.pp-hero__slot--1{margin-top:0;left:-25%}.pp-hero__slot--2{margin-top:15.75%;left:6.5%}.pp-hero__slot--3{margin-top:31.5%;left:38%}.pp-hero .stage--stacked{max-width:none}.case-banner__stage:has(.pp-hero){aspect-ratio:16/9;min-height:0;overflow:clip}@media (width<=767px){.pp-hero{aspect-ratio:100/64}.case-banner__stage:has(.pp-hero){aspect-ratio:auto}.pp-hero__slot--1{margin-top:0;left:0}.pp-hero__slot{width:100%}.pp-hero__slot--2,.pp-hero__slot--3{display:none}}.case-feature__stage img{max-width:100%;max-height:100%}@media (width>=900px){.case-feature{align-items:center;column-gap:var(--space-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.case-feature__stage:has(.stage--stacked){width:fit-content;margin-inline:auto}}.case-gallery__stage{padding-block:var(--space-7);margin-top:var(--space-3)}.case-gallery__stage img{max-height:40rem}.case-gallery__stage--uniform{align-items:flex-start;gap:var(--space-6);flex-wrap:wrap}.case-gallery__stage--uniform img{width:17rem;height:auto;max-height:none}.case-gallery__stage--panels{align-items:flex-start;gap:var(--space-5)}.case-gallery__stage--panels img{max-height:none}.case-gallery__stage--panels-aside{grid-template-rows:auto auto;grid-template-columns:auto auto;justify-content:center;align-items:start;display:grid}.case-gallery__stage--panels-aside>:first-child{grid-row:1/-1}@media (width<=640px){.case-gallery__stage--panels-aside{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.case-gallery__stage--panels-aside>:first-child{grid-row:auto}}.case-gallery__stack{gap:var(--space-5);margin-top:var(--space-3);flex-direction:column;display:flex}.case-gallery__stage--solo{margin-top:0}.case-gallery__stage--solo img{max-height:none}@media (width<=640px){.case-gallery__stage{gap:var(--space-3);padding:var(--space-4)}}.case-banner__stage{width:100%}.case-banner>img{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm)}.case-banner__art{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.case-banner__art svg{width:100%;height:auto;display:block}.case-banner--cover{padding-top:var(--space-7)}.case-statement{padding-block:var(--space-9)}.case-statement__text{max-width:26ch}.case-statement__caption{margin-top:var(--space-4)}.case-spots{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=800px){.case-spots{grid-template-columns:repeat(3,minmax(0,1fr))}}.case-spots__item{gap:var(--space-3);cursor:pointer;align-content:start;margin:0;display:grid}.case-spots__art{transition:transform var(--duration-fast) var(--ease-out)}.case-spots__item:hover .case-spots__art{transform:translateY(-2px)}.case-spots__item:focus-visible{outline:none}.case-spots__item:focus-visible .case-spots__art{outline:2px solid var(--accent);outline-offset:3px}.case-spots__art{padding:var(--space-4);border-radius:var(--radius-md);background:var(--lifi-ink);overflow:hidden}.case-spots__art svg{width:100%;height:auto;display:block}.case-marks{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.case-marks__item{gap:var(--space-2);justify-items:center;margin:0;display:grid}.case-marks__plate{aspect-ratio:16/11;width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:var(--lifi-ink);color:var(--lifi-paper);place-items:center;display:grid}.case-marks__glyph{background:currentColor}@media (width<=640px){.case-marks{grid-template-columns:1fr}}.case-color{gap:var(--space-6);flex-direction:column;display:flex}.case-ramps{gap:var(--space-4);flex-direction:column;display:flex}.case-ramps__ramp{gap:var(--space-2);flex-direction:column;display:flex}.case-ramps__name{font-size:var(--text-small);color:var(--text-muted)}.case-ramps__steps{gap:var(--space-1);grid-template-columns:repeat(9,1fr);display:grid}.case-ramps__step{min-height:64px;padding:var(--space-2);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--border);color:var(--step-ink);flex-direction:column;justify-content:space-between;display:flex;position:relative}.case-ramps__steplabel{font-size:.6875rem;font-weight:500}.case-ramps__hex{font-family:var(--font-code);letter-spacing:.02em;opacity:.75;font-size:.625rem}.case-ramps__step.is-anchor:after{content:"";top:var(--space-2);right:var(--space-2);background:currentColor;border-radius:50%;width:8px;height:8px;position:absolute}@media (width<=720px){.case-ramps__hex{display:none}.case-ramps__step{min-height:44px}}.case-ratio{gap:var(--space-2);display:grid}.case-ratio__bar{border-radius:var(--radius-sm);height:56px;display:flex;overflow:hidden}.case-ratio__seg{display:block}.case-ratio__legend{gap:var(--space-4);display:flex}.case-type{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=900px){.case-type{grid-template-columns:1fr}}.case-type__face{padding:clamp(var(--space-5), 3vw, var(--space-7));border-radius:var(--radius-md);background:var(--lifi-ink);color:var(--lifi-paper);letter-spacing:-.02em;flex-direction:column;display:flex}.case-type__face--mono{letter-spacing:0}.case-type__facehead{gap:var(--space-2);flex-direction:column;display:flex}.case-type__facename{font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:600;line-height:var(--leading-none)}.case-type__face--mono .case-type__facename{font-weight:500}.case-type__facerole,.case-type__rowlabel{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--lifi-muted);font-weight:500}.case-type__about{margin-top:var(--space-4);max-width:44ch;font-size:.9375rem;line-height:var(--leading-normal);letter-spacing:0;color:var(--lifi-secondary)}.case-type__rows{margin-top:var(--space-6);flex-direction:column;display:flex}.case-type__row{gap:var(--space-2);padding-block:var(--space-5);border-top:1px solid color-mix(in oklch, var(--lifi-paper) 14%, transparent);flex-direction:column;display:flex}.case-type__sample{overflow-wrap:break-word;line-height:1.15}.case-figure>svg{width:100%;height:auto;display:block}.has-chart-hover{position:relative}.chart-hover__hit{fill:#0000}.chart-hover__ind{opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out)}.chart-hover__ind.is-on{opacity:1}.chart-hover__band{fill:color-mix(in oklch, var(--ch-figure) 7%, transparent)}.chart-hover__rule{stroke:color-mix(in oklch, var(--ch-figure) 30%, transparent);stroke-width:1px}.chart-hover__dot{fill:var(--ch-figure);stroke:var(--ch-ground);stroke-width:2px}.chart-tip{z-index:2;gap:var(--space-1);min-width:max-content;padding:var(--space-1) var(--space-2);background:var(--ch-ground);border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);display:grid;position:absolute;top:0;left:0}.chart-tip.is-on{opacity:1}.chart-tip__cat{letter-spacing:.06em;text-transform:uppercase}.chart-tip__row{gap:var(--space-2);align-items:center;display:flex}.chart-tip__swatch{width:var(--chart-tip-swatch,12px);height:var(--chart-tip-swatch,12px);border-radius:calc(var(--chart-tip-swatch,12px) / 4);flex:none}.chart-tip__val{color:var(--ch-figure);font-variant-numeric:tabular-nums;margin-inline-start:auto}@media (prefers-reduced-motion:reduce){.chart-hover__ind,.chart-tip{transition:none}}.case-icons{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=560px){.case-icons{grid-template-columns:repeat(2,1fr)}}.case-icons__item{align-items:center;gap:var(--space-3);flex-direction:column;margin:0;display:flex}.case-icons__plate{aspect-ratio:1;border-radius:var(--radius-squircle);place-items:center;width:100%;max-width:168px;display:grid}.case-icons__plate[data-shape=round]{border-radius:50%}.case-icons__plate[data-surface=ink]{background:var(--lifi-ink);color:var(--lifi-paper)}.case-icons__plate[data-surface=ink-accent]{background:var(--lifi-ink);color:var(--lifi-pink)}.case-icons__plate[data-surface=accent]{background:var(--lifi-pink);color:var(--lifi-ink)}.case-icons__plate[data-surface=action]{background:var(--lifi-sapphire);color:var(--lifi-paper)}.case-icons__plate[data-surface=paper]{background:var(--lifi-paper);color:var(--lifi-ink);border:1px solid color-mix(in oklch, var(--lifi-ink) 12%, transparent)}.case-icons__glyph{background:currentColor;height:50%}.case-icons__label{color:var(--text-subtle)}.case-arch{justify-content:center;display:flex}.case-arch__art{width:100%;max-width:640px;padding:clamp(var(--space-5), 4vw, var(--space-7));border-radius:var(--radius-md);background:var(--lifi-ink);overflow:hidden}.case-arch__art svg{width:100%;height:auto;display:block}.case-arch__art--compact{max-width:400px;display:none}@media (width<=639px){.case-arch__art--wide{display:none}.case-arch__art--compact{display:block}}.case-gate{align-items:flex-start;gap:var(--space-4);max-width:460px;padding:var(--space-7);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.case-gate__icon{width:48px;height:48px;color:var(--accent);background:var(--accent-wash);border-radius:var(--radius-full);place-items:center;display:grid}.case-gate__icon svg{width:24px;height:24px}.case-gate__body{max-width:42ch}.case-gate__link{color:var(--accent)}.case-gate__form{align-items:flex-end;gap:var(--space-3);width:100%;margin-top:var(--space-2);display:flex}.case-gate__form .field{flex:1}.case-gate__error{font-size:var(--text-small);color:var(--danger-fg)}@media (width<=480px){.case-gate__form{flex-direction:column;align-items:stretch}}.case-gated__cta{padding-top:var(--space-8)}.gate-open .tile__lock{display:none}.tile__lock{top:var(--space-3);right:var(--space-3);align-items:center;gap:var(--space-1);font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-full);background:oklch(100% 0 0/.72);padding:.25rem .625rem;display:inline-flex;position:absolute}.tile__lock-icon{display:inline-flex}.tile__lock-icon svg{width:14px;height:14px}@keyframes chip-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft);opacity:1}50%{box-shadow:0 0 0 6px var(--accent-soft);opacity:.7}}.hero__title .kline{white-space:nowrap}@media (width<=767px){.hero__title .kline{display:block}.hero__title{line-height:var(--leading-snug)}}.hero__title .kword{opacity:0;filter:blur(10px);transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out), filter var(--duration-slow) var(--ease-out);transition-delay:calc(var(--i) * 90ms + 80ms);display:inline-block;transform:translateY(.5em)}.hero__title.is-revealed .kword{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){.hero__title .kword{opacity:1;filter:none;transform:none}}.text-gradient{background:linear-gradient(100deg, var(--accent), var(--azure-5) 55%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.text-gradient--shimmer{background:linear-gradient(100deg, var(--accent) 0%, var(--azure-5) 38%, var(--azure-3) 50%, var(--azure-5) 62%, var(--accent) 100%);animation:gradient-shimmer 4.5s var(--ease-in-out) infinite;background-position:120% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text}@keyframes gradient-shimmer{0%{background-position:120% 0}55%,to{background-position:-20% 0}}@media (prefers-reduced-motion:reduce){.text-gradient--shimmer{background-position:50% 0;animation:none}}.about-grid{gap:var(--space-7);align-items:start;display:grid}.about-chapters{gap:var(--space-9);display:grid}@media (width>=900px){.about-chapters{gap:var(--space-10)}.about-chapter{gap:var(--space-8);grid-template-columns:minmax(0,38fr) minmax(0,62fr);align-items:center;display:grid}}@media (width<=899px){.about-chapter{gap:var(--space-5);display:grid}}.about-chapter__body{margin-top:var(--space-3);max-width:52ch}.about-chapter__body strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.carousel{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.carousel__frame{border-radius:var(--radius-md);overflow:clip}.carousel__track{will-change:transform;transition:transform var(--duration-slow) var(--ease-out);display:flex}@media (prefers-reduced-motion:reduce){.carousel__track{transition:none}}.carousel__slide{flex:0 0 100%;min-width:0}.carousel__slide img{aspect-ratio:3/2;object-fit:cover;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.carousel__controls{margin-top:var(--space-4);justify-content:center;min-width:0;display:flex}.carousel__counter{font-size:var(--text-caption);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-wide);color:var(--text-subtle)}.dots{--dots-gap:var(--space-2);--dot:7px;justify-content:center;align-items:center;gap:var(--dots-gap);min-width:0;display:flex}.dots__dot{flex:0 1 var(--space-6);height:var(--space-6);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.dots__dot:before{content:"";inset-block:0;width:calc(var(--dot) + var(--dots-gap));position:absolute;left:50%;transform:translate(-50%)}.dots__mark{width:var(--dot);height:var(--dot);border-radius:var(--radius-full);background:var(--text-primary);opacity:.22;transition:width var(--duration-base) var(--ease-out), opacity var(--duration-base) var(--ease-out);display:block;position:relative;overflow:clip}.dots__dot:hover .dots__mark,.dots__dot:focus-visible .dots__mark{opacity:.45}.dots__dot.is-current .dots__mark{width:calc(var(--dot) * 3.4);opacity:1}.carousel:not(.is-surrendered) .dots__dot.is-current .dots__mark{background:var(--border-strong);opacity:1}.carousel .dots__dot.is-current .dots__mark:after{content:"";background:var(--text-primary);transform-origin:0;animation:carousel-fill var(--carousel-interval,5.2s) linear forwards;animation-play-state:paused;position:absolute;inset:0;transform:scaleX(0)}.carousel.is-playing .dots__dot.is-current .dots__mark:after{animation-play-state:running}.carousel.is-surrendered .dots__mark:after{content:none}@keyframes carousel-fill{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.dots__mark:after{animation:none}}.about-creds{gap:var(--space-6);margin-top:var(--space-8);display:grid}@media (width>=820px){.about-creds{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}.about-cred__label{font-size:var(--text-caption);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted);margin-bottom:var(--space-2)}.about-cred__title{font-size:var(--text-body-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.about-cred__meta{margin-top:var(--space-1)}.about-cred__title--link{align-items:center;gap:var(--space-2);color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out);display:inline-flex}.about-cred__title--link:hover{color:var(--accent)}.about-cred__link-icon svg{width:1.1em;height:1.1em;transition:transform var(--duration-fast) var(--ease-out)}.about-cred__title--link:hover .about-cred__link-icon svg{transform:translate(2px,-2px)}body.route-home{background-image:radial-gradient(70% 50% at 50% 100%, color-mix(in oklch, var(--accent-soft) 55%, transparent), transparent 75%),  linear-gradient(0deg, color-mix(in oklch, var(--accent-wash) 70%, transparent), transparent 72%);background-position:50% 100%;background-repeat:no-repeat;background-size:100% 720px}.logo{color:var(--text-primary);line-height:var(--leading-none);align-items:center;gap:.55em;text-decoration:none;display:inline-flex}.logo__mark{flex:none;display:inline-flex}.logo__mark svg{width:auto;height:1.5em;display:block}.logo__word{font-family:var(--font-display);font-weight:var(--weight-light);text-transform:uppercase;letter-spacing:.08em;line-height:var(--leading-none);white-space:nowrap}.logo__word b{font-weight:var(--weight-heavy)}.book-host{gap:var(--section-gap);margin-top:var(--space-6);flex-direction:column;display:flex}.book{--book-border:color-mix(in oklch, var(--book-ink) 12%, transparent);--book-slate:color-mix(in oklch, var(--book-ink) 58%, var(--book-paper));--book-action-mid:oklch(from var(--book-action) calc(l + .12) calc(c * .9) h);gap:var(--section-gap);color:var(--text-primary);flex-direction:column;display:flex}.book-mono,.book-caption{font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--text-subtle)}.book-dot{color:var(--book-accent)}.book-ch{gap:var(--space-7);padding-top:0}.book-ch__opener{align-items:start;column-gap:var(--space-7);grid-template-columns:minmax(0,8rem) 1fr;display:grid}.book-ch__marker{gap:var(--space-1);flex-direction:column;display:flex}.book-ch__no{font-size:clamp(3.5rem,7vw,5.5rem);font-weight:var(--weight-light,300);line-height:var(--leading-none);color:var(--text-subtle);font-variant-numeric:tabular-nums;letter-spacing:-.02em}@media (width<=720px){.book-ch__opener{row-gap:var(--space-3);grid-template-columns:1fr}.book-ch__marker{align-items:baseline;gap:var(--space-4);flex-direction:row}}.book-ch__head>*+*{margin-top:var(--space-3)}.book-plate{gap:var(--space-4);flex-direction:column;display:flex}.book-faces{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=900px){.book-faces{grid-template-columns:1fr}}.book-face{border-radius:var(--radius-md);background:var(--book-ink);color:var(--book-paper);padding:clamp(var(--space-5), 3vw, var(--space-7));--face-font:var(--book-font-sans);--face-tracking:-.02em;flex-direction:column;margin:0;display:flex}.book-face.is-mono{--face-font:var(--book-font-mono);--face-tracking:0}.book-face .book-mono{color:var(--book-muted)}.book-face__head{gap:var(--space-2);flex-direction:column;display:flex}.book-face__name{font-family:var(--face-font);font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:600;line-height:var(--leading-none);letter-spacing:var(--face-tracking);color:var(--book-paper)}.book-face.is-mono .book-face__name{font-weight:500}.book-face__about{margin-top:var(--space-4);font-family:var(--face-font);font-size:.9375rem;line-height:var(--leading-normal);letter-spacing:0;color:var(--book-secondary);max-width:44ch}.book-face__rows{margin-top:var(--space-6);flex-direction:column;display:flex}.book-face__row{gap:var(--space-2);padding-block:var(--space-5);border-top:1px solid color-mix(in oklch, var(--book-paper) 14%, transparent);flex-direction:column;display:flex}.book-face__sample{font-family:var(--face-font);color:var(--book-paper);letter-spacing:var(--face-tracking);overflow-wrap:break-word;line-height:1.15}.book-specimen{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-elevated);flex-direction:column;display:flex}.book-specimen__row{gap:var(--space-2);padding:var(--space-5);flex-direction:column;display:flex}.book-specimen__row+.book-specimen__row{border-top:1px solid var(--border)}.book-specimen__sample{font-family:var(--book-font-sans);color:var(--text-primary);letter-spacing:-.02em;line-height:1.15}.book-specimen__sample.is-mono{font-family:var(--book-font-mono);letter-spacing:0}.book-art__stage,.book-kit__art{--surface-page:var(--book-paper);--text-primary:var(--book-ink);--accent-primary:var(--book-action);--accent-secondary:var(--book-accent)}.book-art{gap:var(--space-4)}.book-art__stage{place-items:center;display:grid}.book-art__stage.is-card{background:var(--book-ink);border-radius:var(--radius-md);padding:clamp(var(--space-4), 3vw, var(--space-7))}.book-art__stage svg{width:100%;max-width:720px;height:auto;display:block}.book-art__stage:not(.is-card) svg{max-width:none}.book-kit{grid-template-columns:repeat(var(--kit-cols,3), 1fr);gap:var(--space-3);display:grid}@media (width<=900px){.book-kit{grid-template-columns:repeat(min(var(--kit-cols,3), 3), 1fr)}}@media (width<=560px){.book-kit{grid-template-columns:repeat(2,1fr)}}.book-kit__item:last-child:nth-child(3n+1){grid-column:2}@media (width<=560px){.book-kit__item:last-child:nth-child(3n+1){grid-column:auto}}.book-kit__item{gap:var(--space-2);padding:var(--space-3);background:var(--book-ink);border-radius:var(--radius-md);flex-direction:column;margin:0;display:flex}.book-kit__art svg{width:100%;height:auto;display:block}.book-kit__item figcaption{flex-direction:column;gap:2px;display:flex}.book-kit__label{font-family:var(--font-body);font-size:var(--text-caption);color:var(--book-secondary)}.book-kit__note{color:var(--book-muted);font-size:.8125rem}.book-marks{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.book-markslot{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.book-markslot>.book-kit__label{color:var(--text-subtle)}.book-markplate{aspect-ratio:16/11;border-radius:var(--radius-md);padding:var(--space-4);place-items:center;display:grid}.book-markplate__mark{background:currentColor;display:inline-block}.book-markplate[data-surface=paper]{background:var(--book-paper);color:var(--book-ink);border:1px solid var(--book-border)}.book-markplate[data-surface=ink]{background:var(--book-ink);color:var(--book-paper)}.book-markplate[data-surface=accent]{background:var(--book-accent);color:var(--book-on-accent)}.book-markplate[data-surface=ink-accent]{background:var(--book-ink);color:var(--book-accent)}.book-markplate[data-surface=action]{background:var(--book-action);color:var(--book-paper)}.book-marks:has([data-shape=app]){gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(140px,200px))}.book-markplate[data-shape=app]{aspect-ratio:1;border-radius:var(--radius-squircle);padding:0}.book-markplate[data-shape=app][data-canvas=round]{border-radius:50%}.book-ramp{gap:var(--space-2);flex-direction:column;display:flex}.book-ramp+.book-ramp{margin-top:var(--space-3)}.book-ramp__name{font-size:var(--text-small);color:var(--text-muted)}.book-ramp__steps{grid-template-columns:repeat(var(--ramp-cols,9), 1fr);gap:var(--space-1);display:grid}.book-ramp__step{min-height:64px;padding:var(--space-2);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--border);color:var(--step-ink,var(--book-ink));flex-direction:column;justify-content:space-between;display:flex;position:relative}.book-ramp__label{font-size:.6875rem;font-weight:500}.book-ramp__hex{font-family:var(--book-font-mono);letter-spacing:.02em;opacity:.75;font-size:.625rem}.book-ramp__step.is-anchor:after{content:"";top:var(--space-2);right:var(--space-2);background:currentColor;border-radius:50%;width:8px;height:8px;position:absolute}@media (width<=720px){.book-ramp__hex{display:none}.book-ramp__step{min-height:44px}}.book-ratio{border-radius:var(--radius-sm);height:56px;display:flex;overflow:hidden}.book-ratio__seg{display:flex}.book-comps{grid-template-columns:repeat(var(--comp-cols,1), 1fr);gap:var(--space-4);display:grid}@media (width<=720px){.book-comps{grid-template-columns:1fr}}.book-comp-slot{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.book-comp-slot figcaption{gap:var(--space-1);flex-direction:column;display:flex}.book-comp-slot .book-kit__label{font-family:var(--font-body);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);color:var(--text-subtle)}.book-comp__note{font-size:var(--text-small);line-height:var(--leading-normal);color:var(--text-muted);max-width:52ch}.book-comp{border-radius:var(--radius-md);font-family:var(--book-font-sans);flex-direction:column;display:flex}.book-comp--hero{min-height:380px;padding:clamp(var(--space-6), 5vw, var(--space-8));background:var(--book-ink);color:var(--book-paper);justify-content:center}.book-comp__hero-title{letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1.05}.book-comp__rule{background:var(--book-action);width:min(420px,70%);height:2px;margin-block:var(--space-6);border-radius:2px;position:relative}.book-comp__rule:after{content:"";background:var(--book-accent);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.book-comp__hero-body{color:color-mix(in oklch, var(--book-paper) 70%, transparent);max-width:46ch;font-size:1.125rem;line-height:1.6}.book-comp__hero-data{font-family:var(--book-font-mono);letter-spacing:.14em;color:var(--book-action-mid);margin-top:var(--space-6);font-size:.75rem}.book-comp--deck{min-height:320px;padding:var(--space-6);background:var(--book-paper);color:var(--book-ink);border:1px solid var(--book-border)}.book-comp__deck-head{justify-content:space-between;align-items:center;display:flex}.book-comp__lockup{background:currentColor;height:22px;display:inline-block}.book-comp__kicker{font-family:var(--book-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--book-slate);font-size:.625rem}.book-comp__deck-title{letter-spacing:-.02em;margin-top:auto;font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:600;line-height:1.2}.book-comp__foot{font-family:var(--book-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--book-slate);margin-top:var(--space-5);justify-content:space-between;align-items:flex-end;font-size:.625rem;display:flex}.book-comp--accent{min-height:320px;padding:var(--space-6);background:var(--book-accent);color:var(--book-on-accent)}.book-comp--accent .book-dot{color:var(--book-on-accent)}.book-comp__accent-title{letter-spacing:-.02em;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600;line-height:1.15}.book-comp--accent .book-comp__foot{color:color-mix(in oklch, var(--book-on-accent) 65%, transparent);margin-top:auto}.book-comp__accent-dot{background:var(--book-on-accent);border-radius:50%;width:12px;height:12px}.book-statement{min-height:320px;padding:var(--space-7);background:var(--book-ink);color:var(--book-paper);border-radius:var(--radius-md);text-align:center;font-family:var(--book-font-sans);place-items:center;display:grid}.book-statement__text{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.08}.book-statement.is-accent{background:var(--book-accent)}.book-statement.is-accent .book-statement__text,.book-statement.is-accent .book-dot{color:var(--book-on-accent)}.book-signature{padding:clamp(var(--space-6), 5vw, var(--space-9));background:var(--book-ink);color:var(--book-paper);border-radius:var(--radius-md);font-family:var(--book-font-sans);flex-direction:column;display:flex}.book-signature__title{letter-spacing:-.02em;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:600;line-height:var(--leading-tight);color:var(--book-paper)}.book-signature__rows{gap:var(--space-3) var(--space-6);grid-template-columns:auto 1fr;max-width:56ch;display:grid}.book-signature__rows dt{font-family:var(--book-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--book-muted);padding-top:.2em;font-size:.6875rem}.book-signature__rows dd{color:color-mix(in oklch, var(--book-paper) 78%, transparent)}.book-signature__line{margin-top:var(--space-6);color:var(--book-paper);font-size:1.0625rem}.book-data{gap:var(--space-5);padding:clamp(var(--space-5), 4vw, var(--space-7));background:var(--book-ink);color:var(--book-paper);border-radius:var(--radius-md);font-family:var(--book-font-mono);flex-direction:column;display:flex}.book-data__headline{letter-spacing:-.01em;font-size:clamp(2.75rem,6vw,4.25rem);font-weight:500}.book-data__sub{margin-top:var(--space-2);letter-spacing:.1em;text-transform:uppercase;color:var(--book-muted);font-size:.8125rem}.book-data__chart{align-items:flex-end;gap:var(--space-2);height:clamp(160px,22vw,260px);display:flex}.book-data__bar{background:var(--book-action);opacity:.85;border-radius:2px 2px 0 0;flex:1}.book-data__bar.is-peak{background:var(--book-accent);opacity:1}.book-data__axis{letter-spacing:.06em;text-transform:uppercase;color:var(--book-muted);justify-content:space-between;font-size:.75rem;display:flex}.book-data__legend{gap:var(--space-2) var(--space-6);flex-wrap:wrap;display:flex}.book-data__legend-item{align-items:center;gap:var(--space-2);color:var(--book-secondary);font-size:.8125rem;display:inline-flex}.book-data__legend-swatch{background:var(--book-action);border-radius:3px;width:12px;height:12px}.book-data__legend-swatch.is-accent{background:var(--book-accent)}.book-data__legend-item--note{color:var(--book-muted);flex-basis:100%}.book-data__kpis{gap:var(--space-4);border-top:1px solid color-mix(in oklch, var(--book-paper) 14%, transparent);padding-top:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.book-data__kpi{gap:var(--space-1);flex-direction:column;display:flex}.book-data__kpi-value{font-size:1.5rem;font-weight:500}.book-data__kpi-label{letter-spacing:.08em;text-transform:uppercase;color:var(--book-muted);font-size:.75rem}.book-markplate[data-deform]{position:relative;overflow:hidden}.book-markplate[data-deform]:after{content:"";background:linear-gradient(to top right, transparent calc(50% - 1px), var(--danger-fg) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px));pointer-events:none;position:absolute;inset:0}.book-markplate[data-deform=recolor] .book-markplate__mark{background:var(--book-action)}.book-markplate[data-deform=rotate] .book-markplate__mark{transform:rotate(14deg)}.book-markplate[data-deform=stretch] .book-markplate__mark{transform:scaleX(1.45)}.book-markplate[data-deform=accent-on-accent] .book-markplate__mark{background:color-mix(in oklch, var(--book-accent) 82%, var(--book-on-accent))}.book-stage{grid-template-columns:repeat(var(--stage-cols,2), 1fr);gap:var(--space-3);display:grid}@media (width<=900px){.book-stage{grid-template-columns:1fr}}.book-stage__item{gap:var(--space-4);padding:clamp(var(--space-4), 3vw, var(--space-6));border-radius:var(--radius-md);background:radial-gradient(70% 45% at 50% 74%, color-mix(in oklch, var(--book-action) 34%, transparent), transparent 72%), var(--book-ink);--iso-surface:var(--book-action);--accent:var(--book-action);flex-direction:column;margin:0;display:flex}.book-stage__item figcaption{flex-direction:column;gap:2px;display:flex}.book-stage .stage{padding:0}.book-host>.book-heroplate:first-child{margin-top:calc(var(--space-7) - var(--section-gap) - var(--space-6))}.book-heroplate .book-comp--cover{min-height:clamp(420px,46vw,640px)}.book-comp--cover{background:var(--book-ink);min-height:clamp(360px,42vw,520px);color:var(--book-paper);position:relative;overflow:hidden}.book-comp__cover-lattice{background-image:radial-gradient(circle, color-mix(in oklch, var(--book-paper) 15%, transparent) 1.1px, transparent 1.7px);pointer-events:none;background-size:32px 32px;width:200%;height:200%;position:absolute;inset:-50%;transform:rotate(45deg)}.book-comp__cover-silhouette{background:var(--book-action);opacity:.3;height:130%;-webkit-mask:var(--cover-mark) no-repeat center / contain;-webkit-mask:var(--cover-mark) no-repeat center / contain;mask:var(--cover-mark) no-repeat center / contain;pointer-events:none;position:absolute;top:50%;right:-12%;transform:translateY(-50%)}.book-comp__cover-vignette{background:radial-gradient(125% 125% at 50% 38%, transparent 52%, var(--book-ink) 100%);pointer-events:none;position:absolute;inset:0}.book-comp__cover-chrome{padding:clamp(var(--space-5), 4vw, var(--space-7));flex-direction:column;flex:1;align-items:flex-start;display:flex;position:relative}.book-comp--cover .book-comp__foot{align-self:stretch}.book-comp__cover-block{margin-top:auto}.book-comp__cover-title{letter-spacing:-.02em;font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:600;line-height:1.1}.book-comp--cover .book-comp__rule{margin-block:var(--space-5)}.book-comp__cover-sub{color:var(--book-secondary);max-width:40ch;font-size:.9375rem}.book-comp--cover .book-comp__foot{margin-top:var(--space-6)}.badge{--badge-bg:var(--surface-inset);--badge-fg:var(--text-muted);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:.01em;white-space:nowrap;color:var(--badge-fg);background:var(--badge-bg);border-radius:var(--radius-full);align-items:center;gap:.4em;padding:.25rem .625rem;display:inline-flex}.badge__dot{border-radius:var(--radius-full);background:currentColor;flex:none;width:6px;height:6px}.badge--info{--badge-bg:var(--info-bg);--badge-fg:var(--info-fg)}.badge--success{--badge-bg:var(--success-bg);--badge-fg:var(--success-fg)}.badge--warn{--badge-bg:var(--warn-bg);--badge-fg:var(--warn-fg)}.badge--danger{--badge-bg:var(--danger-bg);--badge-fg:var(--danger-fg)}.badge--accent{--badge-bg:var(--accent-soft);--badge-fg:var(--accent)}.data-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-page);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.data-table th{height:44px;padding:0 var(--space-4);font-size:var(--text-caption);font-weight:var(--weight-medium);text-align:left;white-space:nowrap;color:var(--text-muted);vertical-align:middle;border-bottom:1px solid var(--border)}.data-table td{height:52px;padding:var(--space-2) var(--space-4);font-size:var(--text-small);color:var(--text-primary);vertical-align:middle;border-bottom:1px solid var(--border)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--alpha-hover)}.data-table tr.is-clickable{cursor:pointer}.data-table tr.is-clickable:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.data-table .ta-r{text-align:right}.data-table .ta-c{text-align:center}.data-table--sm th{height:36px}.data-table--sm td{height:40px}.field__control--select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.modal{z-index:var(--z-modal);padding:var(--space-5);background:var(--scrim);-webkit-backdrop-filter:blur(12px) saturate(var(--glass-saturate));backdrop-filter:blur(12px) saturate(var(--glass-saturate));animation:overlay-in var(--duration-base) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.modal__panel{width:min(560px,100%);max-height:85vh;padding:var(--space-5);border-radius:var(--radius-lg);animation:modal-rise var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:relative}.modal__panel--flush{padding:0;overflow:hidden}.modal__panel--flush>.modal__body{margin:0;padding:0;overflow:hidden}.modal__close--float{top:var(--space-4);right:var(--space-4);z-index:2;position:absolute}@keyframes modal-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}}.modal__panel--sm{width:min(420px,100%)}.modal__panel--lg{width:min(760px,100%)}.modal__panel--xl{width:min(1400px,100%)}.panel-head{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.panel-head__slot{align-items:center;min-height:36px;display:flex}.panel-head__slot--end{justify-content:flex-end}.panel-head__title{min-width:0;font-size:var(--text-body-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-head__back svg{transform:rotate(180deg)}.modal__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.modal__title{font-size:var(--text-h5);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.modal__desc{margin-top:var(--space-1);font-size:var(--text-small)}.modal__body{flex:1;margin:-2px;padding:2px;overflow-y:auto}.modal__foot{justify-content:flex-end;gap:var(--cluster-md);margin-top:var(--space-5);display:flex}@media (prefers-reduced-motion:reduce){.modal,.modal__panel{animation:none}}.empty-state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);text-align:center;flex-direction:column;display:flex}.empty-state__icon{color:var(--text-subtle);margin-bottom:var(--space-2)}.empty-state__icon svg{width:28px;height:28px}.empty-state__title{font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.empty-state__message{max-width:40ch;font-size:var(--text-small);color:var(--text-muted)}.empty-state__action{margin-top:var(--space-3)}.stat-tile{padding:var(--space-4) var(--space-5);background:var(--surface-elevated);border-radius:var(--radius-md)}.stat-tile__label{margin-bottom:var(--space-2)}.stat-tile__value{font-size:var(--text-h3);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;color:var(--text-primary)}.stat-tile__value--info{color:var(--info-fg)}.stat-tile__value--success{color:var(--success-fg)}.stat-tile__value--warn{color:var(--warn-fg)}.stat-tile__value--danger{color:var(--danger-fg)}.stat-tile__value--accent{color:var(--accent)}.stat-tile__hint{margin-top:var(--space-1);font-size:var(--text-caption);color:var(--text-subtle)}.desk{gap:var(--stack-xl);flex-direction:column;display:flex}.desk-head{justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;display:flex}.desk-head .standfirst{max-width:56ch;margin-top:var(--space-3)}.desk-head .eyebrow{margin-bottom:var(--space-3)}.desk-stats{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.desk-stats{grid-template-columns:repeat(4,1fr)}}.desk-autoimport-host:empty{display:none}.desk-autoimport{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);display:flex}.desk-autoimport--ready{border-color:var(--accent);background:var(--accent-soft)}.desk-autoimport__icon{color:var(--text-muted);flex:none;display:inline-flex}.desk-autoimport--ready .desk-autoimport__icon{color:var(--accent)}.desk-autoimport__icon svg{width:20px;height:20px}.desk-autoimport__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.desk-autoimport__title{font-weight:var(--weight-semibold)}.desk-autoimport__sub{font-size:var(--text-caption);color:var(--text-subtle)}.desk-autoimport__actions{flex:none}@media (width<=560px){.desk-autoimport{flex-wrap:wrap}.desk-autoimport__text{flex-basis:100%}}.desk-toolbar{gap:var(--cluster-md);margin-bottom:calc(-1 * var(--stack-xl) + var(--space-4));flex-wrap:wrap;display:flex}.desk-search{flex:1;min-width:220px}.desk-filter{width:auto}.desk-co{align-items:center;gap:var(--space-3);min-width:180px;display:flex}.desk-co__mark{border-radius:var(--radius-sm);background:var(--surface-inset);width:32px;height:32px;font-weight:var(--weight-semibold);color:var(--text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.desk-co__text{flex-direction:column;gap:2px;min-width:0;display:flex}.desk-co__name{align-items:center;gap:var(--cluster-sm);font-weight:var(--weight-semibold);display:inline-flex}.desk-co__source{font-size:var(--text-caption);color:var(--text-subtle)}.desk-co__swatches{gap:3px;display:inline-flex}.desk-co__swatch{border-radius:var(--radius-full);border:1px solid var(--border);width:8px;height:8px}.desk-co__swatch--lg{width:16px;height:16px}.desk-due{align-items:center;gap:var(--cluster-sm);display:inline-flex}.desk-due__who{font-size:var(--text-caption);color:var(--text-muted)}.desk-form{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.desk-form__group{margin-top:var(--space-2);grid-column:1/-1}.desk-form__group:first-child{margin-top:0}.desk-form .field:has(textarea){grid-column:1/-1}.desk-form__swatches{gap:var(--cluster-sm);flex-wrap:wrap;min-height:0;display:flex}.desk-form__swatches:empty{display:none}@media (width<=640px){.desk-form{grid-template-columns:1fr}}.desk-resources__head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.desk-resource-list{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.desk-resource{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.desk-resource:last-child{border-bottom:none}.desk-resource:hover{background:var(--alpha-hover)}.desk-resource__text{flex-direction:column;gap:2px;min-width:0;display:flex}.desk-resource__name{align-items:center;gap:var(--cluster-xs);font-weight:var(--weight-semibold);color:var(--text-primary);text-decoration:none;display:inline-flex}.desk-resource__name:hover{color:var(--accent)}.desk-resource__ext svg{width:14px;height:14px;color:var(--text-subtle)}.desk-resource__note{font-size:var(--text-caption);color:var(--text-subtle)}.desk-resource__meta{align-items:center;gap:var(--cluster-sm);display:flex}.desk-resource__delete{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-subtle);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.desk-resource__delete:hover{background:var(--alpha-hover);color:var(--danger-fg)}.desk-resource__delete svg{width:14px;height:14px}.doc-page{background:var(--surface-page);width:1920px;min-height:1080px;box-shadow:var(--shadow-md);flex-direction:column;padding:64px 100px 40px;display:flex}.doc-header{justify-content:space-between;align-items:center;gap:48px;display:flex}.doc-ident{line-height:var(--doc-leading-none);align-items:center;gap:16px;display:flex}.doc-ident__mark{height:42px;color:var(--text-primary);margin-top:1.5px;display:block}.doc-ident__mark svg{width:auto;height:100%;display:block}.doc-ident__name{font-size:var(--doc-text-lead);font-weight:var(--weight-semibold);line-height:var(--doc-leading-none)}.doc-ident__role{font-size:var(--doc-text-body);font-weight:var(--weight-regular);color:var(--text-muted);line-height:var(--doc-leading-none);margin-top:7px}.doc-header__meta{text-align:right}.doc-header__meta-primary{font-size:var(--doc-text-lead);font-weight:var(--weight-semibold);line-height:var(--doc-leading-none);white-space:nowrap}.doc-header__meta-primary a{color:var(--text-primary);text-decoration:none}.doc-header__meta-secondary{font-size:var(--doc-text-body);font-weight:var(--weight-regular);color:var(--text-muted);line-height:var(--doc-leading-none);white-space:nowrap;margin-top:7px}.doc-standfirst{font-size:var(--doc-text-lead);font-weight:var(--weight-regular);line-height:var(--doc-leading-standfirst);letter-spacing:-.005em;text-wrap:balance}.doc-standfirst strong{font-weight:var(--weight-semibold)}.doc-tags{flex-wrap:wrap;gap:8px;display:flex}.doc-tag{font-size:var(--doc-text-body);font-weight:var(--weight-medium);line-height:var(--doc-leading-none);border-radius:var(--radius-full);background:var(--surface-subtle);color:var(--text-primary);white-space:nowrap;padding:10px 16px}.doc-eyebrow{font-size:var(--doc-text-caption);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted)}.doc-entry{break-inside:avoid;grid-template-columns:44px 1fr;align-items:start;column-gap:14px;display:grid}.doc-entry+.doc-entry{margin-top:32px}.doc-entry__logo{--avatar-size:44px;grid-area:1/1;align-self:center}.doc-entry__head{grid-area:1/2}.doc-entry__title{font-size:var(--doc-text-title);font-weight:var(--weight-semibold);line-height:var(--doc-leading-title)}.doc-entry__meta{font-size:var(--doc-text-caption);color:var(--text-muted);margin:6px 0 0}.doc-entry__bullets{grid-area:2/1/auto/3;margin-top:13px;padding-left:20px}.doc-entry__logo .avatar,.doc-entry__logo .avatar-tandem>.avatar:first-child{border:1px solid var(--border);box-shadow:0 1px 2px oklch(0% 0 0/.08),inset 0 1px oklch(100% 0 0/.6)}.doc-entry__logo .avatar-badge{box-shadow:inset 0 0 0 1px var(--border)}.doc-bullets{list-style:none}.doc-bullets li{font-size:var(--doc-text-body);line-height:var(--doc-leading-body);margin-bottom:12px;padding-left:17px}.doc-bullets li:last-child{margin-bottom:0}.doc-bullets li:before{content:"";border-radius:var(--radius-full);background:var(--text-muted);vertical-align:.18em;width:5px;height:5px;margin-left:-17px;margin-right:12px;display:inline-block}.doc-bullets strong{font-weight:var(--weight-semibold)}.doc-cred .doc-eyebrow{margin-bottom:16px}.doc-cred p:not(.doc-eyebrow){font-size:var(--doc-text-body);line-height:var(--doc-leading-body);color:var(--text-muted)}.doc-cred b{color:var(--text-primary);font-weight:var(--weight-semibold)}.doc-footnote{font-size:var(--doc-text-caption);line-height:var(--doc-leading-body);color:var(--text-muted)}.doc-footnote a:hover{color:var(--text-primary)}.composer{grid-template-columns:minmax(0, 1fr) var(--composer-rail,344px);background:var(--surface-page);height:min(78vh,640px);display:grid}@media (width<=820px){.composer{flex-direction:column;height:min(86vh,760px);display:flex}.composer__canvas{flex:45%}.composer__sidebar{flex:55%}}.composer__canvas{justify-content:center;align-items:center;gap:var(--space-4);min-width:0;min-height:0;padding:var(--space-7);background:var(--surface-inset);border-right:1px solid var(--border);flex-direction:column;display:flex}@media (width<=820px){.composer__canvas{border-right:none;border-bottom:1px solid var(--border);padding:var(--space-5)}}.composer__canvas--page{background:var(--surface-page)}.composer__viewswitch,.composer__canvas-foot{justify-content:center;align-items:center;gap:var(--space-5);flex-wrap:wrap;flex:none;max-width:100%;display:flex}.composer__stage{min-width:0;min-height:0;color:var(--text-primary);touch-action:none;flex:1 1 0;align-self:stretch;place-items:center;display:grid;container-type:size}.composer__stage>svg,.composer__stage>*>svg{max-width:100%;max-height:100%;display:block}.composer-fill{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid}.composer__readout{text-align:center;max-width:100%;font-size:var(--text-caption);line-height:var(--leading-snug);color:var(--text-subtle);font-variant-numeric:tabular-nums;flex:none;margin:0}.composer-frame{height:min(100cqh, calc(100cqw / var(--frame-ar,1.6)));width:auto;aspect-ratio:var(--frame-ar,1.6);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-page);overflow:hidden}.composer-frame>svg{width:100%;height:100%;display:block}.composer-frame--checker{background:conic-gradient(from 90deg at 50% 50%, oklch(96% 0 0) 25%, transparent 0 50%, oklch(96% 0 0) 0 75%, transparent 0) 0 0 / 32px 32px}.composer-ramp{gap:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:end;display:flex}.composer-ramp__cell{gap:var(--space-1);color:var(--text-primary);justify-items:center;display:grid}.composer-ramp__art{align-items:end;display:flex}.composer-ramp__art svg{display:block}.composer-ramp__size{font-style:normal;font-size:var(--text-caption);color:var(--text-subtle);font-variant-numeric:tabular-nums}.composer__sidebar{background:var(--surface-page);flex-direction:column;min-height:0;display:flex}.composer__sidebar-head{gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border);display:grid}.composer__titleblock{gap:var(--space-1);padding-right:var(--space-7);display:grid}.composer__title{font-size:var(--text-h5);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.composer__subtitle{font-size:var(--text-caption);line-height:var(--leading-snug);color:var(--text-subtle);margin:0}.composer__toolbar{display:grid}.composer__sidebar-body{min-height:0;padding:var(--space-5);flex:1;overflow-y:auto}.composer__inspector,.composer__inspector>*,.composer-panel>*,.composer-sub>*{min-width:0}.composer__inspector{display:grid}.composer__inspector .seg{flex-wrap:wrap;display:flex}.composer-panel{gap:var(--space-3);align-content:start;min-height:3.5rem;display:grid}.composer-panel__title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.composer-panel__hint{margin:0;margin-top:calc(-1 * var(--space-1));font-size:var(--text-caption);line-height:var(--leading-snug);color:var(--text-subtle)}.composer-sub{gap:var(--space-3);display:grid}.composer-sub__title{font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);margin:0}.composer-field{gap:var(--space-1);display:grid}.composer-field__label{font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--text-secondary)}.composer-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-page);color:var(--text-primary);font:inherit;font-size:var(--text-small)}.composer-input:hover{border-color:var(--border-strong)}.composer-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring,color-mix(in oklch, var(--accent) 22%, transparent));outline:none}.composer-swatches{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(60px,1fr));display:grid}.composer-swatch{gap:var(--space-1);padding:var(--space-2) var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-page);color:var(--text-secondary);font:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);justify-items:center;display:grid}.composer-swatch:hover{background:var(--alpha-active);color:var(--text-primary)}.composer-swatch.is-active{border-color:var(--accent);color:var(--accent);background:0 0}.composer-swatch__art{justify-content:center;align-items:center;width:100%;height:42px;display:flex}.composer-swatch__art svg{width:auto;max-width:100%;height:100%;display:block}.composer-swatch__label{font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-none)}.composer__actions{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);flex:none;display:grid}.composer__danger:hover{color:var(--danger-fg);background:var(--danger-bg)}.stage-bench__view{width:100%;height:100%;min-height:0;display:grid}.stage-bench__live{place-items:center;min-height:0;display:grid;overflow:hidden}.stage-bench__live .stage{width:min(100%,560px)}.stage-bench__matrix{align-content:start;gap:var(--space-5);min-height:0;padding-right:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid;overflow-y:auto}.stage-bench__live,.stage-bench__matrix{grid-area:1/1}.stage-bench__live[hidden],.stage-bench__matrix[hidden]{display:none}.stage-bench__cell{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.stage-bench__slot{place-items:center;height:190px;display:grid;overflow:hidden}.stage-bench__slot .stage{min-height:0;max-height:100%;padding:var(--space-2)}.stage-bench__slot .stage__device{max-width:100%;min-height:0;max-height:100%}.stage-bench__slot .stage__device>*{width:auto;max-width:100%;height:100%}.stage-bench__cap{align-items:center;gap:var(--space-1);text-align:center;font-size:var(--text-caption);color:var(--text-muted);letter-spacing:var(--tracking-wide);flex-direction:column;display:flex}.stage-bench__cap-dim{color:var(--text-subtle);font-variant-numeric:tabular-nums}.composer .iso-bench__tile{aspect-ratio:16/10;width:auto;height:min(100cqh,62.5cqw)}.iso-bench__css{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-inset);font-family:var(--font-code);font-size:var(--text-caption);line-height:var(--leading-relaxed);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0}svg.duo-sheet--wide{display:none}@media (width>=768px){svg.duo-sheet--wide{display:block}svg.duo-sheet--tall{display:none}}.page--projects .page-head{margin-bottom:var(--space-7)}.proj-head{justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;display:flex}.proj{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.proj[hidden]{display:none}.proj__meta{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.proj__slug{font-size:var(--text-caption);color:var(--text-subtle)}.proj__badges{gap:var(--space-2);flex-wrap:wrap;margin-inline-start:auto;display:flex}.proj__flags{gap:var(--space-2);flex-direction:column;display:flex}.proj__flag{align-items:flex-start;gap:var(--space-2);font-size:var(--text-small);line-height:var(--leading-normal);color:var(--text-muted);display:flex}.proj__flag-icon{flex:none;margin-top:2px;display:inline-flex}.proj__flag-icon svg{width:16px;height:16px}.proj__flag--warn .proj__flag-icon{color:var(--warn-fg)}.proj__flag--danger .proj__flag-icon{color:var(--danger-fg)}.proj.is-clipped .tile__media{outline:2px solid var(--warn-fg);outline-offset:3px}.stage--floor,.stage--wall{--fw-x:1;--fw-y:0;--fd-x:0;--fd-y:1;--floor-depth:.2}.stage--p-left,.stage--p-flat{--fw-x:.894;--fw-y:.447;--fd-x:-.894;--fd-y:.447;--floor-depth:1}.stage--p-right{--fw-x:-.894;--fw-y:.447;--fd-x:.894;--fd-y:.447;--floor-depth:1}.stage--floor,.stage--wall{isolation:isolate;background:var(--surface-inset);position:relative;overflow:hidden}.stage--floor:before{content:"";z-index:-1;left:var(--pool-x,50%);top:var(--pool-y,80%);width:var(--floor-size,88%);aspect-ratio:1;border-radius:var(--floor-radius,50%);filter:blur(var(--floor-soft,16px));transform:translate(-50%, -50%) matrix(var(--fw-x), var(--fw-y), calc(var(--fd-x) * var(--floor-depth)), calc(var(--fd-y) * var(--floor-depth)), 0, 0);background:radial-gradient(farthest-corner at 50% 48%, color-mix(in oklch, var(--azure-3) calc(40% * var(--glow-strength,1)), transparent), color-mix(in oklch, var(--azure-2) calc(22% * var(--glow-strength,1)), transparent) 70%, color-mix(in oklch, var(--azure-2) calc(13% * var(--glow-strength,1)), transparent));position:absolute}.stage--wall:after{content:"";z-index:-1;left:var(--wall-x,50%);top:var(--wall-y,44%);width:var(--wall-size,96%);aspect-ratio:1;transform:translate(-50%, -50%) matrix(var(--fw-x), var(--fw-y), 0, var(--wall-h,.78), 0, 0);background:radial-gradient(closest-side, color-mix(in oklch, var(--azure-2) calc(44% * var(--glow-strength,1)), transparent), color-mix(in oklch, var(--azure-1) calc(66% * var(--glow-strength,1)), transparent) 55%, transparent 100%);position:absolute}.stage--surface.stage--plain{background:var(--surface-inset)}.stage--d-phone.stage--p-front,.stage--d-tablet.stage--p-front{--pool-y:88%;--floor-size:64%}.stage--d-laptop.stage--p-front,.stage--d-desktop.stage--p-front{--pool-y:87%}.stage--d-phone.stage--p-left,.stage--d-phone.stage--p-right{--pool-y:84%;--floor-size:70%}.stage--d-bare{--pool-y:87%}.iso-pg--bench{gap:var(--space-6);align-items:start;display:grid}@media (width>=960px){.iso-pg--bench{gap:var(--space-7);grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.iso-pg__bench-stage{position:sticky;top:0}}.iso-pg__bench-stage{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.iso-pg__bench-live .ds-iso-stage{width:100%}.iso-pg__rail{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.iso-pg__rail .iso-pg__control{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.iso-pg__rail .seg{flex-wrap:wrap}.iso-pg__sliders{gap:var(--space-4) var(--space-5);flex-wrap:wrap;align-items:flex-end;display:flex}.iso-pg__slider{gap:var(--space-1);font-size:var(--text-caption);color:var(--text-muted);flex-direction:column;display:flex}.iso-pg__slider input{width:120px;accent-color:var(--accent)}.iso-pg__slider-val{color:var(--text-subtle);font-variant-numeric:tabular-nums}.iso-pg__glow-css{font-size:var(--text-caption);color:var(--text-subtle);font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all}.glass{isolation:isolate;background:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow), var(--glass-inner);position:relative}.glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(var(--glass-specular-angle), oklch(100% 0 0/.18), transparent 42%);opacity:var(--glass-sheen,1);position:absolute;inset:0}.glass--pill{border-radius:var(--radius-full)}.glass--panel{--glass-radius:var(--radius-lg);--glass-tint:var(--glass-tint-strong)}.glass--panel:after,.nav__inner:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(var(--glass-specular-angle), oklch(100% 0 0/.7), oklch(100% 0 0/0) 38%, oklch(100% 0 0/0) 70%, oklch(100% 0 0/.3));-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass--liquid{box-shadow:var(--glass-shadow), var(--glass-inner), inset 0 0 calc(var(--glass-glow,0) * 26px) oklch(100% 0 0 / calc(var(--glass-glow,0) * .8));overflow:hidden}.glass--liquid:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(var(--glass-specular-angle), oklch(100% 0 0 / var(--glass-edge)), oklch(100% 0 0/0) 28%, oklch(100% 0 0/0) 72%, oklch(100% 0 0 / calc(var(--glass-edge) * .4)));-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}