.immersive-experience:has(.projects-index,.project-story){--immersive-cream:#fff;background:var(--immersive-surface)}.immersive-experience:has(.project-story)>.immersive-navigation{color:#fff;mix-blend-mode:difference;background:0 0}.immersive-experience:has(.project-story)>.immersive-navigation .immersive-logo img{filter:brightness(0)invert()}.projects-index,.project-story{color:var(--immersive-foreground);background:var(--immersive-surface)}.projects-index svg,.project-story svg{fill:none;stroke:currentColor;stroke-width:1.3px;flex-shrink:0;width:24px;height:24px}.projects-index ::selection,.project-story ::selection{color:var(--immersive-surface);background:var(--immersive-foreground)}.projects-index{touch-action:pan-x;user-select:none;outline-offset:-3px;height:100dvh;min-height:580px;position:relative;overflow:hidden}.project-index-label{z-index:3;margin:0;font-size:16px;font-weight:400;position:absolute;top:80px;left:50%;transform:translate(-50%)}.project-reel-preview{aspect-ratio:16/9;z-index:1;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-reel-track,.project-reel-media{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.project-reel-pane{width:var(--project-pane-width,calc((56.7361vw + 165px) * .74 / .62));aspect-ratio:817/469;clip-path:inset(calc(var(--project-inset,.19) * 100%));position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.project-reel-pane img{object-fit:cover;width:100%;height:100%}.is-selected .project-reel-pane{pointer-events:auto;cursor:pointer}.project-reel-list{z-index:3;pointer-events:none;position:absolute;top:0;left:0;right:0}.project-reel-row{text-transform:uppercase;height:23px;color:var(--immersive-foreground);pointer-events:none;grid-template-columns:84px 1fr 1fr 48px;align-items:center;gap:24px;padding:0 48px;font-size:13px;font-weight:500;line-height:23px;display:grid}.project-reel-row>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-reel-row .project-reel-name{max-width:190px}.project-reel-row .project-reel-discipline{text-align:right;justify-self:end}.project-reel-row .project-reel-status{text-align:right;font-size:11px}.project-reel-row.is-selected{color:var(--immersive-foreground);pointer-events:auto;cursor:pointer}.project-reel-row:focus-visible{outline-offset:1px}.project-reel-number{align-items:center;gap:12px;display:flex}.project-reel-number:before{content:"";opacity:0;background:currentColor;width:5px;height:5px}.is-selected .project-reel-number:before{opacity:1}.project-reel-fade{z-index:2;background:linear-gradient(transparent, var(--immersive-surface) 72%);pointer-events:none;height:29%;position:absolute;bottom:0;left:0;right:0}.project-reel-caption{z-index:4;text-align:center;width:min(700px,80%);min-height:44px;position:absolute;bottom:47px;left:50%;transform:translate(-50%)}.project-reel-caption h2{font-family:var(--immersive-serif);letter-spacing:-.02em;margin:0 0 6px;font-size:44px;font-weight:400;line-height:1.25}.project-reel-caption p{margin:0;font-size:16px;line-height:1.5}.project-reel-caption p span{margin-left:16px;font-size:12px;display:inline-block}.project-caption-letter{vertical-align:bottom;display:inline-block;overflow:hidden}.project-caption-letter>span{display:block}.project-reel-open{justify-content:center;align-items:center;gap:14px;min-height:44px;margin-top:6px;font-size:14px;display:flex}.project-reel-caption p .project-caption-discipline{font-size:inherit;margin-left:0}.project-reel-caption [hidden]{display:none}.project-reel-navigation{z-index:4;font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;bottom:16px;left:24px}.project-reel-navigation button{place-items:center;width:44px;height:44px;display:grid}.project-reel-navigation button:disabled{opacity:.25;cursor:default}.project-reel-hint{z-index:4;margin:0;font-size:13px;position:absolute;bottom:30px;right:24px}.project-story{min-height:100dvh}.project-back{z-index:6;color:#fff;mix-blend-mode:difference;white-space:nowrap;align-items:center;gap:10px;min-height:44px;padding:0 16px;font-size:14px;display:flex;position:fixed;top:6px;left:50%;transform:translate(-50%)}.project-back svg{width:20px}.project-story .project-back{color:#fff}.project-hero{background:var(--immersive-surface);isolation:isolate;height:100dvh;min-height:480px;position:relative}.project-hero>button{cursor:zoom-in;width:100%;height:100%;display:block}.project-hero img{object-fit:cover;width:100%;height:100%}.project-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000008c);position:absolute;inset:50% 0 0}.project-hero-caption{z-index:1;text-align:center;color:#fff;pointer-events:none;opacity:1;transition:opacity .6s;position:absolute;bottom:35px;left:24px;right:24px}.project-hero-caption h1{font-family:var(--immersive-serif);letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(64px,9vw,130px);font-weight:400;line-height:1.05}.project-hero-caption p{margin:0;font-size:16px;line-height:1.5}.project-hero-caption p span{margin-left:16px;font-size:12px;display:inline-block}.project-hero-caption a{pointer-events:auto;justify-content:center;align-items:center;gap:14px;width:fit-content;min-height:44px;margin:14px auto 0;display:flex}.project-shared-transition .project-hero>button{visibility:hidden}.project-shared-transition .project-hero:after,.project-shared-transition .project-hero-caption,.project-shared-transition .project-reel-list,.project-shared-transition .project-reel-caption{opacity:0}.project-story>.project-video-canvas{pointer-events:none;width:100vw;height:100dvh;position:fixed;inset:0;visibility:hidden!important}.project-route-transfer{z-index:4;pointer-events:none;position:fixed;inset:0}.project-route-transfer:empty{display:none}.project-transfer-surface{will-change:clip-path;position:absolute;inset:0;overflow:hidden}.project-transfer-surface img{object-fit:cover;pointer-events:none;will-change:transform;width:100%;max-width:none;height:100%;max-height:none;margin:0}.project-story-note{grid-template-columns:1.4fr 1fr;align-items:start;gap:10vw;padding:110px 9vw 120px;scroll-margin-top:100px;display:grid}.project-story-note h2{font-family:var(--immersive-serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(38px,4.3vw,64px);font-weight:400;line-height:1.1}.project-story-note p{max-width:42ch;margin:7px 0 0;font-size:17px;line-height:1.6}.project-film{margin:0 5vw 130px}.project-film>button{background:#000;width:100%;display:block;position:relative;overflow:hidden}.project-film img{width:100%;height:auto;transition:transform 1s var(--immersive-ease)}.project-film>button:hover img{transform:scale(1.02)}.project-film figcaption{grid-template-columns:1fr 1fr;gap:7vw;padding-top:20px;display:grid}.project-film h3{font-family:var(--immersive-serif);margin:0;font-size:32px;font-weight:400}.project-film p{max-width:50ch;margin:0;font-size:14px;line-height:1.5}.project-film--small{width:65%;margin:0 auto 140px}.project-logo-showcase{margin:0 5vw 130px;scroll-margin-top:90px}.project-logo-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px;display:flex}.project-logo-heading h2{font-family:var(--immersive-serif);letter-spacing:-.02em;text-wrap:balance;margin:0 0 14px;font-size:clamp(36px,4vw,56px);font-weight:400;line-height:1.1}.project-logo-heading p{max-width:50ch;margin:0;font-size:16px;line-height:1.5}.project-story .project-logo-toggle{border:1px solid;flex-shrink:0;min-height:44px;padding:0 16px;font-size:14px}.project-story .project-logo-toggle:hover{color:var(--immersive-surface);background:var(--immersive-foreground)}.project-story .project-logo-toggle[hidden]{display:none}.project-logo-pair{grid-template-columns:1fr 1fr;display:grid}.project-logo-panel{border:1px solid var(--immersive-border);min-width:0;margin:0}.project-logo-panel--solid{color:#fff;background:#000}.project-logo-panel--motion{background:var(--immersive-surface-raised);border-left:0}.project-logo-panel figcaption{justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:12px 24px;font-size:14px;display:flex}.project-logo-panel small{font:inherit;opacity:.7;display:block}.project-logo-panel a{text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;text-decoration:underline;display:flex}.project-logo-panel a svg{width:18px;height:18px}.project-logo-stage{place-items:center;height:clamp(320px,33vw,520px);padding:64px;display:grid}.project-story .project-logo-artwork{fill:none;stroke:none;width:100%;max-width:280px;height:100%;max-height:300px;overflow:visible}.project-story .project-logo-solid,.project-logo-resolved,.project-logo-fluid-body,.project-logo-liquid{fill:currentColor;stroke:none}.project-logo-trace{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-linecap:round}.project-logo-liquid,.project-logo-trace{opacity:0}.project-film-play{color:#000;background:var(--immersive-cream);white-space:nowrap;align-items:center;gap:14px;min-height:54px;padding:0 22px;font-size:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-spread{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:3vw;margin:0 5vw 130px;display:grid}.project-spread figure{min-width:0;margin:0}.project-spread figure:first-child{grid-column:1/span 7}.project-spread figure:nth-child(2){grid-column:9/span 4;margin-top:15vw}.project-spread figure:only-child{grid-column:3/span 8}.project-spread button{cursor:zoom-in;width:100%;display:block}.project-spread img{width:100%;height:auto}.project-spread--1 figure:first-child{grid-column:1/span 4}.project-spread--1 figure:nth-child(2){grid-column:6/span 7;margin-top:9vw}.project-spread--1 figure:only-child{grid-column:3/span 8}.project-ending{background:var(--immersive-surface);color:var(--immersive-foreground);padding:70px 5vw 40px}.project-ending>p{margin:0 0 25px;font-size:18px}.project-ending>a{display:block}.project-ending-image{aspect-ratio:2.2;overflow:hidden}.project-ending-image img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--immersive-ease)}a:hover .project-ending-image img,a:focus-visible .project-ending-image img{transform:scale(1.04)}.project-ending-title{justify-content:space-between;align-items:center;gap:25px;padding:30px 0 60px;display:flex}.project-ending-title h2{font-family:var(--immersive-serif);letter-spacing:-.03em;margin:0;font-size:clamp(48px,8vw,112px);font-weight:400;line-height:1}.project-ending-title span{align-items:center;gap:20px;display:flex}.project-ending-all{text-underline-offset:6px;align-content:center;width:fit-content;min-height:44px;text-decoration:underline!important}@media (width<=1023px){.project-reel-list{display:none}.project-reel-pane{width:var(--project-pane-width,calc((56.7361vw + 165px) * .9 / .7));clip-path:inset(calc(var(--project-inset,.15) * 100%))}}@media (width<=767px){.projects-index{min-height:0}.project-index-label{font-size:14px;top:83px}.project-reel-caption{width:88%;bottom:62px}.project-reel-caption h2{font-size:36px}.project-reel-caption p{font-size:14px}.project-reel-caption p span{margin-left:10px;font-size:11px}.project-reel-navigation{bottom:8px;left:50%;transform:translate(-50%)}.project-reel-hint{display:none}.project-reel-fade{background:linear-gradient(transparent, var(--immersive-surface) 72%);height:29%}.project-back{gap:6px;padding-inline:10px;font-size:12px}.project-hero{min-height:0}.project-hero-caption{bottom:26px;left:18px;right:18px}.project-hero-caption h1{font-size:clamp(52px,13vw,88px)}.project-hero-caption p{font-size:14px}.project-story-note{padding:65px 7vw 70px;display:block}.project-story-note h2{max-width:15ch;font-size:40px}.project-story-note p{margin-top:25px;font-size:16px}.project-film,.project-film--small{width:auto;margin:0 5vw 75px}.project-film figcaption,.project-film--small figcaption{display:block}.project-film h3,.project-film--small h3{font-size:28px}.project-film p,.project-film--small p{margin-top:10px;font-size:13px}.project-film-play{min-height:48px;padding-inline:16px;font-size:14px}.project-spread{margin:0 5vw 75px;display:block}.project-spread figure{width:100%}.project-spread figure:first-child{margin:0}.project-spread figure:nth-child(2){width:83%;margin:50px 0 0 auto}.project-spread figure:only-child{width:100%}.project-logo-showcase{margin-bottom:75px}.project-logo-heading{margin-bottom:28px;display:block}.project-logo-heading h2{font-size:36px}.project-logo-heading p{font-size:16px}.project-logo-pair{grid-template-columns:1fr}.project-logo-panel--motion{border-left:1px solid var(--immersive-border);border-top:0}.project-logo-panel figcaption{padding-inline:18px;font-size:13px}.project-logo-stage{height:340px;padding:64px}.project-ending{padding-top:45px}.project-ending>p{font-size:16px}.project-ending-image{aspect-ratio:1.2}.project-ending-title{padding:22px 0 35px;display:block}.project-ending-title h2{font-size:52px}.project-ending-title span{min-height:44px;margin-top:18px}}@media (prefers-reduced-motion:reduce){.project-hero-caption,.project-film img,.project-ending-image img{transition:none}.project-film>button:hover img,.project-ending a:hover img{transform:none}}