@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-display:swap}
:root{--paper:#f4f5f0;--ink:#1c262d;--muted:#58656c;--line:#cdd3d2;--blue:#244d74;--accent:#244d74;--surface:#e8eeed;--ease:cubic-bezier(.16,1,.3,1);font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}body.dark{--paper:#171f25;--ink:#edf1ed;--muted:#b3bfc1;--line:#455157;--surface:#26343c;--blue:#a6c8e8;color-scheme:dark}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#c5d5dc;color:#17242e}img,video{display:block;max-width:100%}figure,p,h1,h2,h3,h4{margin:0}svg{width:22px;height:22px;flex-shrink:0}a,button{text-underline-offset:5px}button{touch-action:manipulation}.skip{position:fixed;left:24px;top:-100px;padding:12px;background:var(--ink);color:var(--paper);z-index:120}.skip:focus{top:10px}
.nav{height:86px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:30px;background:var(--paper);border-bottom:1px solid var(--line)}.wordmark{font-size:34px;font-weight:800;letter-spacing:-.04em}.nav>nav{display:flex;gap:28px;align-items:center}.nav>nav a{font-size:12px;color:var(--muted);position:relative;padding:14px 0;transition:color .2s}.nav>nav a.active{color:var(--ink)}.nav>nav a:after{content:'';height:2px;position:absolute;bottom:5px;left:0;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav>nav a.active:after,.nav>nav a:hover:after{transform:scaleX(1)}.nav-end{display:flex;gap:20px;align-items:center}.nav-end>a{display:flex;align-items:center;gap:12px;font-size:12px}.nav-end button{padding:8px}.nav-end svg{width:19px;height:19px}
.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:4vw;max-width:1680px;margin:auto;padding:85px 4vw 90px;align-items:center;min-height:690px}.hero-identity{font-size:15px;margin-bottom:27px}.hero h1{font-size:clamp(54px,5.7vw,90px);font-weight:500;letter-spacing:-.035em;line-height:1.22;margin-bottom:28px;text-wrap:balance}.hero h1 span{color:var(--blue)}.hero-description{font-size:15px;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.solid-action,.text-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:12px;line-height:1.6;min-height:44px}.solid-action{background:var(--ink);color:var(--paper);padding:16px 22px}.solid-action svg{width:18px;height:18px}.text-action{border-bottom:1px solid var(--line);padding:10px 0}.text-action svg{width:18px;height:18px;transition:transform .3s var(--ease)}.text-action:hover svg{transform:translateX(4px)}.hero-media{min-width:0;position:relative;padding:24px 24px 0;background:#d8e3e5;border-radius:4px;transform:rotate(-1deg);box-shadow:12px 24px 65px #182f3c16}.hero-media video{width:100%;aspect-ratio:16/10;object-fit:contain;background:#18222c}.reel-controls{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px 0 10px;color:#1c303c;font-size:11px}.reel-controls button{font-size:11px;border-bottom:1px solid #76868e;padding:5px 0}.reel-caption{font-size:10px;line-height:1.7;color:#4f626b;padding-bottom:18px}.collection-overview{padding:28px 4vw 38px;max-width:1680px;margin:auto;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:10px}.collection-overview>span{font-size:18px}.collection-overview>p{font-size:14px;color:var(--muted)}.collection-overview nav{grid-column:2;display:flex;gap:10px 28px;flex-wrap:wrap;font-size:12px;margin-top:8px}.collection-overview nav a{padding:8px 0;border-bottom:1px solid var(--line)}
.project-chapter{--chapter-bg:var(--paper);--accent:#315d78;background:var(--chapter-bg);padding:50px 4vw 65px;scroll-margin-top:85px}.theme-workbenches{--chapter-bg:#eae8ef;--accent:#635778}.theme-commerce{--chapter-bg:#f0e7da;--accent:#825531}.theme-harness{--chapter-bg:#e5ece5;--accent:#3e624d}.theme-games{--chapter-bg:#17252e;--ink:#f0f2ed;--muted:#adbdc4;--line:#435660;--surface:#253842;--accent:#c5dfec;color:var(--ink)}.dark .project-chapter:not(.theme-games){--chapter-bg:#1c2a32;--accent:#a6c8e8}.dark .theme-workbenches{--chapter-bg:#282432;--accent:#d2bfe0}.dark .theme-commerce{--chapter-bg:#30291e;--accent:#e2c49e}.dark .theme-harness{--chapter-bg:#203029;--accent:#bbd5c3}.chapter-banner{max-width:1560px;margin:0 auto 64px;padding:32px 0 44px;position:relative;isolation:isolate;overflow:hidden}.chapter-banner>p{font-size:13px;color:var(--muted);margin-bottom:20px}.chapter-banner h2{font-size:clamp(32px,3.6vw,57px);font-weight:450;line-height:1.35;letter-spacing:-.025em;max-width:1100px;text-wrap:balance}.chapter-rule{display:block;height:2px;width:100%;background:var(--accent);transform-origin:left;margin-top:32px}.chapter-body{max-width:1560px;margin:auto;display:grid;grid-template-columns:206px minmax(0,1fr);gap:5vw;align-items:start}.chapter-intro{position:sticky;top:116px;padding-top:9px}.collection-position{font-size:11px;color:var(--muted)}.chapter-intro h2{font-size:23px;line-height:1.5;letter-spacing:-.025em;margin:18px 0 14px}.chapter-intro>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:24em}.chapter-intro nav{display:grid;gap:4px;margin-top:25px}.chapter-intro nav a{font-size:12px;padding:13px 0;color:var(--muted);display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);transition:color .2s}.chapter-intro nav a svg{width:15px;height:15px;opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .3s var(--ease)}.chapter-intro nav a.current{color:var(--ink)}.chapter-intro nav a.current svg,.chapter-intro nav a:hover svg{opacity:1;transform:none}.chapter-projects{min-width:0}.project{padding-bottom:74px;margin-bottom:64px;border-bottom:1px solid var(--line);scroll-margin-top:116px}.project:last-child{border-bottom:0;margin-bottom:0;padding-bottom:10px}.project-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.project-meta{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:14px}.project h3{font-size:clamp(32px,3vw,47px);font-weight:500;line-height:1.3;letter-spacing:-.025em;margin-bottom:14px;text-wrap:balance}.project-promise{font-size:16px;line-height:1.8;max-width:45em;color:var(--muted)}
.product-stage,.prototype-preview{background:#e3e8e9;overflow:hidden;min-width:0;border-radius:5px}.theme-workbenches .product-stage{background:#dad7e1}.theme-harness .product-stage{background:#d1ddd3}.theme-commerce .product-stage{background:#e3d5c2}.dark .product-stage,.dark .prototype-preview{background:#303d45}.stage-tabs{padding:14px 22px;display:flex;align-items:center;gap:24px;color:#52616a;min-height:58px}.dark .stage-tabs{color:#b6c4ca}.stage-tabs button,.stage-tabs a{padding:7px 0;font-size:12px;line-height:1.6;border-bottom:2px solid transparent}.stage-tabs button[aria-selected=true]{color:#182c39;border-color:#182c39}.dark .stage-tabs button[aria-selected=true]{color:#edf3f4;border-color:#edf3f4}.stage-screen{padding:0 22px 22px}.stage-panel[hidden]{display:none}.stage-panel>.image-expand{display:block;width:100%;padding:0}.image-expand img{width:100%;height:auto;display:block}.stage-panel>.image-expand>img{height:clamp(340px,38vw,620px);object-fit:contain;background:#edf0f2}.stage-panel video,.game-stage video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#14212a}.stage-caption{font-size:10px;line-height:1.8;color:#52616a;padding:0 22px 17px}.dark .stage-caption{color:#b6c4ca}.project-context{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;margin:34px 0 28px}.context-item h4{font-size:11px;font-weight:500;color:var(--muted);margin-bottom:10px}.context-item p{font-size:14px;line-height:1.9;max-width:65ch;text-wrap:pretty}.context-item:nth-child(3){grid-column:1/-1;padding-top:21px;border-top:1px solid var(--line)}.context-item:nth-child(3) p{font-size:18px;line-height:1.85;max-width:55ch}.context-item:last-child{grid-column:1/-1;display:flex;gap:22px;align-items:baseline;background:color-mix(in srgb,var(--accent) 7%,transparent);padding:19px 22px}.context-item:last-child h4{white-space:nowrap;margin:0}.context-item:last-child p{font-size:13px}.project-actions{display:flex;gap:25px;flex-wrap:wrap;margin-top:18px}.task-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0}.task-journey>div{position:relative;padding-top:16px;border-top:1px solid var(--line)}.task-journey b{font-size:13px;font-weight:550}.task-journey p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}.more-evidence{margin:26px 0}.more-evidence summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;cursor:pointer;padding:15px 0;border-bottom:1px solid var(--line);list-style:none}.more-evidence summary::-webkit-details-marker{display:none}.more-evidence[open] .product-stage{margin-top:20px}
.prototype-toolbar>span{font-size:12px;margin-right:auto;color:#1b3445}.dark .prototype-toolbar>span{color:#d7e5ed}.prototype-toolbar button{color:inherit}.prototype-mount{position:relative;width:100%;aspect-ratio:16/10;background:#edf1f5;overflow:hidden}.prototype-stage{position:absolute;width:1280px;height:800px;top:50%;left:50%;transform-origin:center}.prototype-stage iframe{width:100%;height:100%;border:0;display:block;background:#fff;color-scheme:light}.prototype-preview>.stage-caption{padding:14px 22px}.prototype-is-expanded{position:fixed;inset:20px;z-index:100;display:flex;flex-direction:column;box-shadow:0 0 0 30px #14212ae0}.prototype-is-expanded .prototype-mount{aspect-ratio:auto;flex:1;min-height:0}.prototype-is-expanded .prototype-toolbar{flex-shrink:0}.prototype-is-expanded>.stage-caption{flex-shrink:0}.health-stage{display:grid;grid-template-columns:.75fr 1.25fr;background:#e0e9ed;overflow:hidden;min-height:340px;border-radius:5px;color:#1c3444}.question-scene{padding:36px;display:flex;flex-direction:column;justify-content:center}.question-scene>span{font-size:11px;color:#4a6474}.question-scene blockquote{font-size:clamp(24px,2.1vw,36px);line-height:1.55;letter-spacing:-.02em;margin:24px 0}.question-scene p{font-size:13px;line-height:1.9}.question-scene small{font-size:10px;color:#4a6474;margin-top:24px}.workflow-evidence{display:flex;flex-direction:column;justify-content:center;padding:24px;background:#eef3f5}.workflow-evidence .image-expand{width:100%;padding:0}.workflow-evidence img{min-height:160px;object-fit:contain}.workflow-evidence p{font-size:11px;line-height:1.9;margin-top:22px;color:#526571}.scene-cover{overflow:hidden;border-radius:5px}.scene-cover .image-expand{padding:0;display:block;width:100%}.scene-cover figcaption{font-size:10px;color:var(--muted);padding-top:12px;line-height:1.8}.outcome-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0 0}.outcome-strip strong{font-weight:500;font-size:21px;display:block;line-height:1.5}.outcome-strip span{font-size:11px;color:var(--muted);display:block;margin-top:6px}.listening-room{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;margin-top:18px;padding:25px;background:#dcd9e3;color:#292435;border-radius:5px}.listening-heading>span{font-size:10px;color:#625b70}.listening-heading strong{font-size:21px;line-height:1.5;display:block;margin:10px 0 8px;font-weight:500}.listening-heading p{font-size:11px;color:#625b70;line-height:1.8}.listening-player audio{width:100%;height:40px;margin-top:15px}.music-choices{display:flex;gap:20px;flex-wrap:wrap}.music-choices button{font-size:11px;padding:5px 0;border-bottom:1px solid transparent}.music-choices button.active{border-color:#3f344f}.game-stage{border-radius:5px;overflow:hidden}.game-project .project-promise{color:#c2d0d6}.game-project .context-item:last-child{background:#293e48}.game-project h3{font-size:48px}
.contact{padding:95px 4vw 0;max-width:1680px;margin:auto}.contact>p{font-size:14px;color:var(--muted);margin-bottom:25px}.contact h2{font-size:clamp(38px,4.8vw,74px);line-height:1.35;letter-spacing:-.03em;font-weight:450;margin-bottom:30px}.contact>a{font-size:clamp(19px,2vw,30px);display:flex;gap:24px;align-items:center;width:max-content;max-width:100%;padding-bottom:12px;border-bottom:1px solid var(--line)}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 0;margin-top:65px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
dialog{border:0;background:var(--paper);color:var(--ink);padding:0;max-height:90dvh;max-width:1100px;width:calc(100% - 64px);box-shadow:0 24px 80px #07182555}dialog::backdrop{background:#122432c9;backdrop-filter:blur(5px)}.dialog-nav{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:var(--paper);border-bottom:1px solid var(--line);font-size:12px}.dialog-nav button,#close-image{font-size:12px;padding:10px 14px;background:var(--surface)}#case-content{padding:35px 40px 45px}#case-content h2{font-size:32px;line-height:1.5;margin-bottom:14px;font-weight:500}.case-meta{font-size:12px;color:var(--muted);margin-bottom:25px}.case-section{margin:25px 0}.case-section h3{font-size:15px;margin-bottom:10px;font-weight:600}.case-section p{font-size:14px;line-height:1.95;white-space:pre-line}.case-gallery{display:grid;gap:24px;margin-top:35px}.case-gallery figcaption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:8px}.case-gallery .image-expand{padding:0;width:100%}.case-gallery img{max-height:650px;object-fit:contain}#image-dialog{width:calc(100% - 48px);max-width:1540px;padding:18px;overflow:auto}#expanded-image{max-height:calc(90dvh - 80px);width:100%;object-fit:contain}#close-image{display:block;margin:0 0 12px auto}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:13px 20px;font-size:12px;z-index:110;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.chapter-banner.banner-visible .chapter-rule{animation:rule-open .9s var(--ease)}@keyframes rule-open{from{transform:scaleX(.06)}to{transform:scaleX(1)}}
@media(min-width:1800px){.project-chapter{padding-left:max(4vw,calc((100vw - 1560px)/2));padding-right:max(4vw,calc((100vw - 1560px)/2))}}
@media(max-width:1100px){.nav>nav{gap:18px}.nav>nav a{font-size:11px}.hero{grid-template-columns:1fr 1fr;padding-top:60px;gap:30px;min-height:620px}.hero h1{font-size:58px}.hero-description{font-size:13px}.hero-media{padding:15px 15px 0}.hero-actions{gap:20px}.chapter-body{grid-template-columns:170px minmax(0,1fr);gap:35px}.chapter-intro h2{font-size:21px}.chapter-intro>p{font-size:12px}.chapter-intro nav a{font-size:11px}.stage-panel>.image-expand>img{height:400px}.health-stage{grid-template-columns:1fr}.question-scene{padding:27px;display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.question-scene blockquote{grid-row:1/4;grid-column:1;margin:0;align-self:center}.question-scene>span,.question-scene p,.question-scene small{grid-column:2}.question-scene small{margin:0}.workflow-evidence{padding:20px}.workflow-evidence p{margin-top:14px}.outcome-strip strong{font-size:17px}.listening-room{grid-template-columns:1fr}.listening-player audio{margin-top:15px}.project-context{gap:24px}.project-context .context-item p{font-size:13px}.project-context .context-item:nth-child(3) p{font-size:17px}}
@media(max-width:760px){html{scroll-padding-top:150px}.nav{height:68px;padding:0 22px;gap:20px}.wordmark{font-size:29px}.nav>nav{display:none}.nav-end{margin-left:auto;gap:15px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 22px 45px;gap:40px;min-height:0}.hero-identity{font-size:13px;margin-bottom:23px}.hero h1{font-size:clamp(44px,10vw,70px);line-height:1.2;margin-bottom:23px;letter-spacing:-.03em}.hero-description{font-size:13px;line-height:1.9}.hero-description br:nth-child(2){display:none}.hero-actions{margin-top:27px;gap:28px}.solid-action{padding:13px 18px}.hero-media{padding:12px 12px 0;transform:none}.hero-media video{aspect-ratio:16/10}.reel-controls{font-size:10px;padding:12px 0 8px;gap:10px}.reel-controls button{font-size:10px}.reel-caption{font-size:9px;padding-bottom:12px}.collection-overview{display:block;margin:0 22px;padding:22px 0 27px}.collection-overview>span{font-size:16px}.collection-overview>p{font-size:12px;margin:8px 0 12px}.collection-overview nav{gap:7px 20px;font-size:11px;margin:0}.project-chapter{padding:30px 22px 35px;scroll-margin-top:68px}.chapter-banner{padding:15px 0 15px;margin-bottom:25px}.chapter-banner>p{font-size:11px;margin-bottom:15px}.chapter-banner h2{font-size:31px;line-height:1.45}.chapter-rule{margin-top:25px}.chapter-body{display:block}.chapter-intro{position:sticky;top:68px;z-index:12;background:var(--chapter-bg);padding:15px 0 13px;border-bottom:1px solid var(--line);box-shadow:0 7px 0 var(--chapter-bg);margin-bottom:30px}.collection-position{display:none}.chapter-intro h2{font-size:18px;margin:0 0 5px}.chapter-intro>p{font-size:11px;line-height:1.7;max-width:none}.chapter-intro nav{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:10px}.chapter-intro nav a{font-size:10px;padding:0;border:0;display:block}.chapter-intro nav a svg{display:none}.chapter-intro nav a.current{text-decoration:underline;text-underline-offset:5px}.project{padding-bottom:42px;margin-bottom:40px;scroll-margin-top:245px}.project-heading{margin-bottom:23px}.project-meta{font-size:10px;margin-bottom:10px}.project h3,.game-project h3{font-size:30px;margin-bottom:11px}.project-promise{font-size:13px;line-height:1.85}.stage-tabs{gap:18px;padding:10px 12px;min-height:49px;overflow-x:auto}.stage-tabs button,.stage-tabs a{font-size:10px;white-space:nowrap}.stage-screen{padding:0 12px 12px}.stage-panel>.image-expand>img{height:260px;object-fit:contain}.stage-caption{font-size:9px;padding:0 12px 12px}.prototype-toolbar{gap:13px}.prototype-toolbar>span{font-size:10px}.prototype-preview>.stage-caption{padding:11px 12px}.prototype-is-expanded{inset:0;border-radius:0;box-shadow:none}.prototype-is-expanded .prototype-toolbar{min-height:60px}.project-context{grid-template-columns:1fr;gap:23px;margin:25px 0 22px}.context-item h4{font-size:10px;margin-bottom:7px}.project-context .context-item p{font-size:13px;line-height:1.9}.context-item:nth-child(3){padding-top:20px}.project-context .context-item:nth-child(3) p{font-size:16px;line-height:1.85}.context-item:last-child{display:block;padding:16px}.context-item:last-child h4{margin-bottom:7px}.project-context .context-item:last-child p{font-size:12px}.project-actions{gap:18px;margin-top:16px}.text-action{font-size:11px;gap:20px}.task-journey{gap:16px;margin:24px 0}.task-journey b{font-size:11px}.task-journey p{font-size:10px}.more-evidence summary{font-size:11px}.question-scene{display:block;padding:25px}.question-scene blockquote{font-size:29px;margin:15px 0}.question-scene p{font-size:12px}.question-scene small{display:block;margin-top:12px;font-size:9px}.workflow-evidence{padding:14px}.workflow-evidence img{min-height:100px}.workflow-evidence p{font-size:9px}.outcome-strip{gap:15px;padding-top:20px}.outcome-strip strong{font-size:13px}.outcome-strip span{font-size:9px;line-height:1.8}.scene-cover figcaption{font-size:9px}.listening-room{padding:18px;gap:15px}.listening-heading strong{font-size:20px}.listening-heading>span,.listening-heading p{font-size:10px}.listening-player audio{height:42px}.music-choices button{font-size:10px}.contact{padding:55px 22px 0}.contact>p{font-size:12px;margin-bottom:20px}.contact h2{font-size:37px;line-height:1.4;margin-bottom:25px}.contact>a{font-size:18px;gap:18px}footer{font-size:10px;margin-top:40px;padding:25px 0;gap:20px}dialog{width:calc(100% - 24px);max-height:94dvh}.dialog-nav{padding:12px 18px}#case-content{padding:25px 20px}#case-content h2{font-size:25px}.case-section p{font-size:13px}#image-dialog{padding:12px;width:calc(100% - 20px)}#expanded-image{max-height:calc(94dvh - 80px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-media{transform:none}}

.hero h1{font-size:clamp(50px,4.5vw,78px)}.hero h1 .hero-second{white-space:nowrap;color:var(--ink)}#menu-toggle{display:none}@media(min-width:761px) and (max-width:1100px){.hero h1{font-size:clamp(42px,5vw,58px)}}@media(max-width:760px){.hero h1{font-size:clamp(39px,9vw,64px)}#menu-toggle{display:block;font-size:11px;padding:7px 0}.nav-end{gap:14px}.nav.nav-menu-open>nav{display:grid;position:absolute;left:0;right:0;top:68px;padding:18px 22px 24px;background:var(--paper);border-bottom:1px solid var(--line);gap:0}.nav.nav-menu-open>nav a{padding:12px 0;font-size:14px}.nav.nav-menu-open>nav a:after{display:none}.hero-second{letter-spacing:-.035em}}
/* Full-screen chapter scenes: one collection owns the viewport at a time. */
body.scene-mode{height:100dvh;overflow:hidden}.scene-mode .nav{height:78px;position:relative}.scene-mode #main{position:relative;height:calc(100dvh - 78px);overflow:hidden}.scene-mode .collection-overview{display:none}.scene-mode .scene{display:none;position:absolute;inset:0;width:100%;height:100%;margin:0;max-width:none;overflow:hidden}.scene-mode .scene.scene-active{display:block}.scene-mode .hero.scene-active{display:grid;min-height:0;padding:34px 4vw;align-items:center;overflow-y:auto;overscroll-behavior:contain}.scene-mode .hero h1{font-size:clamp(44px,4.2vw,75px)}.scene-mode .hero-media video{max-height:calc(100dvh - 240px)}.scene-mode .project-chapter{padding:0 4vw;scroll-margin:0}.scene-mode .chapter-banner{display:none}.scene-mode .chapter-body{height:100%;grid-template-columns:220px minmax(0,1fr);gap:4vw;max-width:1560px}.scene-mode .chapter-intro{position:relative;top:0;height:100%;display:flex;flex-direction:column;justify-content:center;padding:32px 0;overflow-y:auto;overscroll-behavior:contain;margin:0;box-shadow:none;border:0}.scene-mode .chapter-intro h2{font-size:30px;font-weight:500;margin:20px 0 14px}.scene-mode .chapter-intro>p{font-size:13px;line-height:1.85}.scene-mode .chapter-projects{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:38px 18px 38px 0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,transparent) transparent;outline-offset:-4px}.scene-mode .project{scroll-margin-top:30px;padding-bottom:48px;margin-bottom:48px}.scene-mode .project:last-of-type{margin-bottom:25px}.scene-mode .project-heading{margin-bottom:22px}.scene-mode .project h3{font-size:clamp(29px,2.6vw,42px)}.scene-mode .project-promise{font-size:14px}.scene-mode .project-context{margin-top:26px}.scene-mode .stage-panel>.image-expand>img{height:clamp(260px,43dvh,540px)}.scene-mode .prototype-mount{aspect-ratio:16/9}.scene-mode .prototype-is-expanded .prototype-mount{aspect-ratio:auto}.scene-mode .chapter-intro nav{margin-top:30px}.scene-heading{font-size:20px;line-height:1.65;letter-spacing:-.02em;margin:22px 0 0;font-weight:450;color:var(--accent)}.scene-navigation{margin-top:34px;border-top:1px solid var(--line);padding-top:16px}.scene-position{font-size:10px;color:var(--muted);margin-bottom:12px;line-height:1.8}.scene-navigation>div{display:flex;justify-content:space-between;gap:12px}.scene-navigation button{font-size:11px;padding:8px 0;border-bottom:1px solid var(--line)}.scene-navigation button:disabled{opacity:.35;cursor:default}.scene-end{padding:32px 22px;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 10px}.scene-end p{font-size:11px;line-height:1.8;color:var(--muted)}.scene-end strong{font-size:23px;font-weight:450;display:block;margin-top:7px}.scene-end button{padding:12px 0;border-bottom:1px solid var(--line);white-space:nowrap;font-size:12px}.scene-end button svg{width:18px;vertical-align:middle;margin-left:15px}.scene-mode .theme-workbenches .chapter-body,.scene-mode .theme-harness .chapter-body{grid-template-columns:minmax(0,1fr) 240px}.scene-mode .theme-workbenches .chapter-intro,.scene-mode .theme-harness .chapter-intro{grid-column:2;grid-row:1;padding-left:8px}.scene-mode .theme-workbenches .chapter-projects,.scene-mode .theme-harness .chapter-projects{grid-column:1;grid-row:1;padding-right:24px}.scene-mode .theme-workbenches .chapter-intro h2,.scene-mode .theme-harness .chapter-intro h2{font-size:32px}.scene-mode .theme-commerce .chapter-body{display:flex;flex-direction:column;gap:0}.scene-mode .theme-commerce .chapter-intro{height:auto;flex-shrink:0;padding:22px 0 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 35px;border-bottom:1px solid var(--line);overflow:visible}.scene-mode .theme-commerce .collection-position{display:none}.scene-mode .theme-commerce .chapter-intro h2{margin:0;font-size:25px}.scene-mode .theme-commerce .chapter-intro>p{max-width:none}.scene-mode .theme-commerce .chapter-intro nav,.scene-mode .theme-commerce .scene-heading{display:none}.scene-mode .theme-commerce .scene-navigation{margin:0;padding:0;border:0}.scene-mode .theme-commerce .scene-position{display:none}.scene-mode .theme-commerce .chapter-projects{height:auto;min-height:0;flex:1;padding:26px 15px 30px 0}.scene-mode .theme-commerce .project{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:20px 38px;align-items:start}.scene-mode .theme-commerce .project-heading{grid-column:1/-1;margin:0}.scene-mode .theme-commerce .product-stage{grid-column:1;grid-row:2;position:sticky;top:0}.scene-mode .theme-commerce .project-context{grid-column:2;grid-row:2;grid-template-columns:1fr;margin:0;gap:18px}.scene-mode .theme-commerce .context-item:nth-child(3){padding-top:15px}.scene-mode .theme-commerce .context-item p{font-size:12px}.scene-mode .theme-commerce .context-item:nth-child(3) p{font-size:14px}.scene-mode .theme-commerce .context-item:last-child{display:block;padding:15px}.scene-mode .theme-commerce .context-item:last-child h4{margin-bottom:8px}.scene-mode .theme-commerce .task-journey,.scene-mode .theme-commerce .project-actions{grid-column:1/-1;margin:8px 0}.scene-mode .theme-commerce .stage-panel>.image-expand>img{height:clamp(300px,46dvh,520px)}.scene-mode .theme-games .chapter-body{grid-template-columns:190px minmax(0,1fr)}.scene-mode .theme-games .project h3{font-size:45px}.scene-mode .theme-games .game-stage video{max-height:calc(100dvh - 290px)}.scene-mode .contact.scene-active{display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:50px 7vw;overscroll-behavior:contain}.scene-mode .contact footer{width:100%;margin-top:60px}.scene-announcement{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1100px) and (min-width:761px){.scene-mode .chapter-body{grid-template-columns:180px minmax(0,1fr);gap:30px}.scene-mode .theme-workbenches .chapter-body,.scene-mode .theme-harness .chapter-body{grid-template-columns:minmax(0,1fr) 185px}.scene-mode .chapter-intro h2,.scene-mode .theme-workbenches .chapter-intro h2,.scene-mode .theme-harness .chapter-intro h2{font-size:25px}.scene-heading{font-size:18px}.scene-mode .theme-commerce .project{grid-template-columns:1.1fr .9fr;gap:24px}.scene-mode .theme-commerce .chapter-intro{gap:20px}.scene-mode .theme-commerce .stage-panel>.image-expand>img{height:350px}}
@media(max-width:760px){.scene-mode .nav{height:68px}.scene-mode #main{height:calc(100dvh - 68px)}.scene-mode .scene{inset:0}.scene-mode .hero.scene-active{display:flex;flex-direction:column;justify-content:flex-start;gap:28px;padding:30px 22px 35px}.scene-mode .hero h1{font-size:clamp(38px,8.3vw,59px)}.scene-mode .hero-identity{margin-bottom:18px}.scene-mode .hero-description{font-size:12px;line-height:1.8}.scene-mode .hero-actions{margin-top:20px}.scene-mode .hero-media{width:100%}.scene-mode .hero-media video{max-height:none;aspect-ratio:16/9}.scene-mode .project-chapter{padding:0 22px}.scene-mode .chapter-body,.scene-mode .theme-workbenches .chapter-body,.scene-mode .theme-harness .chapter-body,.scene-mode .theme-games .chapter-body{display:flex;flex-direction:column;gap:0}.scene-mode .chapter-intro,.scene-mode .theme-workbenches .chapter-intro,.scene-mode .theme-harness .chapter-intro{height:auto;flex-shrink:0;display:block;position:relative;top:0;overflow:visible;padding:16px 0 12px;border-bottom:1px solid var(--line)}.scene-mode .chapter-intro h2,.scene-mode .theme-workbenches .chapter-intro h2,.scene-mode .theme-harness .chapter-intro h2{font-size:19px;margin:0 0 5px}.scene-mode .chapter-intro>p{font-size:11px;line-height:1.7;max-width:none}.scene-mode .chapter-intro nav{margin-top:9px;gap:7px 15px}.scene-mode .chapter-intro nav a{font-size:10px}.scene-heading{display:none}.scene-navigation{position:absolute;top:12px;right:0;padding:0;margin:0;border:0}.scene-position{display:none}.scene-navigation button{font-size:10px;padding:5px 0}.scene-navigation>div{gap:14px}.scene-mode .chapter-projects,.scene-mode .theme-workbenches .chapter-projects,.scene-mode .theme-harness .chapter-projects{height:auto;flex:1;min-height:0;padding:23px 7px 25px 0}.scene-mode .project{scroll-margin-top:20px;padding-bottom:34px;margin-bottom:30px}.scene-mode .project h3,.scene-mode .theme-games .project h3{font-size:28px}.scene-mode .project-promise{font-size:12px}.scene-mode .project-meta{font-size:9px}.scene-mode .project-heading{margin-bottom:20px}.scene-mode .stage-panel>.image-expand>img{height:240px}.scene-mode .prototype-mount{aspect-ratio:16/10}.scene-mode .prototype-is-expanded .prototype-mount{aspect-ratio:auto}.scene-mode .theme-commerce .chapter-intro{display:block;padding:16px 0 13px}.scene-mode .theme-commerce .chapter-intro h2{font-size:19px;margin:0 0 5px}.scene-mode .theme-commerce .chapter-intro>p{font-size:11px;max-width:75%}.scene-mode .theme-commerce .scene-navigation{position:absolute;top:12px;right:0}.scene-mode .theme-commerce .project{display:block}.scene-mode .theme-commerce .project-heading{margin-bottom:20px}.scene-mode .theme-commerce .product-stage{position:relative;top:auto}.scene-mode .theme-commerce .project-context{display:grid;grid-template-columns:1fr;margin-top:25px;gap:23px}.scene-mode .theme-commerce .context-item p{font-size:13px}.scene-mode .theme-commerce .context-item:nth-child(3) p{font-size:16px}.scene-mode .theme-commerce .stage-panel>.image-expand>img{height:260px}.scene-mode .theme-commerce .task-journey{margin:25px 0}.scene-mode .theme-commerce .project-actions{margin-top:18px}.scene-end{padding:22px 16px;gap:16px;display:block}.scene-end strong{font-size:23px}.scene-end button{font-size:11px;margin-top:15px}.scene-end p{font-size:10px}.scene-mode .theme-games .game-stage video{max-height:none}.scene-mode .contact.scene-active{padding:40px 22px}.scene-mode .contact h2{font-size:36px}.scene-mode .contact footer{margin-top:45px}}
@media(prefers-reduced-motion:reduce){.scene-mode .chapter-projects{scroll-behavior:auto}}
.scene-mode .theme-commerce .chapter-body{align-items:stretch}.scene-mode .theme-commerce .chapter-intro,.scene-mode .theme-commerce .chapter-projects{width:100%}@media(max-width:760px){.scene-mode .chapter-body,.scene-mode .theme-workbenches .chapter-body,.scene-mode .theme-harness .chapter-body,.scene-mode .theme-games .chapter-body{align-items:stretch}.scene-mode .chapter-intro,.scene-mode .chapter-projects{width:100%}.scene-mode .theme-commerce .chapter-intro>p{max-width:none;padding-right:80px}.scene-mode .theme-commerce .scene-navigation{right:0}.scene-mode .chapter-intro h2{padding-right:115px}}
/* Every project introduction answers the same three concrete questions. */
.project-context[data-intro]{grid-template-columns:1fr;gap:24px}.project-context[data-intro] .context-item{grid-column:1/-1;max-width:none}.project-context[data-intro] .context-item h4{font-size:12px;line-height:1.7;margin-bottom:10px;color:var(--muted)}.project-context[data-intro] .context-item p{font-size:14px;line-height:1.95;max-width:76ch}.project-context[data-intro] .context-item:last-child{display:block;background:none;padding:20px 0 0;border-top:1px solid var(--line)}.project-context[data-intro] .context-item:last-child p{font-size:15px;line-height:1.95}.company-visual-note{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 12px;padding:9px 12px;background:color-mix(in srgb,var(--accent) 7%,transparent);width:fit-content;max-width:100%}.company-visual-note[hidden]{display:none}.prototype-preview>.company-visual-note{width:100%;margin:0;padding:10px 22px;background:#d9e3e8;color:#3e5565;flex-shrink:0}.scene-mode .theme-commerce .company-visual-note{grid-column:1/-1}.scene-mode .theme-commerce .project-context[data-intro]{gap:22px}.scene-mode .theme-commerce .project-context[data-intro] .context-item p{font-size:13px;line-height:1.95}.scene-mode .theme-commerce .project-context[data-intro] .context-item:last-child{padding:18px 0 0}.scene-mode .theme-commerce .project-context[data-intro] .context-item:last-child p{font-size:14px}
/* A folded deck exposes every project name without a second navigation layer. */
.hero-media.quicklook{padding:0;background:none;box-shadow:none;transform:none;min-width:0}.quicklook-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:20px;font-size:12px}.quicklook-heading>button{font-size:11px;padding:6px 0;border-bottom:1px solid var(--line)}.quick-deck{display:flex;gap:4px;height:450px;width:100%;isolation:isolate}.quick-card{position:relative;min-width:0;flex:0 0 27px;overflow:hidden;background:#dce4e7;color:#203846;border-radius:5px;transition:flex-basis .65s var(--ease),flex-grow .65s var(--ease),background .25s}.quick-card:nth-child(3n+2){background:#e3e0e8;color:#3e354e}.quick-card:nth-child(3n){background:#e4ddd0;color:#4d3d29}.quick-card.is-active{flex:1 1 0%;min-width:0}.quick-card-tab{position:absolute;inset:0;width:27px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:18px;padding:16px 0;z-index:2;overflow:hidden;text-align:left}.quick-card-tab:focus-visible{outline-offset:-3px}.quick-number{font-size:9px;font-variant-numeric:tabular-nums;flex-shrink:0}.quick-name{font-size:11px;letter-spacing:.04em;writing-mode:vertical-rl;line-height:1.2;white-space:nowrap}.quick-card.is-active .quick-card-tab{width:100%;height:49px;bottom:auto;flex-direction:row;padding:0 16px;gap:12px}.quick-card.is-active .quick-name{writing-mode:horizontal-tb;font-size:13px;letter-spacing:0}.quick-card.is-active .quick-number{font-size:10px}.quick-preview{position:absolute;inset:49px 0 0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;min-width:260px;pointer-events:none}.quick-card.is-active .quick-preview{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s .18s,visibility 0s}.quick-image-link{display:block;min-height:0;flex:1;padding:0 12px}.quick-image-link img{width:100%;height:100%;object-fit:contain;background:#ecf0f0;border-radius:2px}.quick-copy{padding:15px 16px 16px}.quick-copy>p{font-size:12px;line-height:1.85;min-height:44px}.quick-copy>small{font-size:9px;line-height:1.7;display:block;color:#52636c;margin:5px 0 0}.quick-project-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding-top:10px;margin-top:10px;border-top:1px solid #869da455}.quick-project-link svg{width:17px;height:17px}.quicklook-footer{display:flex;justify-content:space-between;gap:18px;padding-top:15px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.quicklook-footer p{font-size:10px;line-height:1.7}.quick-selectors{display:none}.scene-mode .hero-media.quicklook{padding:0}.dark .quicklook-heading button{color:var(--ink)}
@media(min-width:1800px){.quick-deck{height:520px}.quick-card{flex-basis:34px}.quick-card-tab{width:34px}}
@media(max-width:1100px) and (min-width:761px){.quick-deck{height:420px;gap:3px}.quick-card{flex-basis:21px}.quick-card-tab{width:21px}.quick-name{font-size:10px}.quick-card.is-active .quick-name{font-size:12px}.quick-preview{min-width:170px}.quick-copy{padding:12px}.quick-copy>p{font-size:11px}.quick-image-link{padding:0 8px}}
@media(max-width:760px){.project-context[data-intro]{gap:24px}.project-context[data-intro] .context-item h4{font-size:11px}.project-context[data-intro] .context-item p{font-size:13px;line-height:1.95}.project-context[data-intro] .context-item:last-child p{font-size:14px}.company-visual-note{font-size:10px;padding:8px 10px}.prototype-preview>.company-visual-note{padding:9px 12px}.quicklook-heading{font-size:11px;margin-bottom:13px}.quick-deck{display:block;position:relative;height:340px;margin-bottom:12px;overflow:visible}.quick-card{position:absolute;inset:0 8px 0 0;height:100%;width:calc(100% - 8px);z-index:1;transform:translateY(5px) translateX(5px);transition:transform .45s var(--ease),opacity .25s;pointer-events:none;opacity:0}.quick-card:nth-last-child(-n+3){opacity:1}.quick-card.is-active{z-index:4;opacity:1;transform:translateY(0) translateX(0);pointer-events:auto}.quick-card:not(.is-active) .quick-card-tab,.quick-card:not(.is-active) .quick-preview{visibility:hidden}.quick-card.is-active .quick-card-tab{height:43px;padding:0 14px}.quick-preview{inset:43px 0 0;min-width:0}.quick-copy{padding:12px 14px}.quick-copy>p{font-size:12px;min-height:0}.quick-copy>small{font-size:9px}.quick-project-link{padding-top:8px;margin-top:7px;font-size:10px}.quick-image-link{padding:0 10px}.quick-selectors{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:9px 0 11px}.quick-selectors button{font-size:10px;white-space:nowrap;flex-shrink:0;padding:8px 11px;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:3px}.quick-selectors button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.quicklook-footer{font-size:9px;padding-top:5px}.quicklook-footer p{font-size:9px}.scene-mode .hero.scene-active{gap:27px}.scene-mode .theme-commerce .project-context[data-intro] .context-item p{font-size:13px}.scene-mode .theme-commerce .project-context[data-intro] .context-item:last-child p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.quick-card,.quick-preview{transition:none!important}}
.scene-mode .scene:focus{outline:none}.scene-mode .chapter-projects:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media(max-width:760px){.scene-mode .hero.scene-active{align-items:stretch}.hero-copy{width:100%}}
/* Project copy lives in the module introduction; visual pages contain media only. */
.scene-mode .chapter-body,.scene-mode .theme-games .chapter-body{grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);gap:3.5vw;align-items:stretch}.scene-mode .theme-workbenches .chapter-body,.scene-mode .theme-harness .chapter-body{grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr)}.scene-mode .chapter-intro,.scene-mode .theme-workbenches .chapter-intro,.scene-mode .theme-harness .chapter-intro{display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;height:100%;padding:26px 0 18px;min-width:0}.scene-mode .chapter-intro>.collection-position{display:none}.scene-mode .chapter-intro>h2,.scene-mode .theme-workbenches .chapter-intro>h2,.scene-mode .theme-harness .chapter-intro>h2{font-size:21px;margin:0 0 7px;font-weight:550}.scene-mode .chapter-intro>p{font-size:11px;line-height:1.8;max-width:none;margin:0}.scene-mode .chapter-intro>nav{display:flex;gap:8px 18px;flex-wrap:wrap;flex-shrink:0;margin:14px 0 0;padding-bottom:13px;border-bottom:1px solid var(--line)}.scene-mode .chapter-intro>nav a{font-size:11px;line-height:1.8;padding:4px 0;border:0;display:block}.scene-mode .chapter-intro>nav a svg{display:none}.scene-mode .chapter-intro>nav a.current{text-decoration:underline;text-underline-offset:6px}.chapter-detail{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 15px 20px 0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 40%,transparent) transparent;outline-offset:-2px}.chapter-detail:focus-visible{outline:1px solid var(--line)}.project-note[hidden]{display:none}.scene-mode .chapter-detail .project-heading{margin:0 0 20px}.chapter-detail .project-meta{font-size:10px;margin:0 0 9px}.chapter-detail h3{font-size:27px;line-height:1.45;letter-spacing:-.025em;font-weight:500;margin:0 0 10px}.chapter-detail .project-promise{font-size:12px;line-height:1.85;margin:0;color:var(--muted)}.chapter-detail .project-context[data-intro]{display:block;margin:0}.chapter-detail .context-item{margin:0 0 24px;padding:0}.chapter-detail .project-context[data-intro] .context-item h4{font-size:11px;line-height:1.8;margin:0 0 8px;font-weight:500}.chapter-detail .project-context[data-intro] .context-item p,.chapter-detail .project-context[data-intro] .context-item:last-child p{font-size:13px;line-height:1.95;max-width:none}.chapter-detail .project-context[data-intro] .context-item:last-child{border-top:0;padding:0;background:none}.chapter-detail .project-actions{margin:0;gap:20px}.chapter-detail .text-action{font-size:11px}.scene-mode .chapter-intro>.scene-navigation{flex-shrink:0;margin:0;padding-top:12px;position:relative;top:auto;right:auto;border-top:1px solid var(--line)}.scene-mode .scene-position{font-size:9px;line-height:1.8;margin-bottom:4px}.scene-mode .scene-navigation button{font-size:10px;padding:7px 0}.scene-mode .chapter-projects,.scene-mode .theme-workbenches .chapter-projects,.scene-mode .theme-harness .chapter-projects{height:100%;padding:0;scroll-snap-type:y mandatory;scrollbar-width:none;scroll-behavior:smooth}.scene-mode .chapter-projects::-webkit-scrollbar{display:none}.scene-mode .chapter-projects>.project,.scene-mode .theme-commerce .chapter-projects>.project{height:100%;min-height:100%;margin:0;padding:24px 0;border:0;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin:0;display:flex;flex-direction:column;justify-content:center;gap:16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 30%,transparent) transparent}.scene-mode .chapter-projects>.project>:first-child{margin-top:auto}.scene-mode .chapter-projects>.project>:last-child{margin-bottom:auto}.scene-mode .chapter-projects .product-stage,.scene-mode .chapter-projects .prototype-preview,.scene-mode .chapter-projects .health-stage,.scene-mode .chapter-projects .scene-cover,.scene-mode .chapter-projects .game-stage{flex-shrink:0;width:100%;max-height:none}.scene-mode .chapter-projects .stage-panel>.image-expand>img{height:clamp(260px,56dvh,650px)}.scene-mode .chapter-projects #music-workbench .stage-panel>.image-expand>img{height:clamp(220px,38dvh,450px)}.scene-mode .chapter-projects .prototype-mount{height:clamp(260px,50dvh,650px);aspect-ratio:auto}.scene-mode .chapter-projects .prototype-is-expanded{width:auto}.scene-mode .chapter-projects .prototype-is-expanded .prototype-mount{height:auto;flex:1}.scene-mode .chapter-projects .health-stage{display:block;min-height:0}.scene-mode .chapter-projects .question-scene{display:none}.scene-mode .chapter-projects .workflow-evidence{padding:25px;min-height:300px;justify-content:center}.scene-mode .chapter-projects .workflow-evidence img{height:clamp(220px,43dvh,520px);object-fit:contain}.scene-mode .chapter-projects .workflow-evidence p{font-size:10px;margin-top:15px}.scene-mode .chapter-projects .scene-cover img{max-height:70dvh;object-fit:contain}.scene-mode .chapter-projects .scene-cover figcaption{font-size:10px}.scene-mode .chapter-projects .company-visual-note{margin:0;font-size:10px;flex-shrink:0}.scene-mode .chapter-projects .game-stage video{max-height:70dvh}.scene-mode .listening-room{grid-template-columns:.85fr 1.15fr;gap:20px;padding:18px;margin:0}.scene-mode .listening-heading strong{font-size:19px;margin:7px 0}.scene-mode .listening-player audio{margin-top:12px}.scene-mode .theme-commerce .chapter-body{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);gap:3.5vw}.scene-mode .theme-commerce .chapter-intro{display:flex;grid-column:1;grid-row:1;padding:26px 0 18px;align-items:stretch;border:0;height:100%}.scene-mode .theme-commerce .chapter-intro h2{font-size:21px;margin:0 0 7px}.scene-mode .theme-commerce .chapter-intro>p{font-size:11px;max-width:none;padding:0}.scene-mode .theme-commerce .chapter-intro nav{display:flex}.scene-mode .theme-commerce .chapter-projects{grid-column:2;grid-row:1;flex:none;height:100%;width:100%;padding:0}.scene-mode .theme-commerce .chapter-intro .scene-position{display:block}.scene-mode .theme-commerce .chapter-intro>.scene-navigation{position:relative;margin:0;padding-top:12px;border-top:1px solid var(--line)}.scene-mode .theme-commerce .chapter-detail .project-context[data-intro] .context-item p,.scene-mode .theme-commerce .chapter-detail .project-context[data-intro] .context-item:last-child p{font-size:13px;line-height:1.95}.scene-mode .theme-commerce .chapter-detail .project-context[data-intro] .context-item:last-child{padding:0;border:0}.scene-mode .theme-commerce .product-stage{position:static}.scene-mode .theme-commerce .stage-panel>.image-expand>img{height:clamp(260px,56dvh,650px)}
/* The opening is a fan of overlapping rotated cards, not an accordion. */
.quick-deck{display:block;position:relative;height:455px;overflow:visible;margin:18px 0 22px;perspective:1400px}.quick-card,.quick-card.is-active{position:absolute;top:12px;left:50%;width:min(72%,410px);height:415px;min-width:0;flex:none;z-index:var(--fan-layer,1);transform:translate(calc(-50% + var(--fan-x,0px)),var(--fan-y,0px)) rotate(var(--fan-angle,0deg));transform-origin:50% 90%;border-radius:7px;border:1px solid #aab8bd;box-shadow:0 12px 30px #223a4820;opacity:1;pointer-events:auto;transition:transform .65s var(--ease),box-shadow .35s,filter .35s}.quick-card:not(.is-active){filter:brightness(.95)}.quick-card.is-active{box-shadow:0 22px 45px #223a4830;filter:none}.quick-card .quick-card-tab,.quick-card.is-active .quick-card-tab{inset:0 0 auto;width:100%;height:45px;display:flex;flex-direction:row;justify-content:flex-start;gap:12px;padding:0 15px;visibility:visible}.quick-card .quick-name,.quick-card.is-active .quick-name{writing-mode:horizontal-tb;font-size:12px;letter-spacing:0}.quick-card .quick-number{font-size:10px}.quick-card .quick-preview,.quick-card.is-active .quick-preview{inset:45px 0 0;min-width:0;opacity:1;visibility:visible;transition:none}.quick-card .quick-preview{pointer-events:none}.quick-card.is-active .quick-preview{pointer-events:auto}.quick-card .quick-copy{padding:12px 14px}.quick-card .quick-copy>p{font-size:12px;line-height:1.8;min-height:42px}.quick-card .quick-copy>small{font-size:9px}.quick-image-link{padding:0 10px}.quick-selectors{display:flex;gap:6px;overflow-x:auto;padding:8px 0 12px;scrollbar-width:thin}.quick-selectors button{font-size:10px;white-space:nowrap;flex-shrink:0;padding:7px 10px;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:3px}.quick-selectors button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.quicklook-footer{padding-top:4px}.scene-mode .hero-media.quicklook{width:100%;min-width:0}.scene-mode .hero.scene-active{padding-top:24px;padding-bottom:24px}
@media(max-width:1100px) and (min-width:761px){.scene-mode .chapter-body,.scene-mode .theme-games .chapter-body,.scene-mode .theme-commerce .chapter-body{grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr);gap:24px}.scene-mode .theme-workbenches .chapter-body,.scene-mode .theme-harness .chapter-body{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:24px}.scene-mode .chapter-detail{padding-right:9px}.chapter-detail h3{font-size:24px}.chapter-detail .project-context[data-intro] .context-item p,.chapter-detail .project-context[data-intro] .context-item:last-child p{font-size:12px}.quick-card,.quick-card.is-active{width:72%;height:390px;transform:translate(calc(-50% + var(--fan-x,0px)*.65),var(--fan-y,0px)) rotate(var(--fan-angle,0deg))}.quick-deck{height:425px}.scene-mode .listening-room{grid-template-columns:1fr;gap:12px}}
@media(max-width:760px){.scene-mode .chapter-body,.scene-mode .theme-workbenches .chapter-body,.scene-mode .theme-harness .chapter-body,.scene-mode .theme-games .chapter-body,.scene-mode .theme-commerce .chapter-body{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(240px,47%) minmax(0,53%);gap:0}.scene-mode .chapter-intro,.scene-mode .theme-workbenches .chapter-intro,.scene-mode .theme-harness .chapter-intro,.scene-mode .theme-commerce .chapter-intro{grid-column:1;grid-row:1;display:flex;flex-direction:column;height:100%;padding:12px 0 7px;overflow:hidden;border-bottom:1px solid var(--line)}.scene-mode .chapter-intro>h2,.scene-mode .theme-workbenches .chapter-intro>h2,.scene-mode .theme-harness .chapter-intro>h2,.scene-mode .theme-commerce .chapter-intro>h2{font-size:17px;padding:0;margin:0 0 4px}.scene-mode .chapter-intro>p{display:none}.scene-mode .chapter-intro>nav,.scene-mode .theme-commerce .chapter-intro>nav{margin:0;padding:5px 0 9px;gap:6px 15px}.scene-mode .chapter-intro>nav a{font-size:10px;padding:0}.scene-mode .chapter-detail{padding:12px 8px 10px 0}.scene-mode .chapter-detail .project-heading{margin-bottom:14px}.chapter-detail h3{font-size:20px;margin:0 0 5px}.chapter-detail .project-meta{display:none}.chapter-detail .project-promise{font-size:11px}.chapter-detail .context-item{margin-bottom:17px}.chapter-detail .project-context[data-intro] .context-item h4{font-size:10px;margin-bottom:5px}.chapter-detail .project-context[data-intro] .context-item p,.chapter-detail .project-context[data-intro] .context-item:last-child p,.scene-mode .theme-commerce .chapter-detail .project-context[data-intro] .context-item p,.scene-mode .theme-commerce .chapter-detail .project-context[data-intro] .context-item:last-child p{font-size:12px;line-height:1.9}.scene-mode .chapter-intro>.scene-navigation,.scene-mode .theme-commerce .chapter-intro>.scene-navigation{position:absolute;top:9px;right:0;bottom:auto;width:auto;height:auto;margin:0;padding:0;border:0}.scene-mode .scene-navigation .scene-position{display:none}.scene-mode .scene-navigation button{font-size:9px;padding:4px 0}.scene-mode .chapter-projects,.scene-mode .theme-workbenches .chapter-projects,.scene-mode .theme-harness .chapter-projects,.scene-mode .theme-commerce .chapter-projects{grid-column:1;grid-row:2;height:100%;padding:0;width:100%;min-height:0}.scene-mode .chapter-projects>.project,.scene-mode .theme-commerce .chapter-projects>.project{padding:14px 0;gap:10px;min-height:100%;height:100%}.scene-mode .chapter-projects .stage-panel>.image-expand>img,.scene-mode .theme-commerce .chapter-projects .stage-panel>.image-expand>img{height:clamp(160px,27dvh,310px)}.scene-mode .chapter-projects #music-workbench .stage-panel>.image-expand>img{height:clamp(150px,23dvh,240px)}.scene-mode .chapter-projects .prototype-mount{height:clamp(180px,29dvh,330px)}.scene-mode .chapter-projects .prototype-is-expanded .prototype-mount{height:auto}.scene-mode .chapter-projects .workflow-evidence{min-height:0;padding:14px}.scene-mode .chapter-projects .workflow-evidence img{height:clamp(160px,26dvh,290px)}.scene-mode .chapter-projects .workflow-evidence p{font-size:9px}.scene-mode .chapter-projects .company-visual-note{font-size:9px;padding:6px 10px}.scene-mode .chapter-projects .scene-cover img{max-height:32dvh}.scene-mode .chapter-projects .game-stage video{max-height:34dvh}.scene-mode .listening-room{grid-template-columns:1fr;gap:8px;padding:12px}.scene-mode .listening-heading{display:none}.scene-mode .music-choices{gap:18px}.scene-mode .listening-player audio{height:36px;margin-top:8px}.scene-mode .stage-tabs{min-height:40px;padding:6px 11px;gap:16px}.scene-mode .stage-screen{padding:0 11px 10px}.scene-mode .stage-caption{font-size:8px;padding-bottom:9px}.quick-deck{height:380px;margin:15px 0 20px}.quick-card,.quick-card.is-active{top:8px;left:50%;inset:auto auto auto 50%;width:72%;height:345px;opacity:1;pointer-events:auto;transform:translate(calc(-50% + var(--fan-x,0px)*.65),var(--fan-y,0px)) rotate(var(--fan-angle,0deg))}.quick-card:not(.is-active) .quick-card-tab,.quick-card:not(.is-active) .quick-preview{visibility:visible}.quick-card .quick-card-tab,.quick-card.is-active .quick-card-tab{height:40px;padding:0 12px}.quick-card .quick-preview,.quick-card.is-active .quick-preview{inset:40px 0 0}.quick-card .quick-name{font-size:11px}.quick-card .quick-copy{padding:10px 12px}.quick-card .quick-copy>p{font-size:11px;min-height:36px}.quick-card .quick-copy>small{font-size:8px}.quick-project-link{font-size:10px;margin-top:7px;padding-top:7px}.quick-card .quick-number{font-size:9px}.quicklook-heading{margin-bottom:8px}.quick-selectors{padding-top:0}.scene-mode .hero.scene-active{padding-top:27px;padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.quick-card,.quick-card.is-active{transition:none!important}}
@media(max-width:1100px) and (min-width:761px){.quick-card,.quick-card.is-active{transform:translate(calc(-50% + var(--fan-x,0px)*.35),var(--fan-y,0px)) rotate(calc(var(--fan-angle,0deg)*.8))}}@media(max-width:760px){.quick-card,.quick-card.is-active{transform:translate(calc(-50% + var(--fan-x,0px)*.3),var(--fan-y,0px)) rotate(calc(var(--fan-angle,0deg)*.6))}.scene-mode .chapter-projects:focus-visible{outline:1px solid var(--line);outline-offset:-1px}}
@media(max-width:760px){.quick-card,.quick-card.is-active{top:8px;right:auto;bottom:auto;left:50%}}
.scene-mode .chapter-projects>.project,.scene-mode .theme-commerce .chapter-projects>.project{overscroll-behavior:auto}