:root{--paper: #f3f3f1;--fog: #dce1e5;--mist: #b7c2cb;--wood: #6e645c;--graphite: #3e3a37;--body: #4c4a47;--muted: #7b7771;--moss: #7e877b;--gold: #b3a28c;--line: rgba(62, 58, 55, .18);--panel: rgba(243, 243, 241, .5);--serif: "Noto Serif Display", "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans: "Noto Sans CJK SC", "Source Han Sans SC", "PingFang SC", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%}html{background:var(--paper)}body{margin:0;overflow:hidden;color:var(--graphite);background:linear-gradient(#f3f3f1e0,#f3f3f1e0),url(../assets/backgrounds/paper-white-texture.png) center / 900px auto;font-family:var(--sans);text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.immersive-page{position:relative;width:100%;min-height:100svh;min-height:100dvh;overflow:hidden;isolation:isolate}.immersive-canvas{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100%}.immersive-page:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 68% 20%,rgba(243,243,241,.18),transparent 28rem),radial-gradient(circle at 16% 82%,rgba(59,59,61,.18),transparent 26rem),linear-gradient(90deg,rgba(243,243,241,.36),transparent 32%,transparent 70%,rgba(59,59,61,.16))}.immersive-page:after{content:"";position:fixed;inset:0;z-index:4;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(110,100,92,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(110,100,92,.08) 1px,transparent 1px);background-size:132px 132px;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0,rgba(0,0,0,.2) 58%,rgba(0,0,0,.62) 100%);mask-image:radial-gradient(circle at 50% 50%,transparent 0,rgba(0,0,0,.2) 58%,rgba(0,0,0,.62) 100%)}.immersive-header{position:fixed;top:0;left:clamp(18px,4vw,64px);right:clamp(18px,4vw,64px);z-index:6;display:flex;align-items:center;justify-content:space-between;height:78px;border-bottom:1px solid var(--line);color:var(--body)}.immersive-brand{display:inline-flex;align-items:center;gap:16px;min-width:0}.immersive-brand img{width:48px;height:48px;border:1px solid rgba(110,100,92,.24);background:#f3f3f16b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.immersive-brand span{font-family:var(--serif);font-size:clamp(.9rem,1.18vw,1.12rem);letter-spacing:.34em;color:var(--wood);white-space:nowrap}.immersive-nav{display:flex;align-items:center;gap:clamp(12px,2.1vw,28px);min-width:0}.immersive-nav a{position:relative;display:inline-flex;align-items:center;min-height:42px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.12em;transition:color .26s ease,transform .26s ease;white-space:nowrap}.immersive-nav a:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;opacity:0;transform:scaleX(.45);transition:opacity .26s ease,transform .26s ease}.immersive-nav a:hover,.immersive-nav a:focus-visible,.immersive-nav a[aria-current=page]{color:var(--graphite)}.immersive-nav a:hover:after,.immersive-nav a:focus-visible:after,.immersive-nav a[aria-current=page]:after{opacity:.58;transform:scaleX(1)}.menu-toggle{display:none;min-height:38px;padding:0;border:0;background:transparent;color:var(--body);font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.12em;cursor:pointer}.menu-toggle:focus-visible,.immersive-nav a:focus-visible,.hero-cta:focus-visible,.back-link:focus-visible,.contact-method:focus-visible{outline:1px solid rgba(62,58,55,.42);outline-offset:4px}.hero-cta,.back-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid rgba(62,58,55,.28);border-radius:999px;background:#f3f3f157;color:var(--body);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .26s ease,background-color .26s ease,border-color .26s ease;white-space:nowrap}.hero-cta{align-self:start;justify-self:start;width:fit-content;min-width:176px;padding:0 22px;font-family:var(--serif);font-size:.95rem}.hero-cta:hover,.hero-cta:focus-visible,.back-link:hover,.back-link:focus-visible{transform:translateY(-2px);border-color:#3e3a376b;background:#f3f3f194}.hero-cta:active,.back-link:active{transform:translateY(0) scale(.98);background:#f3f3f1ad}.immersive-copy{position:fixed;left:clamp(22px,7vw,112px);bottom:clamp(34px,8vw,112px);z-index:5;display:grid;gap:22px;width:min(720px,calc(100% - 44px));color:var(--graphite)}.studio-label{margin:0;color:var(--muted);font-family:"Noto Serif CJK SC","Source Han Serif SC",Songti SC,serif;font-size:clamp(1.08rem,2vw,1.6rem);letter-spacing:.2em}.studio-stack{display:grid;gap:8px}.studio-subtitle{margin:0;color:var(--muted);font-family:var(--serif);font-size:clamp(.76rem,.9vw,.94rem);line-height:1.2;letter-spacing:.18em;text-transform:uppercase}.immersive-copy h1{display:grid;gap:.02em;margin:0;font-family:var(--serif);font-size:clamp(4.1rem,8vw,8.2rem);font-weight:500;line-height:.84;letter-spacing:.02em;text-wrap:normal;white-space:normal;text-shadow:0 16px 54px rgba(243,243,241,.36)}.immersive-copy h1 span{display:block}.immersive-lede{max-width:46rem;margin:0;color:var(--body);font-family:var(--sans);font-size:clamp(.98rem,1.08vw,1.08rem);line-height:1.9;white-space:nowrap}.immersive-notes{position:fixed;right:clamp(20px,5vw,84px);bottom:clamp(28px,5vw,76px);z-index:5;display:grid;gap:14px;min-width:min(260px,34vw);color:var(--muted);font-family:var(--serif);font-size:.95rem}.immersive-notes span{padding-top:14px;border-top:1px solid var(--line)}.scene-veil{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 52%,rgba(243,243,241,.34),transparent 24rem),linear-gradient(90deg,#f3f3f138,#dce1e51f);transition:opacity .64s cubic-bezier(.16,1,.3,1)}.is-transitioning .scene-veil{opacity:.72}.route-layer{position:fixed;inset:0;z-index:5;display:grid;align-items:center;height:100vh;height:100svh;height:100dvh;overflow-x:hidden;overflow-y:auto;padding:112px clamp(22px,5vw,96px) calc(56px + env(safe-area-inset-bottom));pointer-events:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;animation:route-in .72s cubic-bezier(.16,1,.3,1) both}.route-inner{width:min(1520px,100%);margin:0 auto;pointer-events:auto}.route-heading{display:grid;gap:16px;min-width:0;color:var(--graphite)}.route-label{margin:0;color:var(--muted);font-family:var(--serif);font-size:.86rem;letter-spacing:.14em}.route-heading h1,.case-main h1{margin:0;color:var(--graphite);font-family:var(--serif);font-size:clamp(2.8rem,4.5vw,5rem);font-weight:500;line-height:1.02;letter-spacing:.01em;text-wrap:balance;text-shadow:0 18px 58px rgba(243,243,241,.32)}.stacked-title{display:grid;gap:.02em}.stacked-title span{display:block;white-space:nowrap}.route-heading p:last-child,.case-main p,.service-ledger p,.principle-list,.journal-list p{margin:0;color:var(--body);font-size:clamp(.98rem,1.08vw,1.08rem);line-height:1.86}.route-heading p:last-child{max-width:42rem}.work-layout,.services-layout,.studio-layout,.journal-layout,.contact-layout,.case-layout{display:grid;gap:clamp(28px,5vw,72px);min-width:0}.work-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:end}.work-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;min-width:0;perspective:1200px}.work-frame{position:relative;display:grid;align-content:end;gap:18px;min-height:min(48vh,460px);overflow:hidden;border:1px solid rgba(62,58,55,.18);border-radius:8px;padding:22px;background:linear-gradient(180deg,#f3f3f129,#f3f3f17a),#dce1e52e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #3e3a371a;transition:transform .52s cubic-bezier(.16,1,.3,1),background-color .52s cubic-bezier(.16,1,.3,1),border-color .52s cubic-bezier(.16,1,.3,1)}.work-frame:before{content:"";position:absolute;inset:-30% -70%;opacity:.42;background:linear-gradient(105deg,transparent 28%,rgba(243,243,241,.42),transparent 58%);transform:translate(-28%) rotate(6deg);transition:transform .7s cubic-bezier(.16,1,.3,1)}.work-frame:hover,.work-frame:focus-visible{transform:translateY(-10px) rotateX(2deg);border-color:#3e3a3747;background-color:#f3f3f157}.work-frame:hover:before,.work-frame:focus-visible:before{transform:translate(26%) rotate(6deg)}.work-frame span,.journal-list span{position:relative;z-index:1;color:var(--muted);font-family:var(--serif);font-size:.78rem;letter-spacing:.1em}.work-frame strong{position:relative;z-index:1;color:var(--graphite);font-family:var(--serif);font-size:clamp(1.35rem,2.4vw,2.2rem);font-weight:500;line-height:1.18}.work-frame p{position:relative;z-index:1;margin:0;color:var(--body);font-size:.94rem;line-height:1.72}.case-layout{grid-template-columns:minmax(320px,.86fr) minmax(360px,.74fr);align-items:end}.back-link{grid-column:1 / -1;width:fit-content;min-width:148px;min-height:38px;padding:0 18px;font-family:var(--serif);font-size:.86rem}.case-main{display:grid;gap:18px;max-width:760px}.case-brief{display:grid;gap:24px;padding:28px;border:1px solid rgba(62,58,55,.18);border-radius:8px;background:#f3f3f152;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.case-brief section{display:grid;gap:8px;padding-top:18px;border-top:1px solid var(--line)}.case-brief section:first-child{padding-top:0;border-top:0}.case-brief h2,.service-ledger h2,.journal-list h2,.contact-panel h2{margin:0;color:var(--graphite);font-family:var(--serif);font-size:clamp(1.1rem,1.6vw,1.42rem);font-weight:500}.case-brief p,.case-brief li{margin:0;color:var(--body);line-height:1.72}.case-brief ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.services-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center}.service-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#f3f3f133,#dce1e524),#f3f3f12e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.service-ledger section{display:grid;align-content:space-between;gap:34px;min-height:210px;padding:clamp(22px,2.3vw,34px);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-ledger section:nth-child(2n){border-right:0}.service-ledger section:nth-last-child(-n+2){border-bottom:0}.service-ledger h2{max-width:12em}.service-ledger p{max-width:24em;font-size:clamp(.94rem,.98vw,1.02rem);line-height:1.78}.studio-layout{grid-template-columns:minmax(0,.92fr) minmax(0,.72fr);align-items:end}.principle-list{display:grid;gap:0;min-width:0;padding:0;list-style:none;border-top:1px solid var(--line)}.principle-list li{padding:20px 0;border-bottom:1px solid var(--line)}.journal-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1fr);align-items:center}.journal-list{display:grid;gap:0;min-width:0;border-top:1px solid var(--line)}.journal-list article{position:relative;display:grid;border-bottom:1px solid var(--line)}.journal-list article:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:#3e3a3757;transition:width .32s cubic-bezier(.16,1,.3,1)}.journal-list article:hover:after,.journal-list article:focus-within:after{width:100%}.journal-list a{display:grid;gap:10px;padding:22px 0 24px;outline:0}.journal-list a:hover h2,.journal-list a:focus-visible h2{color:#2f2c29}.journal-list a:hover p,.journal-list a:focus-visible p{color:var(--graphite)}.journal-list h2,.journal-list p{transition:color .26s ease}.contact-layout{grid-template-columns:minmax(0,.88fr) minmax(420px,.72fr);align-items:center}.contact-panel{display:grid;gap:26px;justify-items:start;padding:30px;border:1px solid rgba(62,58,55,.18);border-radius:8px;background:#f3f3f14d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.contact-block{display:grid;gap:14px;width:100%;padding-top:22px;border-top:1px solid var(--line)}.contact-block:first-child{padding-top:0;border-top:0}.contact-panel h2{font-size:clamp(1rem,1.12vw,1.18rem)}.contact-method-list{display:grid;gap:10px;width:100%}.contact-method{display:grid;grid-template-columns:minmax(7.5rem,.62fr) minmax(0,1fr);align-items:center;gap:14px;width:100%;min-height:54px;padding:0 18px;border:1px solid rgba(62,58,55,.18);border-radius:999px;background:#f3f3f147;color:var(--body);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .26s ease,background-color .26s ease,border-color .26s ease}.contact-method span{color:var(--muted);font-family:var(--serif);font-size:.82rem;letter-spacing:.08em}.contact-method strong{min-width:0;overflow-wrap:anywhere;color:var(--graphite);font-family:var(--serif);font-size:clamp(1rem,1.26vw,1.2rem);font-weight:500;text-align:right}.contact-method[href]:hover,.contact-method[href]:focus-visible{transform:translateY(-2px);border-color:#3e3a3752;background:#f3f3f180}.contact-method[href]:active{transform:translateY(0) scale(.99);background:#f3f3f19e}.contact-questions ul,.direction-list{display:grid;gap:0;width:100%;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.contact-questions li,.direction-list span{padding:12px 0;border-bottom:1px solid var(--line);color:var(--body);font-size:.94rem;line-height:1.62}.direction-list span{font-family:var(--serif);letter-spacing:.02em}@keyframes route-in{0%{opacity:0;transform:translateY(18px) scale(.99);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(prefers-color-scheme:dark){:root{--panel: rgba(59, 59, 61, .28)}body{color:var(--paper);background:linear-gradient(#3b3b3ddb,#3b3b3ddb),url(../assets/backgrounds/graphite-shadow-texture.png) center / cover}.immersive-page:before{background:radial-gradient(circle at 68% 20%,rgba(243,243,241,.08),transparent 28rem),radial-gradient(circle at 16% 82%,rgba(59,59,61,.28),transparent 26rem),linear-gradient(90deg,rgba(59,59,61,.2),transparent 34%,rgba(59,59,61,.28))}}@media(max-width:820px){.immersive-header{left:18px;right:18px;align-items:center;flex-wrap:nowrap;gap:16px;height:62px;min-height:0;padding:0}.immersive-brand{gap:10px}.immersive-brand img{width:38px;height:38px}.immersive-brand span{font-size:.72rem;letter-spacing:.2em}.menu-toggle{display:inline-flex;align-items:center;justify-content:flex-end;margin-left:auto}.immersive-nav{position:absolute;top:calc(100% + 10px);right:0;display:grid;gap:0;width:min(238px,calc(100vw - 36px));padding:12px 18px;border:1px solid var(--line);border-radius:8px;background:#f3f3f175;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .24s ease,transform .24s ease}.is-menu-open .immersive-nav{opacity:1;pointer-events:auto;transform:translateY(0)}.immersive-nav a{min-height:40px;border-bottom:1px solid var(--line);color:var(--body);font-size:.72rem;letter-spacing:.1em}.immersive-nav a:last-child{border-bottom:0}.immersive-nav a:after{bottom:7px}.immersive-copy{left:22px;right:22px;bottom:138px;gap:16px;width:auto}.immersive-copy h1{font-size:clamp(3.05rem,12vw,5.35rem);line-height:.88}.immersive-lede{max-width:21rem;white-space:normal}.hero-cta{min-width:164px;min-height:48px}.immersive-notes{left:22px;right:22px;bottom:calc(24px + env(safe-area-inset-bottom));grid-template-columns:1fr;min-width:0;gap:8px;font-size:.82rem}.immersive-notes span{padding-top:8px}.route-layer{align-items:start;overflow-y:auto;padding:94px 22px calc(54px + env(safe-area-inset-bottom))}.route-inner{width:100%}.route-heading{gap:12px}.route-heading h1,.case-main h1{font-size:clamp(2.2rem,10vw,4.25rem);line-height:1.04}.route-heading .contact-title{font-size:clamp(1.9rem,8.35vw,4.05rem)}.work-layout,.services-layout,.studio-layout,.journal-layout,.contact-layout,.case-layout{grid-template-columns:1fr;gap:28px}.work-rail{grid-template-columns:1fr;gap:12px}.work-frame{min-height:220px;padding:20px}.service-ledger{grid-template-columns:1fr}.service-ledger section{gap:18px;min-height:auto;padding:22px;border-right:0;border-bottom:1px solid var(--line)}.service-ledger section:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.service-ledger section:last-child{border-bottom:0}.journal-list a{padding:20px 0 22px}.case-brief,.contact-panel{padding:22px}.contact-panel{gap:22px}.contact-block{gap:12px;padding-top:18px}.contact-questions li,.direction-list span{padding:11px 0;font-size:.92rem}}@media(max-width:1180px)and (min-width:821px){.immersive-notes{top:116px;bottom:auto;min-width:min(230px,28vw);gap:10px;font-size:.86rem}}@media(max-width:460px){.immersive-copy{bottom:calc(154px + env(safe-area-inset-bottom))}.immersive-copy h1{font-size:clamp(2.7rem,12.4vw,3.45rem);line-height:.9}.immersive-lede{font-size:.95rem}.hero-cta{width:100%;min-width:0}.route-layer{padding-top:94px}.route-heading .contact-title{font-size:clamp(1.56rem,8.35vw,3.18rem)}.contact-method{grid-template-columns:1fr;gap:4px;min-height:68px;align-items:center;justify-items:start;border-radius:8px}.contact-method strong{font-size:.98rem;text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.route-layer{animation:none!important}.scene-veil{transition:none!important}}