@font-face{font-family:Phosphor;src:url(./Phosphor-DtdjzkpE.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}.ph{speak:never;font-variant:normal;text-transform:none;letter-spacing:0;font-feature-settings:"liga";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:Phosphor!important}.ph-arrow-down:before{content:""}.ph-arrow-left:before{content:""}.ph-arrow-right:before{content:""}.ph-arrow-up:before{content:""}.ph-arrow-up-right:before{content:""}.ph-eye:before{content:""}.ph-heart:before{content:""}.ph-info:before{content:""}.ph-pause:before{content:""}.ph-play:before{content:""}.ph-waveform:before{content:""}.ph-sun:before{content:""}.ph-x:before{content:""}.ph-moon-stars:before{content:""}@font-face{font-family:XW Sans;src:url(../fonts/local/XW_Sans.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:XW Serif;src:url(../fonts/local/XW_Serif.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-mix:0;--night-amt:calc((1 - var(--theme-mix)) * 100%);--deep:color-mix(in oklab, #03111d var(--night-amt), #dfecee);--ink:color-mix(in oklab, #f0f5f3 var(--night-amt), #112932);--ink-soft:color-mix(in oklab, #e6f0efb8 var(--night-amt), #0e2a34c2);--ink-faint:color-mix(in oklab, #ddebea6b var(--night-amt), #0e2a347a);--cyan:color-mix(in oklab, #8ce5e4 var(--night-amt), #0b6971);--cyan-bright:color-mix(in oklab, #c5ffff var(--night-amt), #0e7e88);--line:color-mix(in oklab, #d2e9e933 var(--night-amt), #09313a3d);--line-strong:color-mix(in oklab, #dcf1f16b var(--night-amt), #09313a75);--gold:color-mix(in oklab, #d5b67b var(--night-amt), #8f6d34);--serif:"XW Serif", "Iowan Old Style", Baskerville, "Times New Roman", serif;--sans:"XW Sans", Inter, "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;--edge:clamp(24px, 3.2vw, 56px)}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;background:var(--deep);scrollbar-width:none;-ms-overflow-style:none;min-width:320px}html::-webkit-scrollbar{display:none}@media (width>=681px){html{scroll-snap-type:y mandatory}}body{background:var(--deep);min-width:320px;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}body.panel-open{overflow:hidden}body.panel-open .portfolio-story,body.panel-open .experience>.masthead,body.panel-open .experience>.depth-gauge{visibility:hidden}button,a{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:4px}img{max-width:100%;display:block}#ocean{z-index:0;touch-action:pan-y;opacity:0;width:100%;height:100%;transition:opacity .9s ease-out;display:block;position:fixed;inset:0}html[data-boot=revealing] #ocean,html[data-boot=done] #ocean{opacity:1}html[data-boot=pending],html[data-boot=revealing],html[data-boot=pending] body,html[data-boot=revealing] body{overflow:hidden}#bootVeil{display:none}html[data-boot=pending] #bootVeil,html[data-boot=revealing] #bootVeil{display:grid}.boot-veil{z-index:50;background:var(--deep);opacity:1;pointer-events:none;place-items:center;transition:opacity .72s .18s;position:fixed;inset:0}html[data-boot=revealing] .boot-veil{opacity:0}html[data-boot=done] #bootVeil{display:none}.boot-veil-wordmark{color:var(--ink);font-family:var(--serif);letter-spacing:.08em;align-items:center;gap:10px;font-size:clamp(1.05rem,2vw,1.35rem);display:inline-flex}html[data-boot=pending] .boot-veil-wordmark{animation:2.4s ease-in-out infinite boot-veil-breathe}@keyframes boot-veil-breathe{0%,to{opacity:.68}50%{opacity:1}}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.webgl-fallback{z-index:100;background:var(--deep);color:var(--ink-soft);font:1rem/1.5 var(--serif);text-align:center;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.webgl-fallback[hidden]{display:none}.noscript-portfolio{z-index:200;background:var(--deep);min-height:100vh;padding:20vh 10vw;position:relative}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-boot=pending] #ocean,html[data-boot=revealing] #ocean,html[data-boot=done] #ocean{opacity:1}html[data-boot=pending] .boot-veil-wordmark{opacity:1;animation:none}}.experience{z-index:10;position:relative}html[data-boot=pending] .masthead,html[data-boot=pending] .depth-gauge{opacity:0}html[data-boot=revealing] .masthead,html[data-boot=revealing] .depth-gauge{transition:opacity .52s .78s}html[data-boot=revealing] .masthead,html[data-boot=revealing] .depth-gauge,html[data-boot=done] .masthead,html[data-boot=done] .depth-gauge{opacity:1}.masthead,.panel-masthead{z-index:30;min-height:calc(72px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(var(--edge), env(safe-area-inset-right,0px)) 0 max(var(--edge), env(safe-area-inset-left,0px));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.masthead>*,.panel-masthead>*{pointer-events:auto}.wordmark,.panel-wordmark{width:max-content;color:var(--ink);font-family:var(--serif);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:1.05rem;text-decoration:none;display:inline-flex}.wordmark-dot{border:1px solid var(--cyan);width:7px;height:7px;box-shadow:0 0 12px color-mix(in oklab, #8ce5e4cc var(--night-amt), #0b69716b);border-radius:50%}.discipline,.panel-masthead>p{color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.62rem}.theme-toggle,.panel-close{border:1px solid var(--line);background:color-mix(in oklab, #040e1685 var(--night-amt), #e9f5f79e);min-height:36px;color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(14px);border-radius:999px;justify-self:end;align-items:center;gap:8px;padding:0 13px;font-size:.58rem;transition:border-color .22s,color .22s,background .22s;display:inline-flex}.theme-toggle{justify-content:center;gap:0;width:36px;min-width:36px;padding:0;transition:border-color .22s,color .22s,background .22s,transform .52s cubic-bezier(.34,1.2,.64,1),box-shadow .52s}.theme-toggle.is-transitioning{box-shadow:0 0 0 1px color-mix(in oklab, #8ce5e457 var(--night-amt), #0b697138), 0 10px 28px color-mix(in oklab, #00080e47 var(--night-amt), #14485024);animation:.52s cubic-bezier(.34,1.2,.64,1) theme-toggle-turn}@keyframes theme-toggle-turn{0%{transform:rotate(0)scale(1)}38%{transform:rotate(-16deg)scale(.9)}to{transform:rotate(0)scale(1)}}.theme-toggle-icon{width:1.05rem;height:1.05rem;position:relative}.theme-toggle-icon i{color:var(--cyan);place-items:center;margin:0;font-size:1.05rem;transition:opacity .42s,transform .52s cubic-bezier(.34,1.4,.64,1);display:grid;position:absolute;inset:0}.theme-toggle-moon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle-sun{opacity:0;transform:rotate(-72deg)scale(.34)}.theme-toggle.is-light .theme-toggle-moon{opacity:0;transform:rotate(72deg)scale(.34)}.theme-toggle.is-light .theme-toggle-sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle:hover,.panel-close:hover{border-color:var(--line-strong);color:var(--ink);background:color-mix(in oklab, #05151fc2 var(--night-amt), #e9f5f7db)}.panel-close i{color:var(--cyan);font-size:.95rem}html[data-theme=light] .experience[data-zone=surface] .wordmark,html[data-theme=light] .experience[data-zone=surface] .discipline,html[data-theme=light] .experience[data-zone=surface] .depth-gauge{color:#051c26d1;text-shadow:0 1px 18px #f4f8ef3d}html[data-theme=light] .experience[data-zone=surface] .wordmark-dot{border-color:#0b6971;box-shadow:0 0 10px #0b69716b}.depth-gauge{left:max(var(--edge), env(safe-area-inset-left,0px));bottom:max(30px, env(safe-area-inset-bottom,0px));z-index:25;pointer-events:none;grid-template-columns:auto auto;align-items:end;column-gap:12px;display:grid;position:fixed}.depth-gauge-label{color:var(--ink-faint);letter-spacing:.18em;text-transform:uppercase;grid-column:1;font-size:.57rem}.depth-gauge strong{color:var(--ink-soft);font-variant-numeric:tabular-nums;letter-spacing:.06em;grid-area:1/2/span 2;font-size:1.05rem;font-weight:400}.depth-gauge small{color:var(--ink-faint);font-size:.56rem;font-weight:400}.depth-gauge-line{background:color-mix(in oklab, #e6f2f22e var(--night-amt), #0a283247);grid-column:1;width:64px;height:1px;margin-bottom:3px;position:relative;overflow:hidden}.depth-gauge-line span{background:var(--cyan);transform-origin:0;box-shadow:0 0 8px var(--cyan);position:absolute;inset:0;transform:scaleX(0)}.portfolio-story{position:relative}.story-section{pointer-events:none;scroll-snap-align:start;scroll-snap-stop:normal;min-height:112svh;position:relative}@media (width>=681px){.story-section{scroll-snap-stop:always}}.surface-section{min-height:112svh}.surface-hero{--hero-night:1;--hero-presence:1;--hero-dive:0;--portrait-presence:1;--hero-ink-rgb:240 245 243;isolation:isolate;pointer-events:none;width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.surface-hero:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg, rgb(1 10 18/calc(.24 * var(--hero-night))) 0%, transparent 54%);opacity:var(--hero-presence);position:absolute;inset:0}.surface-hero-copy{top:39%;left:max(var(--edge), 8.4vw);z-index:3;width:min(50vw,720px);color:rgb(var(--hero-ink-rgb));text-shadow:0 2px 28px rgb(2 12 20/calc(.2 + .22 * var(--hero-night)));opacity:var(--hero-presence);transform:translate3d(calc(-1.4vw * var(--hero-dive)), calc(-3.2svh * var(--hero-dive)), 0);will-change:opacity, transform;position:absolute}html[data-boot=pending] .surface-hero-copy{opacity:1}html[data-boot=pending] .surface-hero-copy h1,html[data-boot=pending] .surface-hero-tagline,html[data-boot=pending] .surface-hero-credential{opacity:0}html[data-boot=pending] .surface-hero-copy h1{transform:translateY(14px)}html[data-boot=revealing] .surface-hero-copy h1{opacity:1;transition:opacity .68s cubic-bezier(.22,1,.36,1) .42s,transform .68s cubic-bezier(.22,1,.36,1) .42s;transform:translate(0,0)}html[data-boot=revealing] .surface-hero-tagline,html[data-boot=revealing] .surface-hero-credential{opacity:1;transition:opacity .56s .62s}html[data-boot=done] .surface-hero-copy h1,html[data-boot=done] .surface-hero-tagline,html[data-boot=done] .surface-hero-credential{opacity:1;transition:none;transform:none}.surface-hero-copy h1{font-family:var(--serif);letter-spacing:.105em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:clamp(3.65rem,4.45vw,4.8rem);font-weight:400;line-height:.94}.surface-hero-copy h1:after{content:"";background:linear-gradient(90deg, rgb(var(--hero-ink-rgb) / .78) 0%, rgb(var(--hero-ink-rgb) / .42) 55%, transparent 100%);width:100%;height:1px;transform:scaleX(calc(.9 + .1 * var(--hero-presence)));transform-origin:0;margin:22px 0 20px;display:block}.surface-hero-tagline{max-width:34em;color:rgb(var(--hero-ink-rgb) / .92);font-family:var(--serif);letter-spacing:.01em;margin:0;font-size:clamp(1.55rem,2.15vw,2.15rem);font-style:italic;font-weight:400;line-height:1.28}.surface-hero-credential{max-width:28em;color:rgb(var(--hero-ink-rgb) / .62);font-family:var(--sans);letter-spacing:.06em;margin-top:.95em;font-size:clamp(.72rem,.88vw,.84rem);font-style:normal;font-weight:400;line-height:1.5}.surface-portrait{z-index:2;width:clamp(650px,57vw,880px);height:100svh;filter:drop-shadow(0 22px 36px rgb(0 8 16/calc(.22 + .22 * var(--hero-night))));-webkit-mask-image:linear-gradient(to top, transparent 0%, transparent calc(var(--hero-dive) * 130% - 42%), #00000059 calc(var(--hero-dive) * 130% - 30%), black calc(var(--hero-dive) * 130% - 18%), black 100%);-webkit-mask-image:linear-gradient(to top, transparent 0%, transparent calc(var(--hero-dive) * 130% - 42%), #00000059 calc(var(--hero-dive) * 130% - 30%), black calc(var(--hero-dive) * 130% - 18%), black 100%);mask-image:linear-gradient(to top, transparent 0%, transparent calc(var(--hero-dive) * 130% - 42%), #00000059 calc(var(--hero-dive) * 130% - 30%), black calc(var(--hero-dive) * 130% - 18%), black 100%);transform:translate3d(calc(-1.2vw * var(--hero-dive)), calc(4svh * var(--hero-dive)), 0) rotate(calc(-1.8deg * var(--hero-dive)));transform-origin:bottom;opacity:var(--portrait-presence);will-change:opacity, transform, mask-image;margin:0;transition:opacity .18s;position:absolute;bottom:0;right:clamp(40px,5vw,82px)}html[data-boot=pending] .surface-portrait{opacity:0}html[data-boot=revealing] .surface-portrait{opacity:var(--portrait-presence);transition:opacity .68s cubic-bezier(.22,1,.36,1) .42s,transform .18s,-webkit-mask-image .18s,mask-image .18s}html[data-boot=done] .surface-portrait{transition:opacity .18s}.surface-portrait-image{transform-origin:50%;object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0;transform:translateY(1.5svh)scale(1.04)}html[data-portrait-renderer=realtime] .surface-portrait{opacity:0}.inline-zone-section{isolation:isolate;pointer-events:auto;min-height:100svh}.portfolio-story:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 72% 38%, color-mix(in oklab, #195b6917 var(--night-amt), #d2ebee26), transparent 42%), linear-gradient(90deg, color-mix(in oklab, #000a126b var(--night-amt), #e2f2f6ad), color-mix(in oklab, #000c1426 var(--night-amt), #e4f4f76b));opacity:0;transition:opacity .7s;position:fixed;inset:0}.experience:not([data-zone=surface]) .portfolio-story:before{opacity:1}.inline-zone-host{z-index:1;pointer-events:auto;min-height:100svh;position:relative}.inline-zone-host .collection-screen{min-height:100svh}.collection-eyebrow{color:var(--cyan);letter-spacing:.25em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 20px;font-size:.59rem;display:flex}.collection-eyebrow span{color:var(--ink-faint);font-variant-numeric:tabular-nums}.portfolio-panel{background:color-mix(in oklab, #000c1445 var(--night-amt), #e9f5f76b);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);opacity:0;-webkit-backdrop-filter:blur(.65px);border:0;margin:0;padding:0;transition:opacity .32s;position:fixed;inset:0;overflow:hidden}.portfolio-panel::backdrop{background:color-mix(in oklab, #00050a1f var(--night-amt), #e9f5f738)}.portfolio-panel.is-visible{opacity:1}.panel-masthead{z-index:3;position:absolute}.panel-close{background:color-mix(in oklab, #010c1494 var(--night-amt), #e9f5f7ad)}.portfolio-panel-content{z-index:2;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in oklab, #c6e7e740 var(--night-amt), #0a283259) transparent;width:100%;height:100%;position:relative;overflow:hidden auto}.portfolio-panel-content:focus{outline:none}.collection-screen,.project-detail{min-height:100%;padding:clamp(112px, 14vh, 154px) var(--edge) 48px}.collection-heading h1,.project-overview h1,.about-heading h1,.data-heading h1{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(4rem,7.2vw,7rem);font-weight:400;line-height:.88}.heading-rule{background:var(--cyan);width:52px;height:1px;margin-top:30px;display:block}.collection-filters{flex-wrap:wrap;gap:34px;margin-top:58px;display:flex}.filter-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.9rem;transition:color .18s}.filter-button:hover,.filter-button[aria-pressed=true]{color:var(--cyan-bright)}.campaign-projects{flex-direction:column;gap:clamp(36px,4.5vw,64px);max-width:980px;margin-top:38px;display:flex}.campaign-projects-featured{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(28px,3.2vw,48px);display:grid}.campaign-projects-supporting{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(20px,2.4vw,32px);max-width:58%;display:grid}.campaign-project{min-width:0}.project-image-button{border:1px solid color-mix(in oklab, #cde7e742 var(--night-amt), #0b697138);background:color-mix(in oklab, #04111a80 var(--night-amt), #e9f5f78c);cursor:pointer;border-radius:4px;width:100%;padding:0;display:block;overflow:hidden}.media-frame{background:color-mix(in oklab, #061821c7 var(--night-amt), #e9f5f7d1);position:relative;overflow:hidden}.campaign-project .media-frame{aspect-ratio:4/3}.campaign-project.is-featured .media-frame{aspect-ratio:16/11}.campaign-project.is-supporting .media-frame{aspect-ratio:3/2}.media-frame img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s}.project-image-button:hover img,.archive-item:hover img,.archive-media-button:hover img{filter:brightness(1.07);transform:scale(1.025)}.project-year,.project-types,.archive-meta,.feature-label,.project-media-item>p,.data-project-meta{color:var(--cyan);letter-spacing:.17em;text-transform:uppercase;margin:18px 0 0;font-size:.57rem}.campaign-project h2{font-family:var(--serif);letter-spacing:-.025em;margin:12px 0 0;font-size:clamp(1.35rem,1.75vw,2rem);font-weight:400;line-height:1.04}.campaign-project.is-featured h2{font-size:clamp(1.65rem,2.25vw,2.55rem)}.campaign-project.is-supporting .project-year{margin-top:12px;font-size:.5rem}.campaign-project.is-supporting h2{margin-top:8px;font-size:clamp(1.05rem,1.2vw,1.35rem)}.campaign-project.is-supporting .project-types{margin-top:8px;font-size:.5rem}.campaign-project.is-supporting .project-action{gap:8px;margin-top:14px;padding-bottom:6px;font-size:.72rem}.project-types{margin-top:10px}.project-action{border:0;border-bottom:1px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;background:0 0;align-items:center;gap:11px;margin-top:22px;padding:0 0 9px;font-size:.72rem;display:inline-flex}.project-action i{color:var(--cyan)}.campaigns-screen{--campaign-active:0;--campaign-strip-shift:0cqi;--campaign-caption:clamp(68px, 7.5vh, 84px);height:100svh;min-height:100svh;max-height:100svh;padding:clamp(58px, 6vh, 72px) var(--edge) clamp(14px, 1.8vh, 22px);grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:clamp(10px,1.4vh,18px);display:grid;position:relative;overflow:hidden}.campaigns-heading{z-index:5;flex:none;min-width:0;position:relative}.campaigns-heading h1{font-family:var(--serif);letter-spacing:-.065em;white-space:nowrap;margin:0;font-size:clamp(3.4rem,5.2vw,5.2rem);font-weight:400;line-height:.78}.campaigns-heading .heading-rule{width:56px;margin-top:clamp(10px,1.4vh,16px)}.campaign-carousel{z-index:2;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;align-self:stretch;min-width:0;min-height:0;padding-top:0;display:grid;position:relative}.campaign-carousel-viewport{touch-action:pan-y;overscroll-behavior-x:contain;outline:none;height:100%;min-height:0;position:relative;container:campaign-carousel/size}.campaign-carousel-viewport:focus-visible:after{content:"";z-index:8;border:1px solid var(--cyan-bright);pointer-events:none;position:absolute;inset:-8px}.campaign-slide{--campaign-slide-ease:cubic-bezier(.22, .61, .36, 1);--campaign-slide-duration:.82s;z-index:1;width:min(22cqi, calc((100cqh - var(--campaign-caption)) * .62));border:1px solid color-mix(in oklab, #d3ebeb33 var(--night-amt), #083f4833);background:color-mix(in oklab, #0a1d27b3 var(--night-amt), #daedf0a8);max-height:calc(100cqh - 12px);box-shadow:0 24px 60px color-mix(in oklab, #00080e3d var(--night-amt), #1448501f);opacity:0;pointer-events:none;touch-action:pan-y;border-radius:5px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.88)}.campaigns-screen.is-ready .campaign-slide{transition:transform var(--campaign-slide-duration) var(--campaign-slide-ease), top var(--campaign-slide-duration) var(--campaign-slide-ease), width var(--campaign-slide-duration) var(--campaign-slide-ease), max-height var(--campaign-slide-duration) var(--campaign-slide-ease), opacity .7s ease, filter .62s ease, box-shadow var(--campaign-slide-duration) var(--campaign-slide-ease)}.campaign-slide[data-position=active]{z-index:4;width:min(72cqi, 980px, calc((100cqh - var(--campaign-caption)) * 16 / 10));opacity:1;max-height:calc(100cqh - 8px);transform:translate3d(calc(-50% + var(--campaign-strip-shift)), -50%, 0) scale(1);pointer-events:auto;top:50%}.campaign-slide[data-position=left]{z-index:2;opacity:.88;transform:translate3d(calc(-50% + var(--campaign-strip-shift) - 42cqi), -50%, 0) scale(.92);pointer-events:auto}.campaign-slide[data-position=right]{z-index:2;opacity:.88;transform:translate3d(calc(-50% + var(--campaign-strip-shift) + 42cqi), -50%, 0) scale(.92);pointer-events:auto}.campaign-slide[data-position=far-left]{z-index:1;opacity:.72;transform:translate3d(calc(-50% + var(--campaign-strip-shift) - 68cqi), -50%, 0) scale(.88);pointer-events:auto}.campaign-slide[data-position=far-right]{z-index:1;opacity:.72;transform:translate3d(calc(-50% + var(--campaign-strip-shift) + 68cqi), -50%, 0) scale(.88);pointer-events:auto}.campaign-slide[data-position=hidden]{z-index:0;opacity:0;transform:translate3d(calc(-50% + var(--campaign-strip-shift)), calc(-50% + 12px), 0) scale(.78);pointer-events:none}.campaign-slide-media{cursor:pointer;touch-action:pan-y;background:0 0;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.campaign-slide .media-frame{aspect-ratio:.72;max-height:calc(100cqh - var(--campaign-caption) - 12px);transition:aspect-ratio var(--campaign-slide-duration,.82s) var(--campaign-slide-ease,cubic-bezier(.22, .61, .36, 1))}.campaign-slide[data-position=active] .media-frame{aspect-ratio:16/10;max-height:calc(100cqh - var(--campaign-caption))}.campaign-slide .media-frame img{object-position:center;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .32s}.campaign-slide:not([data-position=active]) .media-frame img{filter:brightness(.82)saturate(.9)}.campaign-slide-media:hover img,.campaign-slide-media:focus-visible img{filter:brightness(1.04)saturate();transform:scale(1.025)}.campaign-slide-hint{z-index:2;border:1px solid color-mix(in oklab, #dcf0f047 var(--night-amt), #ffffff6b);background:color-mix(in oklab, #04121cb8 var(--night-amt), #081c2494);color:#f4fbfb;-webkit-backdrop-filter:blur(12px);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;pointer-events:none;transition:opacity .32s ease, transform var(--campaign-slide-duration,.82s) var(--campaign-slide-ease,cubic-bezier(.22, .61, .36, 1)), background .22s ease, border-color .22s ease;border-radius:999px;align-items:center;gap:8px;padding:9px 14px 9px 16px;font-size:.62rem;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00080e47}.campaign-slide-hint i{color:oklab(91.7113% -.0504007 -.0123506);font-size:.85rem}.campaign-slide:not([data-position=active]) .campaign-slide-hint{opacity:.78;letter-spacing:.12em;padding:7px 11px 7px 12px;font-size:.52rem;transform:translate(-50%)scale(.92)}.campaign-slide:not([data-position=active]) .campaign-slide-hint i{font-size:.72rem}.campaign-slide-media:hover .campaign-slide-hint,.campaign-slide-media:focus-visible .campaign-slide-hint{border-color:color-mix(in oklab, #9de8e68c var(--night-amt), #ffffff8c);background:color-mix(in oklab, #04121cd6 var(--night-amt), #061820b8);opacity:1}.campaign-slide-caption{min-height:var(--campaign-caption);background:color-mix(in oklab, #bcdadead var(--night-amt), #e0eff2cc);-webkit-backdrop-filter:blur(18px);transition:min-height var(--campaign-slide-duration,.82s) var(--campaign-slide-ease,cubic-bezier(.22, .61, .36, 1)), color .28s ease;grid-template-columns:auto auto minmax(140px,auto) minmax(120px,1fr) auto;align-items:center;gap:clamp(12px,1.7vw,24px);padding:12px clamp(16px,1.8vw,28px);display:grid}.campaign-slide:not([data-position=active]) .campaign-slide-caption{color:#0000;min-height:68px}.campaign-slide:not([data-position=active]) .campaign-slide-caption>*{visibility:hidden}.campaign-slide-number,.campaign-slide-year,.campaign-slide-types{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:.62rem}.campaign-slide-number{border-right:1px solid var(--line-strong);color:var(--cyan);font-family:var(--serif);padding-right:clamp(12px,1.5vw,21px);font-size:1rem}.campaign-slide-year{border-right:1px solid var(--line-strong);padding-right:clamp(12px,1.5vw,21px)}.campaign-slide-title{font-family:var(--serif);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(1.4rem,2vw,2.1rem);font-weight:400;line-height:1;overflow:hidden}.campaign-slide-types{color:var(--cyan);margin:0}.campaign-slide-action{color:var(--ink-soft);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:8px 0;font-size:.68rem;transition:color .18s;display:inline-flex}.campaign-slide-action:hover,.campaign-slide-action:focus-visible{color:var(--ink)}.campaign-slide-action i{color:var(--cyan)}.campaign-carousel-controls{z-index:9;gap:8px;display:none;position:absolute;top:clamp(28px,4vh,44px);right:0}.campaign-carousel-control{border:1px solid var(--line);background:color-mix(in oklab, #081b2575 var(--night-amt), #e5f2f48f);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:50%;place-items:center;padding:0;transition:color .18s,border-color .18s,background .18s;display:grid}.campaign-carousel-control:hover,.campaign-carousel-control:focus-visible{border-color:var(--line-strong);background:color-mix(in oklab, #081b25b8 var(--night-amt), #eef8f9c7);color:var(--ink)}.campaign-progress{z-index:6;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;margin:clamp(-48px,-5.5vh,-24px) 0 0;padding:0 1%;display:flex;position:relative}.campaign-progress-button{--plate-pad-x:14px;border:1px solid color-mix(in oklab, #b4e0e41f var(--night-amt), #08485214);background:color-mix(in oklab, #081b251f var(--night-amt), #e8f5f738);min-width:0;max-width:3.4rem;color:var(--ink-faint);cursor:pointer;border-radius:4px;align-items:center;gap:0;padding:11px 12px;transition:max-width .52s cubic-bezier(.22,.61,.36,1),padding .52s cubic-bezier(.22,.61,.36,1),gap .32s,color .22s,background .22s,border-color .22s;display:inline-flex;position:relative;overflow:hidden}.campaign-progress-mark{z-index:1;background:color-mix(in oklab, #8ce5e447 var(--night-amt), #0b697138);transform-origin:50%;border-radius:1px;flex:none;width:2px;height:14px;transition:height .42s cubic-bezier(.22,.61,.36,1),background .22s,transform .42s cubic-bezier(.22,.61,.36,1),box-shadow .22s;position:relative;transform:scaleY(.72)}.campaign-progress-copy{z-index:1;grid-template-columns:auto minmax(0,0fr);align-items:baseline;gap:0;min-width:0;margin-left:10px;transition:grid-template-columns .52s cubic-bezier(.22,.61,.36,1),gap .32s;display:grid;position:relative}.campaign-progress-number{color:inherit;font-variant-numeric:tabular-nums;letter-spacing:.12em;white-space:nowrap;font-size:.68rem}.campaign-progress-title{opacity:0;min-width:0;font-family:var(--serif);letter-spacing:-.02em;text-align:left;text-overflow:clip;white-space:nowrap;font-size:clamp(.82rem,1.05vw,1rem);font-weight:400;line-height:1.1;transition:opacity .28s,transform .42s cubic-bezier(.22,.61,.36,1);overflow:hidden;transform:translate(-6px)}.campaign-progress-button:hover,.campaign-progress-button:focus-visible{border-color:color-mix(in oklab, #b4e0e447 var(--night-amt), #08485229);background:color-mix(in oklab, #081b2547 var(--night-amt), #e8f5f76b);color:var(--ink-soft)}.campaign-progress-button:hover .campaign-progress-mark,.campaign-progress-button:focus-visible .campaign-progress-mark{background:var(--cyan);transform:scaleY(1)}.campaign-progress-button:focus-visible{outline:1px solid var(--cyan-bright);outline-offset:3px}.campaign-progress-button[aria-current=step]{max-width:22rem;padding:11px var(--plate-pad-x);border-color:color-mix(in oklab, #b4e0e457 var(--night-amt), #08485233);background:color-mix(in oklab, #081b2575 var(--night-amt), #e8f5f7ad);color:var(--ink);-webkit-backdrop-filter:blur(14px);gap:0}.campaign-progress-button[aria-current=step] .campaign-progress-mark{background:var(--cyan);height:28px;box-shadow:0 0 12px color-mix(in oklab, #8ce5e480 var(--night-amt), #0b697147);transform:scaleY(1)}.campaign-progress-button[aria-current=step] .campaign-progress-copy{grid-template-columns:auto minmax(0,1fr);gap:12px}.campaign-progress-button[aria-current=step] .campaign-progress-number{color:var(--cyan)}.campaign-progress-button[aria-current=step] .campaign-progress-title{opacity:1;transform:translate(0)}.campaign-progress-fill{background:color-mix(in oklab, #8ce5e447 var(--night-amt), #0b69712e);opacity:0;pointer-events:none;transform-origin:0;width:0%;height:100%;position:absolute;inset:0 auto 0 0}.campaign-progress-button[aria-current=step] .campaign-progress-fill{opacity:1}@keyframes campaign-progress-fill{0%{width:0%}to{width:100%}}.experience[data-zone=campaigns] .depth-gauge{right:max(var(--edge), env(safe-area-inset-right,0px));left:auto;bottom:max(36px, env(safe-area-inset-bottom,0px));border-right:1px solid var(--line-strong);grid-template-columns:auto auto;padding-right:13px}.experience[data-zone=campaigns] .depth-gauge-line{width:1px;height:82px;margin:0;position:absolute;bottom:0;right:-1px}.experience[data-zone=campaigns] .depth-gauge-line span{transform-origin:bottom;transform:scaleY(var(--depth-progress,0))!important}.collection-footnote,.collection-note{color:var(--ink-faint);align-items:center;gap:8px;margin:32px 0 0;font-size:.63rem;line-height:1.5;display:flex}.collection-footnote i{color:var(--cyan)}.music-screen{padding-top:clamp(94px,10vh,118px);padding-right:var(--edge);padding-bottom:clamp(72px,10vh,120px);display:block}.music-heading{border-bottom:1px solid color-mix(in oklab, #d3ebeb38 var(--night-amt), #0b69712e);justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:clamp(28px,3.2vh,42px);padding-top:0;padding-bottom:18px;display:flex}.music-heading h1{font-size:clamp(2.6rem,4vw,4.5rem);line-height:.86}.music-heading .collection-intro{max-width:420px;margin-top:18px}.music-total-views{text-align:right;flex-shrink:0;justify-items:end;gap:6px;min-width:min(100%,180px);padding-bottom:4px;display:grid}.music-total-views-label,.music-total-views-meta{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.62rem}.music-total-views-meta{color:var(--ink-faint);letter-spacing:.12em}.music-total-views-value{color:var(--ink);font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:0;font-size:clamp(2.8rem,5.4vw,4.6rem);line-height:.88}.music-video-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:clamp(18px,2vw,28px);padding:8px 0 24px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0% calc(100% - 56px),#0000 100%);mask-image:linear-gradient(90deg,#000 0% calc(100% - 56px),#0000 100%)}.music-video-grid::-webkit-scrollbar{display:none}.music-video{width:clamp(230px,18cqi,300px);min-width:0;max-width:none;color:var(--ink);scroll-snap-align:start;flex:none;grid-template-rows:auto 1fr;gap:14px;transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s;display:grid}.music-video:hover{transform:translateY(-4px)}.music-video:hover .music-video-embed{border-color:color-mix(in oklab, #9de8e68c var(--night-amt), #0b69718c);box-shadow:0 26px 56px color-mix(in oklab, #00080e52 var(--night-amt), #1448502e)}.music-video-embed{aspect-ratio:9/16;border:1px solid color-mix(in oklab, #cde7e742 var(--night-amt), #0b697138);background:color-mix(in oklab, #04111ab8 var(--night-amt), #e9f5f7b3);width:100%;box-shadow:0 18px 44px color-mix(in oklab, #00080e3d var(--night-amt), #1448501f);border-radius:10px;position:relative;overflow:hidden}.music-video-poster{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.music-video-poster:focus-visible{outline:2px solid color-mix(in oklab, var(--cyan) 72%, white);outline-offset:3px}.music-video-poster img{object-fit:cover;object-position:center;filter:saturate(.94)brightness(.92);width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .28s;display:block;transform:scale(1.02)}.music-video-veil{background:linear-gradient(180deg, color-mix(in oklab, #020a101f var(--night-amt), #f5fcfc0f) 0%, transparent 42%, color-mix(in oklab, #020a106b var(--night-amt), #082a3038) 100%);pointer-events:none;position:absolute;inset:0}.music-video-play{z-index:2;border:1px solid color-mix(in oklab, #effaf9b8 var(--night-amt), #0b697180);background:color-mix(in oklab, #030e167a var(--night-amt), #f1fafa94);width:52px;height:52px;color:var(--ink);-webkit-backdrop-filter:blur(10px);border-radius:50%;place-items:center;font-size:1.05rem;transition:transform .26s cubic-bezier(.2,.7,.2,1),background .22s,border-color .22s,box-shadow .22s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.music-video-play i{margin-left:2px}.music-video-views-badge{z-index:3;background:color-mix(in oklab, #020a108c var(--night-amt), #f5fcfcb8);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:.58rem;font-weight:600;transition:background .22s;display:inline-flex;position:absolute;top:10px;right:10px}.music-video-views-badge i{color:var(--cyan);font-size:.75rem}.music-video-poster:hover .music-video-views-badge{background:color-mix(in oklab, #020a10b8 var(--night-amt), #f5fcfcdb)}.music-video-poster:hover img,.music-video-poster:focus-visible img{filter:saturate()brightness(1.02);transform:scale(1.05)}.music-video-poster:hover .music-video-play,.music-video-poster:focus-visible .music-video-play{background:color-mix(in oklab, #8ce5e447 var(--night-amt), #f1fafac7);border-color:var(--cyan);box-shadow:0 0 20px color-mix(in oklab, #8ce5e442 var(--night-amt), #0b697124);transform:translate(-50%,-50%)scale(1.06)}.music-video-embed iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.music-video.is-playing .music-video-poster{display:none}.music-video-meta{gap:8px;padding:0 2px;display:grid}.music-video-title{font-family:var(--serif);letter-spacing:.01em;margin:0;font-size:clamp(.98rem,1.15vw,1.18rem);font-weight:400;line-height:1.18}.music-video-stats{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:10px 14px;margin:0;font-size:.62rem;display:flex}.music-video-stats span{align-items:center;gap:6px;display:inline-flex}.music-video-views{color:var(--ink);font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:none;font-size:clamp(.92rem,1.05vw,1.08rem)}.music-video-likes{color:var(--ink-faint)}.music-video-stats i{font-size:.9rem}.music-video-views i{color:var(--cyan);font-size:.95rem}.music-video-caption{color:var(--ink-soft);margin:0;font-size:.72rem;line-height:1.55}.music-scroll-hint{color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-top:18px;font-size:.62rem;display:inline-flex}.music-scroll-hint i{color:var(--cyan);font-size:.82rem}.music-screen .collection-footnote{margin-top:clamp(36px,4.5vh,56px)}.collection-intro{max-width:390px;color:var(--ink-soft);margin:30px 0 0;font-size:.9rem;line-height:1.65}.text-link{border-bottom:1px solid var(--line-strong);color:var(--ink);align-items:center;gap:12px;margin-top:62px;padding-bottom:9px;font-size:.8rem;text-decoration:none;display:inline-flex}.text-link i{color:var(--cyan)}.media-archive-grid{grid-template-rows:repeat(12,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(7px,.65vw,12px);height:clamp(660px,78svh,900px);min-height:0;display:grid}.archive-item{min-width:0;min-height:0;overflow:hidden}.archive-media-button{width:100%;height:100%;color:inherit;text-align:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.archive-media-button:focus-visible{outline:2px solid color-mix(in oklab, var(--cyan) 72%, white);outline-offset:3px}.archive-item:first-child{grid-area:1/1/8/5}.archive-item:nth-child(2){grid-area:1/5/6/10}.archive-item:nth-child(3){grid-area:1/10/6/13}.archive-item:nth-child(4){grid-area:6/5/13/8}.archive-item:nth-child(5){grid-area:6/8/13/13}.archive-item:nth-child(6){grid-area:8/1/13/5}.archive-item .media-frame{border:1px solid color-mix(in oklab, #d3ebeb47 var(--night-amt), #0b697138);background:color-mix(in oklab, #010a11b8 var(--night-amt), #e9f5f7c7);width:100%;height:100%;min-height:0}.archive-item img{object-fit:cover;width:100%;height:100%}.archive-item:first-child img{object-position:50% 34%}.archive-item:nth-child(2) img{object-position:50% 28%}.archive-item:nth-child(3) img{object-position:50% 25%}.archive-item:nth-child(4) img,.archive-item:nth-child(5) img{object-position:50% 34%}.archive-item:nth-child(6) img{object-position:50% 32%}.media-play,.feature-play{border:1px solid color-mix(in oklab, #effaf9c2 var(--night-amt), #0b69718c);background:color-mix(in oklab, #030e169e var(--night-amt), #e9f5f7b3);width:56px;height:56px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:50%;place-items:center;font-size:1.15rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-duration{color:var(--ink);letter-spacing:.08em;font-size:.58rem;position:absolute;bottom:10px;right:12px}.archive-meta{gap:10px;margin-top:11px;display:flex}.archive-meta span:before{content:"·";color:var(--ink-faint);margin-right:10px}.archive-item h2{font-family:var(--serif);letter-spacing:.04em;text-transform:uppercase;margin:7px 0 0;font-size:clamp(.95rem,1.05vw,1.2rem);font-weight:400}.archive-caption{color:var(--ink-soft);margin:5px 0 0;font-size:.67rem;line-height:1.35}.about-screen{grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);align-content:center;gap:8vw;display:grid}.about-heading h1{max-width:720px}.about-intro{max-width:660px;color:var(--ink-soft);font-family:var(--serif);margin:36px 0 0;font-size:clamp(1.15rem,1.55vw,1.55rem);line-height:1.55}.about-facts{border-top:1px solid var(--line-strong);margin:0}.about-fact{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr;gap:18px;padding:20px 0;display:grid}.about-fact dt,.detail-facts dt{color:var(--ink-faint);letter-spacing:.16em;text-transform:uppercase;font-size:.58rem}.about-fact dd,.detail-facts dd{color:var(--ink-soft);margin:0;font-size:.82rem;line-height:1.5}.about-links{flex-wrap:wrap;gap:28px;display:flex}.about-note{max-width:580px;color:var(--ink-faint);grid-column:2;margin:0;font-size:.72rem;line-height:1.65}.data-screen{height:100svh;min-height:100svh;padding:clamp(88px, 9.5vh, 108px) var(--edge) clamp(34px, 4.5vh, 48px);grid-template-columns:minmax(235px,19vw) minmax(0,1fr);align-items:stretch;gap:clamp(20px,2vw,32px);display:grid;position:relative;overflow:hidden}.data-rail{flex-direction:column;min-width:0;display:flex}.data-heading h1{max-width:none;font-family:var(--serif);letter-spacing:-.05em;white-space:nowrap;margin:clamp(18px,2.4vh,28px) 0 0;font-size:clamp(2.2rem,2.6vw,3.1rem);font-weight:400;line-height:.88}.data-heading .collection-intro{max-width:34ch;color:var(--ink-soft);margin-top:clamp(28px,3.5vh,38px);font-size:clamp(.78rem,.9vw,.9rem);line-height:1.62}.data-heading-rule{background:var(--line-strong);width:100%;height:1px;margin-top:clamp(34px,4.6vh,52px);display:block}.data-project-index{gap:clamp(9px,1.25vh,14px);margin-top:clamp(20px,2.8vh,30px);display:grid}.data-project-index-button{width:100%;min-height:48px;color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:18px 18px minmax(0,1fr);align-items:start;gap:7px;padding:6px 0;transition:color .22s,transform .22s;display:grid}.data-project-index-number{color:var(--cyan);font-variant-numeric:tabular-nums;letter-spacing:.08em;padding-top:3px;font-size:.63rem}.data-project-index-rule{background:var(--cyan);opacity:0;width:0;height:1px;margin-top:8px;transition:width .26s,opacity .22s}.data-project-index-copy{gap:7px;min-width:0;display:grid}.data-project-index-title{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(.82rem,1.05vw,1.05rem);line-height:1.12}.data-project-index-meta{color:var(--cyan);letter-spacing:.16em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.48rem;overflow:hidden}.data-project-index-button:hover,.data-project-index-button[aria-current=true]{color:var(--ink)}.data-project-index-button:hover{transform:translate(2px)}.data-project-index-button[aria-current=true] .data-project-index-rule{opacity:1;width:100%}.data-stage{border-left:1px solid var(--line);min-width:0;padding-left:clamp(24px,2.5vw,44px)}.data-stage-panel{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;animation:.46s cubic-bezier(.22,.61,.36,1) both data-stage-enter;display:grid}.data-stage-panel[hidden]{display:none}.data-stage-copy{min-width:0;padding:clamp(4px,.7vh,8px) 0 clamp(16px,2vh,22px)}.data-stage-label,.data-stage-meta{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.54rem}.data-stage-title{max-width:940px;font-family:var(--serif);letter-spacing:-.045em;margin:9px 0 0;font-size:clamp(1.9rem,2.4vw,2.7rem);font-weight:400;line-height:.98}.data-stage-meta{margin-top:8px}.data-stage-summary{max-width:58ch;color:var(--ink-soft);margin:8px 0 0;font-size:clamp(.72rem,.8vw,.84rem);line-height:1.5}.data-stage-action{border:1px solid var(--line-strong);background:color-mix(in oklab, #081b2547 var(--night-amt), #e8f5f77a);color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:999px;align-items:center;gap:10px;margin-top:13px;padding:8px 13px;font-size:.58rem;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.data-stage-action i{color:var(--cyan)}.data-stage-action:hover,.data-stage-action:focus-visible{border-color:var(--cyan);background:color-mix(in oklab, #081b258a var(--night-amt), #eef8f9c7);color:var(--ink)}.data-stage-visual{grid-template-rows:clamp(200px,36vh,340px) clamp(105px,18vh,170px) auto;grid-template-columns:minmax(0,1fr) minmax(340px,1.12fr);gap:clamp(11px,1.4vw,22px) clamp(22px,2.5vw,40px);min-height:0;display:grid}.data-code-chart,.data-infographic-preview{min-width:0;min-height:0;margin:0}.data-curve-plots{grid-area:1/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,48px);min-width:0;min-height:0;display:grid}.data-chart-capacity{grid-area:2/1}.data-code-chart{grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.data-code-chart-caption{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:4px;display:flex}.data-code-chart-title{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.02em;font-size:clamp(.58rem,.68vw,.68rem)}.data-code-chart-note{color:var(--cyan);letter-spacing:.15em;white-space:nowrap;font-size:.43rem}.data-code-chart-canvas{cursor:crosshair;touch-action:pan-y;width:100%;height:100%;min-height:0;display:block}.data-code-chart-canvas:focus-visible{outline:1px solid var(--cyan);outline-offset:-2px}.data-chart-tooltip{z-index:2;border:1px solid var(--line-strong);background:color-mix(in oklab, #05161fe0 var(--night-amt), #e1f1f2e6);min-width:132px;box-shadow:0 8px 24px color-mix(in oklab, #08232d24 var(--night-amt), transparent);color:var(--ink);pointer-events:none;-webkit-backdrop-filter:blur(10px);gap:4px;padding:8px 9px;font-size:.52rem;display:grid;position:absolute;top:34px;right:7px}.data-chart-tooltip[hidden]{display:none}.data-chart-tooltip-kicker{border-bottom:1px solid var(--line);color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;padding-bottom:4px;font-size:.46rem}.data-chart-tooltip-row{grid-template-columns:8px 1fr auto;align-items:center;gap:5px;display:grid}.data-chart-tooltip-row:before{background:var(--series-color);content:"";border-radius:50%;width:5px;height:5px}.data-chart-tooltip-row strong{font-variant-numeric:tabular-nums;font-weight:600}.data-infographic-preview .media-frame{background:0 0;width:100%;height:100%}.data-stage-metrics{grid-area:2/2;grid-template-columns:repeat(3,minmax(0,1fr));align-self:center;margin:0;display:grid}.data-stage-metric{border-left:1px solid var(--line-strong);min-width:0;padding:0 clamp(12px,1.3vw,20px)}.data-stage-metric:first-child{border-left:0;padding-left:0}.data-stage-metric dt{color:var(--ink-faint);letter-spacing:.16em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.5rem;overflow:hidden}.data-stage-metric dd{font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:10px 0 0;font-size:clamp(1.8rem,2.45vw,2.8rem)}.data-infographic-preview,.data-game-preview{grid-area:1/1/3/-1;overflow:hidden}.data-infographic-preview .media-frame img{object-fit:contain;object-position:center;filter:saturate(.72)contrast(.96);width:100%;height:100%;box-shadow:0 18px 48px color-mix(in oklab, #000f181f var(--night-amt), #1a4e5814)}.data-game-preview{border:1px solid var(--line);background:#f5f6f1e6}.data-game-preview iframe{pointer-events:none;border:0;width:100%;height:100%;min-height:360px;display:block}@keyframes data-stage-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.contact-section{min-height:78svh}.contact-screen{min-height:100%;padding:clamp(96px, 13vh, 132px) var(--edge) clamp(56px, 8vh, 88px);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.contact-heading{max-width:760px;font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(2.9rem,5.2vw,5rem);font-weight:400;line-height:.98}.contact-intro{max-width:560px;color:var(--ink-soft);font-family:var(--serif);margin:30px 0 0;font-size:clamp(1.05rem,1.3vw,1.3rem);line-height:1.6}.contact-links{flex-wrap:wrap;gap:18px 40px;margin-top:46px;display:flex}.contact-links .text-link{margin-top:0}.contact-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;width:100%;max-width:760px;margin-top:clamp(64px,10vh,104px);padding-top:22px;display:flex}.contact-ascend{color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;font-size:.66rem;text-decoration:none;transition:color .22s;display:inline-flex}.contact-ascend i{color:var(--cyan);transition:transform .22s}.contact-ascend:hover,.contact-ascend:focus-visible{color:var(--ink)}.contact-ascend:hover i,.contact-ascend:focus-visible i{transform:translateY(-3px)}.contact-credit{color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.6rem}.project-detail{grid-template-columns:minmax(360px,.55fr) minmax(0,1fr);grid-template-areas:"overview media""pagination media""narrative narrative";align-items:start;gap:24px clamp(42px,5vw,82px);padding-top:clamp(108px,12vh,132px);display:grid}.project-overview{grid-area:overview;max-width:440px}.detail-back{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin:0 0 54px;padding:0;font-size:.78rem;display:inline-flex}.detail-back i{color:var(--cyan)}.detail-index{color:var(--cyan);letter-spacing:.24em;margin:0 0 25px;font-size:.65rem}.project-overview h1{max-width:440px;font-size:clamp(3.5rem,5.4vw,6.6rem)}.project-overview h1>span{display:block}.detail-summary{max-width:320px;color:var(--ink-soft);margin:30px 0 0;font-size:.9rem;line-height:1.7}.detail-project-tagline{color:var(--ink);font-family:var(--serif);margin:24px 0 0;font-size:clamp(1.5rem,2.15vw,2.4rem);line-height:1.15}.detail-facts{border-top:1px solid var(--line);max-width:320px;margin:30px 0 0}.detail-facts>div{border-bottom:1px solid var(--line);grid-template-columns:35% 1fr;gap:18px;padding:17px 0;display:grid}.detail-links{flex-wrap:wrap;gap:14px 28px;max-width:355px;margin-top:22px;display:flex}.project-media{grid-area:media;padding-top:28px}.feature-label{margin:0 0 12px}.feature-media{aspect-ratio:1.94;border:1px solid color-mix(in oklab, #d6ecec59 var(--night-amt), #0b697147);border-radius:4px}.feature-media img{object-fit:cover;width:100%;height:100%}.feature-play{width:70px;height:70px;font-size:1.35rem}.project-media-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.project-media-item>p{margin:0 0 9px}.project-media-item .media-frame{aspect-ratio:1.24;border:1px solid color-mix(in oklab, #d6ecec47 var(--night-amt), #0b697138);border-radius:3px}.project-media-item img{object-fit:cover;width:100%;height:100%}.project-pagination{grid-area:pagination;justify-content:space-between;align-self:end;align-items:center;max-width:320px;margin-top:18px;display:flex}.pagination-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:.72rem;display:inline-flex}.pagination-button i{border:1px solid var(--line-strong);width:43px;height:43px;color:var(--cyan);border-radius:50%;place-items:center;display:grid}.project-narrative{border-top:1px solid var(--line);grid-area:narrative;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw;margin-top:42px;padding-top:42px;display:grid}.narrative-section h2{font-family:var(--serif);letter-spacing:-.04em;margin:20px 0 0;font-size:clamp(2.4rem,3.7vw,4.5rem);font-weight:400;line-height:.95}.narrative-section p{max-width:650px;color:var(--ink-soft);margin:24px 0 0;font-size:.86rem;line-height:1.75}.interactive-project-detail{grid-template-columns:390px minmax(0,840px);grid-template-areas:"overview media";align-items:stretch;gap:clamp(34px,4vw,70px);min-height:100%;padding-top:clamp(116px,13vh,142px);padding-bottom:42px;padding-right:107px}.interactive-project-detail .project-overview{align-self:start;max-width:390px;transform:translateY(-14px)}.interactive-project-detail .detail-back{margin-bottom:42px}.interactive-project-detail .project-overview h1{max-width:390px;font-size:clamp(3.8rem,5.1vw,5.7rem);line-height:.88}.interactive-project-detail .detail-summary{max-width:320px;margin-top:18px}.interactive-project-detail .detail-project-tagline{white-space:nowrap;font-size:clamp(1.35rem,1.9vw,2rem)}.interactive-project-detail .detail-facts{max-width:355px;margin-top:25px}.interactive-project-detail .detail-facts>div{padding:12px 0}.interactive-project-detail .project-media{grid-template-rows:minmax(0,1fr);align-self:start;width:100%;height:min(78vh,796px);min-height:0;margin-top:52px;padding-top:0;display:grid}.interactive-project-detail .project-pagination{display:none}.interactive-project-detail .project-narrative{grid-area:auto/1;grid-template-columns:minmax(0,1fr);gap:28px;max-width:390px;margin-top:12px;padding-top:34px}.interactive-browser{transform-origin:50%;background:#eef4f0;border:1px solid #cde8e752;border-radius:4px;min-height:0;transition:transform .56s cubic-bezier(.22,1,.36,1),box-shadow .56s cubic-bezier(.22,1,.36,1),border-color .42s;position:relative;overflow:hidden;box-shadow:0 34px 90px #00060c6b}.interactive-browser-bar{color:#43584e;letter-spacing:.03em;text-align:center;background:#e3ebe6;border-bottom:1px solid #0b2a2024;grid-template-columns:76px 1fr 76px;align-items:center;height:32px;padding:0 12px;font-size:.58rem;display:grid}.interactive-browser-lights{gap:6px;display:flex}.interactive-browser-lights i{background:#a8bbb0;border-radius:50%;width:7px;height:7px}.interactive-browser iframe{pointer-events:none;background:#f2f5f0;border:0;width:100%;height:calc(100% - 32px);min-height:620px;display:block}.interactive-activate{z-index:2;color:#f4faf7;cursor:pointer;background:#03101a1f;border:0;place-content:center;gap:8px;margin:0;padding:24px;transition:opacity .32s,background .28s,visibility .32s;display:grid;position:absolute;inset:32px 0 0}.interactive-activate:hover,.interactive-activate:focus-visible{background:#03101a47}.interactive-activate:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}.interactive-activate-label{-webkit-backdrop-filter:blur(10px);font-family:var(--serif);letter-spacing:.02em;background:#04121cc7;border-radius:999px;justify-self:center;padding:10px 18px;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:400;box-shadow:0 12px 36px #00000047}.interactive-collapse{border:1px solid color-mix(in oklab, #cde8e757 var(--night-amt), #0b697147);background:color-mix(in oklab, #04121ce0 var(--night-amt), #e9f5f7e0);width:min(220px,100%);color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:0 auto;padding:12px 18px;font-size:.68rem;transition:color .22s,border-color .22s,background .22s,transform .22s;display:none}.interactive-collapse i{color:var(--cyan);font-size:.95rem}.interactive-collapse:hover,.interactive-collapse:focus-visible{color:var(--ink);border-color:color-mix(in oklab, #cde8e78c var(--night-amt), #0b69716b);background:color-mix(in oklab, #061824f5 var(--night-amt), #e9f5f7f0);transform:translateY(-1px)}.interactive-collapse:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.interactive-project-detail.experience-expanded .project-media{z-index:80;width:auto;height:calc(100dvh - 86px);min-height:0;max-height:calc(100dvh - 86px);box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:minmax(0,1fr);gap:0;margin:0;padding:0;display:grid;position:fixed;inset:64px 22px 22px}.interactive-project-detail .project-media.experience-morphing{pointer-events:none;will-change:top, left, width, height;z-index:80;overflow:hidden}.interactive-project-detail .project-media.experience-morphing .interactive-activate{opacity:0;visibility:hidden}.interactive-project-detail .project-media.experience-morphing .interactive-browser{transition:none}.interactive-project-detail .project-media.experience-morphing .interactive-browser iframe{height:calc(100% - 32px);min-height:0}.interactive-project-detail.experience-expanded .interactive-activate{opacity:0;visibility:hidden;pointer-events:none}.interactive-project-detail.experience-expanded .interactive-collapse{z-index:3;width:auto;margin:0;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.interactive-project-detail.experience-expanded .interactive-collapse:hover,.interactive-project-detail.experience-expanded .interactive-collapse:focus-visible{transform:translate(-50%)translateY(-1px)}.interactive-project-detail.experience-expanded .interactive-browser{border-radius:4px;flex-direction:column;height:100%;min-height:0;display:flex;box-shadow:0 18px 60px #00000059}.interactive-project-detail.experience-expanded .interactive-browser-bar{flex:0 0 32px}.interactive-project-detail.experience-expanded .interactive-browser iframe{pointer-events:auto;flex:auto;height:auto;min-height:0}.portfolio-panel.experience-expanded .interactive-depth-readout{opacity:0;pointer-events:none}.interactive-depth-readout{bottom:34px;left:var(--edge);color:var(--ink-soft);align-items:baseline;gap:9px;margin:0;display:flex;position:fixed}.interactive-depth-readout:before{content:"";background:var(--cyan);width:42px;height:1px;margin-right:2px}.interactive-depth-readout span{color:var(--ink-faint);letter-spacing:.18em;text-transform:uppercase;font-size:.54rem;position:absolute;bottom:17px;left:0}.interactive-depth-readout strong{font-family:var(--serif);letter-spacing:.08em;font-size:1.55rem;font-weight:400}.interactive-depth-readout em{color:var(--ink-faint);font-size:.67rem;font-style:normal}html[data-qa=true] *,html[data-qa=true] :before,html[data-qa=true] :after{caret-color:#0000!important;transition:none!important;animation:none!important}html[data-qa=true]{scroll-behavior:auto;scroll-snap-type:none}@media (width<=1400px){.campaign-slide-caption{grid-template-columns:auto auto minmax(0,1fr) auto}.campaign-slide-types{display:none}}@media (width<=1050px){.discipline,.panel-masthead>p{display:none}.surface-hero-copy{left:var(--edge);width:min(45vw,510px)}.surface-hero-copy h1{font-size:clamp(3.2rem,6.3vw,4.5rem)}.surface-portrait{width:67vw;right:-7vw}.masthead,.panel-masthead{grid-template-columns:1fr 1fr}.campaign-projects-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-projects-supporting{max-width:64%}.campaign-project{margin-top:0}.campaigns-screen{gap:12px;padding-top:clamp(56px,6.5vh,70px)}.campaigns-heading h1{font-size:clamp(3.2rem,6.2vw,4.6rem)}.campaign-slide[data-position=active]{width:min(78cqi, 860px, calc((100cqh - var(--campaign-caption)) * 16 / 10))}.campaign-slide{width:min(26cqi, calc((100cqh - var(--campaign-caption)) * .62))}.campaign-slide-caption{grid-template-columns:auto auto minmax(110px,1fr) auto}.campaign-slide-types{display:none}.campaign-slide-action{gap:0;font-size:0}.campaign-slide-action i{font-size:.95rem}.music-screen{padding-right:var(--edge)}.music-heading .collection-filters{gap:15px}.music-video-grid{gap:18px}.music-video{width:clamp(200px,22cqi,260px);max-width:none}.project-detail{grid-template-columns:minmax(270px,.42fr) minmax(0,1fr)}.interactive-project-detail{grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);padding-right:92px}.interactive-project-detail .project-overview h1{font-size:clamp(3rem,6vw,4.7rem)}}@media (width<=760px){:root{--edge:20px}.masthead,.panel-masthead{min-height:58px}.surface-hero-copy{top:18svh;left:var(--edge);width:calc(100vw - 2 * var(--edge))}.surface-hero-copy h1{letter-spacing:.06em;font-size:clamp(2.15rem,8.2vw,3rem);line-height:.92}.surface-hero-copy h1:after{margin:18px 0 16px}.surface-hero-tagline{font-size:clamp(1.15rem,4.6vw,1.35rem);line-height:1.3}.surface-hero-credential{letter-spacing:.045em;margin-top:.8em;font-size:.68rem;line-height:1.45}.surface-portrait{width:118vw;height:88svh;right:-34vw}.surface-portrait-image{transform:translateY(1.5svh)scale(1.16)}.surface-hero:before{background:linear-gradient(90deg, rgb(1 10 18/calc(.34 * var(--hero-night))) 0%, transparent 72%)}.theme-toggle,.panel-close{min-height:34px}.theme-toggle{width:34px;min-width:34px}.panel-close span,.depth-gauge{display:none}.collection-screen,.project-detail{padding:88px 20px 112px}.collection-heading h1,.about-heading h1,.data-heading h1{font-size:clamp(2.4rem,10vw,3.4rem)}.collection-filters{gap:20px;margin-top:38px}.campaign-projects{gap:40px;margin-top:32px}.campaign-projects-featured,.campaign-projects-supporting{grid-template-columns:1fr;gap:40px;max-width:none}.campaign-project .media-frame{aspect-ratio:1.5}.campaign-project.is-featured h2{font-size:2rem}.campaign-project.is-supporting h2{font-size:1.45rem}.campaign-project h2{font-size:1.8rem}.campaigns-screen{flex-direction:column;height:auto;min-height:100svh;max-height:none;padding:88px 20px 104px;display:flex;overflow:hidden}.campaigns-heading{display:block}.campaigns-heading h1{white-space:normal;font-size:clamp(3.8rem,19vw,5.4rem);line-height:.86}.campaigns-heading .heading-rule{margin-top:26px}.campaign-carousel{margin-top:34px;padding-top:0}.campaign-carousel-viewport{height:auto;min-height:330px}.campaign-slide,.campaign-slide[data-position=left],.campaign-slide[data-position=right],.campaign-slide[data-position=far-left],.campaign-slide[data-position=far-right],.campaign-slide[data-position=hidden]{display:none}.campaign-slide[data-position=active]{opacity:1;width:100%;max-height:none;display:block;position:relative;top:auto;left:auto;transform:none}.campaign-slide[data-position=active] .media-frame{aspect-ratio:1.42;max-height:none}.campaign-slide-hint{padding:8px 12px 8px 14px;font-size:.58rem;bottom:14px}.campaign-slide-caption{grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;min-height:74px;padding:12px 14px}.campaign-slide-number,.campaign-slide-year{padding-right:9px}.campaign-slide-title{font-size:clamp(1.08rem,5.6vw,1.45rem)}.campaign-slide-types{display:none}.campaign-slide-action{gap:0;font-size:0}.campaign-slide-action i{font-size:1rem}.campaign-carousel-controls{display:flex;top:12px;right:12px}.campaign-carousel-control{background:color-mix(in oklab, #04121bb8 var(--night-amt), #ebf7f8cc);width:34px;height:34px}.campaign-progress{gap:6px;margin:10px 0 0;padding:0}.campaign-progress-button{max-width:3.2rem;padding:10px 11px}.campaign-progress-button[aria-current=step]{max-width:min(70vw,18rem);padding:10px 12px}.campaign-progress-button[aria-current=step] .campaign-progress-copy{gap:9px}.campaign-progress-title{font-size:.84rem}.music-screen,.about-screen,.data-screen,.project-detail{display:block}.data-screen{height:auto;min-height:100%;padding:88px 20px 96px;overflow:visible}.data-heading h1{white-space:normal;margin-top:26px}.data-heading .collection-intro{max-width:38ch;margin-top:26px}.data-heading-rule{margin-top:32px}.data-project-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-top:22px}.data-project-index-button{grid-template-columns:24px 28px minmax(0,1fr);min-height:58px}.data-project-index-meta{white-space:normal}.data-stage{border-top:1px solid var(--line);border-left:0;margin-top:30px;padding:30px 0 0}.data-stage-panel{height:auto}.data-stage-title{font-size:clamp(2.2rem,7.4vw,3.4rem)}.data-stage-summary{max-width:55ch}.data-stage-visual{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:10px}.data-curve-plots,.data-chart-capacity,.data-stage-metrics,.data-infographic-preview,.data-game-preview{grid-column:1}.data-curve-plots{grid-row:1;min-height:430px}.data-chart-capacity{grid-row:2;min-height:210px}.data-stage-metrics{grid-row:3}.data-infographic-preview,.data-game-preview{grid-row:1/4;height:clamp(390px,80vw,620px)}.data-stage-metric dd{font-size:clamp(2rem,7vw,3rem)}.interactive-project-detail{display:block}.music-heading{flex-direction:column;align-items:flex-start;padding-top:10px}.music-total-views{text-align:left;justify-items:start;margin-top:8px}.music-total-views-value{font-size:clamp(2.6rem,12vw,3.6rem)}.music-video-grid{gap:16px;padding:4px 0 18px}.music-video{width:clamp(160px,38vw,220px);max-width:none}.media-archive-grid{grid-template-rows:repeat(4,clamp(128px,35vw,180px));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:auto;min-height:0;margin-top:26px;display:grid}.archive-item:first-child{grid-area:1/1/3}.archive-item:nth-child(2){grid-area:1/2}.archive-item:nth-child(3){grid-area:2/2}.archive-item:nth-child(4){grid-area:3/1}.archive-item:nth-child(5){grid-area:3/2/5}.archive-item:nth-child(6){grid-area:4/1}.archive-item .media-frame{aspect-ratio:auto;height:100%}.about-facts,.data-projects{margin-top:50px}.about-note{margin-top:42px}.project-overview h1{font-size:clamp(3.3rem,15vw,5.1rem)}.detail-back{margin-bottom:36px}.project-media{margin-top:54px;padding-top:0}.interactive-project-detail .project-overview{max-width:none;transform:none}.interactive-project-detail .detail-project-tagline{white-space:normal}.interactive-project-detail .project-media{height:auto;min-height:72svh;margin-top:42px;padding-top:0;display:grid}.interactive-project-detail.experience-expanded .project-media{gap:0;height:calc(100dvh - 30px);max-height:calc(100dvh - 30px);padding:0;inset:18px 12px 12px}.interactive-project-detail.experience-expanded .interactive-collapse{bottom:12px}.interactive-depth-readout{display:none}.interactive-browser iframe{min-height:520px}.feature-media{aspect-ratio:1.25}.project-media-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.project-pagination{margin-top:44px}.project-narrative{grid-template-columns:1fr;margin-top:52px}.contact-screen{padding:72px 20px 64px}.contact-heading{font-size:clamp(2.5rem,11vw,3.4rem)}.contact-links{gap:16px 28px;margin-top:36px}.contact-footer{flex-direction:column;align-items:flex-start;gap:22px}}@media (width<=600px){.data-curve-plots{grid-template-columns:1fr;min-height:560px}.data-code-chart{min-height:270px}.data-project-index{grid-template-columns:1fr}.data-project-index-button{min-height:48px}.data-stage-title{font-size:clamp(2rem,11vw,3rem)}.data-stage-metrics{gap:12px}.data-stage-metric{padding:0 9px}.data-stage-metric dt{white-space:normal}.data-stage-metric dd{font-size:clamp(1.55rem,9vw,2.35rem)}.data-infographic-preview,.data-game-preview{height:clamp(320px,94vw,470px)}}@media (forced-colors:active){#ocean{opacity:.3}.portfolio-panel{background:canvas;border:1px solid canvastext}}