@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:var(--font-space-grotesk), "Space Grotesk", "Segoe UI", Arial, sans-serif;--font-mono:var(--font-sans);--color-gray-100:#f3f4f6;--color-zinc-900:#18181b;--spacing:.25rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--radius-2xl:1rem;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-space-grotesk), "Space Grotesk", "Segoe UI", Arial, sans-serif;--default-mono-font-family:var(--font-sans)}@supports (color:lab(0% 0 0)){:root,:host{--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-zinc-900:lab(8.30603% .618205 -2.16572)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-16{margin-top:calc(var(--spacing) * 16)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-\[30rem\]{height:30rem}.h-\[60rem\]{height:60rem}.h-full{height:100%}.min-h-full{min-height:100%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing) * 0)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-3{gap:calc(var(--spacing) * 3)}.gap-10{gap:calc(var(--spacing) * 10)}.overflow-hidden{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[30px\]{border-radius:30px}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#6c6c6c\]{border-color:#6c6c6c}.border-line{border-color:var(--line)}.bg-\[\#222222\]{background-color:#222}.bg-gray-100{background-color:var(--color-gray-100)}.bg-panel{background-color:var(--panel)}.p-2{padding:calc(var(--spacing) * 2)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-8{padding-top:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-none{--tw-leading:1;line-height:1}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted)}.text-quiet{color:var(--quiet)}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:text-foreground:hover{color:var(--foreground)}}@media (min-width:40rem){.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:h-\[40rem\]{height:40rem}.md\:h-\[80rem\]{height:80rem}.md\:gap-9{gap:calc(var(--spacing) * 9)}.md\:rounded-2xl{border-radius:var(--radius-2xl)}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-20{padding:calc(var(--spacing) * 20)}.md\:py-28{padding-block:calc(var(--spacing) * 28)}.md\:py-40{padding-block:calc(var(--spacing) * 40)}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (prefers-color-scheme:dark){.dark\:bg-zinc-900{background-color:var(--color-zinc-900)}}}@font-face{font-family:Alibaba PuHuiTi Local;src:local(Alibaba PuHuiTi Bold),local(Alibaba PuHuiTi),local(Alibaba-PuHuiTi-Bold);font-display:swap;font-style:normal;font-weight:700}.k10-reference-case:not(.s50-reference-case){padding-top:clamp(5rem,7vw,6rem)}.k10-reference-case:not(.s50-reference-case) .k10-overview-strategy{padding-block:clamp(3.75rem,5.5vw,5.5rem)}.k10-reference-case:not(.s50-reference-case) .k10-reference-stories{gap:clamp(3.5rem,5vw,5.5rem);padding-bottom:clamp(4.5rem,7vw,6.5rem)}.k10-reference-case:not(.s50-reference-case) .k10-reference-story__head{gap:clamp(1.5rem,3vw,3.5rem);padding-top:clamp(1.35rem,2.5vw,2rem)}.k10-reference-case:not(.s50-reference-case) .k10-reference-story__head h2{margin-top:.8rem}.k10-reference-case:not(.s50-reference-case) .k10-reference-story__head>p{max-width:34rem}.k10-reference-case:not(.s50-reference-case) .k10-reference-story__frames{gap:clamp(1rem,1.75vw,1.35rem);margin-top:clamp(1.65rem,3vw,2.5rem)}.k10-reference-case:not(.s50-reference-case) .k10-reference-story.is-heading-hidden .k10-reference-story__frames{margin-top:0}.k10-reference-case:not(.s50-reference-case) .k10-reference-frame figcaption{padding-top:clamp(.8rem,1.5vw,1.1rem)}.k10-reference-case:not(.s50-reference-case) .k10-reference-frame h3{margin:0}.k10-reference-case:not(.s50-reference-case) .k10-overview-applications dl{margin-top:1rem}@media (max-width:767px){.k10-reference-case:not(.s50-reference-case) .k10-overview-strategy{padding-block:3rem 3.75rem}.k10-reference-case:not(.s50-reference-case) .k10-reference-stories{gap:3rem;padding-bottom:4rem}.k10-reference-case:not(.s50-reference-case) .k10-reference-story__head{gap:1rem;padding-top:1.2rem}.k10-reference-case:not(.s50-reference-case) .k10-reference-story__frames{gap:1.75rem;margin-top:1.5rem}.k10-reference-case:not(.s50-reference-case) .k10-reference-story.is-heading-hidden .k10-reference-story__frames{margin-top:0}.k10-reference-case:not(.s50-reference-case) .k10-reference-frame figcaption{padding-top:.75rem}}.hero-semantic-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-actions{margin-top:.35rem}.project-archive-grid-card__media{position:relative}.project-archive-grid-card__caption{color:#f2f5ed;text-shadow:0 2px 16px #000000bf;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.project-archive-grid-card__caption strong{font-size:clamp(1.1rem,2vw,1.8rem);line-height:1}.project-archive-grid-card__caption small{color:#f2f5edc2;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem}.contact-email-link{color:inherit;white-space:nowrap;text-decoration:none}.contact-email-link:hover,.contact-email-link:focus-visible{color:var(--accent);text-underline-offset:.2em;text-decoration:underline}.quiet,.text-quiet,.text-muted-foreground{text-rendering:optimizelegibility}@media (max-width:767px){.hero-section{min-height:min(100svh,48rem)}.hero-intro{line-height:1.55;font-size:1.05rem!important}.project-archive-grid-card__caption{gap:.25rem;display:grid}.project-archive-grid-card__caption small{font-size:.58rem}.contact-pill--email{min-width:0}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#000;--foreground:#f2f5ed;--muted:#f2f5edad;--quiet:#f2f5ed9e;--panel:#0d120fcc;--line:#dcffd221;--line-strong:#8df46b75;--accent:#8df46b;--accent-soft:#8df46b24;--accent-foreground:#071105;--body-gradient:#060806;--ambient-one:#8df46b24;--ambient-two:#5cbaff14;--contact-row-bg:#ffffff09;--image-scrim:#030504b8;--proof-bg:#060907b8;--proof-text:#f2f5edd1;--nav-gutter:clamp(1rem, 1.6vw, 2rem);--page-gutter:clamp(1rem, 3.25vw, 3.5rem);--page-max:106.25rem;--nav-offset:4.5rem;--archive-title-sticky-top:calc(var(--nav-offset) + clamp(.45rem, 1.2vh, .8rem));--archive-title-row-height:clamp(4.4rem, 6.8vw, 5.25rem);--archive-title-image-gap:clamp(2.6rem, 5vh, 3.35rem);--archive-intro-bg:var(--background);--archive-preview-max-height:calc(100svh - var(--archive-title-sticky-top) - var(--archive-title-row-height) - var(--archive-title-image-gap) - clamp(.8rem, 2vh, 1.2rem));--archive-sticky-top:var(--archive-title-sticky-top)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f7f4;--foreground:#101114;--muted:#6f727c;--quiet:#10111485;--panel:#f7f7f4;--line:#10111424;--line-strong:#10111457;--accent:#16a34a;--accent-soft:#16a34a1f;--accent-foreground:#f7f7f4;--body-gradient:#f7f7f4;--ambient-one:transparent;--ambient-two:transparent;--contact-row-bg:#f7f7f4;--image-scrim:#030504b8;--proof-bg:#f7f7f4db;--proof-text:#101114c7}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%;overflow-y:auto}body{background:var(--body-gradient);min-width:0;color:var(--foreground);font-family:var(--font-sans), "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;line-height:1.65;transition:background .26s,color .26s;overflow-x:clip}::selection{background:var(--accent);color:var(--accent-foreground)}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;font:inherit}.eyebrow{color:var(--quiet);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;font-size:.82rem;font-weight:800}.section-title{max-width:980px;color:var(--foreground);letter-spacing:0;font-size:clamp(2.25rem,5vw,4.2rem);font-weight:900;line-height:1.04}.hero-section,.about-section,.work-section,#contact,.project-detail-page{padding-right:var(--page-gutter);padding-left:var(--page-gutter)}#contact{scroll-margin-top:var(--nav-offset);position:relative}#contact:before{width:min(calc(100% - var(--page-gutter) * 2), var(--page-max));background:var(--line);content:"";pointer-events:none;height:1px;transition:opacity .18s,visibility .18s;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-section{background:var(--background);min-height:100svh;color:var(--foreground);isolation:isolate;flex-direction:column;justify-content:center;padding-top:clamp(5.25rem,10vh,7rem);padding-bottom:clamp(4rem,12vh,7rem);display:flex}.about-section,.work-section,#contact,.project-detail-page{background:var(--background);color:var(--foreground)}@supports (content-visibility:auto){.work-section{content-visibility:auto;contain-intrinsic-size:auto 1400px}#contact{content-visibility:auto;contain-intrinsic-size:auto 720px}}.hero-shell,.about-section>div,.contact-shell,.contact-footer,.project-detail-shell{width:100%;max-width:var(--page-max);margin-left:auto;margin-right:auto}.site-nav{box-sizing:border-box;max-width:calc(var(--page-max) + var(--page-gutter) * 2);padding-right:var(--page-gutter);padding-left:var(--page-gutter);margin-left:auto;margin-right:auto}.site-brand,.site-nav-link{align-items:center;min-height:44px;display:inline-flex;position:relative}.site-nav-link{justify-content:center}.site-nav-link:after{background:var(--accent);content:"";opacity:0;border-radius:999px;height:2px;transition:opacity .18s,transform .18s cubic-bezier(.22,1,.36,1);position:absolute;bottom:.2rem;left:.5rem;right:.5rem;transform:scaleX(.45)}.site-nav-link.is-active:after{opacity:1;transform:scaleX(1)}.site-brand:focus-visible,.site-nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--background)!important}.hero-shell{max-width:var(--page-max);grid-template-columns:minmax(0,1.06fr) minmax(22rem,.94fr);align-items:center;gap:clamp(2.5rem,6vw,7rem);display:grid}.hero-content{gap:clamp(1.15rem,2.8vh,2rem);min-width:0;display:grid}.hero-eyebrow{color:var(--quiet);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:0;margin:0;font-size:.68rem;font-weight:800;line-height:1;display:flex}.hero-eyebrow__line{background:var(--accent);width:2.7rem;height:1px;box-shadow:0 0 14px var(--accent);display:inline-block}@supports (color:color-mix(in lab, red, red)){.hero-eyebrow__line{box-shadow:0 0 14px color-mix(in srgb, var(--accent) 50%, transparent)}}.hero-showcase{width:100%;margin:0;position:relative;transform:translateY(1.5rem)}.hero-showcase__media{aspect-ratio:1.08;background:#15161a;border:1px solid #dcffd229;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000061}.hero-showcase__image{object-fit:cover;object-position:54% center;filter:saturate(.84)contrast(1.06);transition:transform .9s cubic-bezier(.22,1,.36,1),filter .5s;transform:scale(1.03)}.hero-showcase:hover .hero-showcase__image,.hero-showcase:focus-within .hero-showcase__image{filter:saturate()contrast(1.08);transform:scale(1.07)}.hero-showcase__shade{pointer-events:none;background:linear-gradient(140deg,#04060580,#0000 46%,#04060533);position:absolute;inset:0}.hero-showcase__index{color:var(--accent);font-family:var(--font-mono);letter-spacing:.14em;font-size:.72rem;font-weight:800;position:absolute;top:1rem;left:1rem}.hero-showcase__corner{border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);opacity:.75;width:1.4rem;height:1.4rem;position:absolute;bottom:1rem;right:1rem}.hero-showcase__caption{color:var(--quiet);font-family:var(--font-mono);letter-spacing:.1em;justify-content:space-between;gap:1rem;padding-top:.8rem;font-size:.64rem;font-weight:700;display:flex}@media (max-width:900px) and (min-width:768px){.hero-shell{grid-template-columns:minmax(0,1fr) minmax(17rem,.78fr);gap:2.5rem}.hero-title__text{font-size:5.9rem}}.hero-avatar-wrap{aspect-ratio:1;background:#101710;border:1px solid #dcffd229;border-radius:50%;width:clamp(4.8rem,7vw,6rem);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 18px 46px #0000005c}.hero-avatar{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-heading{gap:clamp(.9rem,2vh,1.35rem);display:grid}.hero-title{max-width:100%;font-family:"Alibaba PuHuiTi Local", "Alibaba PuHuiTi", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", var(--font-sans), sans-serif;font-size:inherit;letter-spacing:0;white-space:normal;gap:.42rem;font-weight:700;line-height:1.02;display:grid}.hero-title__pinyin{width:fit-content;max-width:100%;min-height:1.18em;color:var(--accent);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;justify-self:start;align-items:center;font-size:1.05rem;font-weight:900;line-height:1;transition:color .42s,opacity .42s,transform .42s;display:inline-flex}.hero-title__pinyin-text{min-width:0;display:inline-block}.hero-title__cursor{background:currentColor;width:.12em;height:1.05em;margin-left:.22em;animation:.72s steps(2,start) infinite heroTypingCursor;display:inline-block;box-shadow:0 0 18px}.hero-title__text{text-shadow:0 18px 46px #00000057;-webkit-text-stroke:0;text-rendering:geometricprecision;flex-wrap:wrap;align-items:center;max-width:100%;font-size:8.45rem;font-weight:700;line-height:1.04;display:flex;position:relative;transform:none}.hero-title__char{opacity:0;clip-path:inset(0 100% 0 0);display:inline-block;transform:translateY(.24em)rotateX(24deg)}.hero-title__mobile-break{display:none}.hero-title__char--comma{font-family:"Alibaba PuHuiTi Local", "Alibaba PuHuiTi", var(--font-sans), sans-serif;align-self:flex-end;margin:0 .09em .08em .02em;font-size:.72em;font-weight:700;line-height:.82}.hero-title.is-complete .hero-title__char{animation:.42s cubic-bezier(.22,1,.36,1) forwards heroTitleCharIn;animation-delay:var(--char-delay)}.hero-title.is-waiting .hero-title__pinyin,.hero-title.is-waiting .hero-title__text,.hero-title.is-typing .hero-title__text{opacity:0}@keyframes heroTypingCursor{0%,48%{opacity:1}49%,to{opacity:0}}@media (max-width:1200px){.hero-title__text{font-size:6.9rem}}@media (max-width:900px){.hero-title__text{font-size:5.25rem}}@keyframes heroTitleCharIn{to{opacity:1;clip-path:inset(0);transform:translateY(0)rotateX(0)}}@media (max-width:767px){.hero-title__text{font-size:clamp(3.35rem,14.5vw,3.9rem)}.hero-title__mobile-break{flex-basis:100%;width:0;height:0;display:block}}.hero-copy{gap:clamp(.85rem,1.8vh,1.25rem);max-width:min(100%,66rem);display:grid}.hero-actions{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:.2rem;display:flex}.hero-action{color:#f2f5ed;min-height:2.8rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid #f2f5ed3d;justify-content:center;align-items:center;gap:.55rem;padding:.72rem 1rem;font-size:.68rem;font-weight:800;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.hero-action:hover,.hero-action:focus-visible{transform:translateY(-2px)}.hero-action--primary{border-color:var(--accent);background:var(--accent);color:#071008}.hero-action--primary:hover,.hero-action--primary:focus-visible{background:#b7f36b;border-color:#b7f36b}.hero-action--secondary:hover,.hero-action--secondary:focus-visible{background:#f2f5ed0f;border-color:#f2f5ed9e}.hero-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero-scroll-cue{width:2.75rem;height:2.75rem;color:var(--accent);place-items:center;text-decoration:none;animation:1.8s ease-in-out infinite heroScrollCue;display:grid;position:absolute;bottom:clamp(1.3rem,4vh,2.4rem);left:50%;transform:translate(-50%)}.hero-scroll-cue svg{stroke-width:1.8px;width:1.45rem;height:1.45rem;position:absolute}.hero-scroll-cue svg:last-child{opacity:.38;transform:translateY(.62rem)}.hero-scroll-cue:hover,.hero-scroll-cue:focus-visible{color:#b7f36b}.hero-scroll-cue:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}@keyframes heroScrollCue{0%,to{opacity:.62;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,.3rem)}}@media (prefers-reduced-motion:reduce){.hero-action,.hero-scroll-cue{transition:none;animation:none}}.hero-intro{max-width:39rem;font-weight:800;line-height:1.65}.particle-text{width:min(100%,74rem);height:clamp(5.2rem,14vw,10rem);font-family:"Alibaba PuHuiTi Local", "Alibaba PuHuiTi", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", var(--font-sans), sans-serif;margin-inline:auto;line-height:1;display:block;position:relative}.particle-text canvas{width:100%;height:100%;display:block}.text-type{color:var(--foreground);font-family:"Alibaba PuHuiTi Local", "Alibaba PuHuiTi", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", var(--font-sans), sans-serif;letter-spacing:-.02em;text-align:center;font-size:clamp(3.2rem,12vw,8rem);font-weight:900;line-height:1;display:inline-block}.hero-text-type{min-height:1em}.text-type__cursor{color:var(--accent);font-family:var(--font-mono);margin-left:.08em;font-size:.86em;font-weight:500;animation:.72s steps(2,start) infinite textTypeCursor;display:inline-block}.split-flap-text{align-items:center;gap:var(--split-flap-gap,6px);color:var(--split-flap-text-color,#f8fafc);font-family:"Alibaba PuHuiTi Local", "Alibaba PuHuiTi", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", var(--font-sans), sans-serif;font-size:var(--split-flap-font-size,52px);letter-spacing:.035em;white-space:pre;-webkit-user-select:none;user-select:none;font-weight:760;line-height:1;display:inline-flex}.split-flap-text__tile{border-radius:var(--split-flap-radius,8px);background:linear-gradient(180deg, var(--split-flap-tile-color,#111827), var(--split-flap-tile-color,#111827));width:.92em;height:1.16em;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.split-flap-text__tile{background:linear-gradient(180deg, color-mix(in srgb, var(--split-flap-tile-color,#111827) 82%, white), var(--split-flap-tile-color,#111827))}}.split-flap-text__tile{perspective:520px;transform-style:preserve-3d;box-shadow:inset 0 .035em .08em #ffffff14,inset 0 -.05em .1em #00000061,0 .16em .38em #00000047}.hero-split-flap-placeholder{width:min(100%,64rem);min-height:clamp(3.38rem,9.1vw,7.8rem)}.split-flap-text__tile:before{z-index:8;content:"";pointer-events:none;background:#ffffff2e;width:100%;height:1px;position:absolute;top:calc(50% - .5px);left:0}.split-flap-text__half,.split-flap-text__flap{background:var(--split-flap-tile-color,#111827);backface-visibility:hidden;width:100%;height:50%;position:absolute;left:0;overflow:hidden}.split-flap-text__half--top,.split-flap-text__flap--front{top:0}.split-flap-text__half--bottom,.split-flap-text__flap--back{background:var(--split-flap-tile-color,#111827);bottom:0}@supports (color:color-mix(in lab, red, red)){.split-flap-text__half--bottom,.split-flap-text__flap--back{background:color-mix(in srgb, var(--split-flap-tile-color,#111827) 92%, black)}}.split-flap-text__char{width:100%;height:200%;color:var(--split-flap-text-color,#f8fafc);text-shadow:0 .025em #ffffff29,0 .09em .16em #0000006b;justify-content:center;align-items:center;font-size:.78em;line-height:1.1;display:flex;position:absolute;left:0}.split-flap-text__half--top .split-flap-text__char,.split-flap-text__flap--front .split-flap-text__char{top:0}.split-flap-text__half--bottom .split-flap-text__char,.split-flap-text__flap--back .split-flap-text__char{bottom:0}.split-flap-text__flap{z-index:6;will-change:transform, filter;transform-style:preserve-3d}.split-flap-text__flap--front{transform-origin:bottom;animation:split-flap-front var(--split-flap-flip-duration,.12s) cubic-bezier(.23,1,.32,1) both}.split-flap-text__flap--back{transform-origin:top;animation:split-flap-back var(--split-flap-flip-duration,.12s) cubic-bezier(.23,1,.32,1) both;transform:rotateX(90deg)}@keyframes split-flap-front{0%{filter:brightness(1.08);transform:rotateX(0)}to{filter:brightness(.52);transform:rotateX(-90deg)}}@keyframes split-flap-back{0%,45%{filter:brightness(.58);transform:rotateX(90deg)}to{filter:brightness();transform:rotateX(0)}}@media (max-width:767px){.split-flap-text{--split-flap-font-size:clamp(24px, 9vw, 46px);--split-flap-gap:3px;letter-spacing:.015em}}@media (prefers-reduced-motion:reduce){.split-flap-text__flap{animation:none!important}}@keyframes textTypeCursor{0%,48%{opacity:1}49%,to{opacity:0}}@media (max-width:767px){.text-type{letter-spacing:-.014em;font-size:clamp(2.7rem,13.5vw,5.4rem)}}@media (prefers-reduced-motion:reduce){.text-type__cursor{animation:none}}.about-section{min-height:100svh;scroll-margin-top:var(--nav-offset);padding-top:clamp(4rem,8vh,7rem);padding-bottom:clamp(3rem,7vh,6rem)}.about-copy{max-width:min(100%,78rem)}.about-heading-row{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:end;gap:1.5rem;display:grid}.about-intro{max-width:min(100%,70rem)}.workflow-grid{gap:1.75rem;display:grid}.capability-outputs{flex-wrap:wrap;gap:.45rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.capability-outputs li{color:#f2f5ed9e;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid #f2f5ed29;padding:.42rem .55rem;font-size:.6rem}.workflow-step{min-width:0;position:relative}@media (min-width:768px){.about-section{min-height:auto}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(2rem,3vw,3rem)}.workflow-step{padding-right:0}}.hero-profile{gap:clamp(.85rem,1.8vh,1.15rem);width:min(100%,46rem);display:grid}.hero-profile-item{align-items:start;gap:.34rem;min-width:0;padding:.18rem 0 .18rem clamp(1rem,2vw,1.35rem);display:grid;position:relative}.hero-profile-item:before{content:"";background:linear-gradient(#8df46bad,#8df46b14);border-radius:999px;width:2px;position:absolute;top:.18rem;bottom:.18rem;left:0}.hero-profile-item dt{margin-bottom:0}.hero-profile-item dd{font-size:clamp(1rem,1.7vw,1.36rem)}@media (min-width:768px) and (max-height:760px){.hero-section{padding-top:5.25rem;padding-bottom:1.4rem}.hero-shell{row-gap:.95rem}.hero-avatar-wrap{width:4.35rem}.hero-title__text{font-size:6.4rem}.hero-heading{gap:.85rem}.hero-intro{max-width:62rem;font-size:1rem;line-height:1.76}.hero-profile{width:min(100%,42rem)}.hero-profile-item{padding-top:.12rem;padding-bottom:.12rem}.about-section{padding-top:2.75rem;padding-bottom:2.75rem}.about-layout{margin-top:1.25rem}.about-intro{padding-top:1rem}.workflow-step{padding-top:1rem;padding-bottom:1rem}.capability-row{padding-top:.85rem;padding-bottom:.85rem}}.button-primary,.button-secondary{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:62px;padding:0 26px;font-weight:900;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button-primary{background:var(--accent);color:var(--accent-foreground);border-color:#8df46b8c}.button-secondary{background:linear-gradient(180deg, #ffffff0a, transparent), var(--accent-soft);color:var(--accent);border-color:#8df46b47}.button-primary:hover,.button-secondary:hover,.contact-row:hover{border-color:var(--line-strong);transform:translateY(-2px)}.contact-row{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0b, transparent 82%), var(--contact-row-bg);text-align:left;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:18px;min-height:82px;padding:18px 20px;transition:transform .18s,border-color .18s,background .18s;display:grid}.site-gradient-bg,:root[data-theme=light] .site-gradient-bg{display:none}.site-solid-bg{contain:strict;background:var(--background);display:block}.dot-grid{contain:strict;opacity:.42;pointer-events:none;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.dot-grid canvas{width:100%;height:100%;display:block}.glue-dots{contain:strict;opacity:.42;filter:none;pointer-events:none;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.glue-dots:before{content:"";opacity:.42;filter:blur(var(--glue-dots-blur,7.5px)) contrast(calc(1 + var(--glue-dots-contrast,39) / 100));background-image:radial-gradient(circle,#d6e0d66b 0 1.8px,#0000 2.4px);background-position:50%;background-size:16px 16px;position:absolute;inset:0}.glue-dots canvas{width:100%;height:100%;filter:blur(var(--glue-dots-blur,7.5px)) contrast(calc(1 + var(--glue-dots-contrast,39) / 100));display:block}.intro-loader{z-index:2147482000;background:var(--background);color:var(--foreground);cursor:pointer;place-items:center;transition:opacity .26s,visibility .26s;display:grid;position:fixed;inset:0}html:not([data-intro-complete=true]) .intro-loader{animation:.26s 1.4s forwards intro-loader-static-fallback}.intro-loader.is-exiting{opacity:0;visibility:hidden;animation:none}@keyframes intro-loader-static-fallback{to{opacity:0;pointer-events:none;visibility:hidden}}.intro-loader__content{box-sizing:border-box;justify-items:center;width:min(100vw - 2.5rem,520px);padding:1.5rem;display:grid}.intro-loader__title{width:100%;color:var(--foreground);font-family:var(--font-sans);letter-spacing:0;text-align:center;transform-origin:50%;font-size:2rem;font-weight:700;line-height:.96;transform:scaleX(1.12)}.intro-loader__title span{white-space:nowrap;display:block}.intro-loader__bar{background:var(--line);border-radius:999px;width:min(100%,320px);height:4px;margin-top:1.45rem;position:relative;overflow:hidden}.intro-loader__bar-fill{border-radius:inherit;background:var(--accent);width:100%;box-shadow:0 0 24px var(--accent);transform-origin:0;will-change:transform;transition:transform 80ms linear;animation:.52s linear forwards intro-loader-progress;display:block;position:absolute;inset:0 auto 0 0;transform:scaleX(0)}@keyframes intro-loader-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.intro-loader__bar-fill{animation-duration:40ms}}@media (max-width:767px){.intro-loader__content{padding-left:.5rem;padding-right:.5rem}.intro-loader__title{font-size:1.32rem;line-height:1.05}}@media (max-width:360px){.intro-loader__title{font-size:1.08rem}.hero-title__text{font-size:3.35rem}}.project-card:before{content:"";pointer-events:none;position:absolute;inset:0}.contact-row small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.contact-row strong{overflow-wrap:anywhere;color:var(--foreground);font-family:var(--font-mono);margin-top:4px;font-size:1rem;line-height:1.4;display:block}.contact-pill-row{flex-wrap:wrap;gap:.75rem;display:flex}.contact-pill{border:1px solid var(--line);min-height:52px;color:var(--foreground);font-family:var(--font-mono);letter-spacing:.08em;background:linear-gradient(#ffffff0a,#ffffff04),#090d0aa8;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:0 1.45rem;font-size:.95rem;font-weight:900;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.contact-pill:hover{border-color:var(--line-strong);background:linear-gradient(#8df46b1f,#ffffff06),#0b120dc7;transform:translateY(-2px)}.contact-pill strong{min-width:0;font:inherit;letter-spacing:inherit;overflow-wrap:anywhere;flex:auto}.contact-pill--email{cursor:default;justify-content:flex-start;padding-right:.95rem}.contact-pill--email:hover{border-color:var(--line);background:linear-gradient(#ffffff0a,#ffffff04),#090d0aa8;transform:none}.contact-pill--email span{flex-shrink:0}.contact-copy-button{border:1px solid var(--line);width:2.25rem;height:2.25rem;color:var(--foreground);background:#ffffff0a;border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;transition:transform .18s,border-color .18s,background .18s,color .18s;display:grid}.contact-copy-button:hover{border-color:var(--line-strong);background:#ffffff14;transform:translateY(-1px)}.contact-copy-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.contact-copy-button.is-copied{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.contact-title{max-width:12em;font-size:clamp(3rem,5.4vw,6.5rem)}.qr-modal{z-index:2147483000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030504c7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.qr-modal-card{border:1px solid var(--line);background:#0c110ef0;border-radius:8px;justify-items:center;gap:1rem;width:min(100%,340px);padding:2rem;display:grid;position:relative;box-shadow:0 28px 90px #00000057}.qr-modal-close{border:1px solid var(--line);background:var(--contact-row-bg);width:44px;height:44px;color:var(--foreground);border-radius:50%;place-items:center;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:.75rem;right:.75rem}.qr-modal-image{background:#fff;border-radius:8px;padding:.75rem}.qr-modal-card p{color:var(--foreground);font-family:var(--font-mono);letter-spacing:.08em;font-size:.95rem;font-weight:900}.project-scrim{background:var(--image-scrim)}.project-proof{background:var(--proof-bg);color:var(--proof-text)}#contact:before,#contact .contact-shell,#contact .contact-footer{transition:opacity .18s,visibility .18s}.project-archive-panel{width:100%;max-width:var(--page-max);min-height:clamp(76rem,230svh,120rem);box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 auto;position:relative}.project-archive-panel.is-static{min-height:auto}.project-archive-panel:before,.project-archive-panel:after{display:none}.project-archive-panel:before{background:0 0;height:42%;top:0}.project-archive-panel:after{opacity:.8;background:0 0;height:28%;bottom:0}.work-section{z-index:2;min-height:calc(100svh - var(--nav-offset));scroll-margin-top:var(--nav-offset);align-items:center;padding-top:clamp(2rem,4vh,3.75rem);padding-bottom:clamp(4.5rem,10vh,8rem);display:flex;position:relative}.work-section>div{width:100%;min-width:0;max-width:var(--page-max);grid-template-columns:minmax(0,1fr);gap:clamp(1rem,2.2vh,1.65rem);margin-left:auto;margin-right:auto;display:grid}.work-container-scroll{min-width:0;position:relative}.work-container-scroll__scene{width:100%;transform-style:preserve-3d;gap:clamp(1rem,2.2vh,1.65rem);display:grid}.work-container-scroll__header,.work-container-scroll__card,.work-container-scroll__body{width:100%;min-width:0}.work-container-scroll__header{z-index:2;position:relative}.work-container-scroll__card{box-shadow:none;transform-origin:50% 0;transform-style:preserve-3d;background:0 0;border:0;border-radius:8px;padding-block:clamp(.7rem,1.6vw,1.2rem);padding-inline:0;overflow:visible}.work-container-scroll__body{min-height:0;display:grid}.work-heading{width:100%;max-width:var(--page-max);gap:clamp(1rem,2vw,1.6rem);margin-bottom:0;margin-left:auto;margin-right:auto;display:grid}#work .eyebrow{margin-bottom:clamp(.45rem,1vh,.7rem)}#work .section-title{font-size:clamp(2.25rem,5vw,4.2rem)}.work-heading__copy{gap:.2rem;display:grid}.work-heading__side{place-self:end}.work-summary{max-width:28rem;color:var(--muted);text-align:right;white-space:normal;font-size:.98rem;line-height:1.8}@media (min-width:900px){.work-heading{grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);align-items:end}}.scroll-stack-scroller{overscroll-behavior:contain;scroll-behavior:auto;-webkit-overflow-scrolling:touch;width:100%;position:relative;overflow:visible auto}.scroll-stack-scroller:not(.scroll-stack-scroller--window){height:100%}.scroll-stack-scroller--window{overflow:visible}.scroll-stack-inner{gap:0;width:100%;padding:15vh 0 46vh;display:grid}.scroll-stack-card{transform-origin:top;transform-style:preserve-3d;margin:0}.scroll-stack-end{width:100%;height:1px}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:8px;--glow-padding:24px;--cone-spread:24;border-radius:var(--border-radius);background:var(--card-bg,#080c0a);isolation:isolate;border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px)}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{z-index:-1;border-radius:inherit;content:"";transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:hover,.border-glow-card:focus-visible{--edge-proximity:100}.border-glow-card:not(:hover):not(:focus-visible):not(.sweep-active):before,.border-glow-card:not(:hover):not(:focus-visible):not(.sweep-active):after,.border-glow-card:not(:hover):not(:focus-visible):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#080c0a) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #8df46b 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #5cbbff 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #b7f36b 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #8df46b 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #5cbbff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #b7f36b 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #5cbbff 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#8df46b 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #8df46b 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #5cbbff 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #b7f36b 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #8df46b 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #5cbbff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #b7f36b 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #5cbbff 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#8df46b 0 100%)) padding-box;opacity:calc(var(--fill-opacity,.24) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);z-index:1;pointer-events:none;opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%)}.border-glow-card>.edge-light:before{inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#20e956), 0 0 1px 0 var(--glow-color-60,#20e95699), 0 0 3px 0 var(--glow-color-50,#20e95680), 0 0 6px 0 var(--glow-color-40,#20e95666), 0 0 15px 0 var(--glow-color-30,#20e9564d), 0 0 25px 2px var(--glow-color-20,#20e95633), 0 0 50px 2px var(--glow-color-10,#20e9561a);content:"";position:absolute}.border-glow-inner{z-index:2;flex-direction:column;display:flex;position:relative;overflow:auto}.project-archive-name-bar{z-index:18;background:linear-gradient(180deg, var(--background) 0%, #060806f0 74%, #06080600);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(.35rem,.85vw,.75rem);width:100%;padding:0 0 clamp(.35rem,.75vw,.55rem);display:grid;position:relative}.project-archive-name{width:100%;min-height:var(--archive-title-row-height);border:1px solid var(--line);color:var(--foreground);visibility:visible;opacity:1;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:linear-gradient(#ffffff0e,#ffffff05),#0c110edb;border-radius:8px;align-content:center;align-items:center;gap:.32rem;padding:clamp(.62rem,.9vw,.82rem) clamp(.7rem,1vw,1rem);transition:transform .18s,opacity .18s,visibility .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative;overflow:clip;transform:none;box-shadow:inset 0 0 0 1px #ffffff05,0 18px 42px #00000047}.project-archive-name .border-glow-inner{align-content:center;gap:inherit;width:100%;min-width:0;display:grid;overflow:visible}.project-archive-name:before,.project-archive-name:after{display:none}.project-archive-name:hover,.project-archive-name:focus-visible,.project-archive-name.is-active{background:linear-gradient(#ffffff0e,#ffffff05),#0d1610f0;border-color:#8df46b70;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #8df46b14,0 20px 48px #00000057}.project-archive-name:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-archive-name__title{min-width:0;color:var(--foreground);letter-spacing:0;font-size:clamp(1rem,1.45vw,1.26rem);font-weight:900;line-height:1.15}.project-archive-name__label{min-width:0;color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:clamp(.58rem,.75vw,.7rem);font-weight:900;line-height:1.1;overflow:hidden}.project-archive-card-centered{min-height:auto;box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(1rem,1.7vw,1.45rem);padding:0;display:grid;position:relative;overflow:visible}.project-archive-card-centered--visual-only{grid-template-rows:minmax(0,1fr);gap:0;min-height:0;padding:0}.project-archive-card-centered:before{display:none}.project-archive-card-centered__head,.project-archive-card-centered__footer,.project-archive-card-centered__meta{z-index:1;position:relative}.project-archive-card-centered__head{gap:.85rem;display:grid}.project-archive-card-centered__index{color:var(--quiet);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:.7rem;font-size:.72rem;font-weight:900;display:inline-flex}.project-archive-card-centered__title{gap:.45rem;display:grid}.project-archive-card-centered__title p{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.project-archive-card-centered__title h3{color:var(--foreground);letter-spacing:0;font-size:clamp(1.7rem,3vw,3rem);font-weight:900;line-height:1.04}.project-archive-card-centered__stage{background:0 0;border:0;border-radius:0;place-items:center;min-height:0;padding:0;display:grid;position:relative;overflow:visible}.project-archive-card-centered--visual-only .project-archive-card-centered__stage{aspect-ratio:auto;height:auto;min-height:0}.project-archive-card-centered__stage-link{z-index:1;width:100%;height:100%;color:inherit;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Ccircle cx='36' cy='36' r='25' fill='%238df46b' fill-opacity='.96'/%3E%3Ctext x='36' y='40' text-anchor='middle' font-family='Arial, Helvetica, sans-serif' font-size='12' font-weight='900' fill='%23071105'%3EMORE%3C/text%3E%3C/svg%3E") 36 36,pointer;place-items:center;text-decoration:none;display:grid;position:relative}.project-archive-card-centered--visual-only .project-archive-card-centered__stage-link{height:auto}.project-archive-card-centered__stage-link:after{display:none}.project-archive-card-centered__stage-link:hover:after,.project-archive-card-centered__stage-link:focus-visible:after{background:0 0;border-color:#0000}.project-archive-card-centered__stage-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.project-archive-card-centered__stage:before{display:none}.project-archive-card-centered__media,.project-archive-card-centered__placeholder{z-index:1;position:relative}.project-archive-card-centered__media{width:min(100%,94rem);height:100%;max-height:var(--archive-preview-max-height);place-items:center;min-height:0;display:grid}.project-archive-card-centered__media img{object-fit:contain;filter:contrast(1.05)brightness(.96)saturate(1.08);transition:filter .22s,opacity .22s;display:block;width:100%!important;max-width:100%!important;height:100%!important;max-height:none!important}.project-archive-card-centered:hover .project-archive-card-centered__media img,.project-archive-card-centered:focus-within .project-archive-card-centered__media img{filter:contrast(1.05)brightness()saturate(1.14)}.project-archive-card-centered__model{z-index:3;color:#f5f7f3;min-width:0;min-height:clamp(1.85rem,3vw,2.55rem);font-family:var(--font-mono);letter-spacing:.06em;pointer-events:none;text-shadow:0 2px 16px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03050494;border:1px solid #ffffff52;border-radius:999px;justify-content:center;align-items:center;padding:0 clamp(.72rem,1.2vw,1rem);font-size:clamp(.82rem,1.35vw,1.15rem);font-weight:900;line-height:1;transition:background .18s,border-color .18s,transform .18s;display:inline-flex;position:absolute;top:clamp(.65rem,1vw,.9rem);left:clamp(.65rem,1vw,.9rem);transform:none;box-shadow:0 16px 42px #00000047}.project-archive-card-centered:hover .project-archive-card-centered__model,.project-archive-card-centered:focus-within .project-archive-card-centered__model{background:#030504b3;border-color:#8df46b75;transform:none}.project-archive-media--wide{max-width:100%}.project-archive-media--portrait{max-width:min(86%,42rem)}.project-archive-media--square{max-width:min(100%,62rem)}.project-archive-card-centered__placeholder{width:min(12rem,100%);color:var(--foreground);opacity:.42;justify-items:center;gap:1rem;display:grid}.project-archive-card-centered__placeholder-lines{gap:.45rem;width:min(9rem,100%);display:grid}.project-archive-card-centered__placeholder-lines span{background:var(--line-strong);height:1px;display:block}.project-archive-card-centered__placeholder-lines span:last-child{width:72%}.project-archive-card-centered__footer{gap:1rem;display:grid}.project-archive-card-centered__meta{gap:.8rem;display:grid}.project-archive-card-centered__meta p{color:var(--foreground);font-size:.98rem;line-height:1.8}.project-archive-card-centered__tags{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.project-archive-card-centered__tags li{border:1px solid var(--line);min-height:2.15rem;color:var(--foreground);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:#ffffff08;border-radius:999px;align-items:center;padding:0 .78rem;font-size:.74rem;font-weight:900;display:inline-flex}.project-archive-card-centered__link{border:1px solid var(--line);background:var(--accent-soft);min-height:3rem;color:var(--foreground);border-radius:999px;justify-content:center;justify-self:start;align-items:center;gap:.55rem;padding:0 1rem;font-weight:900;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.project-archive-card-centered__link:hover,.project-archive-card-centered__link:focus-visible{border-color:var(--line-strong);background:#8df46b2e;transform:translateY(-2px)}.project-archive-card-centered__link.is-disabled{color:var(--muted);cursor:default;background:#ffffff05}@media (min-width:900px){.project-archive-card-centered__head{grid-template-columns:auto minmax(0,1fr);align-items:end}.project-archive-card-centered__footer{grid-template-columns:minmax(0,1fr) auto;align-items:end}}@media (max-width:767px){.work-summary{max-width:100%;font-size:.9rem;line-height:1.68}.scroll-stack-inner{padding-top:9vh;padding-bottom:26vh}.project-archive-name-bar{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.15rem 0 .3rem;scroll-padding-inline:0;display:grid;overflow:visible}.project-archive-name{visibility:visible;opacity:1;pointer-events:auto;justify-content:stretch;align-items:center;gap:.15rem;width:100%;min-width:0;min-height:3.2rem;padding:.42rem .42rem .48rem;transform:translateY(0)}.project-archive-name__title{text-align:center;white-space:normal;overflow-wrap:anywhere;font-size:.74rem;line-height:1.18}.project-archive-name__label{display:none}.project-archive-card-centered{min-height:0;padding:0}.project-archive-card-centered--visual-only,.project-archive-card-centered--interactive{min-height:0}.project-archive-card-centered__stage{min-height:0;padding:0}.project-archive-card-centered--visual-only .project-archive-card-centered__stage{aspect-ratio:auto;min-height:0}.project-archive-card-centered__media{width:100%}.project-archive-card-centered__media img{max-height:none}.project-archive-card-centered__model{min-width:0;min-height:1.68rem;padding:0 .62rem;font-size:.74rem}.project-archive-media--portrait,.project-archive-media--square{max-width:100%}.project-archive-card-centered__footer{gap:.85rem}.project-archive-card-centered__link{width:100%}.project-archive-card-stack,.project-archive-card-stack__visuals{gap:.45rem}.project-archive-card-stack.is-grouped .project-archive-card-centered--interactive{min-height:0;padding:0}.project-archive-card-stack.is-grouped .project-archive-card-centered--visual-only .project-archive-card-centered__stage{aspect-ratio:auto;min-height:0}}.project-archive-inner{top:var(--archive-sticky-top);z-index:1;width:100%;margin:0 auto;padding-block:0 clamp(.85rem,1.5vw,1.35rem);padding-inline:0;position:sticky}.project-archive-switcher{margin-top:var(--archive-title-image-gap);border-top:0;gap:clamp(1rem,1.8vw,1.4rem);padding-top:0;display:grid;position:relative}.project-archive-switcher.is-unlocked{border-top-color:#0000}.project-archive-switcher__rail{top:calc(var(--nav-offset) + .75rem);z-index:5;margin:0 calc(-1*clamp(.85rem,1.5vw,1.35rem));padding:0 clamp(.85rem,1.5vw,1.35rem) .45rem;position:sticky}.project-archive-switcher__rail:before{content:"";pointer-events:none;z-index:-1;background:0 0;position:absolute;inset:-.45rem 0 0}.project-archive-tabs{scrollbar-width:thin;flex-wrap:nowrap;gap:clamp(.55rem,1vw,.8rem);padding-bottom:.2rem;display:flex;overflow:auto hidden}.project-archive-tab{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff08, transparent 82%), var(--panel);white-space:nowrap;text-align:left;cursor:pointer;scroll-snap-align:start;border-radius:8px;flex:none;align-items:center;gap:.7rem;min-height:3rem;padding:0 clamp(.85rem,1.2vw,1rem);transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:inline-flex}.project-archive-tab:hover,.project-archive-tab:focus-visible,.project-archive-tab.is-active{border-color:var(--line-strong);background:linear-gradient(180deg, #8df46b1f, #ffffff05 70%), var(--panel);transform:translateY(-2px);box-shadow:0 16px 36px #0000002e}.project-archive-tab:focus-visible{outline:none}.project-archive-tab__meta{min-height:1.9rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);background:#ffffff05;border:1px solid #ffffff14;border-radius:999px;flex-shrink:0;align-items:center;padding:0 .62rem;font-size:.72rem;font-weight:900;display:inline-flex}.project-archive-tab__title{color:var(--foreground);letter-spacing:0;font-size:clamp(.96rem,1.15vw,1.1rem);font-weight:900;line-height:1}.project-archive-switcher__panel{position:relative}.project-archive-switcher__card-shell{align-items:start;min-height:clamp(16rem,36vw,34.5rem);display:grid}.project-archive-card-stack{gap:clamp(.55rem,.9vw,.8rem);display:grid}.project-archive-card-stack.is-grouped{width:100%;margin-inline:auto}.project-archive-card-stack__visuals{gap:clamp(.55rem,.9vw,.8rem);display:grid}@media (min-width:900px){.project-archive-card-stack.is-grouped .project-archive-card-stack__visuals{grid-template-columns:minmax(0,1fr)}}.project-archive-card-stack.is-grouped .project-archive-card-centered--interactive{min-height:0;padding:0;overflow:hidden}.project-archive-card-stack.is-grouped .project-archive-card-centered--visual-only .project-archive-card-centered__stage{aspect-ratio:auto;height:auto;min-height:0;padding:0;overflow:hidden}.project-archive-card-stack.is-grouped .project-archive-card-centered__stage-link,.project-archive-card-stack.is-grouped .project-archive-card-centered__media{width:100%;height:auto;overflow:hidden}.project-archive-card-stack.is-grouped .project-archive-card-centered__media{border-radius:0;position:relative;overflow:hidden}.project-archive-card-stack.is-grouped .project-archive-card-centered__media img{object-fit:contain;object-position:center;position:absolute;inset:0;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}@media (min-width:900px){.project-archive-card-stack.is-grouped .project-archive-card-centered--visual-only .project-archive-card-centered__stage{aspect-ratio:auto}}.project-archive-card-centered--interactive{min-height:0}@media (max-width:767px){.project-archive-panel{min-height:auto}.project-archive-inner{position:relative;top:auto}.project-archive-name{opacity:1}.project-archive-switcher,.project-archive-switcher__card-shell,.project-archive-card-centered,.project-archive-card-centered--interactive{min-height:0}}.project-archive-experience{isolation:isolate;align-items:center;gap:clamp(1rem,2.2vw,2rem);min-height:clamp(34rem,68svh,48rem);display:grid;position:relative}.project-archive-experience:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 62% 28%,#8df46b1a,#0000 31%),radial-gradient(circle at 35% 76%,#5cbaff14,#0000 34%),linear-gradient(#ffffff06,#fff0);border:1px solid #8df46b14;border-radius:8px;position:absolute;inset:-6% -2%}.project-archive-intro{z-index:40;border-radius:inherit;color:var(--archive-intro-fg,#f2f5ed);isolation:isolate;pointer-events:auto;will-change:clip-path;background:0 0;display:grid;position:absolute;inset:0;overflow:hidden}.project-archive-intro__backdrop{z-index:0;background:var(--archive-intro-bg);pointer-events:none;position:absolute;inset:0}.project-archive-intro:before{display:none}.project-archive-intro__wash{z-index:0;background:linear-gradient(120deg, transparent 0 34%, #ffffff14 34% 35%, transparent 35% 100%), linear-gradient(90deg, var(--archive-intro-accent,#8df46b), transparent 42%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.project-archive-intro__wash{background:linear-gradient(120deg, transparent 0 34%, #ffffff14 34% 35%, transparent 35% 100%), linear-gradient(90deg, color-mix(in srgb, var(--archive-intro-accent,#8df46b) 16%, transparent), transparent 42%)}}.project-archive-intro__wash{opacity:.72;pointer-events:none}.project-archive-intro__deck{z-index:2;perspective:1600px;perspective-origin:50%;position:absolute;inset:0;overflow:hidden}.project-archive-intro__track-origin{aspect-ratio:2;width:min(58vw,72rem);transform-style:preserve-3d;position:absolute;top:50%;left:50%;translate:-50% -50%}.project-archive-intro__track{will-change:transform;flex-direction:column;gap:clamp(2rem,8vh,4.5rem);width:100%;display:flex;position:absolute;top:0;left:0}.project-archive-intro__card{aspect-ratio:2;width:100%;transform-style:preserve-3d;transform-origin:50%;flex:none;position:relative}.project-archive-intro__card-media{transform-origin:50%;background:#090909;border:1px solid #ffffff1f;border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden;transform:rotateX(8deg);box-shadow:0 34px 90px #0000008f,inset 0 0 0 1px #ffffff09}.project-archive-intro__card-media:after{content:"";pointer-events:none;background:linear-gradient(#0000000a,#0000002e);position:absolute;inset:0}.project-archive-intro__card-image{object-fit:contain;object-position:center}.project-archive-intro__card-placeholder{color:#f2f5ed80;place-items:center;min-height:100%;display:grid}.project-archive-intro__landing-card{z-index:5;background:var(--archive-intro-bg);pointer-events:none;transform-origin:0 0;will-change:transform;border:1px solid #ffffff1a;position:absolute;overflow:hidden;box-shadow:0 30px 80px #00000080,inset 0 0 0 1px #ffffff09}.project-archive-intro__landing-image{object-fit:contain;object-position:center}.project-archive-intro__landing-placeholder{color:#f2f5ed80;place-items:center;min-height:100%;display:grid}.project-archive-intro__project{z-index:2;grid-area:1/1;align-items:center;gap:clamp(1rem,4vw,4rem);min-height:100%;padding:clamp(1.25rem,4vw,4rem);display:grid;position:relative}.project-archive-intro__copy{gap:clamp(.72rem,1.2vw,1rem);max-width:min(34rem,90vw);display:grid}.project-archive-intro__eyebrow{color:var(--archive-intro-muted,#f2f5ed9e);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.72rem;font-size:clamp(.68rem,.78vw,.82rem);font-weight:900;line-height:1;display:inline-flex}.project-archive-intro__eyebrow span:first-child{border:1px solid var(--archive-intro-accent,#8df46b);place-items:center;width:2.15rem;height:2.15rem;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.project-archive-intro__eyebrow span:first-child{border:1px solid color-mix(in srgb, var(--archive-intro-accent,#8df46b) 72%, transparent)}}.project-archive-intro__eyebrow span:first-child{color:var(--archive-intro-accent,#8df46b);border-radius:999px}.project-archive-intro__copy h2{max-width:9ch;color:var(--archive-intro-fg,#f2f5ed);letter-spacing:0;text-transform:uppercase;font-size:clamp(4.8rem,15vw,12.5rem);font-weight:900;line-height:.82}.project-archive-intro__copy p:last-child{color:var(--archive-intro-muted,#f2f5ed9e);font-family:var(--font-mono);letter-spacing:.08em;font-size:clamp(.9rem,1vw,1rem);font-weight:900;line-height:1}.project-archive-intro__media{aspect-ratio:16/9;transform-origin:50%;background:linear-gradient(135deg,#ffffff17,#ffffff05),#0305046b;border:1px solid #ffffff2e;border-radius:8px;justify-self:end;width:min(100%,62rem);position:relative;overflow:hidden;box-shadow:0 36px 90px #0000005c,inset 0 0 0 1px #ffffff0e}.project-archive-intro__image{object-fit:contain;object-position:center;transform:scale(1.035)}.project-archive-intro__placeholder{min-height:100%;color:var(--archive-intro-muted,#f2f5ed9e);place-items:center;display:grid}.project-archive-intro__media>span{min-height:2.2rem;color:var(--archive-intro-fg,#f2f5ed);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03050499;border:1px solid #ffffff38;border-radius:999px;align-items:center;padding:0 .86rem;font-size:.74rem;font-weight:900;line-height:1;display:inline-flex;position:absolute;bottom:clamp(.8rem,1.4vw,1.3rem);right:clamp(.8rem,1.4vw,1.3rem)}.project-archive-intro__rail{z-index:3;gap:.6rem;display:grid;position:absolute;top:50%;right:clamp(1rem,2vw,1.6rem);transform:translateY(-50%)}.project-archive-intro__rail span{background:#ffffff47;border-radius:999px;width:.42rem;height:1.35rem;transition:background .18s,height .18s,transform .18s}.project-archive-intro__rail span.is-active{background:var(--archive-intro-accent,#8df46b);height:2.35rem;box-shadow:0 0 20px var(--archive-intro-accent,#8df46b)}@supports (color:color-mix(in lab, red, red)){.project-archive-intro__rail span.is-active{box-shadow:0 0 20px color-mix(in srgb, var(--archive-intro-accent,#8df46b) 52%, transparent)}}.project-archive-intro__rail span.is-active{transform:scaleX(1.16)}.project-archive-intro__meter{z-index:3;background:#ffffff2e;border-radius:999px;width:min(22rem,38vw);height:3px;position:absolute;bottom:clamp(1rem,2vw,1.8rem);left:clamp(1.25rem,4vw,4rem);overflow:hidden}.project-archive-intro__meter span{border-radius:inherit;background:var(--archive-intro-accent,#8df46b);width:100%;height:100%;box-shadow:0 0 18px var(--archive-intro-accent,#8df46b);display:block}@supports (color:color-mix(in lab, red, red)){.project-archive-intro__meter span{box-shadow:0 0 18px color-mix(in srgb, var(--archive-intro-accent,#8df46b) 48%, transparent)}}.project-archive-intro__meter span{transform-origin:0}@media (max-width:767px){.project-archive-intro{will-change:opacity;border-radius:8px}.project-archive-intro__deck{height:min(100%, calc(100svh - var(--nav-offset)))}.project-archive-intro__track-origin{width:min(86vw,52rem)}.project-archive-intro__card-media{transform:none;box-shadow:0 18px 42px #0000006b}.project-archive-intro__project{min-height:min(100%, calc(100svh - var(--nav-offset)));align-content:start;align-items:start;gap:clamp(1rem,3.5vh,1.6rem);padding:clamp(1rem,5vw,1.5rem)}.project-archive-intro__copy{z-index:2;max-width:100%;position:relative}.project-archive-intro__copy h2{font-size:clamp(3.6rem,22vw,6.4rem)}.project-archive-intro__media{justify-self:center;width:min(72vw,30rem);max-height:44svh;position:absolute;bottom:clamp(4.25rem,13vw,5.5rem);right:clamp(1rem,5vw,1.5rem)}.project-archive-intro__rail{grid-auto-flow:column;top:auto;bottom:clamp(1rem,4vw,1.25rem);right:clamp(1rem,5vw,1.5rem);transform:none}.project-archive-intro__rail span{width:1.2rem;height:.42rem}.project-archive-intro__rail span.is-active{width:2.15rem;height:.42rem;transform:scaleY(1.16)}.project-archive-intro__meter{width:min(16rem,54vw);bottom:clamp(1.9rem,7vw,2.55rem);left:clamp(1rem,5vw,1.5rem)}}.project-archive-current{align-content:center;gap:clamp(1rem,2vw,1.45rem);min-width:0;display:grid}.project-archive-current__header{color:var(--quiet);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.72rem;font-size:.76rem;font-weight:900;line-height:1;display:flex}.project-archive-current__index{border:1px solid var(--line-strong);min-width:2.25rem;min-height:2.25rem;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.project-archive-current__copy{gap:.75rem;display:grid}.project-archive-current__title-row{display:contents}.project-archive-current__links.project-archive-current__links--mobile{display:none}.project-archive-current__label{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900;line-height:1.3}.project-archive-current__copy h3{color:var(--foreground);letter-spacing:0;text-wrap:balance;font-size:clamp(2rem,4vw,4.15rem);font-weight:900;line-height:.98}.project-archive-current__summary{max-width:27rem;color:var(--muted);text-wrap:pretty;font-size:clamp(.96rem,1.08vw,1.08rem);line-height:1.76}.project-archive-current__tags{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.project-archive-current__tags li{border:1px solid var(--line);min-height:2rem;color:var(--foreground);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:#ffffff06;border-radius:999px;align-items:center;padding:0 .72rem;font-size:.68rem;font-weight:900;line-height:1;display:inline-flex}.project-archive-current__links{flex-wrap:wrap;gap:.65rem;display:flex}.project-archive-current__link{border:1px solid var(--line-strong);min-height:2.6rem;color:var(--foreground);background:#8df46b1f;border-radius:999px;justify-content:center;align-items:center;gap:.48rem;padding:0 .86rem;font-size:.82rem;font-weight:900;text-decoration:none;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.project-archive-current__link:hover,.project-archive-current__link:focus-visible{border-color:var(--accent);background:#8df46b33;transform:translateY(-2px)}.project-archive-current__link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-archive-switcher{min-width:0;margin-top:0}.project-archive-switcher__panel{align-items:center;min-height:clamp(25rem,58svh,43rem);display:grid}.project-archive-switcher__card-shell{min-height:clamp(25rem,58svh,43rem)}.project-archive-deck{perspective:1400px;perspective-origin:54% 48%;align-items:center;min-height:clamp(25rem,58svh,43rem);display:grid;position:relative}.project-archive-deck__track{min-height:clamp(25rem,58svh,43rem);transform-style:preserve-3d;align-items:center;display:grid;position:relative}.project-archive-deck__frame{transform-style:preserve-3d;transform-origin:50%;will-change:opacity;inset-inline:clamp(.2rem,2vw,1.25rem);margin-top:0;position:absolute;top:50%;translate:0 -50%}.project-archive-deck__frame.is-active{filter:none}.project-archive-deck__control{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:block;position:relative}.project-archive-deck__control:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.project-archive-deck__media{aspect-ratio:2;background:linear-gradient(135deg,#ffffff14,#0000 48%),#040605eb;border:1px solid #ffffff14;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000070,inset 0 0 0 1px #ffffff09}.project-archive-deck__media:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 78% 26%,#fff3,#0000 26%),linear-gradient(90deg,#0000002e,#0000 48%);transition:opacity .22s;display:none;position:absolute;inset:0}.project-archive-deck__control:hover .project-archive-deck__media:after,.project-archive-deck__control:focus-visible .project-archive-deck__media:after{opacity:1}.project-archive-deck__image{object-fit:contain;object-position:center;transition:transform .42s;transform:none}.project-archive-deck__control:hover .project-archive-deck__image,.project-archive-deck__control:focus-visible .project-archive-deck__image{transform:none}.project-archive-deck__nav{display:none}.project-archive-deck__placeholder{min-height:20rem;color:var(--quiet);place-items:center;display:grid}.project-archive-deck__model{z-index:3;min-height:2.2rem;color:var(--foreground);font-family:var(--font-mono);letter-spacing:.08em;pointer-events:none;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0305049e;border:1px solid #ffffff2e;border-radius:999px;align-items:center;padding:0 .86rem;font-size:.74rem;font-weight:900;line-height:1;display:inline-flex;position:absolute;bottom:clamp(.8rem,1.2vw,1.05rem);right:clamp(.8rem,1.2vw,1.05rem)}.project-archive-name-bar{background:0 0;padding:0}.project-archive-name{min-height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;padding:.4rem 0}.project-archive-name .border-glow-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem}.project-archive-name__index{color:var(--quiet);font-family:var(--font-mono);letter-spacing:.08em;font-size:.68rem;font-weight:900}.project-archive-name__copy{gap:.12rem;min-width:0;display:grid}.project-archive-name__dot{background:#f2f5ed57;border-radius:999px;width:.58rem;height:1.25rem;transition:background .18s,box-shadow .18s,transform .18s}.project-archive-name:hover,.project-archive-name:focus-visible,.project-archive-name.is-active{box-shadow:none;background:0 0;border-color:#0000;transform:translate(-4px)}.project-archive-name.is-active .project-archive-name__title{color:var(--foreground)}.project-archive-name.is-active .project-archive-name__dot{background:var(--accent);transform:scaleY(1.25);box-shadow:0 0 20px #8df46b80}.project-archive-name:not(.is-active) .project-archive-name__title{color:#f2f5ed85}.project-archive-name:not(.is-active) .project-archive-name__label{color:#f2f5ed57}@media (min-width:768px){.project-archive-experience{background:#050505;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);min-height:clamp(42rem,86svh,58rem);padding:clamp(1rem,2vw,1.8rem);overflow:hidden}.project-archive-intro__project{grid-template-columns:minmax(16rem,.62fr) minmax(0,1.38fr);padding:clamp(2rem,4vw,4.5rem) clamp(4rem,8vw,7.5rem) clamp(2rem,4vw,4.5rem) clamp(2rem,4vw,4.5rem)}.project-archive-intro__copy{align-self:center}.project-archive-intro__media{width:min(57vw,62rem)}.project-archive-experience:before{border-radius:inherit;background:radial-gradient(circle at 45% 46%,#8df46b0e,#0000 28%),linear-gradient(90deg,#ffffff05,#0000 30% 74%,#ffffff05),#050505;border:0;inset:0}.project-archive-current{display:none}.project-archive-switcher{grid-column:1;align-self:stretch}.project-archive-switcher__panel,.project-archive-switcher__card-shell,.project-archive-deck,.project-archive-deck__track{min-height:clamp(38rem,78svh,54rem)}.project-archive-name-bar{grid-column:2;align-content:center;justify-items:end;gap:clamp(.5rem,1vh,.82rem);min-width:0;display:grid}.project-archive-name{justify-items:end;width:100%;padding:.22rem 0}.project-archive-name .border-glow-inner{grid-template-columns:minmax(0,1fr) auto;justify-items:end;gap:1rem}.project-archive-name__index,.project-archive-name__label{display:none}.project-archive-name__copy{justify-items:end}.project-archive-name__title{color:#f2f5ed66;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(1rem,1.35vw,1.55rem);line-height:1}.project-archive-name.is-active .project-archive-name__title{color:var(--foreground);font-size:clamp(1.15rem,1.55vw,1.78rem)}.project-archive-name:hover,.project-archive-name:focus-visible,.project-archive-name.is-active{transform:translate(-8px)}.project-archive-deck__frame{margin-top:0;inset-inline:clamp(1rem,5vw,5.5rem) clamp(.5rem,4vw,4.5rem)}.project-archive-deck__media{max-height:clamp(17rem,24vw,23rem)}.project-archive-deck__model{display:none}}@media (max-width:979px){#work.work-section{display:block}#work.work-section>div{width:100%;max-width:none}.project-archive-experience{min-height:auto;overflow-x:clip}.project-archive-current{max-width:42rem}.project-archive-name-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.project-archive-name{border-color:var(--line);background:#0c110edb;padding:.68rem .72rem}.project-archive-name .border-glow-inner{gap:.55rem}.project-archive-switcher__panel,.project-archive-switcher__card-shell,.project-archive-deck,.project-archive-deck__track{min-height:clamp(22rem,58vw,32rem)}}@media (min-width:768px) and (max-width:979px){.project-archive-name>.edge-light{inset:0!important}}@media (max-width:767px){.project-archive-experience{grid-template-areas:"summary""tabs""preview";align-items:start;gap:1rem}.project-archive-experience:before{inset:-1rem 0}.project-archive-current{grid-area:summary;gap:.9rem}.project-archive-current__header{gap:.6rem;font-size:.7rem}.project-archive-current__index{min-width:2rem;min-height:2rem}.project-archive-current__copy{gap:.55rem}.project-archive-current__label{font-size:.68rem}.project-archive-current__copy h3{font-size:clamp(2rem,10vw,2.75rem);line-height:.96}.project-archive-current__summary{max-width:100%;font-size:.92rem;line-height:1.68}.project-archive-current__tags{gap:.42rem}.project-archive-current__tags li{min-height:1.9rem;padding-inline:.65rem;font-size:.64rem}.project-archive-current__links{grid-template-columns:minmax(0,1fr);display:grid}.project-archive-current__link{width:100%;min-height:2.8rem;font-size:.8rem}.project-archive-switcher{grid-area:preview;margin-top:0}.project-archive-switcher__panel,.project-archive-switcher__card-shell,.project-archive-deck,.project-archive-deck__track{min-height:0}.project-archive-deck__track{display:block}.project-archive-deck__frame{inset:auto;position:relative;top:auto;translate:none}.project-archive-deck__media{max-height:none}.project-archive-card-centered__media{border:1px solid var(--line);background:#ffffff05;border-radius:6px;overflow:hidden}.project-archive-name-bar{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain;grid-area:tabs;gap:.5rem;width:auto;margin-inline:-.25rem;padding:.15rem .25rem .35rem;scroll-padding-inline:.25rem;display:flex;overflow:auto hidden}.project-archive-name-bar::-webkit-scrollbar{display:none}.project-archive-name{scroll-snap-align:start;border-radius:999px;flex:none;width:auto;min-width:4.75rem;min-height:2.75rem;padding:.5rem .65rem}.project-archive-name .border-glow-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:.42rem}.project-archive-name__index{font-size:.58rem}.project-archive-name__title{white-space:nowrap;font-size:.78rem;line-height:1}.project-archive-name__dot{width:.38rem;height:1rem}.project-archive-name:hover,.project-archive-name:focus-visible,.project-archive-name.is-active{transform:none}}@media (max-width:520px){.project-archive-current__links{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px) and (max-height:500px){.project-archive-deck__media{width:min(100%, calc((100svh - var(--nav-offset) - 1rem) * 2));margin-inline:auto}}@media (prefers-reduced-motion:reduce){.project-archive-current__link,.project-archive-deck__image,.project-archive-deck__media:after,.project-archive-name,.project-archive-name__dot{transition:none}.project-archive-deck__control:hover .project-archive-deck__image,.project-archive-deck__control:focus-visible .project-archive-deck__image,.project-archive-name:hover,.project-archive-name:focus-visible,.project-archive-name.is-active{transform:none}}@media (min-width:768px){.project-archive-panel{max-width:none}.project-archive-experience{color:#f4f7f2;background:#050505;border-radius:0;grid-template-columns:clamp(20rem,29vw,25rem) minmax(0,1fr) 3rem;gap:clamp(1.5rem,2.4vw,3rem);max-width:84rem;min-height:clamp(42rem,84svh,58rem);padding:clamp(3rem,6vh,5rem) clamp(.75rem,1vw,1rem);overflow:hidden}.project-archive-experience:before{border-radius:inherit;background:linear-gradient(90deg,#00000005,#0000 38%),linear-gradient(#ffffff0a,#0000 56%);border:0;inset:0}.project-archive-current{z-index:4;font-family:var(--font-sans), "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;grid-area:1/1;align-content:center;gap:clamp(1.2rem,2.6vh,2rem);display:grid}.project-archive-current__header,.project-archive-current__tags{display:none}.project-archive-current__copy{gap:clamp(1rem,2vh,1.35rem)}.project-archive-current__label{color:#f4f7f2d1;letter-spacing:0;font-family:inherit;font-size:clamp(.78rem,.9vw,.98rem)}.project-archive-current__copy h3{color:#e9f0eb;letter-spacing:0;max-width:6.8em;font-family:inherit;font-size:clamp(4.3rem,7.2vw,8.8rem);font-weight:900;line-height:.82}.project-archive-current__summary{color:#f4f7f2eb;max-width:31rem;font-size:clamp(1rem,1.22vw,1.35rem);line-height:1.55}.project-archive-current__links{gap:clamp(.9rem,1.2vw,1.2rem);margin-top:clamp(.3rem,1vh,.7rem)}.project-archive-current__link{color:#fff;letter-spacing:0;text-transform:uppercase;min-height:2.45rem;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-size:clamp(.78rem,.86vw,.95rem)}.project-archive-current__link:hover,.project-archive-current__link:focus-visible{background:0 0;border-color:#0000;transform:translate(.3rem)}.project-archive-switcher{grid-area:1/2;align-self:stretch;margin-right:clamp(.75rem,2vw,2rem);display:grid}.project-archive-switcher__panel,.project-archive-switcher__card-shell,.project-archive-deck,.project-archive-deck__track{min-height:clamp(32rem,70svh,49rem)}.project-archive-deck{perspective:1600px;perspective-origin:52% 42%}.project-archive-deck__frame{margin-top:0;inset-inline:0}.project-archive-deck__media{max-height:clamp(19rem,30vw,32rem);box-shadow:none;clip-path:none;background:0 0;border:0;border-radius:0}.project-archive-deck__frame:not(.is-active) .project-archive-deck__media{clip-path:none}.project-archive-deck__media:after{opacity:0;display:none}.project-archive-deck__control:hover .project-archive-deck__media:after,.project-archive-deck__control:focus-visible .project-archive-deck__media:after{opacity:0}.project-archive-deck__image{object-fit:contain;object-position:center;filter:none;transform:none}.project-archive-name-bar{z-index:25;grid-column:auto;align-content:center;justify-items:end;gap:clamp(.55rem,1vh,.85rem);width:1.25rem;min-width:0;padding:.4rem 0;transition:width .22s;display:grid;position:absolute;top:50%;right:clamp(1.25rem,2.6vw,3rem);overflow:visible;transform:translateY(-50%)}.project-archive-name-bar:hover,.project-archive-name-bar:focus-within{width:clamp(9.75rem,14vw,14rem)}.project-archive-name{color:#fff;visibility:visible;opacity:1;pointer-events:auto;justify-items:end;width:100%;min-height:1.9rem;padding:0;transform:none}.project-archive-name .border-glow-inner{grid-template-columns:minmax(0,1fr) auto;place-items:center end;gap:.78rem;width:100%}.project-archive-name__index,.project-archive-name__label{display:none}.project-archive-name__copy{opacity:0;text-align:right;white-space:nowrap;max-width:0;transition:max-width .22s,opacity .18s,transform .22s;overflow:clip;transform:translate(.55rem)}.project-archive-name-bar:hover .project-archive-name__copy,.project-archive-name-bar:focus-within .project-archive-name__copy{opacity:1;max-width:12rem;transform:translate(0)}.project-archive-name__title{color:#ffffff7a;letter-spacing:0;text-transform:uppercase;white-space:nowrap;font-size:clamp(.95rem,1.15vw,1.22rem);font-weight:900;line-height:1}.project-archive-name.is-active .project-archive-name__title,.project-archive-name:hover .project-archive-name__title,.project-archive-name:focus-visible .project-archive-name__title{color:#fff}.project-archive-name__dot{background:#ffffff6b;width:.52rem;height:1.55rem}.project-archive-name:hover,.project-archive-name:focus-visible,.project-archive-name.is-active{transform:none}.project-archive-name.is-active .project-archive-name__dot{background:var(--accent);transform:scaleY(1.2);box-shadow:0 0 20px #8df46b80}}@media (prefers-reduced-motion:reduce){.project-archive-name-bar,.project-archive-name__copy{transition:none}}.archive-tree{gap:clamp(.75rem,1.3vw,1rem);display:grid}.archive-folder-row{border:1px solid var(--line);background:linear-gradient(180deg, var(--accent-soft), transparent 78%), var(--panel);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;padding:clamp(.9rem,1.3vw,1.1rem) clamp(.95rem,1.45vw,1.25rem);transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid}.archive-folder-row--project{background:linear-gradient(180deg, #ffffff05, transparent 82%), var(--contact-row-bg);min-height:4rem}.archive-folder-row:hover,.archive-folder-row:focus-visible,.archive-folder-row.is-open{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 16px 36px #0000002e}.archive-folder-row:focus-visible,.archive-folder-link:focus-visible{outline:none}.archive-folder-row__lead{align-items:flex-start;gap:.85rem;min-width:0;display:flex}.archive-folder-row__tree{width:3rem;color:var(--accent);flex-shrink:0;align-items:center;gap:.55rem;display:inline-flex}.archive-folder-row__tree svg{stroke-width:2.15px;flex-shrink:0}.archive-folder-row__label{gap:.24rem;min-width:0;display:grid}.archive-folder-row__name{color:var(--foreground);letter-spacing:0;font-size:clamp(1rem,1.25vw,1.18rem);font-weight:900;line-height:1.2}.archive-folder-row__meta{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;font-size:.75rem;font-weight:800;line-height:1.45}.archive-folder-row__suffix{color:var(--quiet);font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;justify-self:end;font-size:.78rem;font-weight:900}.archive-header-strip{margin-bottom:clamp(.9rem,1.8vw,1.25rem)}.archive-header-strip__scroll{padding-right:0;overflow:visible}.archive-header-strip__list,.archive-folder-entry{gap:.75rem;display:grid}.archive-folder-panel{margin-top:0;margin-left:0;padding-bottom:.15rem;position:relative;overflow:hidden}.archive-folder-panel:before{content:none}.archive-folder-panel__inner{grid-template-columns:minmax(0,1fr);justify-items:center;padding:.2rem 0 .5rem;display:grid}.archive-preview{border:1px solid var(--line);background:linear-gradient(180deg, var(--accent-soft), transparent 56%), linear-gradient(180deg, #ffffff05, transparent), var(--panel);aspect-ratio:16/10;border-radius:8px;place-items:center;width:min(100%,46rem);min-height:clamp(18rem,34vw,28rem);padding:clamp(1.15rem,1.8vw,1.5rem);display:grid;position:relative;overflow:hidden}.archive-preview:before{content:"";pointer-events:none;opacity:.38;background:repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 18px);transition:opacity .22s;position:absolute;inset:0}.archive-preview__media{z-index:1;justify-items:center;width:min(100%,40rem);display:grid;position:relative}.archive-preview img{z-index:1;object-fit:contain;filter:contrast(1.04)saturate(1.08);opacity:.94;width:100%;max-width:100%;height:auto;max-height:100%;transition:transform .22s,filter .22s,opacity .22s;display:block;position:relative;transform:scale(1.02)}.archive-preview__cta{z-index:2;color:#f5f7f3;opacity:0;pointer-events:none;background:#09100cc7;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.55rem;min-height:2.8rem;padding:0 1rem;font-weight:900;text-decoration:none;transition:opacity .22s,transform .22s,border-color .22s,background .22s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(12px - 50%));box-shadow:0 16px 32px #00000047}.archive-preview__media:hover .archive-preview__cta,.archive-preview__media:focus-within .archive-preview__cta{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.archive-preview__media:hover img,.archive-preview__media:focus-within img{opacity:.68;filter:contrast(1.02)saturate(1.14);transform:scale(1.05)}.archive-preview__media:hover~.archive-preview__cta,.archive-preview__media:focus-within~.archive-preview__cta,.archive-preview__media:hover+.archive-preview__cta,.archive-preview__media:focus-within+.archive-preview__cta{opacity:1}.archive-preview__media:hover~img,.archive-preview__media:focus-within~img{opacity:.68}.archive-preview:hover:before,.archive-preview:focus-within:before{opacity:.18}.archive-preview__cta:hover,.archive-preview__cta:focus-visible{background:#0e1812e6;border-color:#ffffff52}.archive-preview__placeholder{z-index:1;width:min(12rem,100%);color:var(--foreground);opacity:.4;justify-items:center;gap:1rem;display:grid;position:relative}.archive-preview__placeholder-lines{gap:.45rem;width:min(9rem,100%);display:grid}.archive-preview__placeholder-lines span{background:var(--line-strong);height:1px;display:block}.archive-preview__placeholder-lines span:last-child{width:72%}@media (max-width:767px){.project-archive-switcher__panel,.project-archive-switcher__card-shell,.project-archive-card-stack,.project-archive-card-stack__visuals,.project-archive-card-centered,.project-archive-card-centered__stage,.project-archive-card-centered__stage-link,.project-archive-card-centered__media,.project-archive-card-centered__media img{width:100%;max-width:100%}.project-archive-card-stack:not(.is-grouped) .project-archive-card-centered__stage,.project-archive-card-stack:not(.is-grouped) .project-archive-card-centered--visual-only .project-archive-card-centered__stage{aspect-ratio:18/7;height:auto}.project-archive-card-stack.is-grouped .project-archive-card-centered__stage,.project-archive-card-stack.is-grouped .project-archive-card-centered--visual-only .project-archive-card-centered__stage{aspect-ratio:auto;height:auto}.project-archive-switcher{margin-top:1.2rem}.project-archive-switcher__rail{top:calc(var(--nav-offset) + .4rem)}.project-archive-tab{min-width:max-content;padding-left:.85rem;padding-right:.85rem}.project-archive-tab__meta{min-height:1.75rem;padding:0 .5rem;font-size:.68rem}.project-archive-tab__title{font-size:.94rem}.archive-folder-row{grid-template-columns:minmax(0,1fr);gap:.55rem;padding:.9rem}.archive-folder-panel{margin-top:0;margin-left:0}.archive-folder-panel:before{content:none}.archive-folder-panel__inner{grid-template-columns:1fr}.archive-preview{aspect-ratio:auto;width:100%;min-height:12.75rem}}.project-category-stage{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(.65rem,1.25vw,1rem);min-height:clamp(430px,54vh,650px);display:grid;position:relative}.work-summary{white-space:nowrap}.project-archive-card{border:1px solid var(--line);min-width:0;min-height:clamp(420px,52vh,640px);color:var(--foreground);isolation:isolate;background:linear-gradient(#8df46b2e,#8df46b14 42%,#05070680),#8df46b0f;border-radius:8px;flex-direction:column;justify-content:flex-start;padding:clamp(.95rem,1.7vw,1.45rem);text-decoration:none;transition:box-shadow .18s,background .18s,border-color .18s,transform .18s;display:flex;position:relative;overflow:hidden}.project-archive-card:first-child{margin-top:clamp(1.2rem,4vh,2.6rem)}.project-archive-card:nth-child(3){margin-top:clamp(.6rem,2.2vh,1.4rem)}.project-archive-card:nth-child(4){margin-top:clamp(1.6rem,5vh,3.1rem)}.project-archive-card:before,.project-archive-card:after{content:"";pointer-events:none;position:absolute;inset:0}.project-archive-card:before{opacity:.62;z-index:-1;background:linear-gradient(90deg,#ffffff1f,#0000 18% 82%,#00000047),repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 18px)}.project-archive-card:after{z-index:1;background:linear-gradient(#0000,#000000ad);height:38%;top:auto}.project-archive-card:hover,.project-archive-card:focus-within,.project-archive-card.is-active{background:linear-gradient(#8df46b42,#8df46b1f 44%,#0507068a),#8df46b1a;border-color:#8df46b8f;transform:translateY(-6px);box-shadow:inset 0 0 0 1px #8df46b26,0 26px 70px #0000004d}.project-archive-card__copy{z-index:3;flex-direction:column;gap:clamp(.5rem,.9vw,.72rem);min-width:0;padding-top:clamp(1.7rem,4.8vh,3.2rem);display:flex;position:relative}.project-archive-card__copy h3{max-width:6em;color:var(--foreground);letter-spacing:0;font-size:clamp(1.75rem,2.72vw,3.2rem);font-weight:900;line-height:1.03}.project-archive-card__copy p{color:#f7f7f3b8;max-width:14rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.68rem,.78vw,.8rem);font-weight:900;line-height:1.35}.project-archive-card__media{z-index:2;opacity:.86;place-items:end center;height:clamp(11rem,22vw,17.2rem);transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:clamp(1.3rem,3.7vh,2.8rem);left:0;right:0;overflow:hidden}.project-archive-card:hover .project-archive-card__media,.project-archive-card:focus-within .project-archive-card__media,.project-archive-card.is-active .project-archive-card__media{opacity:1;transform:translateY(-.35rem)}.project-archive-card__media img{object-fit:contain;filter:contrast(1.05)brightness(.96)saturate(1.08);mix-blend-mode:normal;width:auto;max-width:19rem;height:100%;max-height:100%;display:block}.project-archive-card__image--portrait{max-width:12.5rem}.project-archive-card__image--square{max-width:14.5rem}.project-archive-placeholder{width:min(74%,15rem);height:min(78%,12rem);position:relative}.project-archive-placeholder span{background:#000000b8;display:block;position:absolute}.project-archive-placeholder span:first-child{border-radius:8px 8px 4px 4px;width:76%;height:38%;bottom:32%;right:12%;transform:skew(-9deg)}.project-archive-placeholder span:nth-child(2),.project-archive-placeholder span:nth-child(3){aspect-ratio:1;background:0 0;border:.55rem solid #000000b8;border-radius:50%;width:32%;bottom:10%}.project-archive-placeholder span:nth-child(2){left:8%}.project-archive-placeholder span:nth-child(3){right:8%}.project-back-link{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0b, transparent), var(--accent-soft);color:var(--foreground);border-radius:999px;margin-bottom:2rem;padding:.65rem 1rem;font-size:.9rem;font-weight:900;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.project-back-link:hover{border-color:var(--line-strong);background:#8df46b2e;transform:translateY(-2px)}.project-back-floating{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:0;position:fixed;box-shadow:0 18px 42px #00000047}.project-detail-header{border-bottom:1px solid var(--line);gap:clamp(.7rem,1.5vw,1rem);margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-bottom:clamp(1.5rem,3vw,2.5rem);display:grid}.project-detail-header.has-gallery-groups{border-bottom:0;gap:0;margin-bottom:0}.project-detail-header .eyebrow{margin-bottom:0}.project-detail-header>.section-title{text-wrap:balance}.project-brief-panel{gap:clamp(1.25rem,2.6vw,2.1rem);margin-bottom:clamp(2.2rem,5vw,4.5rem);padding-block:clamp(1.5rem,3.2vw,2.7rem);display:grid}.project-brief-panel__head{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(1.2rem,2.8vw,2rem);display:grid}.project-brief-panel__title .eyebrow{margin-bottom:clamp(1rem,2vw,1.45rem)}.project-brief-panel__title .section-title{max-width:13.5em;font-size:clamp(3.2rem,6vw,6.2rem);line-height:1}.project-brief-panel__summary{max-width:min(100%,74rem);color:var(--muted);text-wrap:balance;justify-self:start;font-size:clamp(1rem,1.35vw,1.18rem);font-weight:750;line-height:1.76}.project-brief-panel__facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.85rem,1.6vw,1.15rem);padding-top:clamp(1rem,2vw,1.45rem);display:grid}.project-brief-panel__fact{background:0 0;min-height:auto;padding:0}.project-brief-panel__fact+.project-brief-panel__fact{border-left:1px solid var(--line);padding-left:clamp(1rem,2vw,1.6rem)}.project-brief-panel__fact span{color:var(--accent);font-family:var(--font-mono);font-size:.74rem;font-weight:900}.project-brief-panel__fact strong{color:var(--foreground);margin-top:.9rem;font-size:clamp(1.18rem,1.8vw,1.55rem);font-weight:950;line-height:1.16;display:block}.project-brief-panel__fact p{color:var(--muted);margin-top:.9rem;line-height:1.82}.project-detail-page{padding-top:clamp(6.5rem,10vh,8rem);padding-bottom:clamp(4rem,7vh,6rem)}.project-case-study{gap:clamp(1.1rem,2.4vw,2rem);margin-bottom:clamp(2.25rem,5vw,4.5rem);display:grid}.project-case-overview{grid-template-columns:minmax(0,1.28fr) minmax(18rem,.72fr);align-items:stretch;gap:clamp(1rem,2vw,1.5rem);display:grid}.project-case-copy,.project-case-fact,.project-case-analysis,.project-image-groups,.project-image-group,.project-market-split,.project-market-panel,.project-reference-board,.project-reference-source{border:1px solid var(--line);background:linear-gradient(135deg,#8df46b14,#0000 38%),#080d0ab8;border-radius:8px}.project-case-copy{flex-direction:column;justify-content:center;min-height:auto;padding:clamp(1.35rem,3vw,2.8rem);display:flex}.project-case-label{color:var(--accent);margin-bottom:1rem;font-size:.9rem;font-weight:900}.project-case-copy h2{max-width:10em;color:var(--foreground);letter-spacing:0;font-size:clamp(1.8rem,3.7vw,3.6rem);font-weight:950;line-height:1.03}.project-case-copy p{max-width:44rem;color:var(--muted);margin-top:1.25rem;font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.9}.project-case-verdict{border-top:1px solid var(--line);max-width:48rem;margin-top:clamp(1.15rem,2vw,1.65rem);padding-top:clamp(1rem,1.8vw,1.35rem)}.project-case-verdict span{color:var(--accent);font-family:var(--font-mono);font-size:.76rem;font-weight:900;display:block}.project-case-verdict strong{color:var(--foreground);margin-top:.5rem;font-size:clamp(1.04rem,1.45vw,1.28rem);line-height:1.72;display:block}.project-case-media{border:1px solid var(--line);background:#ffffff09;border-radius:8px;min-height:clamp(20rem,38vw,34rem);overflow:hidden}.project-case-media img{object-fit:cover;width:100%;height:100%;display:block}.project-editorial-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:clamp(1.4rem,3vw,2.4rem);margin-bottom:clamp(2.5rem,5.5vw,5rem);padding-block:clamp(1.5rem,3.5vw,3rem);display:grid}.project-editorial-intro__head{grid-template-columns:minmax(18rem,.78fr) minmax(0,1.22fr);align-items:end;gap:clamp(1.2rem,3vw,3rem);display:grid}.project-editorial-intro__head h2{max-width:11em;color:var(--foreground);letter-spacing:0;font-size:clamp(2rem,4.8vw,5rem);font-weight:950;line-height:.98}.project-editorial-intro__head p{max-width:56rem;color:var(--muted);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.9}.project-editorial-intro__head strong{max-width:52rem;color:var(--foreground);margin-top:1.1rem;font-size:clamp(1.1rem,1.6vw,1.42rem);line-height:1.65;display:block}.project-editorial-intro.is-compact{gap:clamp(1.2rem,2.5vw,2rem);margin-bottom:clamp(2rem,4.5vw,4rem);padding-block:clamp(1.25rem,3vw,2.4rem)}.project-editorial-intro.is-compact .project-editorial-intro__head{grid-template-columns:minmax(0,1fr);place-items:start end}.project-editorial-intro.is-compact .project-editorial-intro__head>div{width:min(100%,58rem)}.project-editorial-intro.is-compact .project-editorial-intro__head p{max-width:none;color:var(--foreground);font-size:clamp(1.02rem,1.45vw,1.28rem);font-weight:800;line-height:1.92}.project-editorial-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.project-editorial-fact{border-left:1px solid var(--line);min-height:12rem;padding:clamp(1rem,2vw,1.5rem)}.project-editorial-fact:first-child{border-left:0}.project-editorial-fact span{color:var(--accent);font-family:var(--font-mono);font-size:.74rem;font-weight:900}.project-editorial-fact strong{color:var(--foreground);margin-top:.85rem;font-size:clamp(1.15rem,1.8vw,1.55rem);font-weight:950;line-height:1.16;display:block}.project-editorial-fact p{color:var(--muted);margin-top:.9rem;line-height:1.78}.project-editorial-intro.is-compact .project-editorial-facts{border-top:1px solid var(--line);gap:clamp(.8rem,1.6vw,1.1rem);padding-top:clamp(1rem,2.2vw,1.6rem)}.project-editorial-intro.is-compact .project-editorial-fact{border:1px solid var(--line);background:var(--accent-soft);min-height:auto;padding:clamp(1rem,1.8vw,1.35rem)}.project-editorial-intro.is-compact .project-editorial-fact:first-child{border-left:1px solid var(--line)}.project-editorial-intro.is-compact .project-editorial-fact strong{font-size:clamp(1.15rem,1.65vw,1.45rem)}.project-editorial-intro.is-compact .project-editorial-fact p{font-size:.98rem;line-height:1.82}.project-case-facts,.project-case-analysis-grid,.project-reference-sources{gap:clamp(.85rem,1.6vw,1.2rem);display:grid}.project-case-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.project-case-fact{padding:clamp(1rem,1.8vw,1.35rem)}.project-case-fact span,.project-reference-source__chips span{color:var(--quiet);font-family:var(--font-mono);font-size:.76rem;font-weight:800}.project-case-fact strong{color:var(--foreground);margin-top:.55rem;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.25;display:block}.project-case-fact p{color:var(--muted);margin-top:.75rem;font-size:.92rem;line-height:1.75}.project-case-analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-case-analysis{padding:clamp(1.15rem,2vw,1.65rem)}.project-case-analysis h3,.project-reference-board h3{color:var(--foreground);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:900;line-height:1.2}.project-case-analysis p,.project-reference-board__intro p,.project-reference-source p{color:var(--muted);margin-top:.9rem;line-height:1.85}.project-case-analysis ul{gap:.78rem;margin:1.15rem 0 0;padding:0;list-style:none;display:grid}.project-case-analysis li{color:var(--proof-text);padding-left:1rem;font-size:.95rem;line-height:1.75;position:relative}.project-case-analysis li:before{background:var(--accent);content:"";width:.45rem;height:1px;position:absolute;top:.85em;left:0}.project-image-groups{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:clamp(1rem,2vw,1.5rem);padding:clamp(1rem,2.4vw,1.8rem);display:grid}.project-image-groups--compact{grid-template-columns:minmax(11rem,.42fr) minmax(0,1.58fr);padding:clamp(.9rem,1.8vw,1.25rem)}.project-image-groups--compact .project-image-groups__head p{max-width:34rem;font-size:.92rem;line-height:1.72}.project-image-groups--compact .project-image-group{padding:clamp(.9rem,1.5vw,1.1rem)}.project-image-groups--compact .project-image-group strong{color:var(--muted)}.project-image-groups__head h3,.project-image-group h4{color:var(--foreground);font-weight:900;line-height:1.18}.project-image-groups__head h3{font-size:clamp(1.25rem,2vw,1.65rem)}.project-image-groups__head p{color:var(--muted);margin-top:.85rem;line-height:1.85}.project-image-group-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,1.6vw,1.2rem);display:grid}.project-image-group{background:linear-gradient(145deg,#8df46b0f,#0000 48%),#03050438;padding:clamp(1rem,1.8vw,1.35rem)}.project-image-group span{color:var(--accent);font-family:var(--font-mono);font-size:.76rem;font-weight:900}.project-image-group h4{margin-top:.7rem;font-size:clamp(1.12rem,1.8vw,1.45rem)}.project-image-group p{color:var(--muted);margin-top:.8rem;line-height:1.8}.project-image-group strong{color:var(--foreground);margin-top:1rem;font-size:.94rem;line-height:1.65;display:block}.project-market-split{grid-template-columns:minmax(11rem,.36fr) minmax(0,1.64fr);gap:clamp(1rem,2vw,1.5rem);padding:clamp(1rem,2vw,1.35rem);display:grid}.project-market-split__head h3{color:var(--foreground);font-size:clamp(1.18rem,2vw,1.55rem);font-weight:950;line-height:1.15}.project-market-split__head p{color:var(--muted);margin-top:.75rem;font-size:.94rem;line-height:1.72}.project-market-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,1.5vw,1.1rem);display:grid}.project-market-panel{background:#03050438;padding:clamp(1rem,1.7vw,1.3rem)}.project-market-panel>span{color:var(--accent);font-family:var(--font-mono);font-size:.76rem;font-weight:900}.project-market-panel h4{color:var(--foreground);margin-top:.65rem;font-size:clamp(1.12rem,1.8vw,1.45rem);font-weight:950;line-height:1.18}.project-market-panel strong{color:var(--foreground);margin-top:.75rem;font-size:.94rem;line-height:1.62;display:block}.project-market-panel p{color:var(--muted);margin-top:.85rem;line-height:1.78}.project-market-panel dl{gap:.7rem;margin:1rem 0 0;display:grid}.project-market-panel dl div{border-top:1px solid var(--line);grid-template-columns:4.75rem minmax(0,1fr);gap:.7rem;padding-top:.7rem;display:grid}.project-market-panel dt{color:var(--quiet);font-family:var(--font-mono);font-size:.72rem;font-weight:900}.project-market-panel dd{color:var(--proof-text);margin:0;font-size:.9rem;line-height:1.62}.project-reference-board{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(1rem,2vw,1.5rem);padding:clamp(1rem,2.4vw,1.8rem);display:grid}.project-reference-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.project-reference-source{padding:clamp(1rem,1.8vw,1.35rem)}.project-reference-source__link{color:var(--foreground);align-items:center;gap:.45rem;font-weight:900;text-decoration:none;display:inline-flex}.project-reference-source__link:hover{color:var(--accent)}.project-reference-source__chips{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.project-reference-source__chips span{border:1px solid var(--line);color:var(--muted);background:#ffffff09;border-radius:999px;padding:.36rem .58rem;line-height:1}.project-case-depth{border-top:1px solid var(--line);gap:clamp(1.1rem,2.4vw,2rem);margin-top:clamp(3.2rem,6vw,5.75rem);padding-top:clamp(1.4rem,3vw,2.5rem);display:grid}.project-case-depth.is-editorial{gap:clamp(1.4rem,3vw,2.6rem);margin-top:clamp(3.5rem,6vw,6rem)}.project-case-depth.is-editorial .project-case-depth__intro{max-width:62rem}.project-case-depth.is-editorial .project-case-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.4rem)}.project-case-depth.is-editorial .project-case-analysis{background:linear-gradient(135deg,#8df46b0e,#0000 42%),#080d0a6b}.project-case-depth__intro{max-width:56rem}.project-case-depth__intro h2{color:var(--foreground);font-size:clamp(1.65rem,3.2vw,2.8rem);font-weight:950;line-height:1.08}.project-case-depth__intro p{color:var(--muted);margin-top:.85rem;line-height:1.85}.project-conversion-path{border:1px solid var(--line);background:#080d0a94;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.project-conversion-step{border-left:1px solid var(--line);min-height:12rem;padding:clamp(1rem,1.8vw,1.35rem)}.project-conversion-step:first-child{border-left:0}.project-conversion-step span{color:var(--accent);font-family:var(--font-mono);font-size:.76rem;font-weight:900}.project-conversion-step h3{color:var(--foreground);margin-top:.85rem;font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:900;line-height:1.2}.project-conversion-step p{color:var(--muted);margin-top:.8rem;font-size:.92rem;line-height:1.72}.project-detail-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(1.2rem,2vw,2.25rem);display:grid}.project-gallery-groups{gap:clamp(3rem,6vw,5.75rem);display:grid}.project-gallery-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:clamp(1rem,2.2vw,1.75rem);padding-top:clamp(1.15rem,2.3vw,1.75rem);display:grid}.project-gallery-heading{grid-template-columns:minmax(0,1fr);align-items:flex-end;display:grid}.project-gallery-heading>div{gap:.72rem;display:grid}.project-gallery-heading.is-simple{grid-template-columns:minmax(0,1fr)}.project-gallery-heading h2{color:var(--foreground);font-size:clamp(2.6rem,5vw,4.8rem);font-weight:950;line-height:1}.project-gallery-heading p{max-width:30rem;color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(.92rem,1vw,1.02rem);line-height:1.58}.project-gallery-brief{grid-template-columns:minmax(0,1fr);gap:clamp(.9rem,1.8vw,1.25rem);display:grid}.project-gallery-brief>p{max-width:78rem;color:var(--muted);text-wrap:pretty;font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.76}.project-gallery-brief dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.85rem,1.6vw,1.15rem);margin:0;display:grid}.project-gallery-brief dl div{background:0 0;min-height:auto;padding:0}.project-gallery-brief dt{color:var(--accent);font-family:var(--font-mono);font-size:.64rem;font-weight:900}.project-gallery-brief dd{color:var(--proof-text);margin:.48rem 0 0;font-size:clamp(.82rem,.95vw,.92rem);line-height:1.66}.project-gallery-grid{grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(.85rem,1.6vw,1.35rem);display:grid}.project-gallery-grid .project-detail-image.is-featured{grid-column:1/-1}.project-gallery-grid .project-detail-image.is-major{grid-column:span 7}.project-gallery-grid .project-detail-image.is-minor{grid-column:span 5}.project-gallery-grid .project-detail-image.is-half{grid-column:span 6}.project-gallery-grid .project-detail-image.is-third{grid-column:span 4}@media (min-width:900px){.project-gallery-heading>div{flex-wrap:wrap;align-items:flex-end;gap:clamp(.85rem,2.8vw,2.5rem);display:flex}.project-gallery-heading p{margin:0 0 clamp(.08rem,.5vw,.28rem)}}.project-detail-image{border:1px solid var(--line);cursor:zoom-in;text-align:left;background:#ffffff0a;border-radius:8px;justify-self:center;width:100%;max-width:100%;padding:0;transition:transform .18s,border-color .18s;display:block;overflow:hidden}.project-detail-image.is-square,.project-detail-image.is-portrait{max-width:min(100%,56rem)}.project-detail-image:hover{border-color:var(--line-strong);transform:translateY(-2px)}.project-detail-image img{width:100%;height:auto;display:block}.image-lightbox{z-index:2147483000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030504f0;grid-template-rows:auto 1fr;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}.image-lightbox,.image-lightbox button,.image-lightbox .image-lightbox-count{color:#f7f7f3}.image-lightbox-bar{z-index:2147483002;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;left:0;right:0}.image-lightbox-count{color:#f7f7f3;min-height:44px;font-family:var(--font-mono);letter-spacing:.06em;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030504b8;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;padding:0 1rem;font-size:.9rem;font-weight:900;display:inline-flex}.image-lightbox-close{color:#f7f7f3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#030504e0;border:1px solid #ffffff6b;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:transform .18s,border-color .18s,background .18s;display:grid;position:absolute;top:16px;right:16px}.image-lightbox-close:hover{border-color:var(--line-strong);background:#030504eb;transform:translateY(-2px)}.image-lightbox-nav{z-index:2147483001;color:#f7f7f3;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030504b8;border:1px solid #ffffff52;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .18s,border-color .18s,background .18s;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.image-lightbox-nav:hover{border-color:var(--line-strong);background:#030504e6;transform:translateY(-50%)scale(1.04)}.image-lightbox-prev{left:max(1rem, env(safe-area-inset-left))}.image-lightbox-next{right:max(1rem, env(safe-area-inset-right))}.image-lightbox-stage{box-sizing:border-box;place-items:center;width:100vw;height:100vh;min-height:0;padding:clamp(4.5rem,7vh,5.5rem) clamp(1rem,5vw,6rem) clamp(1rem,3vh,2rem);display:grid;overflow:hidden}.image-lightbox-stage img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.project-placeholder:before,.project-placeholder:after{content:"";pointer-events:none;position:absolute}.project-placeholder:before{background:radial-gradient(circle at 70% 18%,#ffffff29,#0000 18rem),radial-gradient(circle at 22% 78%,#8df46b2e,#0000 20rem),linear-gradient(#ffffff0a,#00000038);inset:0}.project-placeholder:after{border:1px solid var(--line);opacity:.65;border-radius:6px;inset:16px}.project-placeholder-grid{opacity:.18;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.project-card:before{z-index:12;opacity:0;background:linear-gradient(110deg,#0000 25%,#ffffff2e 50%,#0000 75%);transition:opacity .26s,transform .72s;transform:translate(-100%)}.project-card:hover:before{opacity:1;transform:translate(100%)}@media (max-width:767px){:root{--nav-offset:4rem}.site-nav{padding:.45rem var(--page-gutter);grid-template-columns:auto minmax(0,1fr);gap:.55rem}.site-nav>a{justify-self:start}.site-nav>a span{font-size:.92rem;line-height:1}.site-nav ul{justify-content:flex-end;gap:.12rem;width:100%;display:flex}.site-nav li{min-width:0}.site-nav ul a{justify-content:center;width:auto;max-width:100%;min-height:44px;padding:.3rem .34rem;font-size:.72rem;line-height:1.15;display:inline-flex}.eyebrow{margin-bottom:.8rem;font-size:.72rem;line-height:1.2}.section-title{max-width:100%;font-size:2.7rem;line-height:1.08}.hero-section{justify-content:flex-start;min-height:auto;padding-top:7.25rem;padding-bottom:2.75rem}.hero-shell{grid-template-columns:1fr;gap:1.25rem}.hero-avatar-wrap{width:4.25rem}.hero-heading{gap:1rem}.hero-title{max-width:100%;line-height:1.06}.hero-title__pinyin{font-size:.82rem}.hero-title__text{max-width:min(100%,5.35em);font-size:clamp(2.55rem,13vw,3.35rem);line-height:1.07}.hero-intro{font-size:.96rem;line-height:1.78}.hero-profile{width:100%;margin-top:.4rem}.hero-profile-item{grid-template-columns:minmax(0,1fr);gap:.3rem;padding:.15rem 0 .15rem 1rem}.hero-profile-item dd{font-size:1.02rem}.hero-showcase{margin-top:.8rem;transform:none}.hero-showcase__media{aspect-ratio:1.18}.hero-showcase__caption{padding-top:.65rem;font-size:.58rem}.about-section{align-items:flex-start;min-height:auto;padding-top:7rem;padding-bottom:2.25rem}.about-title{max-width:10.5em}.about-intro{max-width:100%;margin-top:1.15rem}.about-layout{margin-top:2rem}.workflow-grid{border-top-color:var(--line);border-bottom-color:var(--line);gap:0;padding-top:.4rem;padding-bottom:.4rem}.workflow-step{grid-template-columns:3.25rem minmax(0,1fr);column-gap:.8rem;padding-top:1.35rem;padding-bottom:1.35rem;display:grid}.workflow-step+.workflow-step{border-top:1px solid var(--line)}.workflow-step h3{margin-top:0;font-size:1.08rem;line-height:1.35}.workflow-step p{grid-column:2;max-width:100%;font-size:.9rem;line-height:1.75}.work-section{min-height:auto;scroll-margin-top:calc(var(--nav-offset) - 1rem);align-items:flex-start;padding-top:1rem;padding-bottom:1.6rem}.work-heading{gap:.55rem;width:100%;margin-bottom:0}#work .eyebrow{margin-bottom:.45rem}#work .section-title{font-size:clamp(2rem,8vw,2.45rem);line-height:1.04}.work-heading__side{display:none}.work-summary{text-align:left;white-space:normal;max-width:100%}.project-archive-panel{width:100%;box-shadow:none;background:0 0;border:0;margin-left:auto;margin-right:auto;overflow:hidden}.project-archive-inner{padding:.35rem 0 0}.project-archive-switcher{gap:.8rem;margin-top:.35rem;padding-top:0}.project-category-stage{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:.65rem;min-height:0;padding:0 .65rem .25rem;scroll-padding-inline:.65rem;display:flex;overflow-x:auto}.project-category-stage::-webkit-scrollbar{height:0}.project-archive-card,.project-archive-card:first-child,.project-archive-card:nth-child(3),.project-archive-card:nth-child(4){scroll-snap-align:start;width:min(78vw,23rem);min-width:min(78vw,23rem);min-height:clamp(430px,76svh,560px);margin-top:0;padding:1rem}.project-archive-card:hover,.project-archive-card:focus-within,.project-archive-card.is-active{transform:translateY(-3px)}.project-archive-card__copy{padding-top:1.8rem}.project-archive-card__copy h3{max-width:6.4em;font-size:clamp(2rem,10.5vw,2.85rem)}.project-archive-card__copy p{font-size:.76rem}.project-archive-card__media{height:13.6rem;bottom:1.65rem;left:0;right:0}.image-lightbox-bar{padding:max(.75rem, env(safe-area-inset-top)) .75rem .75rem}.image-lightbox-count{min-height:2.4rem;padding:0 .85rem;font-size:.78rem}.image-lightbox-close{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));width:2.4rem;height:2.4rem}.image-lightbox-stage{padding:4.5rem .75rem 5.25rem}.image-lightbox-nav{top:auto;bottom:max(1rem, env(safe-area-inset-bottom));width:3rem;height:3rem;transform:none}.image-lightbox-nav:hover{transform:translateY(-2px)}.image-lightbox-prev{left:calc(50% - 4rem)}.image-lightbox-next{right:calc(50% - 4rem)}.button-primary,.button-secondary{width:100%}.contact-pill{overflow-wrap:anywhere;justify-content:flex-start;width:100%}.contact-pill--email{align-items:flex-start;padding-block:.75rem}.contact-pill--email .contact-email-link{white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0;line-height:1.35}.contact-pill--email .contact-copy-button{margin-top:.1rem}}@media (max-width:360px){.site-nav{padding-left:.75rem;padding-right:.75rem}.site-nav ul a{padding-left:.28rem;padding-right:.28rem;font-size:.68rem}.hero-title__text{max-width:min(100%,5.15em);font-size:2.55rem}}@media (max-height:560px) and (orientation:landscape){.image-lightbox-bar{padding:.45rem .75rem .4rem}.image-lightbox-count{min-height:2rem;padding:0 .7rem;font-size:.72rem}.image-lightbox-close{width:2.1rem;height:2.1rem;top:.45rem;right:.65rem}.image-lightbox-stage{padding:0}.image-lightbox-stage img{width:auto;max-width:100vw;height:auto;max-height:100vh}.image-lightbox-nav{width:2.75rem;height:2.75rem;top:50%;bottom:auto;transform:translateY(-50%)}.image-lightbox-nav:hover{transform:translateY(-50%)scale(1.04)}.image-lightbox-prev{left:.5rem}.image-lightbox-next{right:.5rem}}@media (max-width:767px) and (max-height:760px){.work-section{padding-top:1rem;padding-bottom:1.4rem}.work-heading{gap:.45rem}#work .eyebrow{margin-bottom:.35rem}#work .section-title{font-size:clamp(1.82rem,7.4vw,2.2rem)}.work-heading__side{display:none}.project-archive-name-bar{padding-bottom:.2rem}.project-archive-switcher{margin-top:.35rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-container-scroll__header,.work-container-scroll__card{will-change:auto;transform:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-theme=light],html[data-theme=light] body{background:#f7f7f4!important}html[data-theme=light] .site-solid-bg{background:#f7f7f4}html[data-theme=light] #work .bg-panel\/70{background-color:#f7f7f4}html[data-theme=light] #work .shadow-\[0_32px_90px_rgba\(0\,0\,0\,0\.22\)\]{box-shadow:0 24px 70px #10201714}html[data-theme=light] .project-archive-card-centered{box-shadow:none;background:0 0}html[data-theme=light] .project-archive-card-centered:before{display:none}html[data-theme=light] .project-archive-card-centered__stage{background:0 0}html[data-theme=light] .project-archive-card-centered__model{color:#102017eb;text-shadow:none;background:#ffffffad;border-color:#1020172e;box-shadow:0 14px 34px #10201721}html[data-theme=light] .project-archive-card-centered:hover .project-archive-card-centered__model,html[data-theme=light] .project-archive-card-centered:focus-within .project-archive-card-centered__model{background:#ffffffd1;border-color:#16a34a5c}html[data-theme=light] .project-archive-card-centered__meta p{color:#102017d1}html[data-theme=light] .project-archive-card-centered__tags li{background:#16a34a0d}html[data-theme=light] .project-archive-card-centered__link{background:#16a34a14}html[data-theme=light] .project-archive-card-centered__link:hover,html[data-theme=light] .project-archive-card-centered__link:focus-visible{background:#16a34a29}html[data-theme=light] .project-archive-card-centered__link.is-disabled{background:#ffffffa6}html[data-theme=light] .project-archive-card-centered__placeholder{color:#102017b8}html[data-theme=light] .project-archive-card-centered__placeholder-lines span{background:#10201766}html[data-theme=light] .project-archive-panel{box-shadow:none;background:0 0}html[data-theme=light] .project-archive-panel:before,html[data-theme=light] .project-archive-panel:after{display:none}html[data-theme=light] .project-archive-switcher,html[data-theme=light] .project-archive-switcher.is-unlocked{border-top-color:#0000}html[data-theme=light] .project-archive-switcher__rail:before{background:0 0}html[data-theme=light] .project-archive-tab{background:#fff}html[data-theme=light] .project-archive-tab:hover,html[data-theme=light] .project-archive-tab:focus-visible,html[data-theme=light] .project-archive-tab.is-active{background:#fff;box-shadow:0 16px 30px #10201714}html[data-theme=light] .project-archive-tab__meta{background:#16a34a0d;border-color:#10201714}html[data-theme=light] .project-archive-card{background:#fff;box-shadow:0 18px 42px #1020170f}html[data-theme=light] .project-archive-card:hover,html[data-theme=light] .project-archive-card:focus-within,html[data-theme=light] .project-archive-card.is-active{background:#fff;border-color:#16a34a61;box-shadow:0 22px 52px #1020171a}html[data-theme=light] .project-archive-card:after{background:0 0}html[data-theme=light] .project-archive-card__copy p{color:#102017b8}html[data-theme=light] .project-archive-card__media img{filter:contrast(1.04)brightness(.94)saturate(1.06);opacity:.72}html[data-theme=light] .project-archive-placeholder span{background:#10201794}html[data-theme=light] .project-archive-placeholder span:nth-child(2),html[data-theme=light] .project-archive-placeholder span:nth-child(3){background:0 0;border-color:#10201794}html[data-theme=light] .hero-section,html[data-theme=light] .about-section,html[data-theme=light] .work-section,html[data-theme=light] #contact,html[data-theme=light] .project-detail-page{background:#f7f7f4!important}html[data-theme=light] .project-case-copy,html[data-theme=light] .project-case-fact,html[data-theme=light] .project-case-analysis,html[data-theme=light] .project-image-groups,html[data-theme=light] .project-image-group,html[data-theme=light] .project-market-split,html[data-theme=light] .project-market-panel,html[data-theme=light] .project-conversion-path,html[data-theme=light] .project-reference-board,html[data-theme=light] .project-reference-source{background:linear-gradient(135deg,#16a34a12,#0000 42%),#fff;border-color:#1020171f}html[data-theme=light] .project-conversion-step{border-color:#1020171f}html[data-theme=light] .project-case-media{background:#fff;border-color:#1020171f}html[data-theme=light] .project-reference-source__chips span{background:#16a34a0f}.k10-reference-case{--k10-bg:#050706;--k10-panel:#090c0a;--k10-ink:#f4f7f1;--k10-muted:#f4f7f19e;--k10-quiet:#f4f7f19e;--k10-line:#f4f7f121;--k10-accent:#8df46b;background:var(--k10-bg);color:var(--k10-ink);padding-top:clamp(5.25rem,8vw,6.75rem);overflow:hidden}.k10-reference-shell{width:min(100% - clamp(2rem,7vw,8rem),88rem);margin-inline:auto}.k10-reference-hero{border-bottom:1px solid var(--k10-line);background:#030403;place-items:center;min-height:calc(100svh - clamp(5.25rem,8vw,6.75rem));display:grid;position:relative;overflow:hidden}.k10-reference-hero__image{object-fit:cover;opacity:.46;filter:saturate(.76)contrast(1.08);width:100%;height:100%;position:absolute;inset:0}.k10-reference-hero__overlay{pointer-events:none;background:linear-gradient(#0304039e,#0304034d 42%,#030403e6),radial-gradient(circle at 50% 42%,#8df46b1a,#0000 34rem);position:absolute;inset:0}.k10-reference-hero__content{text-align:center;justify-items:center;padding-block:clamp(3rem,8vw,7rem);display:grid;position:relative}.k10-reference-kicker,.k10-reference-section-label{color:var(--k10-quiet);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:clamp(.72rem,.9vw,.82rem);font-weight:800}.k10-reference-hero h1{max-width:11em;color:var(--k10-ink);letter-spacing:0;margin-top:clamp(1.4rem,3vw,2rem);font-size:clamp(3.55rem,7.8vw,8rem);font-weight:700;line-height:.98}.k10-reference-subtitle{color:var(--k10-muted);font-family:var(--font-mono);margin-top:.9rem;font-size:clamp(.86rem,1.1vw,1rem)}.k10-reference-summary{color:#f4f7f1b8;width:min(100%,52rem);margin-top:clamp(1.3rem,2.5vw,2rem);font-size:clamp(1rem,1.3vw,1.16rem);font-weight:650;line-height:1.9}.k10-reference-hero__facts{border-top:1px solid var(--k10-line);grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,62rem);margin:clamp(1.8rem,3.5vw,3rem) 0 0;padding-top:clamp(1.05rem,1.9vw,1.45rem);display:grid}.k10-reference-hero__facts div{text-align:center;align-content:start;justify-items:center;min-height:clamp(4.2rem,6vw,5.2rem);padding-inline:clamp(1rem,2.2vw,1.8rem);display:grid}.k10-reference-hero__facts div+div{border-left:1px solid var(--k10-line)}.k10-reference-hero__facts dt{color:var(--k10-quiet);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:800}.k10-reference-hero__facts dd{color:#f4f7f1cc;width:min(100%,12em);margin:.55rem 0 0;font-size:clamp(.94rem,1vw,1.05rem);font-weight:750;line-height:1.55}.k10-reference-system,.k10-reference-story,.k10-reference-close{background:var(--k10-bg)}.k10-reference-system{padding-block:clamp(5rem,9vw,8.5rem)}.k10-reference-story__head{border-top:1px solid var(--k10-line);grid-template-columns:minmax(18rem,.75fr) minmax(0,1fr);align-items:end;gap:clamp(1.4rem,4vw,5rem);padding-top:clamp(1.6rem,3vw,2.4rem);display:grid}.k10-reference-story__head h2,.k10-reference-close h2{color:var(--k10-ink);letter-spacing:0;margin-top:1rem;font-size:clamp(2.2rem,4.8vw,5.1rem);font-weight:850;line-height:1.05}.k10-reference-story__head>p,.k10-reference-close>.k10-reference-shell>p:last-child{color:var(--k10-muted);font-size:clamp(.98rem,1.2vw,1.1rem);line-height:1.9}.k10-reference-system__lead{grid-template-columns:minmax(24rem,.82fr) minmax(0,1fr);align-items:end;gap:clamp(1rem,2vw,1.5rem) clamp(2rem,5vw,6rem);padding-top:clamp(1.2rem,2.2vw,1.8rem);display:grid}.k10-reference-system__lead h2{color:var(--k10-ink);letter-spacing:0;grid-column:1;margin-top:0;font-size:clamp(2.3rem,4.15vw,4.65rem);font-weight:850;line-height:1.05}.k10-reference-system__lead h2 span{display:block}.k10-reference-system__lead>p:not(.k10-reference-section-label){max-width:43rem;color:var(--k10-muted);font-size:clamp(.98rem,1.2vw,1.1rem);font-weight:650;line-height:1.9}.k10-reference-system__lead .k10-reference-section-label{grid-column:1/-1;align-self:start}.k10-reference-system__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4.5vw,4.8rem);margin-top:clamp(2.3rem,4vw,3.4rem);display:grid}.k10-reference-system__cards article{grid-template-columns:2px minmax(0,1fr);align-items:start;gap:clamp(.42rem,.65vw,.58rem) clamp(.9rem,1.6vw,1.25rem);display:grid}.k10-reference-system__cards article:before{content:"";background:linear-gradient(#8df46bf2 0%,#8df46b6b 55%,#8df46b00 100%);grid-row:1/span 2;width:2px;height:clamp(5.05rem,5.4vw,5.75rem);margin-top:.05rem;box-shadow:0 0 14px #8df46b2e}.k10-reference-system__cards h3{color:var(--k10-quiet);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;grid-column:2;font-size:.78rem;font-weight:900;line-height:1.05}.k10-reference-system__cards p{max-width:min(100%,33rem);color:var(--k10-muted);white-space:normal;grid-column:2;margin-top:0;font-size:clamp(1rem,1.25vw,1.15rem);font-weight:680;line-height:1.62}.k10-reference-palette{align-items:center;gap:clamp(1.6rem,3vw,3.2rem);margin-top:clamp(2.6rem,4.5vw,4rem);display:flex}.k10-reference-palette__swatches{gap:clamp(.85rem,1.6vw,1.35rem);display:flex}.k10-reference-palette__swatches span{aspect-ratio:1;border:1px solid #f4f7f124;width:clamp(3rem,4vw,4rem);display:block}.k10-reference-palette p{color:var(--k10-muted);font-size:clamp(1rem,1.25vw,1.15rem);font-weight:680;line-height:1.7}.k10-reference-system__note{color:#f4f7f1bd;max-width:62rem;margin-top:clamp(2rem,3.6vw,3rem);font-size:clamp(.98rem,1.2vw,1.12rem);font-weight:650;line-height:1.9}.k10-reference-stories{gap:clamp(5rem,10vw,9rem);padding-bottom:clamp(5rem,10vw,9rem);display:grid}.k10-reference-story__frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(2rem,4vw,3.4rem);display:grid}.k10-reference-story__frames.is-count-1{grid-template-columns:minmax(0,1fr)}.k10-reference-frame.is-wide{grid-column:1/-1}.k10-reference-frame{margin:0}.k10-reference-frame__image-button{width:100%;color:inherit;cursor:zoom-in;font:inherit;text-align:inherit;background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.k10-reference-frame__image-button:focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid #f7f7f3e0}.k10-reference-frame img{border:1px solid var(--k10-line);background:var(--k10-panel);width:100%;height:auto;display:block}.k10-reference-frame__image-button img{transition:border-color .18s,filter .18s}.k10-reference-frame__image-button:hover img,.k10-reference-frame__image-button:focus-visible img{filter:brightness(1.05);border-color:#f7f7f3b8}.k10-reference-frame__open-icon{color:#f7f7f3;opacity:0;pointer-events:none;background:#030504ad;border:1px solid #f7f7f361;border-radius:50%;place-items:center;width:42px;height:42px;transition:opacity .18s,transform .18s,border-color .18s,background .18s;display:grid;position:absolute;top:clamp(.75rem,1.4vw,1rem);right:clamp(.75rem,1.4vw,1rem);transform:translateY(-4px)}.k10-reference-frame__image-button:hover .k10-reference-frame__open-icon,.k10-reference-frame__image-button:focus-visible .k10-reference-frame__open-icon{opacity:1;background:#030504d6;border-color:#f7f7f3b8;transform:translateY(0)}.k10-reference-frame figcaption{grid-template-columns:5.4rem minmax(0,1fr);gap:clamp(1rem,2vw,1.8rem);padding-top:clamp(1rem,2vw,1.35rem);display:grid}.k10-reference-frame figcaption span{color:var(--k10-quiet);font-family:var(--font-mono);letter-spacing:.12em;font-size:.76rem;font-weight:800}.k10-reference-frame h3{color:var(--k10-ink);font-size:clamp(1.12rem,1.7vw,1.55rem);font-weight:760;line-height:1.25}.k10-reference-frame p{color:var(--k10-muted);margin-top:.6rem;line-height:1.8}.k10-reference-frame.has-compact-caption figcaption{min-height:clamp(4.8rem,7vw,5.9rem);padding-bottom:clamp(.75rem,1.6vw,1.2rem)}.k10-reference-lightbox__original{color:#f7f7f3;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030504e0;border:1px solid #ffffff6b;border-radius:50%;place-items:center;width:44px;height:44px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid;position:absolute;top:16px;right:72px}.k10-reference-lightbox__original:hover,.k10-reference-lightbox__original:focus-visible{border-color:var(--line-strong);background:#030504eb;transform:translateY(-2px)}@media (hover:none){.k10-reference-frame__open-icon{opacity:1;transform:none}}.k10-reference-close{border-top:1px solid var(--k10-line);padding-block:clamp(4rem,8vw,7rem)}.k10-reference-close .k10-reference-shell{box-sizing:border-box;justify-items:start;max-width:88rem;padding-left:0;display:grid}.k10-reference-close h2{max-width:10em}.k10-reference-close p:last-child{max-width:48rem;margin-top:1.2rem}.s50-reference-case{--k10-bg:#080706;--k10-panel:#120d09;--k10-ink:#f8f3eb;--k10-muted:#f8f3eba8;--k10-quiet:#f8f3eb9e;--k10-line:#f8f3eb24;--k10-accent:#ff6a1a}.s50-reference-case .k10-reference-hero{background:#100a07}.s50-reference-case .k10-reference-hero__image{opacity:.56;filter:saturate(1.08)contrast(1.08);object-position:center center}.s50-reference-case .k10-reference-hero__overlay{background:linear-gradient(#09060494,#0906042e 42%,#090604e6),linear-gradient(90deg,#090604b8,#0000 72%)}.s50-reference-case .k10-reference-system__cards article:before{background:linear-gradient(#ff6a1afa 0%,#ff6a1a73 55%,#ff6a1a00 100%);box-shadow:0 0 14px #ff6a1a33}.s50-reference-case .k10-reference-frame img{background:var(--k10-panel)}@media (max-width:1024px){.k10-reference-system__lead,.k10-reference-story__head{grid-template-columns:minmax(0,1fr)}.k10-reference-system__cards{gap:clamp(2rem,6vw,4rem)}.k10-reference-system__cards p{white-space:normal;line-height:1.72}}@media (max-width:767px){.k10-reference-case{padding-top:5rem}.k10-reference-shell{width:min(100% - 2rem,88rem)}.k10-reference-hero{min-height:calc(100svh - 5rem)}.k10-reference-hero h1{font-size:clamp(3rem,17vw,5rem)}.k10-reference-hero__facts{grid-template-columns:minmax(0,1fr)}.k10-reference-hero__facts div{padding:.9rem 0}.k10-reference-hero__facts div+div{border-top:1px solid var(--k10-line);border-left:0}.k10-reference-system__cards,.k10-reference-story__frames{grid-template-columns:minmax(0,1fr)}.k10-reference-palette{flex-direction:column;align-items:flex-start}.k10-reference-frame.is-wide{grid-column:auto}.k10-reference-frame figcaption{grid-template-columns:minmax(0,1fr);gap:.55rem}.k10-reference-close .k10-reference-shell{padding-left:0}}.hero-intro,.about-intro,.work-summary,#contact p,.project-archive-card-centered__meta p,.project-archive-card__copy p{line-height:1.72}.hero-section .hero-intro{line-height:1.86}@media (min-width:768px){#work.work-section{background:var(--background);content-visibility:visible;contain:none;min-height:100svh;padding:0;scroll-margin-top:0;display:block}#work.work-section>div{gap:0;width:100%;max-width:none}.work-container-scroll,.work-container-scroll__scene,.work-container-scroll__card,.work-container-scroll__body{width:100%;min-width:0;max-width:none}.work-container-scroll{grid-template-columns:minmax(0,1fr)}.work-container-scroll__scene{padding:0;display:block;perspective:none!important}.work-container-scroll__header{display:none}.work-container-scroll__card{padding:0;transform:none!important}.work-container-scroll__body{min-height:100svh}.project-archive-panel{width:100%;max-width:none;min-height:clamp(110rem,300svh,180rem);margin:0}.project-archive-inner{min-height:100svh;padding:0;top:0}.project-archive-experience{--archive-preview-height:clamp(20rem, 38vh, 24rem);width:calc(100% - var(--page-gutter) * 2);max-width:var(--page-max);min-height:calc(100svh - var(--nav-offset));background:var(--background);border-radius:0;grid-template-columns:clamp(14.5rem,18vw,18rem) minmax(0,1fr) 3rem;gap:clamp(1.25rem,2vw,2.5rem);margin-inline:auto;padding:clamp(4rem,7vh,5.5rem) 0 clamp(3rem,5vh,4rem);transition:background .22s,grid-template-columns .26s cubic-bezier(.22,1,.36,1)}.project-archive-experience.is-track-expanded{background:var(--background)}.project-archive-experience:before{display:none}.project-archive-current{z-index:4;min-height:var(--archive-preview-height);font-family:var(--font-sans), "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;opacity:1;visibility:visible;grid-area:1/1;grid-template-rows:auto auto;align-content:start;align-self:center;gap:clamp(1.75rem,3.5vh,2.5rem);transition:opacity .22s,transform .22s;display:grid;transform:translate(0)}.project-archive-experience.is-track-expanded .project-archive-current{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-1.25rem)}.project-archive-experience.is-track-expanded .project-archive-switcher{grid-column:1/3}.project-archive-current__header,.project-archive-current__tags{display:none}.project-archive-current__copy{align-self:start;gap:clamp(.65rem,1.35vh,.9rem)}.project-archive-current__label{color:var(--accent);font-family:var(--font-mono);letter-spacing:.02em;font-size:clamp(.78rem,.9vw,.98rem)}.project-archive-current__copy h3{color:#e9f0eb;letter-spacing:0;max-width:6.8em;font-family:inherit;font-size:clamp(4rem,5.8vw,7rem);font-weight:900;line-height:.82}.project-archive-current__summary{color:#f4f7f2eb;max-width:31rem;font-size:clamp(1rem,1.18vw,1.28rem);line-height:1.55}.project-archive-current__links{align-self:start;gap:clamp(.9rem,1.2vw,1.2rem);margin-top:0}.project-archive-current__link{color:#fff;letter-spacing:0;text-transform:uppercase;min-height:2.45rem;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-size:clamp(.78rem,.86vw,.95rem)}.project-archive-current__link:hover,.project-archive-current__link:focus-visible{background:0 0;border-color:#0000;transform:translate(.3rem)}.project-archive-switcher{grid-area:1/2;align-self:stretch;margin:0;display:grid}.project-archive-switcher__panel,.project-archive-switcher__card-shell,.project-archive-deck,.project-archive-deck__track{min-height:clamp(28rem,64svh,44rem)}.project-archive-deck{perspective:none}.project-archive-deck__frame{margin-top:0;inset-inline:0;translate:0 -50%}.project-archive-deck__media{aspect-ratio:2;width:min(100%,52rem);height:auto;max-height:none;box-shadow:none;clip-path:none;background:#050505;border:0;border-radius:0;margin-inline:auto;transition:transform .26s cubic-bezier(.22,1,.36,1)}.project-archive-experience.is-track-expanded .project-archive-deck__media{transform-origin:50%;width:min(100%,58rem);transform:scale(1.045)}.project-archive-deck__frame:not(.is-active) .project-archive-deck__media{clip-path:none}.project-archive-deck__media:after{opacity:0;display:none}.project-archive-deck__image{object-fit:contain;object-position:center;filter:none;transform:none}.project-archive-name-bar{z-index:25;grid-area:1/3;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;align-content:center;justify-self:end;justify-items:center;gap:clamp(.6rem,1.2vh,.95rem);width:2.75rem;min-width:2.75rem;padding:.4rem 0;transition:width .26s cubic-bezier(.22,1,.36,1);display:grid;position:relative;top:auto;right:auto;overflow:visible;transform:none}.project-archive-name-bar:before{display:none}.project-archive-name-bar:hover,.project-archive-name-bar:focus-within,.project-archive-experience.is-track-expanded .project-archive-name-bar{width:100%}.project-archive-name{color:#fff;width:2.75rem;min-height:2.75rem;box-shadow:none;visibility:visible;opacity:1;pointer-events:auto;background:0 0;border:0;justify-items:center;padding:0;transition:width .26s cubic-bezier(.22,1,.36,1),opacity .18s,transform .18s;overflow:visible;transform:none}.project-archive-name .border-glow-inner{grid-template-columns:minmax(0,0fr) auto;justify-content:end;place-items:center end;gap:0;width:100%}.project-archive-name-bar:hover .project-archive-name,.project-archive-name-bar:focus-within .project-archive-name,.project-archive-experience.is-track-expanded .project-archive-name{width:100%;min-height:2.75rem}.project-archive-name-bar:hover .project-archive-name .border-glow-inner,.project-archive-name-bar:focus-within .project-archive-name .border-glow-inner,.project-archive-experience.is-track-expanded .project-archive-name .border-glow-inner{grid-template-columns:minmax(0,1fr) auto;gap:.85rem}.project-archive-name:before,.project-archive-name:after,.project-archive-name>.edge-light,.project-archive-name__index,.project-archive-name__label{display:none}.project-archive-name__copy{opacity:0;justify-items:end;width:max-content;max-width:0;transition:max-width .26s cubic-bezier(.22,1,.36,1),opacity .18s,transform .22s;display:grid;overflow:hidden;transform:translate(.7rem)}.project-archive-name-bar:hover .project-archive-name__copy,.project-archive-name-bar:focus-within .project-archive-name__copy,.project-archive-experience.is-track-expanded .project-archive-name__copy{opacity:1;max-width:13.5rem;transform:translate(0)}.project-archive-name__title{color:#ffffff7a;letter-spacing:0;text-transform:uppercase;white-space:nowrap;font-size:clamp(1rem,1.08vw,1.28rem);font-weight:900;line-height:1}.project-archive-name.is-active .project-archive-name__title,.project-archive-name:hover .project-archive-name__title,.project-archive-name:focus-visible .project-archive-name__title{color:#fff}.project-archive-experience.is-track-expanded .project-archive-name:not(.is-active) .project-archive-name__title{color:#fff6}.project-archive-experience.is-track-expanded .project-archive-name:not(.is-active):hover .project-archive-name__title,.project-archive-experience.is-track-expanded .project-archive-name:not(.is-active):focus-visible .project-archive-name__title{color:#ffffffb8}.project-archive-name__dot{z-index:1;width:.44rem;height:1rem;box-shadow:none;background:#ffffff61;border-radius:4px;position:relative}.project-archive-name:hover,.project-archive-name:focus-visible,.project-archive-name.is-active{transform:none}.project-archive-name.is-active .project-archive-name__dot{background:var(--accent);transform:scaleY(1.14);box-shadow:0 0 18px #8df46b85}}@media (max-width:767px){.hero-section .hero-intro{line-height:1.86}.project-case-overview,.project-brief-panel__head,.project-brief-panel__facts,.project-editorial-intro__head,.project-editorial-facts,.project-case-facts,.project-case-analysis-grid,.project-image-groups,.project-image-group-list,.project-market-split,.project-market-panels,.project-conversion-path,.project-reference-board,.project-reference-sources,.project-gallery-section,.project-gallery-heading,.project-gallery-brief,.project-gallery-brief dl,.project-gallery-grid{grid-template-columns:minmax(0,1fr)}.project-gallery-section{column-gap:0}.project-gallery-heading{gap:.7rem;display:grid}.project-gallery-heading>div{gap:.72rem;display:grid}.project-gallery-heading p{margin:0}.project-gallery-heading p,.project-gallery-brief>p{max-width:none}.project-gallery-brief{align-self:start;padding-bottom:0}.project-gallery-grid .project-detail-image,.project-gallery-grid .project-detail-image.is-featured,.project-gallery-grid .project-detail-image.is-major,.project-gallery-grid .project-detail-image.is-minor,.project-gallery-grid .project-detail-image.is-half,.project-gallery-grid .project-detail-image.is-third{grid-column:1/-1}.project-gallery-section.is-main-gallery .project-gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.project-gallery-section.is-main-gallery .project-gallery-grid .project-detail-image,.project-gallery-section.is-main-gallery .project-gallery-grid .project-detail-image.is-half{grid-column:span 6}.project-gallery-section.is-main-gallery .project-gallery-grid .project-detail-image.is-featured{grid-column:1/-1}.project-gallery-section.is-main-gallery .project-gallery-grid .project-detail-image.is-major{grid-column:span 7}.project-gallery-section.is-main-gallery .project-gallery-grid .project-detail-image.is-minor{grid-column:span 5}.project-gallery-section.is-main-gallery .project-gallery-grid .project-detail-image.is-third{grid-column:span 4}.project-case-copy,.project-case-media{min-height:auto}.project-brief-panel{padding-block:1.25rem}.project-brief-panel__title .section-title{font-size:2.85rem;line-height:1.02}.project-brief-panel__summary{justify-self:stretch;max-width:none;font-size:.98rem;line-height:1.82}.project-brief-panel__fact{min-height:auto}.project-brief-panel__fact+.project-brief-panel__fact{border-left:0;border-top:1px solid var(--line);padding-top:1rem;padding-left:0}.project-editorial-fact{border-left:0;border-top:1px solid var(--line);min-height:auto}.project-editorial-fact:first-child{border-top:0}.project-case-depth.is-editorial .project-case-analysis-grid,.project-market-panel dl div{grid-template-columns:minmax(0,1fr)}.project-market-panels{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(13.5rem,90%);grid-auto-flow:column;padding-bottom:.35rem;overflow-x:auto}.project-market-panel{scroll-snap-align:start}.project-gallery-brief dl div{padding-top:0}.project-conversion-step{border-left:0;border-top:1px solid var(--line);min-height:auto}.project-conversion-step:first-child{border-top:0}#work.work-section{background:#050505;align-items:start;min-height:auto;padding-top:0;padding-bottom:clamp(2rem,5svh,3.25rem)}.work-container-scroll__card{padding-block:0}.project-archive-panel,.project-archive-panel.is-static{min-height:auto}.project-archive-inner{padding:0}.project-archive-experience{background:#050505;grid-template:"label""title""description""preview""pagination"/minmax(0,1fr);align-content:start;gap:0;min-height:0;padding:clamp(1.35rem,5vw,2.1rem) clamp(1rem,4vw,1.5rem) clamp(2rem,5svh,3rem)}.project-archive-experience:before{display:none}.project-archive-current,.project-archive-current__copy{display:contents}.project-archive-current__header,.project-archive-current__tags{display:none}.project-archive-current__label{color:#79e45f;font-family:var(--font-sans), "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;letter-spacing:0;text-transform:uppercase;grid-area:label;margin:0 0 .6rem;font-size:clamp(.78rem,3.8vw,.94rem);font-weight:800;line-height:1}.project-archive-current__title-row{grid-area:title;align-items:flex-end;gap:clamp(.45rem,2.2vw,.75rem);min-width:0;margin:0 0 .55rem;display:flex}.project-archive-current__copy h3{color:#eef2ef;min-width:0;font-family:var(--font-sans), "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;letter-spacing:0;text-wrap:nowrap;grid-area:auto;margin:0;font-size:clamp(3.75rem,20vw,5.35rem);font-weight:900;line-height:.84}.project-archive-current__summary{color:#f4f7f2e6;max-width:29rem;font-family:var(--font-sans), "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;text-wrap:pretty;grid-area:description;margin:0 0 .75rem;font-size:clamp(.82rem,3.75vw,.96rem);line-height:1.52}.project-archive-switcher{touch-action:pan-y;grid-area:preview;width:100%;margin:0;position:relative}.project-archive-deck__nav{z-index:4;color:#f2f5ede6;cursor:pointer;background:#1c1e1dd1;border:1px solid #f2f5ed24;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid;position:absolute;top:50%;translate:0 -50%;box-shadow:0 8px 24px #0000004d}.project-archive-deck__nav--previous{left:.7rem}.project-archive-deck__nav--next{right:.7rem}.project-archive-deck__nav svg{stroke-width:2.8px;width:1.9rem;height:1.9rem}.project-archive-deck__nav:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-archive-switcher__panel,.project-archive-switcher__card-shell,.project-archive-card-stack,.project-archive-card-stack__visuals,.project-archive-card-centered,.project-archive-card-centered__stage,.project-archive-card-centered__stage-link{width:100%;min-height:0}.project-archive-card-centered__media{background:#050505;border:0;border-radius:0;width:100%;overflow:hidden}.project-archive-card-centered,.project-archive-card-centered__stage,.project-archive-card-centered__stage-link{aspect-ratio:auto;height:auto}.project-archive-card-centered__stage{overflow:visible}.project-archive-card-centered__media img{filter:none;object-fit:contain!important;object-position:center!important}.project-archive-card-centered__model,.project-archive-current__links.project-archive-current__links--desktop{display:none}.project-archive-current__links.project-archive-current__links--mobile{flex:none;grid-area:auto;align-self:flex-end;margin:0;display:flex}.project-archive-current__link{color:#f2f5ed;width:2.25rem;height:2rem;min-height:0;font-family:var(--font-sans), "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;letter-spacing:0;text-transform:uppercase;background:0 0;border:0;border-radius:0;justify-content:center;align-items:flex-end;gap:0;padding:0;font-size:clamp(.96rem,4.6vw,1.35rem);font-weight:800;line-height:1}.project-archive-current__link:hover,.project-archive-current__link:focus-visible{background:0 0;border-color:#0000;transform:translate(.2rem)}.project-archive-current__link svg{stroke-width:2.5px;width:1.875rem;height:1.875rem}.project-archive-name-bar{grid-area:pagination;grid-template-columns:repeat(5,1.85rem);justify-content:space-between;gap:0;width:100%;margin:clamp(2.65rem,8svh,4rem) 0 0;padding:0;display:grid;overflow:visible}.project-archive-name{width:1.85rem;min-width:1.85rem;min-height:1.5rem;box-shadow:none;-webkit-backdrop-filter:none;scroll-snap-align:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.project-archive-name .border-glow-inner{place-items:center;gap:0;width:100%;display:grid}.project-archive-name>.edge-light,.project-archive-name:before,.project-archive-name:after,.project-archive-name__index,.project-archive-name__copy{display:none}.project-archive-name__dot{width:1.85rem;height:.42rem;box-shadow:none;background:#f2f5ed85;border-radius:999px;display:block;transform:none}.project-archive-name.is-active .project-archive-name__dot{box-shadow:none;background:#f1f5ef;transform:none}.project-archive-name:hover,.project-archive-name:focus-visible,.project-archive-name.is-active{box-shadow:none;background:0 0;border-color:#0000;transform:none}.project-archive-name:focus-visible{outline-offset:3px;outline:2px solid #79e45f}}.project-archive-name__dot,.project-archive-name.is-active .project-archive-name__dot{width:.875rem;height:.875rem;box-shadow:none;border-radius:50%;transition:background .16s ease-out;transform:none}.project-archive-name__dot{background:#f2f5ed6b;place-self:center}.project-archive-name.is-active .project-archive-name__dot{background:var(--accent);clip-path:inset(0 round 999px);width:2.5rem;border-radius:999px!important}@media (max-width:767px){.project-archive-name,.project-archive-name .border-glow-inner{overflow:visible!important}.project-archive-name-bar{grid-template-columns:repeat(5,2.75rem);justify-content:center;column-gap:.5rem}#contact{padding-top:3.5rem;padding-bottom:4rem}}@media (min-width:768px){.project-archive-name__dot{border-radius:50%;width:.55rem;height:.55rem}.project-archive-name.is-active .project-archive-name__dot{background:var(--accent);clip-path:inset(0 round 999px);width:.55rem;height:1.5rem;border-radius:999px!important}}@media (min-width:768px) and (max-width:979px){.project-archive-name{--glow-padding:0px!important}}@media (max-width:767px){#work.work-section{padding-bottom:clamp(1rem,2.5svh,1.25rem)}#work .project-archive-header{width:100%;max-width:none;margin-inline:0}#work .work-container-scroll__scene{gap:0}#work .work-container-scroll__header{display:none}#work .project-archive-experience{padding-top:.85rem;padding-bottom:clamp(1rem,2.5svh,1.25rem);padding-inline:0}#contact{padding-top:2.25rem}.project-archive-name-bar{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:stretch;align-items:center;column-gap:0;margin-top:clamp(1.5rem,4svh,2.25rem)}.project-archive-name{width:100%;min-width:0}.project-archive-name .border-glow-inner{grid-template-columns:minmax(0,1fr);place-items:center}.project-archive-name__dot{grid-column:1;justify-self:center;width:.875rem}.project-archive-name.is-active .project-archive-name__dot{width:2.5rem}}@media (min-width:768px){.project-archive-name-bar{grid-auto-rows:2.75rem;row-gap:clamp(.6rem,1.2vh,.95rem)}.project-archive-name{width:100%}}.project-archive-header{background:#050807;border-bottom:0;width:100%;overflow:visible}.project-archive-header__desktop{width:100%;max-width:var(--page-max);align-items:center;min-height:clamp(6.25rem,7.4vw,8.5rem);margin-inline:auto;padding-block:.9rem;display:grid}.project-archive-header__desktop-title{text-align:left;justify-items:start;gap:.35rem;display:grid}.project-archive-header__desktop-title span{color:#f4f7f294;font-family:var(--font-mono);font-size:clamp(.72rem,.78vw,.82rem);font-weight:800;line-height:1}.project-archive-header__desktop-title h2{color:var(--foreground);text-align:left;text-wrap:balance;margin:0;font-size:clamp(2.9rem,3.6vw,4rem);font-weight:900;line-height:.94}.project-archive-header__mobile{display:none}@media (min-width:768px){.project-archive-header{padding-inline:var(--page-gutter);padding-top:var(--nav-offset)}}@media (min-width:768px) and (min-height:681px){.project-archive-header{z-index:2;position:relative}.work-container-scroll{margin-top:0}}@media (max-width:767px){.project-archive-header__desktop{display:none}.project-archive-header__mobile{grid-template-columns:minmax(0,1fr);align-items:end;min-height:4.75rem;padding-block:.75rem;display:grid}.project-archive-header__mobile-title{text-align:left;justify-items:start;gap:.38rem;display:grid}.project-archive-header__mobile-title span{color:#f4f7f294;font-family:var(--font-mono);font-size:clamp(.7rem,3vw,.8rem);font-weight:800;line-height:1}.project-archive-header__mobile-title h2{color:var(--foreground);text-align:left;text-wrap:balance;margin:0;font-size:clamp(1.65rem,7.4vw,2rem);font-weight:900;line-height:1}}@media (min-width:768px) and (max-height:680px){.project-archive-experience{--archive-preview-height:calc(100svh - var(--nav-offset) - 2.5rem);min-height:100svh;padding-top:var(--nav-offset);padding-bottom:2.5rem}.project-archive-switcher__panel,.project-archive-switcher__card-shell,.project-archive-deck,.project-archive-deck__track{min-height:calc(100svh - var(--nav-offset) - 2.5rem)}}@media (min-width:768px){#work.work-section,.project-archive-header{background:#050807}.project-archive-inner{--archive-header-height:calc(var(--nav-offset) + clamp(6.5rem, 8vw, 9rem));--archive-stage-padding:clamp(1.5rem, 3vh, 2rem);box-sizing:border-box;padding-top:var(--archive-header-height)}.project-archive-header{z-index:2;height:var(--archive-header-height);position:absolute;top:0;left:0}.work-container-scroll{margin-top:0}.project-archive-header__desktop{height:calc(var(--archive-header-height) - var(--nav-offset));align-items:end;min-height:0;padding-block:clamp(1rem,2vh,1.4rem) clamp(.75rem,1.4vh,1rem)}.project-archive-header__desktop-title{grid-template-columns:minmax(0,1fr);place-items:end start;gap:clamp(.75rem,1.4vh,1rem)}.project-archive-header__desktop-title span{color:#f2f5ed70;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;grid-area:1/1;justify-self:start;padding-bottom:0}.project-archive-header__desktop-title h2{grid-area:2/1;font-size:clamp(3.2rem,4.75vw,5.35rem);line-height:.88}.project-archive-experience{--archive-preview-height:min(clamp(20rem, 57svh, 42rem), calc(100svh - var(--archive-header-height) - 3rem));height:calc(100svh - var(--archive-header-height));min-height:calc(100svh - var(--archive-header-height));padding-block:var(--archive-stage-padding);grid-template-columns:minmax(14rem,.72fr) minmax(0,2.6fr) clamp(7.5rem,10vw,10.25rem);align-items:center;gap:clamp(2rem,3.6vw,4.75rem);margin-top:0}.project-archive-deck__frame{top:50%}.project-archive-current{border-top:0;align-content:center;align-self:center;gap:clamp(1.35rem,2.5vh,2rem);min-height:auto;padding-top:clamp(1rem,2vh,1.35rem);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility linear;transform:none}.project-archive-experience.is-track-expanded .project-archive-current{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-in,transform .18s ease-in,visibility 0s linear .18s;transform:translate(-1rem)}.project-archive-current__copy{gap:clamp(.62rem,1.2vh,.88rem)}.project-archive-current__label{color:var(--accent);letter-spacing:.04em;font-size:clamp(.72rem,.78vw,.86rem)}.project-archive-current__copy h3{color:#f2f5ed;max-width:7em;font-size:clamp(4.35rem,6.8vw,8.4rem);line-height:.84}.project-archive-current__summary{color:#f2f5edbd;max-width:21rem;font-size:clamp(.92rem,1vw,1.08rem);line-height:1.62}.project-archive-current__links{margin-top:clamp(.1rem,.8vh,.35rem)}.project-archive-current__link{color:#f2f5ed;letter-spacing:.02em;justify-content:flex-start;width:2.75rem;min-height:2.75rem;font-size:clamp(.72rem,.76vw,.86rem)}.project-archive-current__link svg{width:1.5rem;height:1.5rem}.project-archive-experience.is-track-expanded .project-archive-switcher,.project-archive-switcher{grid-column:2;align-self:center}.project-archive-switcher__panel,.project-archive-switcher__card-shell,.project-archive-deck,.project-archive-deck__track{min-height:var(--archive-preview-height)}.project-archive-deck__media{aspect-ratio:2;transform-origin:50%;background:#060806;border:1px solid #f2f5ed14;width:min(100%,72rem);max-height:none;transition:transform .2s ease-out;transform:scale(1.1);box-shadow:0 24px 70px #00000052}.project-archive-experience.is-track-expanded .project-archive-deck__media{transform:scale(1.14)}.project-archive-name-bar{justify-self:end;gap:clamp(.16rem,.5vh,.32rem);width:2.75rem;min-width:2.75rem;transition:width .24s cubic-bezier(.16,1,.3,1)}.project-archive-name-bar:hover,.project-archive-name-bar:focus-within,.project-archive-experience.is-track-expanded .project-archive-name-bar{width:clamp(7.5rem,10vw,10.25rem);min-width:clamp(7.5rem,10vw,10.25rem)}.project-archive-name{opacity:1;width:2.75rem;min-height:2.22rem}.project-archive-name-bar:hover .project-archive-name,.project-archive-name-bar:focus-within .project-archive-name,.project-archive-experience.is-track-expanded .project-archive-name{opacity:1;width:100%;min-height:2.22rem}.project-archive-name .border-glow-inner{grid-template-columns:minmax(0,0fr) auto;gap:0}.project-archive-name-bar:hover .project-archive-name .border-glow-inner,.project-archive-name-bar:focus-within .project-archive-name .border-glow-inner,.project-archive-experience.is-track-expanded .project-archive-name .border-glow-inner{grid-template-columns:minmax(0,1fr) auto;gap:.72rem}.project-archive-name__copy{opacity:0;width:max-content;max-width:0;transition:max-width .24s cubic-bezier(.16,1,.3,1),opacity .16s ease-in,transform .18s ease-in;overflow:hidden;transform:translate(.55rem)}.project-archive-name-bar:hover .project-archive-name__copy,.project-archive-name-bar:focus-within .project-archive-name__copy,.project-archive-experience.is-track-expanded .project-archive-name__copy{opacity:1;max-width:8rem;transition:max-width .24s cubic-bezier(.16,1,.3,1),opacity .2s ease-out 40ms,transform .22s cubic-bezier(.16,1,.3,1);transform:none}.project-archive-name__title{color:#f2f5ed6b;letter-spacing:.02em;font-size:clamp(.82rem,.86vw,.96rem)}.project-archive-name.is-active .project-archive-name__title,.project-archive-name:hover .project-archive-name__title,.project-archive-name:focus-visible .project-archive-name__title,.project-archive-experience.is-track-expanded .project-archive-name:not(.is-active):hover .project-archive-name__title,.project-archive-experience.is-track-expanded .project-archive-name:not(.is-active):focus-visible .project-archive-name__title{color:#f2f5ed}.project-archive-name__dot{background:#f2f5ed57;border-radius:999px;width:.38rem;height:.38rem}.project-archive-name.is-active .project-archive-name__dot{background:var(--accent);width:.38rem;height:1.55rem;box-shadow:none;transform:none;border-radius:999px!important}}@media (min-width:768px) and (min-height:681px){.work-container-scroll{margin-top:0}}@media (min-width:768px) and (max-width:1100px){.project-archive-experience{grid-template-columns:minmax(12rem,.62fr) minmax(0,2fr) clamp(5.8rem,9vw,7rem);gap:clamp(1.2rem,2.5vw,2rem)}.project-archive-current__copy h3{font-size:clamp(3.5rem,6.2vw,5.4rem)}.project-archive-current__summary{max-width:17rem;font-size:.88rem}.project-archive-name-bar{width:2.75rem;min-width:2.75rem}.project-archive-name-bar:hover,.project-archive-name-bar:focus-within,.project-archive-experience.is-track-expanded .project-archive-name-bar{width:clamp(5.8rem,9vw,7rem);min-width:clamp(5.8rem,9vw,7rem)}.project-archive-name__title{font-size:.76rem}.project-archive-experience.is-track-expanded .project-archive-deck__media{transform:scale(1.12)}}@media (min-width:768px) and (max-height:680px){.work-container-scroll{margin-top:0}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.project-archive-experience{--archive-preview-height:clamp(18rem, 34svh, 22rem);grid-template-columns:minmax(10.5rem,.55fr) minmax(0,1.9fr) 4rem;align-content:start;gap:clamp(1rem,2vw,1.4rem);padding-top:clamp(2rem,4svh,2.75rem);padding-bottom:1.5rem}.project-archive-current__summary{max-width:15rem;font-size:.86rem}.project-archive-name-bar:hover,.project-archive-name-bar:focus-within,.project-archive-experience.is-track-expanded .project-archive-name-bar{width:5rem;min-width:5rem}}@media (min-width:768px) and (prefers-reduced-motion:reduce){.project-archive-current,.project-archive-deck__media,.project-archive-name-bar,.project-archive-name,.project-archive-name__copy{transition:none}.project-archive-experience.is-track-expanded .project-archive-deck__media{transform:scale(1.1)}}.project-archive-view-toggle{background:#070a08b8;border:1px solid #f2f5ed29;border-radius:999px;justify-self:end;align-items:center;gap:.2rem;padding:.2rem;display:inline-flex}.project-archive-view-toggle button{color:#f2f5ed80;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.42rem .7rem;font-size:.68rem}.project-archive-view-toggle button.is-active,.project-archive-view-toggle button:hover,.project-archive-view-toggle button:focus-visible{background:var(--accent);color:#071008}.project-archive-view-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-archive-header__desktop{grid-template-columns:minmax(0,1fr) auto}.project-archive-header__mobile{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.7rem}.project-archive-grid-view,.project-archive-index-view{grid-column:1/-1;width:100%}.project-archive-grid-view{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.4vw,2.4rem);padding-block:clamp(1.5rem,3vw,3rem);display:grid}.project-archive-grid-card{color:inherit;text-decoration:none;display:block;position:relative}.project-archive-grid-card__media{aspect-ratio:1.65;background:#090d0a;border:1px solid #f2f5ed1f;position:relative;overflow:hidden}.project-archive-grid-card.is-featured{grid-column:1/-1}.project-archive-grid-card.is-featured .project-archive-grid-card__media{aspect-ratio:var(--preview-ratio,16 / 9);background:0 0;border:0;min-height:0}.project-archive-grid-card.is-featured .project-archive-grid-card__image{object-fit:contain;object-position:center;width:100%!important;height:100%!important}.project-archive-grid-card.is-featured:hover .project-archive-grid-card__image,.project-archive-grid-card.is-featured:focus-visible .project-archive-grid-card__image{filter:none;transform:none}.project-archive-grid-card:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.project-archive-grid-card__feature-label{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:800;position:absolute;bottom:.75rem;right:.85rem}.project-archive-grid-card__image{object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .3s}.project-archive-grid-card:hover .project-archive-grid-card__image,.project-archive-grid-card:focus-visible .project-archive-grid-card__image{filter:saturate(1.1)contrast(1.04);transform:scale(1.045)}.project-archive-grid-card__number{color:#f2f5ed9e;font-family:var(--font-mono);font-size:.72rem;position:absolute;top:.75rem;left:.85rem}.project-archive-grid-card__meta{justify-content:space-between;align-items:start;gap:1rem;padding-top:.7rem;display:flex}.project-archive-grid-card__meta h3{color:#f2f5ed;margin:0;font-size:clamp(1.5rem,3.5vw,2.8rem);line-height:.95}.project-archive-grid-card__meta p{color:#f2f5ed8f;max-width:18rem;margin:.45rem 0 0;font-size:.83rem;line-height:1.45}.project-archive-grid-card__details{color:#f2f5ed6b;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;gap:.55rem;margin-top:.7rem;font-size:.62rem;display:flex}.project-archive-grid-card__details span+span{border-left:1px solid #f2f5ed33;padding-left:.55rem}.project-archive-grid-card__label{color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:.65rem}.project-archive-grid-card__icon{color:#f2f5ed7a;flex:none;width:1.2rem;transition:color .18s,transform .18s}.project-archive-grid-card:hover .project-archive-grid-card__icon,.project-archive-grid-card:focus-visible .project-archive-grid-card__icon{color:var(--accent);transform:translate(.15rem,-.15rem)}.project-archive-index-view{padding-block:clamp(1rem,3vw,3rem);position:relative}.project-archive-index-row{color:#f2f5ed;border-top:1px solid #f2f5ed24;grid-template-columns:3.5rem minmax(0,1fr) minmax(8rem,14rem) auto;align-items:center;gap:1rem;min-height:4.5rem;text-decoration:none;display:grid}.project-archive-index-row:last-of-type{border-bottom:1px solid #f2f5ed24}.project-archive-index-row:hover,.project-archive-index-row:focus-visible{color:var(--accent)}.project-archive-index-row__number,.project-archive-index-row__label{color:#f2f5ed75;font-family:var(--font-mono);font-size:.68rem}.project-archive-index-row__title{font-size:clamp(1.5rem,3.2vw,3rem);font-weight:800;line-height:1}.project-archive-index-row__icon{width:1.2rem}.project-archive-index-preview{z-index:3;aspect-ratio:1.4;pointer-events:none;background:#080c09;border:1px solid #f2f5ed3d;width:min(28vw,22rem);position:absolute;top:50%;right:clamp(3rem,13vw,14rem);overflow:hidden;transform:translateY(-50%)}.project-archive-index-preview__image{object-fit:cover}.project-archive-panel--grid,.project-archive-panel--index,.project-archive-panel--grid .project-archive-inner,.project-archive-panel--index .project-archive-inner{height:auto!important;min-height:0!important}.project-archive-grid-card__image,.project-archive-index-preview__image{object-fit:contain;object-position:center}.project-archive-legacy-view{display:none!important}@media (min-width:768px){.project-archive-experience.is-grid-view,.project-archive-experience.is-index-view{height:auto;min-height:0;padding-block:0 4rem;display:block}}@media (max-width:767px){.project-archive-header__mobile{grid-template-columns:minmax(0,1fr) auto}.project-archive-view-toggle{align-self:end}.project-archive-grid-view{grid-template-columns:1fr;gap:1.8rem;padding-block:1.3rem}.project-archive-grid-card.is-featured{grid-column:1/-1}.project-archive-grid-card__meta{display:block}.project-archive-grid-card__label{margin-top:.55rem;display:block}.project-archive-index-row{grid-template-columns:2.2rem minmax(0,1fr) auto;gap:.7rem;min-height:4rem}.project-archive-index-row__label,.project-archive-index-preview{display:none}.about-heading-row{grid-template-columns:1fr;gap:.25rem}}.about-section>div{max-width:72rem}.about-copy,.about-heading-copy,.about-intro{text-align:center}.about-heading-row{grid-template-columns:minmax(0,1fr);justify-items:center;gap:1rem;display:grid}.about-heading-copy{width:100%}.about-heading-copy .eyebrow{justify-content:center}.about-intro{max-width:42rem;margin-inline:auto}.about-profile{border-top:1px solid #f2f5ed29;border-bottom:1px solid #f2f5ed29;grid-template-columns:repeat(3,minmax(0,1fr));max-width:58rem;margin:clamp(2rem,4vw,3.5rem) auto 0;display:grid}.about-profile-item{justify-items:center;gap:.55rem;padding:1rem .8rem 1.1rem;display:grid}.about-profile-item+.about-profile-item{border-left:1px solid #f2f5ed1f}.about-profile-item dt{color:var(--quiet);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:800}.about-profile-item dd{color:var(--foreground);text-align:center;margin:0;font-size:clamp(.9rem,1.3vw,1.1rem);font-weight:800}.about-layout{margin-top:clamp(2.8rem,6vw,5rem)!important}.workflow-grid{border-top-color:#f2f5ed29;border-bottom-color:#f2f5ed29}.capability-row{text-align:center;justify-items:center;display:grid}.capability-row p{margin-inline:auto}.capability-outputs{justify-content:center}@media (max-width:767px){.about-profile{grid-template-columns:1fr}.about-profile-item+.about-profile-item{border-top:1px solid #f2f5ed1f;border-left:0}}.hero-section{box-sizing:border-box;min-height:100svh;padding-top:calc(var(--nav-offset) + 1rem);background:var(--background);padding-bottom:1rem}.hero-shell{min-height:calc(100svh - var(--nav-offset) - 2rem);color:var(--foreground);isolation:isolate;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-shell:before{z-index:-1;content:"";opacity:.24;background-image:radial-gradient(#8df46b24 1px,#0000 1px);background-position:50%;background-size:.8rem .8rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 60%);mask-image:radial-gradient(#000 0%,#0000 60%)}.hero-content{width:min(100%,74rem);padding:clamp(3rem, 9vw, 8rem) var(--page-gutter);text-align:center;justify-items:center;container-type:inline-size}.hero-heading{justify-items:center;gap:clamp(.975rem,2.08vw,1.625rem);width:100%;min-width:0}.hero-split-flap .split-flap-text__tile{flex-shrink:0}.hero-eyebrow{color:#f2f5ed9e;background:0 0;border:0;border-radius:0;flex-direction:column;gap:.7rem;width:fit-content;padding:0}.hero-eyebrow-avatar{object-fit:cover;object-position:center;background:#131913;border:1px solid #f2f5ed33;border-radius:.4rem;width:clamp(3.4rem,6vw,5rem);height:clamp(3.4rem,6vw,5rem);display:block;overflow:hidden;transform:rotate(-3deg)scale(1.02);box-shadow:0 .65rem 1.5rem #0000003d}.hero-eyebrow__line{width:1.7rem;box-shadow:none;background:#5ca840}.hero-title{justify-items:center;color:var(--foreground)!important}.hero-title__pinyin{display:none}.hero-title__text{max-width:100%;color:var(--foreground);letter-spacing:-.018em;text-shadow:none;justify-content:center;align-items:center;gap:.04em;font-size:clamp(3.25rem,8vw,8rem);line-height:.94}.hero-title__avatar-inline{border:.18em solid var(--background);background:#d9ddd7;border-radius:.18em;flex:none;justify-content:center;align-items:center;width:clamp(3.2rem,7vw,6rem);height:clamp(3.2rem,7vw,6rem);margin:0 .08em;display:inline-flex;overflow:hidden;transform:rotate(-4deg);box-shadow:0 .35em .8em #12181229}.hero-title__avatar-inline img{object-fit:cover;width:100%;height:100%;transform:scale(1.75)}.hero-intro{text-align:center;max-width:49.4rem;font-weight:600;line-height:1.7;color:#f2f5ed94!important;font-size:clamp(1.235rem,1.755vw,1.495rem)!important}.hero-actions{justify-content:center}.hero-action--primary{background:var(--accent);border-color:var(--accent);color:#071008}.hero-action--primary:hover,.hero-action--primary:focus-visible{color:#071008;background:#b7f36b;border-color:#b7f36b}@media (max-width:767px){.hero-shell{min-height:calc(100svh - var(--nav-offset) - 1.5rem)}.hero-content{padding-block:3.5rem}.hero-title__text{letter-spacing:-.018em;flex-wrap:wrap;max-width:10em;font-size:clamp(3.2rem,15vw,5.4rem)}}html[data-theme=dark] .site-solid-bg~main,html[data-theme=dark] .site-solid-bg~main :is(.hero-section,.about-section,#work.work-section,#contact,.project-archive-header,.project-archive-experience,.k10-reference-system,.k10-reference-story,.k10-reference-close){background:0 0}.site-solid-bg~main .hero-shell:before{display:none}.project-archive-header__desktop,.project-archive-header__mobile{position:relative}.project-archive-header__desktop-title,.project-archive-header__mobile-title{text-align:center;justify-items:center}.project-archive-header__desktop-title span,.project-archive-header__desktop-title h2,.project-archive-header__mobile-title span,.project-archive-header__mobile-title h2{text-align:center;justify-self:center}.project-archive-header .project-archive-view-toggle{align-self:center;position:absolute;top:50%;right:0;transform:translateY(-50%)}.project-archive-header__desktop,.project-archive-header__mobile{grid-template-columns:minmax(0,1fr)}.about-section{min-height:calc(100svh - var(--nav-offset));padding-block:3rem 4rem}.about-section>div{max-width:64rem;margin-inline:auto}.about-section .about-copy{max-width:none}.about-section .about-copy,.about-section .about-profile-header{text-align:center}.about-profile-header{border:0;justify-content:center;align-items:center;min-height:1.5rem;margin-bottom:1.5rem;padding:0;display:flex}.about-profile-kicker,.about-capabilities-label{color:var(--quiet);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-size:.75rem;font-weight:800}.about-profile{border-top:0;border-bottom:1px solid #f2f5ed29;grid-template-columns:minmax(0,1fr);width:100%;max-width:60rem;margin:0 auto;display:grid}.about-section .about-profile-item,.about-section .about-profile-item+.about-profile-item{text-align:center;border-top:1px solid #f2f5ed24;border-left:0;grid-template-columns:7rem minmax(0,1fr) 7rem;place-items:center;gap:1rem;min-height:4.75rem;padding:1rem 0;display:grid}.about-profile-item dt{text-align:left;color:var(--quiet);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;grid-column:1;justify-self:start;font-size:.75rem;font-weight:800}.about-section .about-profile-item dd{min-width:0;max-width:100%;color:var(--foreground);letter-spacing:0;overflow-wrap:anywhere;text-align:center;text-wrap:pretty;grid-column:2;margin:0;font-size:1.25rem;font-weight:500;line-height:1.5}.about-section .about-layout{max-width:60rem;margin-inline:auto;margin-top:3rem!important}.about-capabilities-label{text-align:center;margin-bottom:2rem}.about-section .workflow-grid{border-top:1px solid #f2f5ed24;border-bottom:1px solid #f2f5ed24;grid-template-columns:minmax(0,1fr);gap:0;padding:0;display:grid}.about-section .capability-row{text-align:left;border-top:1px solid #f2f5ed1f;grid-template-columns:12rem minmax(15rem,.8fr) minmax(0,1.2fr);align-items:center;gap:1.5rem;min-height:5.5rem;padding:1rem 0;display:grid}.about-section .capability-row:first-child{border-top:0}.about-section .capability-row>span{grid-column:1;justify-self:start}.about-section .capability-index{color:var(--quiet)}.about-section .capability-row h3{text-wrap:balance;margin:0;font-size:1.25rem;line-height:1.4}.about-section .capability-row p{text-wrap:pretty;grid-column:3;max-width:28rem;margin:0;font-size:.95rem;line-height:1.7}@media (max-width:767px){.about-section{min-height:auto;padding-block:1.75rem 2.75rem}.about-profile-header{min-height:1.25rem;margin-bottom:.75rem}.about-profile{max-width:21rem}.about-section .about-profile-item,.about-section .about-profile-item+.about-profile-item{grid-template-columns:minmax(0,1fr);gap:.2rem;min-height:0;padding-block:.85rem}.about-section .about-profile-item dt,.about-section .about-profile-item dd{grid-column:1}.about-section .about-profile-item dd{max-width:18rem;font-size:.98rem;line-height:1.35}.about-section .workflow-grid{grid-template-columns:minmax(0,1fr);gap:1.1rem;max-width:30rem;margin-inline:auto}.about-section .capability-row{grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:.75rem;min-height:0;padding-block:1.25rem}.about-section .capability-row>span{grid-column:1}.about-section .capability-row h3{grid-column:2;font-size:1.125rem}.about-section .capability-row p{grid-column:2;max-width:none;margin:0}.about-section .capability-row+.capability-row{padding-top:1.5rem}}.project-detail-rail{top:50%;right:max(1rem, env(safe-area-inset-right));z-index:80;gap:.35rem;display:grid;position:fixed;transform:translateY(-50%)}.project-detail-rail__button{border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--foreground);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d0ad1;border-radius:50%;place-items:center;transition:transform .18s,border-color .18s,background .18s,color .18s;display:grid;box-shadow:0 10px 24px #0003}.project-detail-rail__button:hover,.project-detail-rail__button:focus-visible{border-color:var(--line-strong);background:var(--accent-soft);color:var(--accent);transform:scale(1.06)}.project-detail-rail__button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-detail-rail__button:disabled{cursor:not-allowed;opacity:.28;transform:none}.project-detail-rail__button svg{width:1.1rem;height:1.1rem}.project-detail-rail__button--archive{color:var(--accent)}@media (max-width:767px){.project-detail-rail{right:max(.65rem, env(safe-area-inset-right))}.project-detail-rail__button{width:2.5rem;height:2.5rem}}#contact .contact-shell{text-align:center}#contact .contact-shell>div:first-child{justify-items:center;display:grid}#contact .contact-shell>div:nth-child(2){text-align:center}#contact .contact-pill-row{justify-content:center}@media (min-width:768px){.project-detail-page{font-family:var(--font-sans), "Space Grotesk", "Segoe UI", Arial, sans-serif;padding-top:clamp(6rem,9vh,8rem)}.project-detail-page .project-detail-shell{width:min(100% - clamp(2rem,7vw,8rem),85rem);max-width:85rem}.project-detail-page .project-detail-header{border-bottom:1px solid var(--line);margin-bottom:clamp(3.25rem,6vw,5.5rem);padding-bottom:clamp(1.75rem,3vw,2.75rem);display:block}.project-detail-page .project-detail-header .eyebrow{color:var(--muted);letter-spacing:0;margin-bottom:clamp(1.25rem,2vw,1.75rem);font-family:inherit;font-size:clamp(.8rem,.9vw,.98rem);font-weight:500}.project-detail-page .project-detail-header>.section-title{max-width:none;font-family:inherit;font-size:clamp(3.5rem,5vw,5rem);font-weight:900;line-height:.98}.project-detail-page .project-detail-header>p:last-child{max-width:64rem;color:var(--muted);margin-top:clamp(1.5rem,2.5vw,2rem);font-family:inherit;font-size:clamp(.95rem,1vw,1.08rem);line-height:1.65}.project-detail-page .project-gallery-groups{gap:clamp(4.5rem,8vw,7.5rem)}.project-detail-page .project-gallery-section{border-top:0;gap:clamp(1.5rem,2.5vw,2.25rem);padding-top:0}.project-detail-page .project-gallery-section+.project-gallery-section{border-top:1px solid var(--line);padding-top:clamp(2.25rem,4vw,4rem)}.project-detail-page .project-gallery-heading,.project-detail-page .project-gallery-heading>div{display:block}.project-detail-page .project-gallery-heading h2{font-family:inherit;font-size:clamp(2.8rem,4vw,4rem);font-weight:900;line-height:1}.project-detail-page .project-gallery-heading p{max-width:none;color:var(--muted);margin-top:clamp(1.25rem,2vw,1.6rem);font-family:inherit;font-size:clamp(.9rem,.95vw,1rem);line-height:1.6}.project-detail-page .project-gallery-grid{gap:clamp(.85rem,1.25vw,1.15rem)}.project-detail-page .project-detail-image{border-radius:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
