:root{--primitive-neutral-950:#101110;--primitive-neutral-900:#191b19;--primitive-neutral-850:#151715;--primitive-neutral-800:#121212;--primitive-neutral-750:#0b0c0b;--primitive-neutral-700:#202320;--primitive-neutral-650:#2a2d29;--primitive-neutral-100:#f4f3ee;--primitive-neutral-400:#aaa99f;--primitive-lime-400:#c9ff5d;--primitive-lime-700:#75a636;--primitive-violet-300:#b7a4ff;--primitive-violet-700:#6355a7;--primitive-blue-300:#8fd9ff;--primitive-blue-700:#4389ac;--primitive-orange-300:#ffb471;--primitive-orange-700:#ae6033;--primitive-danger-300:#ff8c80;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:40px;--space-5:72px;--space-6:120px;--layout-content:1120px;--layout-reading:690px;--layout-gutter-desktop:20px;--layout-gutter-mobile:14px;--border-width-default:1px;--radius-none:0;--focus-width:2px;--focus-offset:4px;--motion-duration-fast:.25s;--motion-easing-standard:ease;--motion-hover-translate-y:-4px;--color-bg-primary:var(--primitive-neutral-950);--color-surface-default:var(--primitive-neutral-900);--color-surface-panel:var(--primitive-neutral-850);--color-surface-input:var(--primitive-neutral-700);--color-surface-canvas:var(--primitive-neutral-750);--color-text-primary:var(--primitive-neutral-100);--color-text-secondary:var(--primitive-neutral-400);--color-text-on-accent:var(--primitive-neutral-800);--color-border-default:#f4f3ee29;--color-border-interactive:var(--primitive-lime-400);--color-action-primary:var(--primitive-lime-400);--color-focus:var(--primitive-lime-400);--color-status-danger:var(--primitive-danger-300);--color-project-lime:var(--primitive-lime-400);--color-project-violet:var(--primitive-violet-300);--color-project-blue:var(--primitive-blue-300);--color-project-orange:var(--primitive-orange-300);--gradient-project-lime:linear-gradient(135deg, var(--primitive-lime-400), var(--primitive-lime-700));--gradient-project-violet:linear-gradient(135deg, var(--primitive-violet-300), var(--primitive-violet-700));--gradient-project-blue:linear-gradient(135deg, var(--primitive-blue-300), var(--primitive-blue-700));--gradient-project-orange:linear-gradient(135deg, var(--primitive-orange-300), var(--primitive-orange-700));--font-family-sans:Inter, Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--type-label-size:12px;--type-navigation-size:14px;--type-body-size:17px;--type-lead-size:18px;--type-card-title-size:32px;--type-hero-size:clamp(48px, 9vw, 130px);--type-case-title-size:clamp(56px, 10vw, 150px);--type-section-title-size:clamp(34px, 5vw, 66px);--type-label-tracking:.12em;--type-display-tracking:-.05em;font-family:var(--font-family-sans);color:var(--color-text-primary);background:var(--color-bg-primary)}.editor__experiment-search,.editor__experiment-title{border:1px solid var(--color-border-default);background:var(--color-surface-default);width:100%;color:var(--color-text-primary);font:inherit;margin:12px 0 4px;padding:10px;font-size:12px}.editor__experiment-title{border:0;border-bottom:1px solid var(--color-border-default);background:0 0;margin:4px 0 16px;font-size:18px;font-weight:650}.editor__new-experiment{background:var(--color-action-primary);width:100%;color:var(--color-bg-primary);text-align:left;padding:11px;font-size:12px}.editor__back-home{color:var(--color-text-secondary);padding:0;font-size:11px}.editor__experiments-home{overflow:auto}.editor__experiments-hero{background:var(--primitive-neutral-700);margin:clamp(26px,5vw,72px);padding:clamp(28px,5vw,70px)}.editor__experiments-hero h2{letter-spacing:-.075em;max-width:800px;margin:20px 0 38px;font-size:clamp(42px,6vw,86px);line-height:.9}.editor__experiments-hero button{background:var(--color-action-primary);color:var(--color-bg-primary);padding:12px 16px}.editor__experiments-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 clamp(26px,5vw,72px) 72px;display:grid}.editor__experiment-card{border:1px solid var(--color-border-default);background:var(--color-surface-default);min-height:220px;color:var(--color-text-primary);flex-direction:column;transition:border-color .2s,background-color .2s;display:flex}.editor__experiment-card:hover,.editor__experiment-card:focus-within{border-color:var(--color-action-primary);background:color-mix(in srgb, var(--color-surface-default) 88%, var(--color-action-primary))}.editor__experiment-open{min-height:218px;color:inherit;text-align:left;flex-direction:column;flex:1;padding:18px;display:flex}.editor__experiment-open>div{color:var(--color-action-primary);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:11px;display:flex}.editor__experiment-open i{font-size:18px;font-style:normal}.editor__experiment-pushed{border:1px solid color-mix(in srgb, var(--color-action-primary) 65%, transparent);background:color-mix(in srgb, var(--color-surface-default) 84%, var(--color-action-primary));color:var(--color-action-primary);letter-spacing:.06em;white-space:nowrap;padding:4px 6px;font-size:9px}.editor__experiment-open strong{letter-spacing:-.04em;margin-top:72px;font-size:19px;display:block}.editor__experiment-open p{color:var(--color-text-secondary);font-size:13px;line-height:1.45}.editor__experiment-open small{color:var(--color-text-secondary);margin-top:auto;font-size:11px}.editor__experiment-actions{border-top:0 solid var(--color-border-default);max-height:0;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:10px;transition:max-height .2s,padding .2s,border-width .2s;display:flex;overflow:hidden}.editor__experiment-card:hover .editor__experiment-actions,.editor__experiment-card:focus-within .editor__experiment-actions{border-top-width:1px;max-height:48px;padding:10px 18px}.editor__experiment-actions button{color:var(--color-status-danger);letter-spacing:inherit;text-transform:inherit;font-size:11px}.editor__experiment-actions button:hover,.editor__experiment-actions button:focus-visible{text-underline-offset:3px;text-decoration:underline}@media (hover:none){.editor__experiment-actions{border-top-width:1px;max-height:48px;padding:10px 18px}}.editor__experiment-card--empty{border-style:dashed}@media (width<=900px){.editor__experiments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.editor__experiments-grid{grid-template-columns:1fr;padding:0 18px 48px}.editor__experiments-hero{margin:18px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg-primary);min-width:320px;margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.skip-link{z-index:100;background:var(--color-action-primary);color:var(--color-text-on-accent);transition:transform var(--motion-duration-fast) var(--motion-easing-standard);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.shell{width:min(calc(100% - (var(--layout-gutter-desktop) * 2)), var(--layout-content));margin:auto}.site-header{z-index:20;backdrop-filter:blur(16px);background:#101110d1;position:sticky;top:0}.nav{border-bottom:var(--border-width-default) solid var(--color-border-default);font-size:var(--type-navigation-size);transition:border-color var(--motion-duration-fast) var(--motion-easing-standard);justify-content:space-between;align-items:center;padding:22px 0;display:flex}.site-header.is-stuck .nav{border-color:#0000}.nav__wordmark{letter-spacing:-.04em;font-weight:650}.nav__wordmark span{color:var(--color-action-primary)}.nav__links{color:var(--color-text-secondary);gap:18px;display:flex}.language-toggle{color:var(--color-text-secondary);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;display:inline-flex}.language-toggle svg{width:16px;height:16px;margin-right:3px}.language-toggle i{color:#f4f3ee4d;font-style:normal}.language-toggle span{opacity:.42;transition:opacity var(--motion-duration-fast) var(--motion-easing-standard), color var(--motion-duration-fast) var(--motion-easing-standard)}.language-toggle span.is-active{color:var(--color-action-primary);opacity:1}.language-toggle:hover{color:var(--color-text-primary)}.nav__links a{transition:color var(--motion-duration-fast) var(--motion-easing-standard)}.nav__links a:hover,.nav__links a.is-current{color:var(--color-text-primary)}.nav__links a.is-current:after{content:"";background:var(--color-action-primary);height:1px;margin-top:4px;display:block}.nav__preview-link{position:relative}.nav-preview{z-index:2;border:1px solid var(--color-border-default);width:164px;color:var(--color-text-primary);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-fast) var(--motion-easing-standard), transform var(--motion-duration-fast) var(--motion-easing-standard);background:#191b19f5;padding:8px;position:absolute;top:calc(100% + 14px);right:50%;transform:translate(50%,-6px);box-shadow:0 16px 32px #00000042}.nav__preview-link:hover .nav-preview,.nav__preview-link:focus-visible .nav-preview{opacity:1;transform:translate(50%)}.nav-preview b{letter-spacing:.04em;text-transform:uppercase;margin:8px 2px 1px;font-size:10px;font-weight:500;display:block}.nav-preview--work{grid-template-columns:1fr 1fr;gap:5px;display:grid}.nav-preview--work b{grid-column:1/-1}.nav-preview__art{height:82px;position:relative;overflow:hidden}.nav-preview__art i{aspect-ratio:1;background:#10111033;border-radius:50%;width:72px;position:absolute;top:16px;left:28px;box-shadow:inset 8px 8px 18px #fff3}.nav-preview--about{min-height:112px}.nav-preview__portrait{background:linear-gradient(135deg, var(--primitive-violet-700), var(--primitive-violet-300));width:100%;height:51px;margin-bottom:8px;display:block}.nav-preview__portrait:after{content:"";background:#10111052;border-radius:50%;width:38px;height:38px;margin:7px auto;display:block}.nav-preview__line{background:var(--color-text-secondary);opacity:.5;width:64%;height:3px;margin:5px 2px;display:block}.nav-preview__line--short{width:42%}.nav-preview__line--long{width:82%}.nav-preview--system{min-height:112px}.nav-preview__swatches,.nav-preview__modules{gap:5px;display:flex}.nav-preview__swatches i{width:100%;height:37px}.nav-preview__swatches i:first-child{background:var(--primitive-lime-400)}.nav-preview__swatches i:nth-child(2){background:var(--primitive-violet-300)}.nav-preview__swatches i:nth-child(3){background:var(--primitive-blue-300)}.nav-preview__modules{margin-top:7px}.nav-preview__modules i{border:1px solid var(--color-border-default);height:18px}.nav-preview__modules i:first-child{width:45%}.nav-preview__modules i:nth-child(2){width:28%}.nav-preview__modules i:nth-child(3){width:27%}.label{color:var(--color-action-primary);font-size:var(--type-label-size);letter-spacing:var(--type-label-tracking);text-transform:uppercase}.hero{flex-direction:column;justify-content:space-between;min-height:calc(100svh - 66px);padding:clamp(56px,9vw,128px) 0 42px;display:flex}.hero__topline{color:var(--color-text-secondary);font-size:var(--type-label-size);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;display:flex}.hero__topline .label{margin:0}.hero__location{margin-left:auto}.hero h1{max-width:1100px;font-size:var(--type-hero-size);letter-spacing:var(--type-display-tracking);margin:clamp(60px,11vw,160px) 0;line-height:.88}.hero h1 em,.manifesto h2 em{color:var(--color-action-primary);font-family:Georgia,serif;font-weight:400}.hero__bottom{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.hero__bottom>p{max-width:500px;color:var(--color-text-secondary);font-size:var(--type-lead-size);margin:0;line-height:1.6}.hero__scroll{color:var(--color-text-secondary);align-items:center;gap:14px;font-size:12px;display:flex}.hero__scroll i{border:1px solid var(--color-border-default);width:34px;height:34px;color:var(--color-action-primary);transition:transform var(--motion-duration-fast) var(--motion-easing-standard);border-radius:50%;place-items:center;font-style:normal;display:grid}.hero__scroll:hover i{transform:translateY(4px)}.featured-work{padding:clamp(72px, 11vw, 150px) 0 var(--space-6);background:var(--color-surface-default)}.featured-work__heading{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;gap:32px;display:flex}.featured-work__heading p:last-child{max-width:360px;color:var(--color-text-secondary);margin:0;line-height:1.55}.project-grid{gap:var(--space-2);scroll-padding-inline:var(--space-2);scroll-snap-type:x mandatory;scrollbar-color:var(--color-action-primary) var(--color-surface-input);scrollbar-width:thin;padding:0 0 18px;display:flex;overflow-x:auto}.project-card{padding:var(--space-2);border:var(--border-width-default) solid var(--color-border-default);background:var(--color-bg-primary);scroll-snap-align:start;transition:transform var(--motion-duration-fast) var(--motion-easing-standard), border-color var(--motion-duration-fast) var(--motion-easing-standard);flex:0 0 min(72vw,640px);display:block}.project-card:hover{transform:translateY(var(--motion-hover-translate-y));border-color:var(--color-border-interactive)}.project-art,.media-placeholder{aspect-ratio:16/10;min-height:0;color:var(--color-text-on-accent);align-items:flex-end;margin-bottom:22px;padding:20px;font-weight:700;display:flex;position:relative;overflow:hidden}.project-art__index{letter-spacing:.12em;font-size:12px;position:absolute;top:18px;left:20px}.project-art__caption{z-index:1;max-width:230px;font-size:13px;line-height:1.4;position:relative}.project-art--media:after,.case-hero-art--media:after{content:"";position:absolute;inset:0}.project-art--media:after{background:linear-gradient(#10111029,#101110ad)}.case-hero-art--media:after{background:linear-gradient(#1011100a,#10111057)}.project-art__image,.case-hero-art__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-art--media>span,.case-hero-art--media>span,.case-hero-art--media>strong{z-index:1;position:relative}.project-art__orb{aspect-ratio:1;width:min(42vw,520px);transition:transform .6s var(--motion-easing-standard);background:#1011102e;border-radius:50%;position:absolute;top:50%;right:12%;transform:translateY(-50%);box-shadow:inset 24px 24px 55px #ffffff3b,34px 40px 70px #1011104d}.project-card:hover .project-art__orb{transform:translateY(-50%)scale(1.08)}.tone-lime{background:var(--gradient-project-lime)}.tone-violet{background:var(--gradient-project-violet)}.tone-blue{background:var(--gradient-project-blue)}.tone-orange{background:var(--gradient-project-orange)}.project-card__copy{justify-content:space-between;align-items:end;gap:20px;display:flex}.project-card h2{font-size:var(--type-card-title-size);letter-spacing:-.04em;margin:5px 0 0}.project-card__arrow{color:var(--color-action-primary);transition:transform var(--motion-duration-fast) var(--motion-easing-standard);font-size:26px}.project-card:hover .project-card__arrow{transform:translate(4px,-4px)}.project-card>p{color:var(--color-text-secondary);max-width:560px;line-height:1.6}.manifesto{padding:clamp(100px,17vw,240px) 0}.manifesto h2{letter-spacing:-.065em;max-width:1000px;margin:20px 0 40px;font-size:clamp(38px,5.4vw,78px);font-weight:500;line-height:1.02}.manifesto a{border-bottom:1px solid var(--color-action-primary);color:var(--color-action-primary);align-items:center;gap:20px;padding-bottom:8px;display:inline-flex}.tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.tag{border:var(--border-width-default) solid var(--color-border-default);font-size:var(--type-label-size);color:var(--color-text-secondary);padding:7px 10px}.case-header{padding:80px 0 48px}.case-header h1{font-size:var(--type-case-title-size);letter-spacing:var(--type-display-tracking);margin:14px 0}.case-header p{max-width:680px;color:var(--color-text-secondary);font-size:20px;line-height:1.55}.meta{color:var(--color-text-secondary);font-size:var(--type-navigation-size);gap:20px;margin-top:30px;display:flex}.meta a{color:var(--color-action-primary)}.case-hero-art{flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:min(62vw,720px);margin-bottom:0;display:flex}.case-hero-art__index{letter-spacing:.12em;font-size:12px}.case-hero-art strong{letter-spacing:var(--type-display-tracking);color:#101110eb;align-self:center;font-size:clamp(70px,16vw,230px);line-height:.8}.case-hero-art--media>strong,.case-hero-art--media>span:last-child{display:none}.case-hero-art>span:last-child{max-width:220px;font-size:12px;line-height:1.4}.case-overview{border:1px solid var(--color-border-default);border-top:0;grid-template-columns:repeat(4,1fr);margin-bottom:clamp(50px,10vw,130px);display:grid}.case-overview>div{border-right:1px solid var(--color-border-default);min-height:152px;padding:20px}.case-overview>div:last-child{border-right:0}.case-overview span,.colophon article span{color:var(--color-action-primary);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.case-overview p{color:var(--color-text-secondary);margin:24px 0 0;font-size:14px;line-height:1.55}.evidence-disclosure{border-bottom:1px solid var(--color-border-default);color:var(--color-text-secondary);margin-top:calc(-1*clamp(50px,10vw,130px));margin-bottom:clamp(80px,14vw,180px);font-size:13px}.evidence-disclosure summary{color:var(--color-text-primary);cursor:pointer;padding:16px 0;list-style:none}.evidence-disclosure summary:after{content:"+";float:right;color:var(--color-action-primary)}.evidence-disclosure[open] summary:after{content:"−"}.evidence-disclosure p{max-width:680px;margin:0 0 18px;line-height:1.6}.decision-timeline{width:min(calc(100% - (var(--layout-gutter-desktop) * 2)), var(--layout-content));grid-template-columns:.75fr 1.25fr;gap:clamp(40px,9vw,150px);margin:0 auto;padding:0 0 clamp(80px,14vw,180px);display:grid}.decision-timeline__intro{align-self:start;position:sticky;top:120px}.decision-timeline__intro h2{letter-spacing:-.065em;margin:16px 0;font-size:clamp(36px,4.4vw,64px);line-height:1}.decision-timeline__intro>p:last-child{max-width:260px;color:var(--color-text-secondary);line-height:1.6}.decision-timeline ol{border-top:1px solid var(--color-border-default);margin:0;padding:0;list-style:none}.decision-timeline li{border-bottom:1px solid var(--color-border-default);grid-template-columns:48px 1fr;gap:16px;padding:28px 0 38px;display:grid}.decision-timeline li>span{color:var(--color-action-primary);letter-spacing:.1em;font-size:12px}.decision-timeline li h3{letter-spacing:-.055em;margin:12px 0;font-size:clamp(24px,2.8vw,38px)}.decision-timeline li p{color:var(--color-text-secondary);margin:0;line-height:1.65}.case-section{padding:clamp(var(--space-5), 12vw, 150px) 0;border-top:var(--border-width-default) solid var(--color-border-default)}.case-section__inner{width:min(calc(100% - (var(--layout-gutter-desktop) * 2)), var(--layout-reading))}.case-section--wide .case-section__inner{width:min(calc(100% - (var(--layout-gutter-desktop) * 2)), var(--layout-content))}.case-section h2{font-size:var(--type-section-title-size);letter-spacing:-.06em;margin:14px 0 22px;line-height:1.03}.case-section p{color:var(--color-text-secondary);line-height:1.75;font-size:var(--type-body-size);white-space:pre-line}.case-navigator{z-index:4;border:1px solid var(--color-border-default);backdrop-filter:blur(14px);letter-spacing:.09em;text-transform:uppercase;background:#101110d1;align-items:stretch;gap:10px;padding:10px;font-size:10px;display:flex;position:fixed;bottom:28px;right:clamp(16px,3vw,48px)}.case-navigator__rail{background:#f4f3ee2e;width:2px;overflow:hidden}.case-navigator__rail span{transform-origin:top;background:var(--color-action-primary);width:100%;height:100%;display:block}.case-navigator__content{align-items:flex-start;gap:16px;display:flex}.case-navigator__count{color:var(--color-action-primary);white-space:nowrap;padding-top:3px}.case-navigator nav{flex-direction:column;gap:5px;display:flex}.case-navigator a{color:var(--color-text-secondary);transition:color var(--motion-duration-fast) var(--motion-easing-standard);gap:8px;display:flex}.case-navigator a span{color:#f4f3ee61}.case-navigator a:hover,.case-navigator a.is-active{color:var(--color-text-primary)}.case-navigator a.is-active span{color:var(--color-action-primary)}.split{gap:clamp(var(--space-3), 7vw, 100px);grid-template-columns:1fr 1fr;align-items:center;display:grid}.media-placeholder{min-height:360px;margin:0}.compare{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.compare article{border:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-default);padding:28px}.compare h3,.gallery h3{letter-spacing:-.04em;margin:0 0 12px;font-size:24px}.gallery{gap:var(--space-2);scroll-snap-type:x mandatory;padding-bottom:12px;display:flex;overflow-x:auto}.gallery article{scroll-snap-align:start;min-width:min(78vw,440px)}.gallery .media-placeholder{min-height:260px;margin-bottom:var(--space-2)}.quote{border-left:var(--focus-width) solid var(--color-action-primary);padding-left:var(--space-3)}.case-page--huddle .case-header{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:end;column-gap:clamp(40px,8vw,120px);padding-top:clamp(72px,10vw,132px);padding-bottom:clamp(48px,8vw,96px);display:grid}.case-page--huddle .case-header>.label,.case-page--huddle .case-header>h1{grid-column:1}.case-page--huddle .case-header>h1{margin-bottom:0;font-size:clamp(68px,9vw,132px)}.case-page--huddle .case-header>p:not(.label),.case-page--huddle .case-header>.meta{grid-column:2}.case-page--huddle .case-header>p:not(.label){grid-row:1/span 2;align-self:end;margin-bottom:48px;font-size:clamp(20px,2.2vw,30px)}.case-page--huddle .case-header>.meta{border-top:1px solid var(--color-border-default);flex-wrap:wrap;padding-top:18px}.case-page--huddle .case-hero-art{aspect-ratio:16/9;min-height:0}.case-page--huddle .case-overview{grid-template-columns:repeat(2,1fr)}.case-page--huddle .case-overview>div{min-height:190px;padding:clamp(22px,3vw,36px)}.case-page--huddle .case-overview>div:nth-child(2){border-right:0}.case-page--huddle .case-overview>div:nth-child(-n+2){border-bottom:1px solid var(--color-border-default)}.case-page--huddle .decision-timeline{grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr)}.case-page--huddle .case-section--context h2{max-width:930px}.case-page--huddle .case-section--research .split{grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr)}.case-page--huddle .case-section--system .horizontal-gallery{margin-top:var(--space-4)}.case-page--huddle .case-section--reflection{background:var(--color-action-primary)}.case-page--huddle .case-section--reflection .label,.case-page--huddle .case-section--reflection h2,.case-page--huddle .case-section--reflection p{color:var(--color-text-on-accent)}.case-page--huddle .case-section--reflection .quote{border-color:var(--color-text-on-accent)}.case-page--portfolio-system .case-header{padding-top:clamp(72px,9vw,120px);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-default);grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:0 clamp(48px,8vw,120px);display:grid}.case-page--portfolio-system .case-header>.label,.case-page--portfolio-system .case-header>h1{grid-column:1}.case-page--portfolio-system .case-header>h1{margin-bottom:var(--space-4);font-size:clamp(58px,8vw,112px);line-height:.88}.case-page--portfolio-system .case-header>p:not(.label),.case-page--portfolio-system .case-header>.meta{grid-column:2}.case-page--portfolio-system .case-header>p:not(.label){grid-row:1/span 2;align-self:end;margin-bottom:72px}.case-page--portfolio-system .case-header>.meta{border-top:1px solid var(--color-border-default);gap:10px;margin:0;padding-top:16px;display:grid}.case-page--portfolio-system .case-hero-art{min-height:min(48vw,560px);margin-top:var(--space-3);border:1px solid var(--color-border-default)}.case-page--portfolio-system .case-overview{margin-top:var(--space-3);border-top:1px solid var(--color-border-default);grid-template-columns:1fr}.case-page--portfolio-system .case-overview>div{gap:var(--space-3);border-right:0;border-bottom:1px solid var(--color-border-default);grid-template-columns:minmax(130px,.28fr) minmax(0,1fr);min-height:0;padding:18px 22px;display:grid}.case-page--portfolio-system .case-overview p{max-width:760px;margin:0}.case-page--portfolio-system .evidence-disclosure{margin-top:calc(clamp(50px,10vw,130px)/-1.38889)}.case-page--portfolio-system .decision-timeline{border:1px solid var(--color-border-default);margin-bottom:clamp(80px,12vw,150px);padding:0;display:block}.case-page--portfolio-system .decision-timeline__intro{gap:var(--space-4);border-bottom:1px solid var(--color-border-default);grid-template-columns:minmax(200px,.55fr) minmax(0,1.45fr);padding:clamp(28px,5vw,60px);display:grid;position:static}.case-page--portfolio-system .decision-timeline__intro .label,.case-page--portfolio-system .decision-timeline__intro h2{grid-column:1}.case-page--portfolio-system .decision-timeline__intro>p:last-child{grid-area:1/2/span 2;align-self:end;max-width:520px}.case-page--portfolio-system .decision-timeline ol{border-top:0;grid-template-columns:repeat(2,1fr);display:grid}.case-page--portfolio-system .decision-timeline li{min-height:250px;padding:var(--space-3);border-right:1px solid var(--color-border-default)}.case-page--portfolio-system .decision-timeline li:nth-child(2n){border-right:0}.case-page--portfolio-system .case-section--content-editor .split,.case-page--portfolio-system .case-section--agent-handoff .split{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr)}.case-page--portfolio-system .case-section--prototype .case-media{border:1px solid var(--color-border-default)}.case-story .case-section__inner{position:relative}.case-story--narrative .case-section{border-top:0;align-items:center;min-height:min(76vh,760px);display:grid}.case-story--narrative .case-section:nth-child(2n){background:var(--color-surface-panel)}.case-story--narrative .case-section:nth-child(odd) .case-section__inner{padding-right:clamp(0px,12vw,150px)}.case-story--narrative .case-section:nth-child(2n) .case-section__inner{padding-left:clamp(0px,12vw,150px)}.case-story--narrative .case-section:first-child h2{font-size:clamp(48px,7.2vw,96px)}.case-story--narrative .case-section:nth-child(2n) .split>:last-child{order:-1}.case-story--narrative .case-section[data-section-type=quote]{background:var(--color-action-primary);min-height:62vh}.case-story--narrative .case-section[data-section-type=quote] .label,.case-story--narrative .case-section[data-section-type=quote] h2,.case-story--narrative .case-section[data-section-type=quote] p{color:var(--color-text-on-accent)}.case-story--narrative .case-section[data-section-type=quote] .quote{border-color:var(--color-text-on-accent);max-width:760px}.case-story--product-process{position:relative}.case-story--product-process:before{z-index:1;top:0;bottom:0;left:max(var(--layout-gutter-desktop), calc((100% - var(--layout-content)) / 2 + 34px));background:var(--color-border-default);content:"";width:1px;position:absolute}.case-story--product-process .case-section{padding:clamp(56px,8vw,96px) 0}.case-story--product-process .case-section__inner{width:min(calc(100% - (var(--layout-gutter-desktop) * 2)), var(--layout-content));padding-left:clamp(76px,9vw,132px)}.case-story--product-process .case-section__inner:before{z-index:2;border:1px solid var(--color-action-primary);background:var(--color-bg-primary);width:34px;height:34px;color:var(--color-action-primary);content:"";border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:18px}.case-story--product-process .case-section__inner:after{z-index:3;color:var(--color-action-primary);content:attr(data-chapter);position:absolute;top:9px;left:26px}.case-story--product-process .case-section:nth-child(odd){background:color-mix(in srgb, var(--color-surface-default) 42%, transparent)}.case-story--product-process .horizontal-gallery__track article{flex-basis:min(64%,680px)}.case-story--research-evidence .case-section{padding:clamp(72px,10vw,128px) 0}.case-story--research-evidence .case-section__inner{width:min(calc(100% - (var(--layout-gutter-desktop) * 2)), var(--layout-content));padding-left:clamp(150px,17vw,230px)}.case-story--research-evidence .case-section__inner>.label{width:130px;position:absolute;top:12px;left:0}.case-story--research-evidence .case-section__inner:before{color:color-mix(in srgb, var(--color-text-secondary) 38%, transparent);letter-spacing:var(--type-display-tracking);content:attr(data-chapter);font-size:clamp(54px,7vw,92px);line-height:.8;position:absolute;top:0;left:0;transform:translateY(-62%)}.case-story--research-evidence .case-section[data-section-type=mediaText] .case-section__inner{padding-left:0}.case-story--research-evidence .case-section[data-section-type=mediaText] .split{grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);align-items:start}.case-story--research-evidence .case-section[data-section-type=gallery],.case-story--research-evidence .case-section[data-section-type=media]{background:var(--color-surface-panel)}.case-story--research-evidence .horizontal-gallery__track article{background:var(--color-bg-primary)}.case-story--research-evidence .quote{padding:var(--space-4);border:1px solid var(--color-action-primary)}.case-story--system-service{background-image:linear-gradient(var(--color-border-default) 1px, transparent 1px), linear-gradient(90deg, var(--color-border-default) 1px, transparent 1px);background-size:80px 80px;padding:clamp(28px,5vw,64px) 0}.case-story--system-service .case-section{width:min(calc(100% - (var(--layout-gutter-desktop) * 2)), var(--layout-content));margin:0 auto var(--space-3);border:1px solid var(--color-border-default);background:var(--color-bg-primary);padding:0}.case-story--system-service .case-section__inner,.case-story--system-service .case-section--wide .case-section__inner{width:100%;padding:clamp(28px,5vw,64px)}.case-story--system-service .case-section__inner:after{color:var(--color-text-secondary);letter-spacing:.12em;content:"MODULE / " attr(data-chapter);font-size:11px;position:absolute;top:18px;right:20px}.case-story--system-service .case-section h2{max-width:820px}.case-story--system-service .split{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);align-items:start}.case-story--system-service .horizontal-gallery__track article{flex-basis:min(46%,500px)}.case-story--system-service .quote{border-left-width:8px;align-items:end;min-height:220px;display:grid}.case-section{scroll-margin-top:88px}.case-media{margin:0}.case-media img,.case-media video{width:100%;height:auto;display:block}.case-media__trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.case-media figcaption{color:var(--color-text-secondary);margin-top:10px;font-size:12px;line-height:1.5}.media-lightbox{border:1px solid var(--color-border-default);background:var(--color-bg-primary);width:min(94vw,1200px);max-height:92vh;color:var(--color-text-primary);padding:50px 20px 20px}.media-lightbox::backdrop{backdrop-filter:blur(7px);background:#000000d6}.media-lightbox img{max-width:100%;max-height:calc(92vh - 100px);margin:auto;display:block}.media-lightbox p{color:var(--color-text-secondary);text-align:center;margin:14px 0 0;font-size:13px}.media-lightbox__close{border:1px solid var(--color-border-default);background:var(--color-surface-default);width:30px;height:30px;color:var(--color-text-primary);cursor:pointer;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:12px;right:12px}.case-section--research .split>div:first-child{position:sticky;top:116px}.reframe-compare{border:1px solid var(--color-border-default);background:var(--color-surface-default);margin-top:clamp(32px,6vw,72px)}.reframe-compare__tabs{grid-template-columns:repeat(2,1fr);display:grid}.reframe-compare__tabs button{border:0;border-bottom:1px solid var(--color-border-default);color:var(--color-text-secondary);text-align:left;font:inherit;cursor:pointer;background:0 0;justify-content:space-between;gap:12px;padding:16px 20px;display:flex}.reframe-compare__tabs button:first-child{border-right:1px solid var(--color-border-default)}.reframe-compare__tabs button.is-active{color:var(--color-text-primary);background:var(--primitive-neutral-700)}.reframe-compare__tabs span,.reframe-compare__hint{color:var(--color-action-primary);letter-spacing:.1em;font-size:11px}.reframe-compare__stage{grid-template-columns:minmax(130px,.75fr) 1.25fr;align-items:center;gap:clamp(25px,6vw,80px);min-height:390px;padding:clamp(24px,6vw,80px);display:grid;position:relative;overflow:hidden}.reframe-compare__stage h3{letter-spacing:var(--type-display-tracking);margin:10px 0;font-size:clamp(34px,5vw,68px)}.reframe-compare__stage p{max-width:450px;margin:0}.reframe-compare__signal{grid-template-columns:repeat(2,1fr);gap:10px;display:grid;transform:rotate(-12deg)}.reframe-compare__signal i{background:var(--color-action-primary);height:70px;display:block}.reframe-compare__signal i:nth-child(2),.reframe-compare__signal i:nth-child(3){opacity:.34}.reframe-compare__hint{position:absolute;bottom:18px;right:20px}.layer-demo{border:1px solid var(--color-border-default);background:var(--color-surface-default);grid-template-columns:1.4fr 1fr;margin-top:clamp(32px,6vw,72px);display:grid}.layer-demo__stage{min-height:460px;padding:18px;position:relative;overflow:hidden}.layer-demo__label{z-index:2;letter-spacing:.1em;color:var(--color-text-secondary);text-transform:uppercase;font-size:10px;position:relative}.layer-demo__field{color:#e8fff6;background:linear-gradient(140deg,#102828,#1e4f44);place-items:center;transition:background .4s;display:grid;position:absolute;inset:55px 18px 18px;overflow:hidden}.layer-demo__field--1{background:linear-gradient(140deg,#33254d,#8d4f87)}.layer-demo__field--2{background:linear-gradient(140deg,#743c23,#d27947)}.layer-demo__score{letter-spacing:.1em;font-size:11px;position:absolute;top:22px}.layer-demo__pulse{border:1px solid;border-radius:50%;width:120px;height:120px;box-shadow:0 0 0 30px #ffffff14,0 0 0 60px #ffffff0d}.layer-demo__crowd{letter-spacing:1em;opacity:.6;position:absolute;bottom:52px}.layer-demo__message{font-size:14px;position:absolute;bottom:22px}.layer-demo__controls{border-left:1px solid var(--color-border-default);flex-direction:column;justify-content:space-between;padding:20px;display:flex}.layer-demo__controls>div{display:grid}.layer-demo__controls button{border:0;border-bottom:1px solid var(--color-border-default);color:var(--color-text-secondary);text-align:left;font:inherit;cursor:pointer;background:0 0;gap:12px;padding:14px 0;display:flex}.layer-demo__controls button.is-active{color:var(--color-action-primary)}.layer-demo__controls button span{color:#f4f3ee6b;font-size:11px}.layer-demo__controls>p{margin:24px 0 0;font-size:15px}.colophon{min-height:70vh;padding:clamp(80px,13vw,180px) 0}.colophon h1{max-width:820px;letter-spacing:var(--type-display-tracking);margin:18px 0;font-size:clamp(58px,10vw,145px);line-height:.86}.colophon__lead{max-width:590px;color:var(--color-text-secondary);font-size:20px;line-height:1.6}.colophon__grid{border-top:1px solid var(--color-border-default);grid-template-columns:repeat(2,1fr);margin-top:80px;display:grid}.colophon article{border-bottom:1px solid var(--color-border-default);min-height:180px;padding:24px 0}.colophon article:nth-child(odd){padding-right:40px}.colophon article:nth-child(2n){border-left:1px solid var(--color-border-default);padding-left:40px}.colophon article p{max-width:330px;color:var(--color-text-secondary);line-height:1.55}.horizontal-gallery{margin-top:clamp(32px,6vw,72px)}.horizontal-gallery__tools{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.horizontal-gallery__tools>p{color:var(--color-text-secondary);margin:0;font-size:12px}.horizontal-gallery__tools>div{letter-spacing:.1em;color:var(--color-text-secondary);align-items:center;gap:12px;font-size:11px;display:flex}.horizontal-gallery__tools button{border:1px solid var(--color-border-default);width:34px;height:34px;color:var(--color-text-primary);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.horizontal-gallery__tools button:hover:not(:disabled){border-color:var(--color-action-primary);color:var(--color-action-primary)}.horizontal-gallery__tools button:disabled{opacity:.3;cursor:not-allowed}.horizontal-gallery__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;gap:16px;display:flex;overflow-x:auto}.horizontal-gallery__track::-webkit-scrollbar{display:none}.horizontal-gallery__track:active{cursor:grabbing}.horizontal-gallery__track article{scroll-snap-align:start;border:1px solid var(--color-border-default);background:var(--color-surface-default);flex:0 0 min(78%,850px);padding:16px;position:relative}.horizontal-gallery__track .media-placeholder{min-height:clamp(270px,34vw,430px)}.horizontal-gallery__track h3{letter-spacing:-.05em;margin:18px 0 8px;font-size:clamp(22px,2.4vw,34px)}.horizontal-gallery__track p{max-width:470px;margin:0;font-size:15px}.horizontal-gallery__number{z-index:1;color:var(--color-text-on-accent);letter-spacing:.12em;font-size:12px;position:absolute;top:28px;left:28px}.footer{border-top:var(--border-width-default) solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--type-navigation-size);justify-content:space-between;padding:32px 0 50px;display:flex}.footer a{color:var(--color-action-primary)}.back-to-top{z-index:10;border:1px solid var(--color-action-primary);width:40px;height:40px;color:var(--color-action-primary);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-fast) var(--motion-easing-standard), transform var(--motion-duration-fast) var(--motion-easing-standard);cursor:pointer;background:#101110d1;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.back-to-top:hover{background:var(--color-action-primary);color:var(--color-text-on-accent)}.back-to-top svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px;height:18px}.not-found{min-height:72vh;padding:clamp(100px,16vw,220px) 0}.not-found h1{letter-spacing:var(--type-display-tracking);margin:20px 0;font-size:clamp(52px,9vw,128px);line-height:.88}.not-found p:not(.label){max-width:420px;color:var(--color-text-secondary);line-height:1.6}.not-found a{border-bottom:1px solid var(--color-action-primary);color:var(--color-action-primary);gap:16px;margin-top:28px;padding-bottom:8px;display:inline-flex}@media (width<=700px){.shell{width:min(calc(100% - (var(--layout-gutter-mobile) * 2)), var(--layout-content))}.nav__links{gap:12px}.nav__links a:last-child,.nav-preview{display:none}.hero{min-height:calc(100svh - 61px);padding-top:42px}.hero h1{margin:80px 0;line-height:.92}.hero__bottom{flex-direction:column;align-items:flex-start}.featured-work__heading{display:block}.featured-work__heading p:last-child{margin-top:18px}.project-card{flex-basis:min(86vw,480px)}.project-art{min-height:220px}.project-card--featured .project-art{min-height:76vw}.project-art__orb{width:72vw;right:-8%}.split,.compare,.layer-demo,.decision-timeline{grid-template-columns:1fr}.meta{flex-wrap:wrap}.case-header{padding-top:58px}.case-page--huddle .case-header,.case-page--portfolio-system .case-header{padding-top:58px;display:block}.case-page--huddle .case-header>p:not(.label),.case-page--portfolio-system .case-header>p:not(.label){margin-bottom:0}.case-page--huddle .case-header>.meta,.case-page--portfolio-system .case-header>.meta{margin-top:var(--space-3);display:flex}.case-hero-art{min-height:92vw}.case-hero-art strong{align-self:flex-start;font-size:24vw}.case-overview{grid-template-columns:1fr 1fr}.case-overview>div:nth-child(2){border-right:0}.case-overview>div:nth-child(-n+2){border-bottom:1px solid var(--color-border-default)}.case-page--huddle .case-overview,.case-page--portfolio-system .case-overview{grid-template-columns:1fr}.case-page--huddle .case-overview>div,.case-page--portfolio-system .case-overview>div{border-right:0;border-bottom:1px solid var(--color-border-default);min-height:0;display:block}.case-page--portfolio-system .decision-timeline__intro{display:block}.case-page--portfolio-system .decision-timeline__intro>p:last-child{max-width:none}.case-page--portfolio-system .decision-timeline ol{grid-template-columns:1fr}.case-page--portfolio-system .decision-timeline li{border-right:0;min-height:0}.decision-timeline{width:min(calc(100% - (var(--layout-gutter-mobile) * 2)), var(--layout-content))}.decision-timeline__intro{position:static}.case-section{padding:var(--space-5) 0}.case-section__inner,.case-section--wide .case-section__inner{width:min(calc(100% - (var(--layout-gutter-mobile) * 2)), var(--layout-content))}.case-section--research .split>div:first-child{position:static}.case-story--narrative .case-section{min-height:auto}.case-story--narrative .case-section:nth-child(n) .case-section__inner{padding-left:0;padding-right:0}.case-story--narrative .case-section:nth-child(2n) .split>:last-child{order:initial}.case-story--product-process:before{left:30px}.case-story--product-process .case-section__inner{padding-left:56px}.case-story--product-process .case-section__inner:before{left:0}.case-story--product-process .case-section__inner:after{left:8px}.case-story--research-evidence .case-section__inner{padding-left:0}.case-story--research-evidence .case-section__inner>.label{width:auto;position:static}.case-story--research-evidence .case-section__inner:before{margin-bottom:var(--space-3);display:block;position:static;transform:none}.case-story--research-evidence .case-section[data-section-type=mediaText] .split,.case-story--system-service .split{grid-template-columns:1fr}.case-story--system-service{background-size:48px 48px}.case-story--system-service .case-section{width:calc(100% - (var(--layout-gutter-mobile) * 2))}.case-story--system-service .case-section__inner,.case-story--system-service .case-section--wide .case-section__inner{width:100%;padding:var(--space-3)}.reframe-compare__stage{grid-template-columns:1fr;min-height:460px}.reframe-compare__signal{max-width:150px}.layer-demo__stage{min-height:380px}.layer-demo__controls{border-left:0;border-top:1px solid var(--color-border-default)}.horizontal-gallery__tools>p{display:none}.horizontal-gallery__track article{flex-basis:90%}.colophon__grid{grid-template-columns:1fr}.colophon article:nth-child(odd),.colophon article:nth-child(2n){border-left:0;padding-left:0;padding-right:0}.manifesto h2 br{display:none}.footer{gap:14px;display:grid}}.background-lifeline__card .background-lifeline__node{margin-bottom:2.2rem}@media (width<=700px){.background-lifeline__cards{--background-lifeline-card-width:min(82vw, 22rem)}.background-lifeline__card{flex-basis:var(--background-lifeline-card-width);opacity:1;min-height:16rem;padding:1.6rem}.background-lifeline__card .background-lifeline__node{margin-bottom:1.6rem;position:relative;top:auto;left:auto}.background-lifeline__card .background-lifeline__node span{width:.8rem;height:.8rem}.background-lifeline__detail{grid-template-columns:1fr;gap:1rem;padding:2.4rem 0}.background-lifeline__detail h3{font-size:2rem}}@media (width>=701px){.background-lifeline__detail{align-content:start;min-height:28rem}}.background-lifeline__detail div>p:not(.background-lifeline__label){max-width:38rem;color:var(--color-text-secondary);margin:0;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.editor{background:var(--color-bg-primary);grid-template-columns:250px minmax(480px,1fr) 310px;min-height:100vh;display:grid}.editor--playground{grid-template-columns:250px minmax(0,1fr)}.editor button,.editor input,.editor textarea,.editor select{font:inherit}.editor button{cursor:pointer;color:var(--color-text-primary);background:0 0;border:0}.editor .editor__experiments-hero .editor__new-experiment-hero{border:1px solid var(--color-action-primary);background:var(--color-action-primary);min-height:44px;color:var(--color-text-on-accent);align-items:center;padding:12px 16px;font-weight:700;display:inline-flex}.editor .editor__experiments-hero .editor__new-experiment-hero:hover{color:var(--color-action-primary);background:0 0}.editor button:disabled{opacity:.35;cursor:not-allowed}.editor__sidebar,.editor__inspector{background:var(--color-surface-panel);padding:22px 16px}.editor__sidebar{border-right:var(--border-width-default) solid var(--color-border-default)}.editor__inspector{border-left:var(--border-width-default) solid var(--color-border-default)}.editor h1{margin:var(--space-1) 0;letter-spacing:-.04em;font-size:24px}.editor__hint{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.editor__preview :is(.case-header p,.case-section h2,.case-section p){white-space:pre-line}.editor__project-picker{color:var(--color-text-secondary);gap:6px;margin:18px 0;font-size:12px;display:grid}.editor__list{gap:3px;margin:28px 0;display:grid}.editor__list button{gap:var(--space-1);width:100%;padding:11px var(--space-1);text-align:left;color:var(--color-text-secondary);font-size:var(--type-label-size);grid-template-columns:28px 1fr;display:grid}.editor__list button strong{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);grid-column:2;font-weight:500;overflow:hidden}.editor__list button.is-selected{background:var(--primitive-neutral-650);color:var(--color-action-primary)}.editor label{margin:var(--space-2) 0;font-size:var(--type-label-size);color:var(--color-text-secondary);gap:7px;display:grid}.editor input,.editor textarea,.editor select{border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-none);width:100%;color:var(--color-text-primary);background:var(--color-surface-input);resize:vertical;padding:10px}.editor__add{margin-top:auto!important}.editor__canvas{background:var(--color-surface-canvas);min-width:0;overflow:hidden}.editor__bar{padding:12px var(--space-2);border-bottom:var(--border-width-default) solid var(--color-border-default);justify-content:space-between;align-items:center;gap:10px;display:flex}.editor__bar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.editor__bar button{padding:var(--space-1) 10px;font-size:var(--type-label-size)}.editor__agent-trigger{align-items:center;gap:7px;display:inline-flex;border:1px solid var(--color-border-default)!important;color:var(--color-text-primary)!important;background:0 0!important}.editor__hard-refresh{border:1px solid var(--color-border-default)!important;color:var(--color-text-secondary)!important;background:0 0!important}.editor__hard-refresh:hover{border-color:var(--color-text-primary)!important;color:var(--color-text-primary)!important}.editor__agent-trigger:hover,.editor__agent-trigger[aria-expanded=true]{border-color:var(--color-action-primary)!important;color:var(--color-action-primary)!important}.editor__agent-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:15px;height:15px}.editor__bar button.is-selected,.editor__save{background:var(--color-action-primary)!important;color:var(--color-text-on-accent)!important}.editor__preview{background:var(--color-bg-primary);height:calc(100vh - 57px);overflow:auto}.editor__preview--mobile{border-left:var(--border-width-default) solid var(--color-border-default);border-right:var(--border-width-default) solid var(--color-border-default);width:390px;max-width:100%;margin:auto}.editor__preview--mobile .shell{width:calc(100% - (var(--layout-gutter-mobile) * 2))}.editor__preview--mobile.case-page--huddle .case-header,.editor__preview--mobile.case-page--portfolio-system .case-header{padding-top:58px;display:block}.editor__preview--mobile.case-page--huddle .case-header>p:not(.label),.editor__preview--mobile.case-page--portfolio-system .case-header>p:not(.label){margin-bottom:0}.editor__preview--mobile.case-page--huddle .case-header>.meta,.editor__preview--mobile.case-page--portfolio-system .case-header>.meta{margin-top:var(--space-3);display:flex}.editor__preview--mobile.case-page--huddle .case-overview,.editor__preview--mobile.case-page--portfolio-system .case-overview,.editor__preview--mobile.case-page--portfolio-system .decision-timeline ol{grid-template-columns:1fr}.editor__preview--mobile.case-page--portfolio-system .decision-timeline__intro{display:block}.editor__preview--mobile .case-story--research-evidence .case-section__inner{padding-left:0}.editor__preview--mobile .case-story--research-evidence .case-section__inner>.label{width:auto;position:static}.editor__preview--mobile .case-story--research-evidence .case-section__inner:before{margin-bottom:var(--space-3);display:block;position:static;transform:none}.editor__preview--mobile .case-story--research-evidence .split,.editor__preview--mobile .case-story--system-service .split{grid-template-columns:1fr}.editor__actions{margin-top:var(--space-3);grid-template-columns:1fr 1fr;gap:6px;display:grid}.editor__actions button{border:var(--border-width-default) solid var(--color-border-default);font-size:var(--type-label-size);padding:10px}.editor__actions .editor__danger{color:var(--color-status-danger);grid-column:span 2}.editor__device{border:var(--border-width-default) solid var(--color-border-default);display:flex}@media (width<=980px){.editor{grid-template-columns:210px minmax(360px,1fr)}.editor__inspector{border-left:0;border-top:var(--border-width-default) solid var(--color-border-default);gap:0 var(--space-2);grid-column:1/-1;grid-template-columns:repeat(2,1fr);display:grid}.editor__inspector .label,.editor__actions{grid-column:1/-1}}@media (width<=650px){.editor{grid-template-columns:1fr}.editor__sidebar{border-right:0;border-bottom:var(--border-width-default) solid var(--color-border-default)}.editor__list{max-height:180px;overflow:auto}.editor__preview{height:70vh}.editor__inspector{grid-template-columns:1fr}}.editor__project{border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);margin:24px 0;padding:16px 0}.editor__project .label,.editor__list .label{margin:0 0 10px}.editor__toolbar{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.editor__mode-switch{border:1px solid var(--color-border-default);grid-template-columns:1fr 1fr;margin-bottom:20px;display:grid}.editor__mode-switch button{z-index:1;pointer-events:auto;color:var(--color-text-secondary);padding:10px 8px;font-size:12px;position:relative}.editor__mode-switch button.is-selected{background:var(--color-action-primary);color:var(--color-bg-primary)}.editor__system-nav{border-top:1px solid var(--color-border-default);margin:20px 0 26px}.editor__system-nav>div{border-bottom:1px solid var(--color-border-default);padding:13px 0}.editor__system-nav p{color:var(--color-action-primary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:700}.editor__system-nav button{width:100%;color:var(--color-text-secondary);text-align:left;padding:5px 7px;font-size:12px;display:block}.editor__system-nav button:hover{color:var(--color-text-primary)}.editor__system-nav button.is-selected{background:var(--color-surface-default);color:var(--color-text-primary)}.editor__playground-actions{gap:6px;margin:12px 0 20px;display:grid}.editor__playground-actions button{border:1px solid var(--color-border-default);color:var(--color-text-primary);text-align:left;padding:10px;font-size:12px}.editor__playground-actions button:first-child{border-color:var(--color-action-primary);color:var(--color-action-primary)}.editor__specimens{border-top:1px solid color-mix(in srgb, var(--play-text) 24%, transparent);margin-top:72px;padding-top:20px}.editor__specimens-nav{border-bottom:1px solid color-mix(in srgb, var(--play-text) 24%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.editor__specimens-nav strong{letter-spacing:-.05em}.editor__specimens-nav strong span{color:var(--play-accent)}.editor__specimens-nav nav{color:color-mix(in srgb, var(--play-text) 65%, transparent);gap:14px;font-size:12px;display:flex}.editor__specimens-nav button{padding:7px 8px;font-size:11px}.editor__specimens-cards{gap:var(--play-space);margin-top:var(--play-space);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.editor__specimens-cards article{max-width:none;margin:0}.editor__agent-panel{z-index:20;border-left:1px solid color-mix(in srgb, var(--play-text) 22%, transparent);background:var(--color-surface-panel);width:min(420px,100vw);max-width:100vw;height:100dvh;color:var(--play-text);pointer-events:none;visibility:hidden;grid-template-rows:auto minmax(120px,1fr) auto;gap:16px;padding:24px;transition:transform .18s,visibility 0s linear .18s;display:grid;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-18px 0 40px #00000047}.editor__agent-panel.is-open{pointer-events:auto;visibility:visible;transition:transform .18s;transform:translate(0)}.editor__agent-panel header{min-width:0}.editor__agent-header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor__agent-header-actions{align-items:center;gap:8px;display:flex}.editor__new-chat{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;display:inline-flex;border:1px solid color-mix(in srgb, var(--play-text) 30%, transparent)!important;color:color-mix(in srgb, var(--play-text) 78%, transparent)!important;background:0 0!important;padding:5px 7px!important;font-size:10px!important}.editor__new-chat:hover{border-color:var(--play-accent)!important;color:var(--play-accent)!important}.editor__new-chat svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:13px;height:13px}.editor__chat-history-toggle{place-items:center;width:28px;height:28px;display:grid;border:1px solid color-mix(in srgb, var(--play-text) 30%, transparent)!important;color:color-mix(in srgb, var(--play-text) 78%, transparent)!important;background:0 0!important;padding:0!important}.editor__chat-history-toggle:hover,.editor__chat-history-toggle[aria-expanded=true]{border-color:var(--play-accent)!important;color:var(--play-accent)!important}.editor__chat-history-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:14px;height:14px}.editor__agent-close{width:28px;height:28px;line-height:1;color:var(--play-text)!important;padding:0!important;font-size:24px!important}.editor__agent-panel header h2{letter-spacing:-.06em;margin:6px 0 8px;font-size:25px;line-height:.95}.editor__agent-panel header>p:not(.label){color:color-mix(in srgb, var(--play-text) 68%, transparent);margin:0;font-size:13px;line-height:1.5}.editor__sandbox-target{color:color-mix(in srgb, var(--play-text) 58%, transparent);text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:block;overflow:hidden}.editor__agent-panel .label{color:var(--play-accent)}.editor__chat{grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0;display:grid}.editor__agent-thread{border-top:1px solid color-mix(in srgb, var(--play-text) 20%, transparent);border-bottom:1px solid color-mix(in srgb, var(--play-text) 20%, transparent);min-height:0;overflow:auto}.editor__chat-empty{color:color-mix(in srgb, var(--play-text) 58%, transparent);margin:0;padding:18px 0;font-size:13px;line-height:1.5}.editor__brief-context{border-bottom:1px solid color-mix(in srgb, var(--play-text) 16%, transparent)}.editor__brief-context summary{color:color-mix(in srgb, var(--play-text) 78%, transparent);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:11px;font-weight:700;list-style:none;display:flex}.editor__brief-context summary::-webkit-details-marker{display:none}.editor__brief-context summary:before{content:"+";color:var(--play-accent);font-size:15px}.editor__brief-context[open] summary:before{content:"−"}.editor__brief-context summary small{color:color-mix(in srgb, var(--play-text) 50%, transparent);letter-spacing:0;text-transform:none;margin-left:auto;font-size:9px;font-weight:400}.editor__brief-context textarea{border:1px solid color-mix(in srgb, var(--play-text) 28%, transparent);width:100%;min-height:110px;color:var(--play-text);font:inherit;resize:vertical;background:0 0;margin:0 0 12px;padding:10px;font-size:12px;line-height:1.5}.editor__agent-thread p{border-bottom:1px solid color-mix(in srgb, var(--play-text) 16%, transparent);color:color-mix(in srgb, var(--play-text) 72%, transparent);margin:0;padding:10px 0;font-size:14px;line-height:1.45}.editor__chat-message strong{color:var(--play-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:10px;display:block}.editor__chat-message--user{color:var(--play-text)!important}.editor__chat-message--user strong{color:color-mix(in srgb, var(--play-text) 62%, transparent)}.editor__archived-chats{gap:6px;padding:14px 0;display:grid}.editor__archived-chats>span{color:color-mix(in srgb, var(--play-text) 58%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.editor__archived-chats button{border:1px solid color-mix(in srgb, var(--play-text) 18%, transparent);width:100%;color:var(--play-text);text-align:left;background:0 0;gap:2px;padding:9px 10px;display:grid}.editor__archived-chats button:hover{border-color:color-mix(in srgb, var(--play-accent) 72%, transparent)}.editor__archived-chats strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.editor__archived-chats small{color:color-mix(in srgb, var(--play-text) 55%, transparent);font-size:10px}.editor__pushed-feature{border:1px solid color-mix(in srgb, var(--play-accent) 65%, transparent);background:color-mix(in srgb, var(--play-bg) 84%, var(--play-accent));gap:3px;padding:10px;display:grid}.editor__pushed-feature strong{color:var(--play-accent);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.editor__pushed-feature small{color:color-mix(in srgb, var(--play-text) 66%, transparent);font-size:10px}.editor__chat form{gap:10px;display:grid}.editor__chat textarea{border:1px solid color-mix(in srgb, var(--play-text) 35%, transparent);border-radius:var(--play-radius);color:var(--play-text);font:inherit;background:0 0;padding:12px}.editor__chat form button{justify-self:start}.editor__codex-handoff{border:1px solid color-mix(in srgb, var(--play-accent) 65%, transparent);border-radius:var(--play-radius);background:color-mix(in srgb, var(--play-bg) 78%, var(--play-accent));gap:8px;margin-top:20px;padding:16px;display:grid}.editor__codex-handoff strong{color:var(--play-accent)}.editor__codex-handoff p{color:color-mix(in srgb, var(--play-text) 70%, transparent);margin:0;font-size:13px;line-height:1.45}.editor__codex-handoff button{justify-self:start;margin-top:4px}.editor__codex-handoff small{color:color-mix(in srgb, var(--play-text) 72%, transparent);font-size:11px;line-height:1.35}@media (width<=700px){.editor__specimens-nav nav{display:none}.editor__specimens-cards{grid-template-columns:1fr}.editor__agent-panel{width:min(420px,100%)}.editor__agent-trigger span{display:none}}.editor__playground-canvas{background:var(--color-bg-primary);position:relative}.editor__playground-workspace{min-height:calc(100vh - 58px)}.editor__playground-preview{background:var(--play-bg);min-height:calc(100vh - 58px);color:var(--play-text);padding:clamp(32px,8vw,120px)}.editor__playground-preview .label{color:var(--play-accent)}.editor__playground-preview h2{letter-spacing:-.08em;max-width:760px;margin:20px 0;font-size:clamp(48px,8vw,112px);line-height:.86}.editor__playground-preview>p:not(.label){max-width:500px;color:color-mix(in srgb, var(--play-text) 65%, transparent);font-size:18px;line-height:1.55}.editor__sandbox-preview{border:1px solid color-mix(in srgb, var(--play-text) 25%, transparent);background:color-mix(in srgb, var(--play-bg) 92%, var(--play-text));margin-top:48px}.editor__sandbox-preview header{border-bottom:1px solid color-mix(in srgb, var(--play-text) 20%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.editor__sandbox-preview header .label{margin:0}.editor__sandbox-preview header span{color:color-mix(in srgb, var(--play-text) 55%, transparent);margin-top:3px;font-size:11px;display:block}.editor__sandbox-preview button{border:1px solid color-mix(in srgb, var(--play-text) 32%, transparent);color:var(--play-text);background:0 0;flex:none;padding:7px 9px;font-size:11px}.editor__sandbox-preview button:hover{border-color:var(--play-accent);color:var(--play-accent)}.editor__sandbox-preview iframe{background:var(--play-bg);border:0;width:100%;height:min(60vh,620px);display:block}.editor__playground-preview>div{gap:12px;margin:36px 0 64px;display:flex}.editor__playground-preview button{border:1px solid color-mix(in srgb, var(--play-text) 35%, transparent);border-radius:var(--play-radius);color:var(--play-text);padding:12px 16px}.editor__playground-preview button:first-child{border-color:var(--play-accent);background:var(--play-accent);color:var(--play-bg)}.editor__playground-preview article{max-width:390px;padding:var(--play-space);border:1px solid color-mix(in srgb, var(--play-text) 24%, transparent);border-radius:var(--play-radius)}.editor__playground-preview article span{color:var(--play-accent);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.editor__playground-preview article h3{margin:36px 0 10px;font-size:32px}.editor__playground-preview article p{color:color-mix(in srgb, var(--play-text) 65%, transparent);margin:0}.editor__token-sheet{border-top:1px solid color-mix(in srgb, var(--play-text) 24%, transparent);margin-top:54px;padding-top:18px}.editor__swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.editor__swatches>div{gap:6px;display:grid}.editor__swatches i{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--play-text) 35%, transparent);border-radius:var(--play-radius);display:block}.editor__swatches strong{font-size:12px}.editor__swatches span,.editor__type-token span,.editor__token-note{color:color-mix(in srgb, var(--play-text) 62%, transparent);font-size:11px}.editor__type-token{border-bottom:1px solid color-mix(in srgb, var(--play-text) 16%, transparent);grid-template-columns:120px 120px 1fr;align-items:baseline;gap:12px;padding:12px 0;display:grid}.editor__type-token p{margin:0}.editor__type-token--0 p{letter-spacing:.12em;text-transform:uppercase;font-size:12px}.editor__type-token--2 p{font-size:17px}.editor__type-token--4 p{letter-spacing:-.05em;font-size:32px}.editor__type-token--6 p{letter-spacing:-.08em;font-size:clamp(42px,6vw,78px);line-height:.9}.editor__spacing-tokens{gap:14px;display:grid}.editor__spacing-tokens div{gap:6px;display:grid}.editor__spacing-tokens i{background:var(--play-accent);border-radius:var(--play-radius);height:16px;display:block}.editor__motion-demo{border:1px solid color-mix(in srgb, var(--play-text) 25%, transparent);align-items:center;gap:16px;padding:20px;display:flex}.editor__motion-demo i{background:var(--play-accent);width:28px;height:28px;animation:1.8s infinite alternate editor-motion-demo}.editor__motion-demo span{color:color-mix(in srgb, var(--play-text) 62%, transparent);margin-top:4px;font-size:12px;display:block}@keyframes editor-motion-demo{to{transform:translateY(-4px)}}@media (width<=700px){.editor__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.editor__type-token{grid-template-columns:1fr;gap:3px}}.editor__save-state{color:var(--color-text-secondary);margin-right:6px;font-size:11px}.editor__save-state--saving{color:var(--color-action-primary)}.editor__save-state--unsaved{color:var(--primitive-orange-300)}.editor__notice{padding:10px var(--space-2);border-bottom:1px solid var(--color-border-default);background:var(--primitive-neutral-700);color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:16px;margin:0;font-size:12px;display:flex}.editor__notice button{color:var(--color-text-primary);font-size:18px}.editor__fieldset{border:1px solid var(--color-border-default);gap:2px;margin:20px 0;padding:12px;display:grid}.editor__fieldset legend{color:var(--color-action-primary);letter-spacing:.1em;text-transform:uppercase;padding:0 4px;font-size:11px}.editor__template-picker{background:color-mix(in srgb, var(--color-surface-default) 72%, transparent);gap:10px;margin-top:16px}.editor__template-summary{gap:9px;padding-top:4px;display:grid}.editor__template-diagram{border:1px solid var(--color-border-default);background:var(--color-bg-primary);gap:4px;height:74px;padding:8px;display:grid}.editor__template-diagram i{border:1px solid var(--color-border-default);background:var(--color-surface-default);min-width:0;min-height:0;display:block}.editor__template-diagram--narrative{grid-template-columns:1fr 1fr}.editor__template-diagram--narrative i:nth-child(odd){margin-right:18%}.editor__template-diagram--narrative i:nth-child(2n){background:var(--color-surface-panel);margin-left:18%}.editor__template-diagram--product-process{grid-template-columns:10px 1fr}.editor__template-diagram--product-process:before{background:var(--color-action-primary);content:"";grid-row:1/span 6;width:1px;margin:0 auto}.editor__template-diagram--product-process i{grid-column:2}.editor__template-diagram--research-evidence{grid-template-columns:28% 1fr}.editor__template-diagram--research-evidence i:nth-child(odd){grid-column:1/-1;margin-left:18%}.editor__template-diagram--research-evidence i:nth-child(2n){background:var(--color-surface-panel);grid-column:2}.editor__template-diagram--system-service{grid-template-columns:repeat(3,1fr)}.editor__template-diagram--system-service i:first-child,.editor__template-diagram--system-service i:nth-child(4){grid-column:span 2}.editor__template-diagram--system-service i:nth-child(3),.editor__template-diagram--system-service i:nth-child(6){background:var(--color-surface-panel)}.editor__template-summary strong{color:var(--color-text-primary);font-size:13px;line-height:1.45}.editor__template-summary p,.editor__template-custom{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.editor__template-flow{border-top:1px solid var(--color-border-default);gap:0;margin:2px 0;padding:0;list-style:none;display:grid}.editor__template-flow li{border-bottom:1px solid var(--color-border-default);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;padding:6px 0;font-size:10px}.editor__template-summary>button{border:1px solid var(--color-action-primary);color:var(--color-action-primary);text-align:center;padding:10px 12px;font-size:12px}.editor__template-summary>button:hover{background:var(--color-action-primary);color:var(--color-bg-primary)}.editor__template-summary small{color:var(--color-text-tertiary,var(--color-text-secondary));font-size:10px;line-height:1.45}.editor__item{border-bottom:1px solid var(--color-border-default);padding:8px 0 14px}.editor__item:last-of-type{border-bottom:0}.editor__item>button,.editor__fieldset>button{color:var(--color-text-secondary);text-align:left;padding:7px 0;font-size:12px}.editor__item>button{color:var(--color-status-danger)}.editor__validation{border-top:1px solid var(--color-border-default);color:var(--color-text-secondary);margin-top:30px;padding-top:16px;font-size:12px;line-height:1.5}.editor__validation p:not(.label){color:var(--color-action-primary)}.editor__validation ul{color:var(--color-status-danger);margin:8px 0;padding-left:18px}.editor__reset{width:100%;margin-top:16px;padding:10px;border:1px solid var(--color-border-default)!important;color:var(--color-text-secondary)!important;font-size:12px!important}.editor__shortcuts{color:var(--color-text-secondary);font-size:11px;line-height:1.7}.editor{align-items:start}.editor__sidebar,.editor__inspector{scrollbar-width:thin;height:100vh;position:sticky;top:0;overflow-y:auto}.editor__disclosure{border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);margin:24px 0}.editor__disclosure summary{color:var(--color-text-primary);cursor:pointer;justify-content:space-between;padding:14px 0;font-size:12px;list-style:none;display:flex}.editor__disclosure summary:after{content:"+";color:var(--color-action-primary);font-size:16px}.editor__disclosure[open] summary:after{content:"−"}.editor__project{padding:0 0 16px}.editor__project>.editor__hint{margin-top:0}.about-hero{min-height:72vh;padding:clamp(92px,13vw,190px) 0 80px}.about-hero h1{max-width:900px;letter-spacing:var(--type-display-tracking);margin:20px 0 42px;font-size:clamp(58px,10vw,150px);line-height:.86}.about-hero__lead{max-width:610px;color:var(--color-text-secondary);font-size:clamp(20px,2vw,28px);line-height:1.45}.about-intro{border-top:1px solid var(--color-border-default);grid-template-columns:repeat(2,1fr);gap:clamp(30px,8vw,130px);padding:clamp(70px,11vw,150px) 0;display:grid}.about-intro p{color:var(--color-text-secondary);letter-spacing:-.035em;margin:0;font-size:clamp(19px,2vw,27px);line-height:1.45}.about-principles{background:var(--color-surface-default);padding:clamp(70px,11vw,150px) 0}.about-principles__grid{border-top:1px solid var(--color-border-default);grid-template-columns:repeat(3,1fr);margin-top:36px;display:grid}.about-principles article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);min-height:300px;padding:24px}.about-principles article:last-child{border-right:0}.about-principles article>span{color:var(--color-action-primary);letter-spacing:.1em;font-size:12px}.about-principles h2{letter-spacing:-.06em;max-width:250px;margin:80px 0 14px;font-size:clamp(25px,2.4vw,36px);line-height:1}.about-principles p{max-width:285px;color:var(--color-text-secondary);line-height:1.55}.about-background{padding:clamp(100px,14vw,210px) 0 clamp(48px,7vw,104px)}.about-background h2{letter-spacing:-.065em;max-width:900px;margin:16px 0;font-size:clamp(35px,4vw,58px);line-height:1.03}.about-lifeline{padding:0 0 clamp(100px,14vw,210px)}.about-background__timeline{border-top:1px solid var(--color-border-default)}.about-background__timeline article{border-bottom:1px solid var(--color-border-default);grid-template-columns:86px 1fr;gap:16px;padding:26px 0 34px;display:grid}.about-background__timeline>article>span{color:var(--color-action-primary);letter-spacing:.1em;font-size:12px}.about-background h3{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(20px,2vw,28px)}.about-background p{color:var(--color-text-secondary);margin:0;line-height:1.6}.about-contact{border-top:1px solid var(--color-border-default);padding:clamp(80px,13vw,190px) 0}.about-contact h2{max-width:800px;letter-spacing:var(--type-display-tracking);margin:20px 0 42px;font-size:clamp(40px,5.4vw,76px);line-height:1}.about-contact a{border-bottom:1px solid var(--color-action-primary);color:var(--color-action-primary);gap:20px;padding-bottom:9px;font-size:clamp(17px,2vw,24px);display:inline-flex}@media (width<=980px){.editor__sidebar,.editor__inspector{height:auto;position:static;overflow:visible}}@media (width<=700px){.about-hero{min-height:auto;padding:90px 0 80px}.about-intro,.about-principles__grid{grid-template-columns:1fr}.about-principles article{border-right:0;min-height:220px}.about-principles h2{margin-top:54px}.about-contact h2{font-size:clamp(38px,11vw,58px)}}.background-lifeline{min-width:0;padding-top:.4rem}.background-lifeline__topline{color:var(--color-text-secondary);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:1rem;font-size:.77rem;display:flex}.background-lifeline__topline p{margin:0}.background-lifeline__controls{font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:.55rem;display:flex}.background-lifeline__controls button{border:1px solid var(--color-border-default);width:1.8rem;height:1.8rem;color:var(--color-text-primary);cursor:pointer;background:0 0;border-radius:50%;padding:0;transition:background .2s,color .2s}.background-lifeline__controls button:hover:not(:disabled){background:var(--color-text-primary);color:var(--color-bg-primary)}.background-lifeline__controls button:disabled{cursor:default;opacity:.32}.background-lifeline__progress{background:var(--color-border-default);height:1px;margin:1.4rem 0 0}.background-lifeline__progress span{background:var(--color-text-primary);height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);display:block}.background-lifeline__slider{margin:1.4rem 0 1.2rem}.background-lifeline__slider input{width:100%;height:18px;accent-color:var(--color-action-primary);cursor:ew-resize;margin:0}.background-lifeline__track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;grid-auto-columns:minmax(19rem,70%);grid-auto-flow:column;padding:0 15% .45rem 0;display:grid;overflow-x:auto}.background-lifeline__track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.background-lifeline__track::-webkit-scrollbar{display:none}.background-lifeline__track:focus-visible{outline:1px solid var(--color-text-primary);outline-offset:5px}.background-lifeline__card{scroll-snap-align:center;opacity:.38;min-height:20rem;padding:2rem 2.4rem 1rem 0;transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(16px)}.background-lifeline__card:after{content:"";background:var(--color-border-default);width:1px;position:absolute;top:2.43rem;bottom:1rem;right:0}.background-lifeline__card.is-active{opacity:1;transform:translateY(0)}.background-lifeline__node{height:.9rem;margin-bottom:2.8rem;position:relative}.background-lifeline__node:before{content:"";background:var(--color-border-default);width:100%;height:1px;position:absolute;top:.42rem;left:0}.background-lifeline__node span{z-index:1;border:1px solid var(--color-text-primary);background:var(--color-bg-primary);border-radius:50%;width:.9rem;height:.9rem;transition:background .3s,transform .3s;display:block;position:relative}.background-lifeline__card.is-active .background-lifeline__node span{background:var(--color-text-primary);transform:scale(1.2)}.background-lifeline__year,.background-lifeline__label{margin:0}.background-lifeline__year{color:var(--color-text-primary);font-family:var(--font-display);letter-spacing:var(--type-display-tracking);font-size:clamp(2.6rem,5vw,4.8rem);font-weight:500;line-height:.9}.background-lifeline__label{color:var(--color-action-primary);letter-spacing:.1em;text-transform:uppercase;margin-top:1.5rem;font-size:.69rem;font-weight:700}.background-lifeline__card h3{letter-spacing:-.035em;max-width:17rem;margin:.55rem 0 0;font-size:1.12rem;line-height:1.15}.background-lifeline__description{max-width:20rem;color:var(--color-text-secondary);margin:.8rem 0 0;font-size:.88rem;line-height:1.65}@media (width<=700px){.background-lifeline__topline{align-items:flex-start}.background-lifeline__topline p{max-width:12rem;line-height:1.45}.background-lifeline__track{border-left:1px solid var(--color-border-default);cursor:auto;padding:0 0 0 1.4rem;display:block;overflow:visible}.background-lifeline__card{opacity:1;min-height:0;padding:0 0 2.8rem 1.4rem;transform:none}.background-lifeline__card:last-child{padding-bottom:0}.background-lifeline__card:after,.background-lifeline__node:before{display:none}.background-lifeline__node{height:auto;margin:0;position:absolute;top:.14rem;left:-.46rem}.background-lifeline__node span{background:var(--color-text-primary);width:.8rem;height:.8rem}.background-lifeline__year{font-size:2.55rem}.background-lifeline__label{margin-top:.85rem}}.background-lifeline__cards{--background-lifeline-card-width:clamp(18rem, 31vw, 25rem);overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;border-top:1px solid var(--color-border-default);border-left:1px solid var(--color-border-default);display:flex;overflow-x:auto}.background-lifeline__cards::-webkit-scrollbar{display:none}.background-lifeline__card{flex:0 0 var(--background-lifeline-card-width);border:0;border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);min-height:16rem;color:inherit;cursor:pointer;text-align:left;opacity:.52;scroll-snap-align:start;scroll-snap-stop:always;background:0 0;padding:1.8rem;transform:none}.background-lifeline__card:after{display:none}.background-lifeline__card:hover{opacity:.82;background:var(--color-surface-default)}.background-lifeline__card:focus-visible{z-index:1;outline:1px solid var(--color-action-primary);outline-offset:-1px;position:relative}.background-lifeline__card.is-active{background:var(--color-surface-default);box-shadow:inset 0 3px 0 var(--color-action-primary);opacity:1;transform:none}.background-lifeline__card .background-lifeline__node{height:.9rem;margin:0 0 2.2rem;position:relative;top:auto;left:auto}.background-lifeline__card .background-lifeline__node:before{display:block}.background-lifeline__card .background-lifeline__year{font-size:clamp(2.35rem,4vw,4.2rem)}.background-lifeline__card h3{min-height:2.3em;margin-bottom:0}.background-lifeline__detail{border-bottom:1px solid var(--color-border-default);grid-template-columns:minmax(8rem,.4fr) 1fr;gap:clamp(2rem,7vw,8rem);margin:0;padding:clamp(2rem,5vw,4.5rem) 0;display:grid}.background-lifeline__detail-year{color:var(--color-action-primary);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.background-lifeline__detail h3{letter-spacing:-.06em;max-width:36rem;margin:.55rem 0 1rem;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1}.background-lifeline__detail div>p:last-child{max-width:38rem;color:var(--color-text-secondary);margin:0;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.6}@media (width<=700px){.background-lifeline__cards{--background-lifeline-card-width:min(82vw, 22rem)}.background-lifeline__card{flex-basis:var(--background-lifeline-card-width);opacity:1;min-height:16rem;padding:1.6rem}.background-lifeline__card:last-child{padding-bottom:1.6rem}.background-lifeline__card .background-lifeline__node{margin-bottom:1.6rem}.background-lifeline__card .background-lifeline__node span{width:.8rem;height:.8rem}.background-lifeline__detail{grid-template-columns:1fr;gap:1rem;padding:2.4rem 0}.background-lifeline__detail h3{font-size:2rem}}.background-lifeline__card{flex-direction:column;min-height:19rem;display:flex}.background-lifeline__card .background-lifeline__year{transform-origin:0 0;transition:font-size .45s cubic-bezier(.22,1,.36,1),letter-spacing .45s cubic-bezier(.22,1,.36,1),color .3s}.background-lifeline__card.is-active .background-lifeline__year{color:var(--color-action-primary);letter-spacing:.06em;font-size:.95rem;font-weight:700}.background-lifeline__card-body{flex:1;display:block;position:relative}.background-lifeline__card-text{transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1);display:block}.background-lifeline__card-text .background-lifeline__label{display:block}.background-lifeline__card-title{letter-spacing:-.035em;max-width:17rem;min-height:2.3em;margin-top:.55rem;font-size:1.12rem;font-weight:700;line-height:1.15;display:block}.background-lifeline__card.is-active .background-lifeline__card-text{opacity:0;pointer-events:none;transform:translateY(-.6rem)}.background-lifeline__photo{opacity:0;border-radius:2px;transition:opacity .35s,transform .5s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:.9rem 0 0;overflow:hidden;transform:translateY(.8rem)scale(.98)}.background-lifeline__card.is-active .background-lifeline__photo{opacity:1;transition-delay:.12s;transform:none}.background-lifeline__photo img{object-fit:cover;width:100%;height:100%}.background-lifeline__photo-placeholder{border:1px dashed var(--color-border-default);background:var(--color-bg-primary);width:100%;height:100%;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-size:.72rem;font-weight:600;display:grid}.background-lifeline__points{max-width:40rem;color:var(--color-text-secondary);gap:.55rem;margin:0;padding:0;font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.5;list-style:none;display:grid}.background-lifeline__points li{padding-left:1.1rem;position:relative}.background-lifeline__points li:before{content:"";background:var(--color-action-primary);width:.45rem;height:1px;position:absolute;top:.72em;left:0}@media (width<=700px){.background-lifeline__card{min-height:17rem}}.background-lifeline__cards:after{content:"";flex:0 0 calc(100% - var(--background-lifeline-card-width))}.background-lifeline__photo{border-radius:0;inset:1.1rem -1.8rem -1.8rem}.background-lifeline__photo-placeholder{border:0;border-top:1px solid var(--color-border-default)}@media (width<=700px){.background-lifeline__photo{inset:1rem -1.6rem -1.6rem}}.background-lifeline__detail .background-lifeline__detail-meta{flex-direction:column;display:flex}.background-lifeline__detail .background-lifeline__label{margin-top:0}.background-lifeline__detail .background-lifeline__detail-meta .background-lifeline__label{color:var(--color-text-secondary)}.background-lifeline__detail .background-lifeline__detail-meta .background-lifeline__detail-year{max-width:none;color:var(--color-action-primary);font-family:var(--font-display);letter-spacing:-.06em;text-transform:none;margin:.55rem 0 0;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:500;line-height:1}.background-lifeline__detail-meta,.background-lifeline__detail-body{animation:.5s cubic-bezier(.22,1,.36,1) both lifeline-detail-in}.background-lifeline__detail-body{animation-delay:60ms}@keyframes lifeline-detail-in{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:none}}@media (width<=700px){.background-lifeline__detail .background-lifeline__detail-meta{flex-direction:row;justify-content:space-between;align-items:baseline;gap:1rem}.background-lifeline__detail .background-lifeline__detail-meta .background-lifeline__detail-year{order:-1;margin:0;font-size:1.35rem}}@media (width>=701px){.background-lifeline__detail{min-height:19rem;padding-block:clamp(2rem,4vw,3.5rem)}}@media (width>=1200px){.background-lifeline__detail{min-height:26rem}}.about-bio{padding:clamp(92px,12vw,170px) 0 clamp(40px,6vw,80px)}.about-bio h1{max-width:1000px;letter-spacing:var(--type-display-tracking);margin:20px 0 28px;font-size:clamp(42px,6.4vw,96px);line-height:.92}.about-bio__text{max-width:660px;color:var(--color-text-secondary);letter-spacing:-.02em;margin:0;font-size:clamp(18px,1.7vw,23px);line-height:1.55}.background-lifeline__topline{margin:clamp(1.6rem,3vw,2.4rem) 0 .9rem}.background-lifeline__viewport{position:relative}.background-lifeline__viewport:after{content:"";background:linear-gradient(to right, transparent, var(--color-bg-primary));pointer-events:none;width:clamp(3rem,9vw,8rem);transition:opacity .3s;position:absolute;top:1px;bottom:0;right:0}.background-lifeline__viewport.is-at-end:after{opacity:0}.background-lifeline__cards{cursor:grab}.background-lifeline__cards.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;user-select:none}.background-lifeline__cards.is-dragging .background-lifeline__card{cursor:grabbing}.background-lifeline__scrollbar{background:var(--color-border-default);height:2px;margin-top:1rem;position:relative;overflow:hidden}.background-lifeline__scrollbar span{background:var(--color-action-primary);width:30%;height:100%;display:block}.background-lifeline__cards .background-lifeline__card{cursor:grab}.about-bio h1{max-width:1120px;font-size:clamp(40px,5.6vw,84px)}.hero h1{max-width:none}.hero h1 em{letter-spacing:-.03em;font-size:.86em}.hero h1 em,.manifesto h2 em{font-family:inherit;font-size:1em;font-style:normal;font-weight:inherit;letter-spacing:inherit}.hero{justify-content:flex-start;min-height:0;padding:clamp(40px,6vw,88px) 0 clamp(56px,7vw,96px)}.hero h1{letter-spacing:-.05em;margin:clamp(48px,8vw,120px) 0 clamp(32px,4vw,56px);line-height:.92}html[data-locale=ko] .hero h1{letter-spacing:-.02em;line-height:1.05}@media (width<=700px){.hero{min-height:0;padding:32px 0 48px}.hero h1{letter-spacing:-.055em;margin:56px 0 28px;font-size:11.5vw}}html[data-locale=ko] .hero__bottom>p,html[data-locale=ko] .hero h1{word-break:keep-all}.background-lifeline__title-link{color:inherit;text-decoration:none;transition:color .2s}.background-lifeline__title-link span{color:var(--color-text-secondary);vertical-align:.35em;font-size:.55em;transition:color .2s}.background-lifeline__title-link:hover,.background-lifeline__title-link:hover span,.background-lifeline__title-link:focus-visible span{color:var(--color-action-primary)}.background-lifeline__org{display:inline-block;position:relative}.background-lifeline__org>a{color:var(--color-text-primary);text-decoration:underline;text-decoration-color:var(--color-border-default);text-underline-offset:.22em;text-decoration-thickness:1px;transition:text-decoration-color .2s,color .2s}.background-lifeline__org>a:hover,.background-lifeline__org>a:focus-visible{color:var(--color-action-primary);text-decoration-color:currentColor}.background-lifeline__org-card{z-index:20;border:1px solid var(--color-border-default);background:var(--color-surface-default);width:min(17rem,80vw);color:var(--color-text-secondary);opacity:0;pointer-events:none;gap:.6rem;padding:.6rem .6rem .75rem;font-size:.84rem;line-height:1.45;transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:calc(100% + .6rem);left:0;transform:translateY(-.3rem)}.background-lifeline__org-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.background-lifeline__org:hover .background-lifeline__org-card,.background-lifeline__org:focus-within .background-lifeline__org-card{opacity:1;transform:none}.background-lifeline__detail{z-index:5;position:relative}.background-lifeline__detail-meta,.background-lifeline__detail-body{animation-fill-mode:backwards}.background-lifeline__points li:hover,.background-lifeline__points li:focus-within{z-index:2}.background-lifeline__org:hover,.background-lifeline__org:focus-within{z-index:30}.background-lifeline__photo{background:var(--color-bg-primary)}.background-lifeline__photo-note{background:var(--color-action-primary);color:var(--color-bg-primary);letter-spacing:.01em;padding:.25rem .6rem .2rem;font-family:Permanent Marker,Comic Sans MS,cursive;font-size:clamp(.95rem,1.4vw,1.2rem);line-height:1.15;position:absolute;bottom:.8rem;right:.9rem;transform:rotate(-4deg);box-shadow:0 6px 18px #00000059}.background-lifeline__org--title{display:inline}.background-lifeline__org-card--portrait{width:min(13rem,70vw);font-family:var(--font-family-sans);letter-spacing:0;font-size:.84rem;font-weight:400;line-height:1.45}.background-lifeline__org-card--portrait img{aspect-ratio:9/16}.background-lifeline__detail h3{text-wrap:balance}.background-lifeline__org--title>a{text-decoration:none}.about-bio{padding-bottom:clamp(56px,7vw,96px)}.about-bio h1{text-wrap:balance;margin-bottom:clamp(40px,6vw,80px)}.about-bio__grid{border-top:1px solid var(--color-border-default);grid-template-columns:minmax(8rem,.4fr) 1fr;gap:clamp(2rem,7vw,8rem);padding-top:clamp(24px,3vw,36px);display:grid}.about-bio__facts{align-content:start;gap:1.1rem;margin:0;display:grid}.about-bio__facts div{gap:.3rem;display:grid}.about-bio__facts dt{color:var(--color-text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.69rem;font-weight:700}.about-bio__facts dd{color:var(--color-text-primary);margin:0;font-size:.98rem;line-height:1.4}.about-bio .about-bio__text{max-width:38rem;color:var(--color-text-primary);letter-spacing:-.025em;text-wrap:pretty;font-size:clamp(20px,2vw,27px);line-height:1.45}@media (width<=700px){.about-bio__grid{grid-template-columns:1fr;gap:2rem}.about-bio__facts{border-top:1px solid var(--color-border-default);order:2;gap:0}.about-bio__facts div{border-bottom:1px solid var(--color-border-default);grid-template-columns:6rem 1fr;align-items:baseline;padding:.8rem 0}}.about-bio{padding-top:clamp(56px,8vw,112px)}.about-bio h1{letter-spacing:-.05em}.background-lifeline__cards{overflow-y:hidden}.background-lifeline__card{overflow:hidden}.project-art--media{color:var(--color-text-primary)}.project-art--media .project-art__caption{display:none}.case-hero-art--media .case-hero-art__index{color:var(--color-text-primary);backdrop-filter:blur(8px);background:#101110b8;padding:.3rem .55rem}.case-navigator a:not(.is-active){display:none}.case-navigator:hover a,.case-navigator:focus-within a{display:flex}.case-navigator:hover nav,.case-navigator:focus-within nav{animation:.3s cubic-bezier(.22,1,.36,1) backwards lifeline-detail-in}.colophon h1+p,.not-found h1+p{margin-top:clamp(20px,2.4vw,32px)}@media (width<=700px){.nav__links a:last-child{display:inline-flex}.nav__links{gap:14px}}.about-bio .about-bio__grid{border-top:0;padding-top:0}.about-bio__meta{align-content:start;gap:clamp(28px,3vw,40px);padding-top:.5rem;display:grid}.about-bio__meta .label{margin:0}.about-bio__main h1{max-width:14ch;margin:0 0 clamp(24px,3vw,36px);font-size:clamp(40px,5.2vw,76px);line-height:.95}.about-bio .about-bio__main .about-bio__text{max-width:34rem;color:var(--color-text-secondary);letter-spacing:-.015em;font-size:clamp(18px,1.55vw,22px);line-height:1.55}.about-bio{border-bottom:1px solid var(--color-border-default);padding-bottom:clamp(64px,8vw,112px)}@media (width<=700px){.about-bio__meta{display:contents}.about-bio__meta .label{order:-2}.about-bio__main{order:-1}.about-bio .about-bio__grid{gap:24px}}.home-more{padding:clamp(80px,11vw,160px) 0}.home-more__link{color:var(--color-text-primary);gap:18px;text-decoration:none;display:grid}.home-more__title{letter-spacing:var(--type-display-tracking);transition:color var(--motion-duration-fast) var(--motion-easing-standard);font-size:clamp(40px,6vw,88px);font-weight:700;line-height:1}.home-more__title span{color:var(--color-action-primary);transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-block}.home-more__link:hover .home-more__title,.home-more__link:focus-visible .home-more__title{color:var(--color-action-primary)}.home-more__link:hover .home-more__title span{transform:translate(.08em,-.08em)}.editor__sidebar,.editor__inspector{overflow-wrap:anywhere;overflow-x:hidden}.editor__playground-preview{padding:clamp(24px,4vw,48px)}.editor__playground-preview h2{max-width:900px;letter-spacing:var(--type-display-tracking);margin:12px 0 10px;font-size:clamp(32px,4vw,56px);line-height:.95}.editor__playground-preview>p:not(.label){max-width:640px;font-size:15px}.editor__sandbox-preview{border:1px solid color-mix(in srgb, var(--play-text) 22%, transparent);background:var(--color-surface-panel);box-shadow:0 0 0 6px color-mix(in srgb, var(--play-text) 5%, transparent), 0 24px 60px #00000073;border-radius:12px;margin-top:32px;overflow:hidden}.editor__sandbox-preview header{background:color-mix(in srgb, var(--color-surface-panel) 80%, var(--play-text));border-bottom:1px solid color-mix(in srgb, var(--play-text) 18%, transparent);padding:10px 14px 10px 76px;position:relative}.editor__sandbox-preview header:before{content:"";background:#ff5f57;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:16px;transform:translateY(-50%);box-shadow:16px 0 #febc2e,32px 0 #28c840}.editor__sandbox-preview header .label{color:var(--play-text);font-size:11px}.editor__sandbox-preview header span{color:color-mix(in srgb, var(--play-text) 60%, transparent)}.editor__sandbox-preview button{border-radius:6px}.editor__sandbox-preview iframe{background:#fff;height:max(420px,100vh - 300px)}.editor__sandbox-preview{box-shadow:0 0 0 20px var(--color-surface-canvas), 0 0 0 21px #f4f3ee14, 0 30px 80px #0000008c;border-color:#f4f3ee47;margin:44px 20px 20px}.editor__sandbox-preview iframe{box-shadow:inset 0 1px #f4f3ee14}.editor__sandbox-preview{box-shadow:0 0 0 20px var(--color-surface-input), 0 0 0 21px #f4f3ee1a, 0 30px 80px #0000008c}.case-page--vroong .case-hero-art{aspect-ratio:16/9;min-height:0}.horizontal-gallery__track{align-items:stretch}.horizontal-gallery__track article{flex-direction:column;display:flex}.horizontal-gallery__track article img,.horizontal-gallery__track article video{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:100%;height:auto;display:block}.featured-work__heading{align-items:center}.featured-work__arrow{fill:none;width:28px;height:28px;stroke:var(--color-text-primary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}@media (width<=700px){.featured-work__heading{justify-content:space-between;display:flex}}.featured-work__heading{display:block}.featured-work__link{color:var(--color-text-primary);justify-content:space-between;align-items:center;gap:16px;text-decoration:none;display:flex}.featured-work__link .featured-work__arrow{transition:transform .3s cubic-bezier(.22,1,.36,1),stroke .2s}.featured-work__link:hover .featured-work__arrow,.featured-work__link:focus-visible .featured-work__arrow{stroke:var(--color-action-primary);transform:translate(3px,-3px)}.works-hero{padding:clamp(56px,8vw,112px) 0 clamp(32px,4vw,56px)}.works-hero h1{letter-spacing:var(--type-display-tracking);margin:20px 0 0;font-size:clamp(48px,7vw,104px);line-height:.95}.additional-work{border-top:1px solid var(--color-border-default);padding:clamp(80px,11vw,152px) 0}.additional-work__heading{max-width:42rem;margin-bottom:32px}.additional-work__heading h2{letter-spacing:var(--type-display-tracking);margin:12px 0;font-size:clamp(34px,4vw,58px);line-height:1.04}.additional-work__heading>p:last-child{color:var(--color-text-secondary)}.additional-work__grid{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:none;align-items:flex-start;gap:16px;padding:4px 2px 0;display:flex;overflow-x:auto}.additional-work__grid::-webkit-scrollbar{display:none}.additional-work__card{aspect-ratio:auto;border:1px solid var(--color-border-default);background:var(--color-surface-input);isolation:isolate;scroll-snap-align:start;border-radius:18px;outline:none;flex:0 0 clamp(220px,20vw,280px);height:clamp(260px,23vw,320px);min-height:0;transition:flex-basis .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.additional-work__card--featured{flex-basis:clamp(260px,23vw,320px)}.additional-work__card--video{cursor:default}.additional-work__video-preview{z-index:1;background:var(--color-bg-primary);position:absolute;inset:0}.additional-work__video-preview video{object-fit:cover;pointer-events:none;border:0;width:100%;height:100%}.additional-work__video-preview video.is-contained,.additional-work__video-poster.is-contained{object-fit:contain;background:#000}.additional-work__card:focus-visible{box-shadow:0 0 0 3px var(--color-action-primary)}.additional-work__card>img,.additional-work__video-poster{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .26s cubic-bezier(.22,1,.36,1),filter .22s;position:absolute;inset:0}.additional-work__card:after{content:"";z-index:1;background:linear-gradient(#0000 34%,#080a09d6);transition:opacity .18s;position:absolute;inset:0}.additional-work__base,.additional-work__detail{z-index:2;color:#fff;position:absolute;left:22px;right:22px}.additional-work__base{transition:opacity .16s;bottom:20px}.additional-work__base p,.additional-work__detail>p{color:#ffffffb3;margin:0 0 6px;font-size:12px}.additional-work__base h3,.additional-work__detail h3{letter-spacing:-.035em;margin:0;font-size:22px;line-height:1.1}.additional-work__base strong,.additional-work__base>span{max-width:34rem;display:block}.additional-work__base strong{color:var(--color-action-primary);margin-top:10px;font-size:13px}.additional-work__base>span{color:#ffffffd1;margin-top:6px;font-size:14px;line-height:1.45}.additional-work__base a{color:var(--color-action-primary);margin-top:10px;font-size:13px;font-weight:650;text-decoration:none;display:inline-block}.additional-work__base a:hover,.additional-work__base a:focus-visible{text-underline-offset:4px;text-decoration:underline}.additional-work__detail{opacity:0;background:#151b18f0;flex-direction:column;justify-content:flex-end;padding:24px 22px;transition:opacity .2s,transform .2s;display:flex;inset:0;transform:translateY(10px)}.additional-work__detail strong{color:var(--color-action-primary);margin-top:12px;font-size:13px}.additional-work__detail span{color:#fffc;margin-top:8px;font-size:14px;line-height:1.5}.additional-work__gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.additional-work__gallery img{aspect-ratio:1.7;object-fit:cover;border:1px solid #ffffff2e;border-radius:8px;width:100%}.additional-work__card:hover>img,.additional-work__card:hover .additional-work__video-poster{filter:brightness(.65);transform:scale(1.045)}.additional-work__card:hover{flex-basis:clamp(300px,28vw,400px)}.additional-work__card--featured:hover{flex-basis:clamp(420px,40vw,560px);height:clamp(360px,30vw,440px)}.additional-work__card:hover:after,.additional-work__card:hover .additional-work__base{opacity:0}.additional-work__card:hover .additional-work__detail{opacity:1;transform:translateY(0)}.additional-work__card--video.is-previewing{flex-basis:clamp(360px,34vw,480px)}.additional-work__card--video.is-previewing .additional-work__video-poster,.additional-work__card--video.is-previewing:after,.additional-work__card--video.is-previewing .additional-work__base{opacity:0}.additional-work__card--video.is-previewing .additional-work__detail{opacity:1;background:linear-gradient(#0000 48%,#080a09e6);justify-content:flex-end;transform:translateY(0)}.additional-work__video-nav{color:#ffffffb8;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;font-size:12px;display:flex}.additional-work__video-nav button{color:#fff;cursor:pointer;background:#080a0966;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:grid}.additional-work__video-nav button:hover,.additional-work__video-nav button:focus-visible{border-color:var(--color-action-primary);color:var(--color-action-primary)}.additional-work__card--featured .additional-work__detail{justify-content:flex-start;overflow:hidden}.additional-work__detail--featured{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:20px 22px;display:grid}.additional-work__slide-copy>p{color:#ffffffb3;margin:0 0 4px;font-size:12px}.additional-work__slide-copy h3{font-size:24px}.additional-work__slide-copy span{color:#fffc;margin-top:6px;font-size:14px;line-height:1.45;display:block}.additional-work__slide-image{object-fit:cover;border:1px solid #ffffff2e;border-radius:8px;width:100%;height:100%;min-height:0}.additional-work__slide-nav{color:#ffffffb8;justify-content:flex-end;align-items:center;gap:10px;font-size:12px;display:flex}.additional-work__slide-nav button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:grid}.additional-work__slide-nav button:hover,.additional-work__slide-nav button:focus-visible{border-color:var(--color-action-primary);color:var(--color-action-primary)}@media (width<=860px){.additional-work__grid{gap:12px}.additional-work__card{flex-basis:min(72vw,280px)}.additional-work__card--featured{flex-basis:min(76vw,320px)}.additional-work__card:hover,.additional-work__card--featured:hover{flex-basis:min(86vw,420px)}.additional-work__card--featured:hover{height:380px}.additional-work__card--video.is-previewing{flex-basis:min(90vw,480px)}}@media (prefers-reduced-motion:reduce){.additional-work__card{transition:none}}.featured-work--index{background:0 0;padding-top:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
