:root{--font-sans:Manrope,"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;--paper:#f7f5f0;--ink:#332c25;--muted:#746b61;--accent:#98694a;--line:#ddd7ce;--cream:#f6e8cf;--glass:rgba(42,31,23,.76);--space-8:8px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-80:80px;--radius:6px;--radius-pill:100px;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--duration-fast:.14s;--duration-page:.24s;--duration-entry:1.4s;--container:1280px;--gutter:clamp(24px,5.55vw,80px);font-family:var(--font-sans);font-synthesis:none;color:var(--ink);background:var(--paper)}@font-face{font-family:Manrope;src:url(/directory/assets/manrope-400.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/directory/assets/manrope-500.ttf) format("truetype");font-weight:500;font-display:swap}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;line-height:1.6}button,select{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1:focus{outline:none}h1,h2,p{margin:0}button,a{touch-action:manipulation}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wordmark{font:500 22px/1.5 Manrope,sans-serif;letter-spacing:-1px}.eyebrow{font:500 11px/1.5 Manrope,Microsoft YaHei,sans-serif;color:var(--accent);letter-spacing:1.8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:48px;border:1px solid transparent;border-radius:var(--radius);padding:12px 24px;font-size:14px;transition:background var(--duration-fast) ease,box-shadow var(--duration-fast) ease,transform var(--duration-fast) ease}.button-primary{background:var(--ink);color:var(--paper)}.button-secondary{background:transparent;border-color:var(--line);color:var(--ink)}.button-cream{background:var(--cream);color:#392c20;box-shadow:0 8px 32px #24170e24}.button:active:not(:disabled){transform:scale(.98)}.text-button{display:inline-block;border:0;background:transparent;color:inherit;padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-200%);padding:12px 18px;background:var(--paper);color:var(--ink);border-radius:var(--radius)}.skip-link:focus{transform:none}.cover-screen{position:relative;z-index:10;height:100svh;min-height:560px;overflow:hidden;color:var(--cream);background:#4e3c2c}.cover-architecture{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1600px;transform-origin:85% 50%}.cover-wall,.cover-door{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cover-wall{right:28.6%}.cover-door{left:71.4%;transform-origin:100% 50%}.cover-architecture img{position:absolute;top:0;left:0;width:100vw;height:100%;object-fit:cover;object-position:center}.cover-door img{left:-71.4vw}.cover-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#21170e3b,transparent 65%);pointer-events:none}.cover-header,.cover-footer{position:absolute;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:2}.cover-header{top:32px}.cover-header>span:last-child{font-size:10px;letter-spacing:2px}.cover-content{position:relative;z-index:2;left:var(--gutter);padding-top:clamp(150px,22vh,240px);width:60%}.cover-content h1{font-weight:400;line-height:1.08}.cover-year{display:block;font-family:Georgia,Times New Roman,serif;font-size:clamp(96px,12vw,192px);font-weight:400;letter-spacing:-7px}.cover-title{display:block;font-family:Georgia,Songti SC,SimSun,serif;font-size:clamp(24px,3.3vw,52px);letter-spacing:1px;margin-top:12px;font-weight:400;white-space:nowrap}.cover-signature{font:italic 20px/1.4 Georgia,serif;letter-spacing:1px;margin:32px 0 36px;transform:rotate(-6deg);transform-origin:left}.cover-content .button{min-width:184px}.cover-footer{bottom:32px;font-size:11px;letter-spacing:1px;opacity:.85}.cover-feedback{font-size:13px;margin-top:12px}.studio-screen{position:relative;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#382b20;color:var(--cream)}.scene-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene-canvas{position:absolute;left:50%;top:50%;width:max(100vw,177.683svh);aspect-ratio:1672/941;transform:translate(-50%,-50%);transform-origin:65% 40%}.studio-art{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:filter .6s ease}.scene-light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#241b13b5,transparent 36%),linear-gradient(180deg,#1f160c4a,transparent 20%,transparent 84%,#20170c80);transition:background .3s ease}.studio-screen[data-environment=morning] .studio-art{filter:brightness(1.04) saturate(.86)}.studio-screen[data-environment=afternoon] .studio-art{filter:brightness(.98) saturate(.94)}.studio-screen[data-environment=night] .studio-art{filter:brightness(.6) saturate(.72)}.studio-screen[data-environment=night] .scene-light{background:linear-gradient(90deg,#191614c2,transparent 50%),linear-gradient(180deg,#111b282b,transparent 55%,#21190f70)}.studio-header{position:absolute;top:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:2}.studio-header-right{display:flex;align-items:center;gap:24px;font-size:13px}.studio-header-right>a{padding:12px 0}.environment-control select{color:var(--cream);background:var(--glass);border:1px solid #e1c9a543;min-height:44px;padding:8px 12px;border-radius:var(--radius);font-size:12px;cursor:pointer;color-scheme:dark;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-copy{position:absolute;left:var(--gutter);top:23%;width:260px;z-index:2}.studio-copy h1{font:italic 44px/1.05 Georgia,serif;letter-spacing:-1.4px;font-weight:400;text-shadow:0 2px 16px #24170e66}.studio-copy h1 span{font-size:.72em}.studio-copy>p{font-family:Songti SC,SimSun,serif;font-size:16px;line-height:1.9;letter-spacing:1px;margin-top:32px}.studio-copy nav{display:flex;flex-direction:column;gap:4px;margin-top:32px;width:168px}.studio-copy nav a,.studio-copy nav button{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:10px 0;font-size:13px;color:var(--cream);border:0;border-bottom:1px solid #f6e8cf40;background:transparent;text-align:left}.studio-copy nav span{opacity:.7}.studio-bottom{position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:1.2px;pointer-events:none}.monitor-hotspot{position:absolute;left:47.4%;top:20%;width:34%;height:35%;border:1px solid transparent;background:transparent;transform:skewY(-4deg);border-radius:6px;color:var(--cream);cursor:pointer}.monitor-hotspot>span{position:absolute;bottom:8%;right:5%;display:flex;gap:24px;align-items:center;padding:10px 16px;min-height:44px;background:#332c25e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);font-size:12px;transform:skewY(4deg);box-shadow:0 2px 12px #0002;transition:background var(--duration-fast) ease}.monitor-hotspot b{font-size:18px;font-weight:400}.monitor-hotspot:focus-visible{outline-color:var(--cream);outline-offset:4px}.scene-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:#332c25;z-index:5}.skip-transition{position:fixed;bottom:24px;right:24px;z-index:50;min-height:44px;padding:8px 20px;color:var(--cream);border:1px solid #e9d2b1aa;border-radius:var(--radius);background:#332c25e6}.cover-screen.is-entering{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}.is-entering:after{animation:cover-fade var(--duration-entry) ease both}.is-entering .cover-architecture{animation:enter-camera var(--duration-entry) var(--ease-in-out) both}.is-entering .cover-door{animation:door-open .9s var(--ease-in-out) both;backface-visibility:hidden}.is-entering .cover-content,.is-entering .cover-header,.is-entering .cover-footer{animation:copy-out .24s ease both}.is-arriving .scene-frame{animation:room-arrive var(--duration-entry) var(--ease-out) both}.is-arriving .studio-copy,.is-arriving .studio-header,.is-arriving .studio-bottom{animation:room-copy var(--duration-entry) ease both}.is-zooming .scene-frame{animation:monitor-zoom .6s var(--ease-in-out) both;transform-origin:68% 40%}.is-zooming .studio-copy,.is-zooming .studio-header,.is-zooming .studio-bottom{opacity:0;transition:opacity .14s ease}@keyframes door-open{to{transform:rotateY(78deg)}}@keyframes enter-camera{0%,20%{transform:scale(1);opacity:1}65%{opacity:1}to{transform:scale(3);opacity:0}}@keyframes room-arrive{0%{transform:scale(.97);opacity:.55}to{transform:scale(1);opacity:1}}@keyframes room-copy{0%,65%{opacity:0}to{opacity:1}}@keyframes copy-out{to{opacity:0}}@keyframes cover-fade{0%,55%{opacity:1}to{opacity:0}}@keyframes monitor-zoom{to{transform:scale(1.65);opacity:.25}}.about-screen{min-height:100svh;background:var(--paper);color:var(--ink);display:flex;flex-direction:column}.about-toolbar{width:100%;max-width:1754px;margin:0 auto;padding:20px var(--gutter)}.about-artwork{display:block;max-width:1754px;width:100%;height:auto;margin:auto}.about-source-note{padding:24px var(--gutter);font-size:12px;color:var(--muted)}.about-source-note a{margin-left:16px;text-decoration:underline}.directory-screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100svh;background:var(--paper);z-index:15}.directory-screen[data-active=false]{visibility:hidden;pointer-events:none}.directory-screen iframe{display:block;border:0;width:100%;height:100%}.reading-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px var(--gutter);background:#f7f5f0ee;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.reading-header nav{display:flex;gap:32px;font-size:13px}.reading-header nav a{padding:10px 0;min-height:44px}.reading-track{position:absolute;bottom:-1px;left:0;right:0;height:2px;overflow:hidden}.reading-track span{display:block;height:100%;background:var(--accent);transform-origin:left}.case-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:176px minmax(0,1fr);gap:48px;padding:64px var(--gutter) 0}.chapter-nav{position:sticky;top:132px;align-self:start}.chapter-nav nav{display:flex;flex-direction:column;margin-top:24px;gap:4px}.chapter-nav nav a{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px;min-height:44px}.chapter-nav nav a span{font:11px Manrope,sans-serif;color:var(--accent)}.chapter-nav nav a[aria-current]{color:var(--ink);font-weight:600}.reading-label{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.case-content{min-width:0}.case-intro{scroll-margin-top:120px}.case-intro h1{font-size:clamp(36px,4.3vw,64px);line-height:1.2;letter-spacing:-2px;font-weight:400;margin:16px 0 24px;overflow-wrap:anywhere}.case-description{font-size:18px;line-height:1.8;color:var(--muted)}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);padding-top:24px;margin:32px 0 40px;font-size:13px}.project-meta dt{color:var(--muted);font-size:11px;margin-bottom:8px}.project-meta dd{margin:0}.artwork-frame{width:100%;background:#ece7df;border-radius:var(--radius);overflow:hidden;min-height:120px}.artwork-frame img{display:block;width:100%;height:auto}.artwork-error{padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.artwork-link{display:block;cursor:zoom-in}.case-section{margin-top:96px;scroll-margin-top:120px}.case-section h2,.original-section h2{font-size:clamp(24px,2.5vw,36px);font-weight:400;line-height:1.4;letter-spacing:-.8px;margin-top:16px}.section-description{max-width:620px;font-size:14px;color:var(--muted);line-height:1.9;margin:16px 0 32px}.image-caption{display:flex;gap:16px;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:16px}.original-section{border-top:1px solid var(--line);margin-top:80px;padding-top:48px;scroll-margin-top:120px}.original-section>p:not(.eyebrow){max-width:560px;font-size:14px;color:var(--muted);line-height:1.9;margin:16px 0 32px}.project-pagination{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:80px;border-top:1px solid var(--line);padding-top:32px}.project-pagination>a{display:flex;flex-direction:column;gap:12px;padding:8px 0;min-width:0}.project-pagination>a:last-child{text-align:right}.project-pagination span{font-size:11px;color:var(--muted)}.project-pagination strong{font-size:18px;font-weight:400;overflow-wrap:anywhere}.case-footer{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-top:64px;padding:24px 0 32px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.case-footer>a{padding:12px 0}.case-footer span{font:10px Manrope,sans-serif;letter-spacing:1px}.not-found{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;text-align:center}.not-found h1{font-size:36px;font-weight:400}@media(hover:hover)and (pointer:fine){.button-primary:hover{background:#534435}.button-secondary:hover{background:#ece7df}.button-cream:hover{background:#fff5e3;box-shadow:0 10px 36px #24170e40}.studio-copy nav a:hover,.studio-copy nav button:hover{border-color:var(--cream);color:#fff}.monitor-hotspot:hover{border-color:#f6e8cf80}.monitor-hotspot:hover>span{background:#21180ef5}.chapter-nav nav a:hover,.case-footer a:hover{color:var(--accent)}}@media(max-width:1100px){.studio-copy{width:220px}.studio-copy h1{font-size:36px}.case-layout{grid-template-columns:144px minmax(0,1fr);gap:32px}.cover-content{padding-top:22vh}.cover-year{letter-spacing:-4px}}@media(max-width:700px){.cover-screen,.studio-screen{min-height:600px}.cover-header{top:24px}.cover-header>span:last-child{font-size:9px;letter-spacing:1px}.cover-content{padding-top:25vh;width:calc(100% - 48px)}.cover-year{font-size:108px;letter-spacing:-5px}.cover-title{font-size:26px;letter-spacing:0}.cover-signature{font-size:18px;margin:28px 0 36px}.cover-content .button{min-width:180px}.cover-footer{bottom:max(24px,env(safe-area-inset-bottom));font-size:10px}.cover-footer>span:last-child{display:none}.cover-architecture img{object-position:40% center}.cover-wall{right:18%}.cover-door{left:82%}.cover-door img{left:-82vw}.cover-screen:after{background:linear-gradient(90deg,#251a1066,transparent)}.studio-header{top:20px}.studio-header-right{gap:16px}.studio-header-right>a{font-size:12px}.environment-control select{max-width:130px;font-size:11px;padding:8px}.studio-copy{top:auto;bottom:max(64px,calc(env(safe-area-inset-bottom) + 48px));left:24px;right:24px;width:auto;background:#241b14ca;padding:24px;border:1px solid #dfc59c44;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius)}.studio-copy h1{font-size:28px;letter-spacing:-.7px}.studio-copy h1 br{display:none}.studio-copy h1 br:last-of-type{display:block}.studio-copy h1 span{font-size:.8em}.studio-copy>p{font:12px/1.8 Microsoft YaHei,sans-serif;letter-spacing:0;margin:8px 0 16px}.studio-copy>p br{display:none}.studio-copy nav{flex-direction:row;width:100%;margin:0;gap:16px;flex-wrap:wrap}.studio-copy nav a,.studio-copy nav button{font-size:12px;flex:1;gap:8px;white-space:nowrap;min-height:44px}.studio-copy nav a:last-child{flex-basis:100%;border:0;justify-content:flex-start;min-height:32px;padding-bottom:0}.studio-bottom{left:24px;right:24px;font-size:8px;letter-spacing:.6px;bottom:max(24px,env(safe-area-inset-bottom))}.monitor-hotspot{display:none}.scene-canvas{left:calc(50% + 12svh)}.scene-light{background:linear-gradient(180deg,#21170e80,transparent 25%,transparent 55%,#21170e80)}.is-entering .cover-architecture{animation:copy-out .24s ease both}.is-entering .cover-door{animation:none}.is-arriving .scene-frame,.is-zooming .scene-frame{animation:room-copy .24s ease both}.is-arriving .studio-copy,.is-arriving .studio-header,.is-arriving .studio-bottom{animation:none}.reading-header{padding:12px 24px}.reading-header nav{gap:20px;font-size:12px}.wordmark{font-size:20px}.case-layout{display:block;padding:0 24px}.chapter-nav{top:69px;z-index:10;background:var(--paper);padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:32px}.chapter-nav>.eyebrow,.reading-label{display:none}.chapter-nav nav{flex-direction:row;gap:24px;overflow:auto;margin:0;scrollbar-width:none}.chapter-nav nav a{flex:none;font-size:12px;min-height:36px;gap:8px}.chapter-nav nav a span{font-size:9px}.case-intro{scroll-margin-top:168px}.case-intro h1{font-size:38px;letter-spacing:-1.5px;margin:16px 0}.case-description{font-size:15px}.project-meta{gap:24px;font-size:11px;margin:24px 0 32px}.project-meta dt{font-size:10px}.case-section{margin-top:56px;scroll-margin-top:168px}.case-section h2,.original-section h2{font-size:26px}.section-description{font-size:13px;margin:12px 0 24px}.image-caption{font-size:9px;gap:8px}.original-section{margin-top:56px;padding-top:32px;scroll-margin-top:168px}.project-pagination{margin-top:56px;gap:24px}.project-pagination strong{font-size:15px}.case-footer{flex-direction:column;align-items:flex-start;gap:4px;margin-top:40px}.about-source-note{font-size:11px}.about-source-note a{display:block;margin-left:0;margin-top:8px}}@media(max-height:650px)and (min-width:701px){.cover-content{padding-top:110px}.cover-year{font-size:112px}.cover-title{font-size:34px}.cover-signature{margin:20px 0}.studio-copy{top:20%}.studio-copy h1{font-size:32px}.studio-copy>p,.studio-copy nav{margin-top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:active:not(:disabled){transform:none}.cover-signature{transform:none}}@supports not (backdrop-filter:blur(12px)){.studio-copy,.environment-control select{background:#30241af2}.reading-header{background:var(--paper)}}.simple-motion.is-entering .cover-architecture{animation:copy-out .24s ease both}.simple-motion.is-entering .cover-door{animation:none}.simple-motion.is-arriving .scene-frame,.simple-motion.is-zooming .scene-frame{animation:room-copy .24s ease both}.simple-motion.is-arriving .studio-copy,.simple-motion.is-arriving .studio-header,.simple-motion.is-arriving .studio-bottom{animation:none}.scene-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;background:#332c25;font-size:14px}.scene-canvas{min-width:995px}@media(max-width:700px){.scene-canvas{min-width:1066px}.studio-copy nav a:last-child{min-height:44px}.studio-copy h1 span{margin-left:.2em}}.cover-screen .button:focus-visible,.studio-screen button:focus-visible,.studio-screen a:focus-visible,.studio-screen select:focus-visible{outline-color:var(--cream)}.cover-editorial{background:#252721;color:#eeeee3;isolation:isolate}.cover-editorial:after{background:none}.cover-panel{position:absolute;top:0;right:47%;bottom:0;left:0;z-index:1;background:#252721;border-right:1px solid #eeeee31f}.cover-editorial .cover-header{top:28px;align-items:center;min-height:48px}.cover-editorial .wordmark{font-size:24px;font-weight:500;letter-spacing:-1.2px}.cover-editorial .cover-header>span:last-child{letter-spacing:1.8px;font-size:11px}.cover-composition{position:absolute;z-index:2;left:var(--gutter);top:48%;transform:translateY(-44%);width:43%;max-width:680px}.cover-author{display:flex;align-items:baseline;gap:24px;margin-bottom:32px;color:#eeeee3}.cover-author strong{font-size:22px;letter-spacing:3px;font-weight:500}.cover-author>span{font-size:12px;color:#bdbfb3}.cover-role{font-family:Manrope,Microsoft YaHei,sans-serif;font-size:clamp(76px,8.6vw,144px);font-weight:500;line-height:.99;letter-spacing:-.065em}.cover-role>span{display:block;white-space:nowrap}.cover-role>span:last-child{color:#b9c0ad}.cover-statement{font-size:16px;line-height:1.9;letter-spacing:1px;margin-top:32px;color:#c8cbbf}.cover-enter{display:flex;justify-content:space-between;align-items:center;width:236px;min-height:64px;margin-top:36px;padding:0 0 12px;background:transparent;color:#eeeee3;border:0;border-bottom:1px solid #eeeee350;font-size:14px;letter-spacing:1px;text-align:left;transition:border-color .18s ease,color .18s ease}.enter-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #eeeee350;border-radius:50%;font-size:22px;transition:background .18s ease,color .18s ease,transform .18s ease}.cover-enter:active:not(:disabled){opacity:.7}.cover-editorial .cover-footer{bottom:28px;padding-top:20px;font-size:10px;letter-spacing:1px;opacity:1;color:#b9bdb0}.cover-editorial .cover-footer>span:last-child{color:#eeeee3}.cover-editorial .cover-feedback{font-size:12px;color:#dddccd;max-width:260px}.cover-editorial .cover-architecture{transform-origin:85% 50%}.is-entering .cover-composition,.is-entering .cover-panel{animation:copy-out .32s ease both}.studio-copy h1{font-family:Manrope,sans-serif;font-size:38px;font-style:normal;font-weight:400;line-height:1.13;letter-spacing:-1.7px}.studio-copy h1 span{font-size:.75em;color:#e1dfd0}.studio-copy>p{font-family:var(--font-sans);font-size:14px;letter-spacing:.5px}.studio-copy nav{width:180px}.reading-header{height:80px;border-bottom-color:#d1d3c9;background:#f1f2ecee}.reading-header .wordmark{font-size:24px;letter-spacing:-1.2px}.case-page{background:#f1f2ec;color:#272c26;--paper:#f1f2ec;--ink:#272c26;--muted:#676f63;--line:#d1d3c9;--accent:#58684c;min-height:100svh}.case-layout{max-width:1600px;grid-template-columns:152px minmax(0,1fr);gap:48px;padding-top:64px}.chapter-nav{top:128px;border-left:1px solid var(--line);padding-left:24px}.chapter-nav>.eyebrow{font-size:10px;letter-spacing:1.4px}.chapter-nav nav{gap:8px;margin-top:20px}.chapter-nav nav a{gap:12px;line-height:1.6;font-size:12px}.chapter-nav nav a span{color:#7b8276}.chapter-nav nav a[aria-current]{color:#272c26}.reading-label{font:10px Manrope,sans-serif;margin-top:24px;padding-top:20px}.case-intro h1{font-size:clamp(44px,6.3vw,96px);letter-spacing:-.055em;line-height:1.13;font-weight:500;margin:20px 0;text-wrap:balance}.case-intro>.eyebrow{font-size:12px;letter-spacing:.6px;color:var(--accent)}.case-description{font-size:18px;color:var(--muted);max-width:660px;line-height:1.9}.project-meta{margin:32px 0 40px;grid-template-columns:1fr 1fr;gap:24px;font-size:13px}.project-meta dt{font-size:11px;margin-bottom:8px}.artwork-frame{border-radius:3px;background:#e5e8df;min-height:0;overflow:hidden}.artwork-frame img{width:100%;height:auto}.artwork-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.artwork-open:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}.case-section{margin-top:88px;scroll-margin-top:120px}.case-section-heading{max-width:760px;margin-bottom:32px}.section-kicker{font-size:12px;color:var(--accent);margin-bottom:12px}.case-section h2{font-size:clamp(24px,2.5vw,36px);letter-spacing:-1px;line-height:1.45;font-weight:500;margin-top:0;text-wrap:balance}.section-description{font-size:14px;line-height:1.9;margin:12px 0 0;color:var(--muted)}.image-caption{font-size:10px;line-height:1.8;margin-top:12px;color:var(--muted)}.project-pagination{margin-top:88px;padding-top:32px;gap:32px}.project-pagination>a{gap:12px}.project-pagination strong{font-size:22px;font-weight:400;line-height:1.6}.pagination-art{margin-top:8px;background:#e5e8df;aspect-ratio:16/9;overflow:hidden;border-radius:3px}.pagination-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .24s var(--ease-out)}.case-footer{margin-top:56px;border-color:var(--line);font-size:12px}.case-page--creative .case-content>.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px}.case-page--creative .case-gallery>.case-section:first-child{grid-column:1/-1}.case-page--creative .case-gallery .case-section{min-width:0;margin-top:64px}.case-page--creative .case-gallery .case-section-heading{margin-bottom:24px}.case-page--creative .case-gallery h2{font-size:26px}.image-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:calc(100vw - 48px);height:calc(100dvh - 48px);max-width:1800px;max-height:none;padding:0;background:#232720;color:#eeeee3;border:1px solid #5b6355;border-radius:6px;overflow:hidden;box-shadow:0 32px 100px #0008}.image-dialog::backdrop{background:#11160ee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px;padding:12px 24px;border-bottom:1px solid #eeeee326}.viewer-toolbar p{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-actions{display:flex;align-items:center;gap:16px;flex:none}.viewer-actions button{border:0;background:transparent;color:#eeeee3;min-height:44px;padding:8px;font-size:13px}.viewer-actions button:focus-visible{outline-color:#eeeee3}.viewer-body{height:calc(100% - 68px);overflow:auto;overscroll-behavior:contain;padding:24px;text-align:center;touch-action:pan-x pan-y pinch-zoom}.viewer-body img{display:block;max-width:100%;width:auto;height:auto;margin:0 auto;background:#f1f2ec}.viewer-body.is-enlarged img{max-width:none;width:var(--artwork-width)}@media(hover:hover)and (pointer:fine){.cover-enter:hover{border-color:#eeeee3}.cover-enter:hover .enter-arrow{background:#eeeee3;color:#252721;transform:translate(2px,-2px)}.project-pagination>a:hover .pagination-art img{transform:scale(1.02)}.viewer-actions button:hover{color:#b9c0ad}}@media(min-width:701px)and (max-width:1100px){.cover-composition{width:45%}.cover-role{font-size:8.3vw}.cover-author{gap:16px}.cover-author strong{font-size:19px}.case-layout{grid-template-columns:128px minmax(0,1fr);gap:32px;padding-inline:40px}.chapter-nav{padding-left:16px}.case-intro h1{font-size:64px}}@media(max-width:700px){.cover-editorial{min-height:600px}.cover-panel{right:0;border:0;background:linear-gradient(90deg,#252721f7,#252721de 42%,#25272150)}.cover-editorial .cover-architecture img{object-position:right center}.cover-editorial .cover-header{top:20px;left:24px;right:24px;min-height:44px}.cover-editorial .cover-header>span:last-child{font-size:9px;letter-spacing:1px}.cover-editorial .wordmark{font-size:22px}.cover-composition{left:24px;top:48%;width:calc(100% - 48px);transform:translateY(-42%)}.cover-author{gap:16px;margin-bottom:28px}.cover-author strong{font-size:20px}.cover-author>span{font-size:11px;color:#d1d4c6}.cover-role{font-size:clamp(62px,17.3vw,112px);letter-spacing:-.065em;line-height:1.05}.cover-role>span:last-child{color:#c9d0ba}.cover-statement{font-size:14px;line-height:1.85;margin-top:24px;color:#d1d4c6}.cover-enter{margin-top:28px;width:220px;min-height:60px;font-size:13px}.enter-arrow{width:42px;height:42px}.cover-editorial .cover-footer{left:24px;right:24px;bottom:max(20px,env(safe-area-inset-bottom));padding-top:16px;font-size:9px}.cover-editorial .cover-footer>span:last-child{display:block;font-size:9px}.studio-copy h1{font-family:Manrope,sans-serif;font-size:26px;font-style:normal;font-weight:400;line-height:1.15;letter-spacing:-1px}.studio-copy h1 span{font-size:.8em}.studio-copy nav{width:100%}.reading-header{height:72px;padding:12px 24px}.reading-header .wordmark{font-size:22px}.case-layout{padding:0 24px;display:block}.chapter-nav{top:72px;padding:12px 0;border-left:0;border-bottom:1px solid var(--line);margin-bottom:32px;overflow:hidden}.chapter-nav nav{gap:24px;margin:0}.chapter-nav nav a{min-height:40px;font-size:11px;gap:8px}.chapter-nav nav a span{font-size:9px}.case-intro{scroll-margin-top:164px}.case-intro h1{font-size:clamp(38px,10vw,56px);line-height:1.15;margin:20px 0 16px;letter-spacing:-1.5px}.case-intro>.eyebrow{font-size:10px;letter-spacing:.3px}.case-description{font-size:14px;line-height:1.9}.project-meta{font-size:11px;margin:28px 0 32px;gap:16px}.project-meta dt{font-size:10px}.case-section{margin-top:56px;scroll-margin-top:164px}.case-section-heading{margin-bottom:24px}.case-section h2{font-size:26px;line-height:1.45;letter-spacing:-.6px}.section-kicker{font-size:11px;margin-bottom:8px}.section-description{font-size:13px;margin-top:12px}.image-caption{font-size:9px;margin-top:10px}.project-pagination{gap:20px;margin-top:56px;padding-top:28px}.project-pagination strong{font-size:16px}.project-pagination span{font-size:10px}.pagination-art{margin-top:4px}.case-footer{margin-top:40px;gap:8px;font-size:11px}.case-page--creative .case-content>.case-gallery{display:block}.case-page--creative .case-gallery .case-section{margin-top:48px}.case-page--creative .case-gallery h2{font-size:24px}.image-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.viewer-toolbar{height:64px;padding:10px 16px;gap:8px}.viewer-toolbar p{font-size:11px;max-width:46vw}.viewer-actions{gap:4px}.viewer-actions button{font-size:12px;padding:8px}.viewer-body{height:calc(100% - 64px);padding:16px}}@media(max-height:650px)and (min-width:701px){.cover-composition{top:47%;transform:translateY(-40%)}.cover-author{margin-bottom:16px}.cover-role{font-size:78px}.cover-statement{margin-top:20px;font-size:14px}.cover-enter{margin-top:20px;min-height:52px}.cover-editorial .cover-footer{bottom:20px}}@media(prefers-reduced-motion:reduce){.cover-enter,.enter-arrow,.pagination-art img{transition:none}.cover-enter:hover .enter-arrow,.project-pagination>a:hover .pagination-art img{transform:none}}@supports not (backdrop-filter:blur(12px)){.image-dialog::backdrop{background:#11160ef5}}.simple-motion.is-entering .cover-panel,.simple-motion.is-entering .cover-composition{animation-duration:.24s}body:has(.image-dialog[open]){overflow:hidden}.cover-editorial .cover-enter:focus-visible{outline-color:#eeeee3;outline-offset:8px}