@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
:root{--ink:#171715;--paper:#f2efe8;--olive:#59604f;--line:rgba(23,23,21,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Noto Sans SC',sans-serif;font-weight:300}a{color:inherit;text-decoration:none}.topbar{position:fixed;z-index:10;top:0;left:0;right:0;height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.18);mix-blend-mode:screen}.brand img{width:155px;height:auto}.topbar nav{display:flex;gap:34px;font-size:12px;letter-spacing:.18em}.call{font-size:11px;letter-spacing:.14em}.panel{min-height:100svh;position:relative;overflow:hidden}.hero{background-image:var(--bg);background-size:cover;background-position:center;isolation:isolate}.visual{background-image:var(--bg);background-size:cover;background-position:center;background-color:#0c0c0a;isolation:isolate}.hero:before{content:'';position:absolute;inset:-5%;background:inherit;z-index:-2;transform:scale(1.06);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}.panel.active:before{transform:scale(1)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,10,.78),rgba(12,12,10,.1) 70%),linear-gradient(0deg,rgba(12,12,10,.3),transparent 45%);z-index:-1}.hero-copy,.project-copy{position:absolute;left:10vw;top:50%;transform:translateY(-45%);max-width:650px}.eyebrow{font-size:11px;letter-spacing:.22em;margin:0 0 28px;text-transform:uppercase}.eyebrow.dark{color:#74756b}.hero h1,.project-copy h2{font-family:Georgia,'Playfair Display','Source Han Serif SC','Noto Serif SC','Songti SC',serif;font-weight:400;font-size:clamp(40px,6vw,74px);line-height:1.18;letter-spacing:.01em;margin:0}.hero h1 em{font-family:'Playfair Display',serif;font-weight:400}.lede{margin:28px 0 32px;font-size:15px;line-height:1.75;color:rgba(255,255,255,.76)}.text-link{display:inline-flex;gap:38px;align-items:center;font-size:11px;letter-spacing:.18em;border-bottom:1px solid currentColor;padding-bottom:12px}.text-link span{font-size:20px;line-height:10px}.scroll-note{position:absolute;bottom:34px;left:10vw;font-size:10px;letter-spacing:.2em;display:flex;align-items:center;gap:18px}.scroll-note span{display:block;width:70px;height:1px;background:#fff}.method,.contact{background-color:var(--paper);color:var(--ink)}.panel-inner{width:80%;max-width:1180px;margin:auto;padding-top:18vh}.split{display:grid;grid-template-columns:1fr 1fr;gap:11vw}.split h2,.categories h2,.contact h2{font-size:clamp(30px,4.2vw,52px);font-weight:300;line-height:1.16;letter-spacing:0;margin:0}.rich{max-width:420px;padding-top:40px;font-size:15px;line-height:1.75;color:rgba(255,255,255,.76)}.rich p{margin:0 0 28px}.ink{margin-top:28px}.statement .text-link{color:var(--paper)}.project-copy h2{font-size:clamp(38px,5.5vw,68px)}.project-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:430px;color:rgba(255,255,255,.78);margin:26px 0}.project-tag{position:absolute;right:5vw;bottom:42px;font-size:10px;letter-spacing:.2em}.categories .panel-inner{padding-top:15vh}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12vh;border-top:1px solid rgba(255,255,255,.15)}.category{min-height:240px;border-right:1px solid rgba(255,255,255,.15);padding:28px 24px;display:flex;flex-direction:column;transition:background .4s,color .4s}.category:first-child{border-left:1px solid rgba(255,255,255,.15)}.category:hover{background:rgba(255,255,255,.08);color:var(--paper)}.category span{font-size:11px;color:rgba(255,255,255,.45);letter-spacing:.1em}.category strong{font-size:32px;font-weight:300;margin-top:auto}.category small{font-size:12px;margin-top:14px;color:rgba(255,255,255,.5)}.case-meta{position:absolute;bottom:-30vh;font-size:11px;letter-spacing:.18em}.method-quote{margin-top:11vh;font-size:15px;line-height:1.7;max-width:400px}.steps{padding-top:40px}.steps div{border-top:1px solid var(--line);padding:22px 0;display:flex;gap:36px;font-size:15px}.steps b{font-size:11px;color:var(--olive);font-weight:400}.contact-inner{width:80%;max-width:1180px;margin:auto;padding-top:15vh}.contact-inner>img{width:180px;margin-bottom:16vh}.contact-link{display:block;margin-top:12vh;font-family:'Playfair Display',serif;font-size:clamp(22px,2.8vw,36px);border-bottom:1px solid var(--line);padding-bottom:18px;max-width:700px}.contact-link span{font-family:inherit;float:right}.fine{font-size:11px;line-height:1.7;color:#707169;margin-top:26px}
/* Method section - dark visual panel with process grid */
.method{background-image:var(--bg);background-size:cover;background-position:center;background-color:#0c0c0a;isolation:isolate}
.method-inner{position:relative;z-index:1;width:80%;max-width:1180px;margin:auto;padding-top:14vh}
.method h2{color:var(--paper);font-size:clamp(30px,4.2vw,52px);font-weight:300;line-height:1.16;letter-spacing:0;margin:0}
.method-quote{margin-top:8vh;font-size:15px;line-height:1.7;max-width:400px;color:rgba(255,255,255,.76)}
.eyebrow.light{color:rgba(255,255,255,.6)}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:10vh;border-top:1px solid rgba(255,255,255,.15)}
.process-step{border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);padding:28px 24px;display:flex;flex-direction:column;gap:10px;transition:background .4s}
.process-step:nth-child(3n){border-right:none}
.process-step:nth-child(n+7){border-bottom:none}
.process-step:hover{background:rgba(255,255,255,.06)}
.step-num{font-size:10px;color:rgba(255,255,255,.4);letter-spacing:.1em}
.process-step strong{font-size:16px;font-weight:400;color:var(--paper)}
.process-step small{font-size:12px;line-height:1.6;color:rgba(255,255,255,.55)}

/* Contact section - premium gradient with watermark */
.contact{background-image:var(--bg);background-size:cover;background-position:center;background-color:#0c0c0a;isolation:isolate}
.contact-veil{position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,12,10,.88) 0%,rgba(12,12,10,.65) 50%,rgba(12,12,10,.82) 100%);z-index:0}

.contact-inner{position:relative;z-index:1;width:80%;max-width:1180px;margin:auto;padding-top:18vh}
.contact h2{color:var(--paper);font-size:clamp(30px,4.2vw,52px);font-weight:300;line-height:1.16;letter-spacing:0;margin:0}
.contact-link.premium{display:block;margin-top:12vh;font-family:'Playfair Display',serif;font-size:clamp(28px,3.5vw,48px);color:var(--paper);border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:18px;max-width:700px;transition:border-color .3s}
.contact-link.premium:hover{border-color:rgba(255,255,255,.5)}
.contact-link.premium span{font-family:inherit;float:right;font-size:0.8em}
.fine.light{font-size:11px;line-height:1.7;color:rgba(255,255,255,.45);margin-top:26px}

.statement{background-image:var(--bg);background-size:cover;background-position:center;background-color:#0c0c0a;isolation:isolate}.statement-veil{position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,12,10,.85) 0%,rgba(12,12,10,.6) 50%,rgba(12,12,10,.8) 100%);z-index:0}.statement .panel-inner{position:relative;z-index:1}.statement h2{color:var(--paper)}.categories{background-image:var(--bg);background-size:cover;background-position:center;background-color:#0c0c0a;isolation:isolate}.categories-veil{position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,12,10,.88) 0%,rgba(12,12,10,.55) 50%,rgba(12,12,10,.82) 100%);z-index:0}.categories .panel-inner{position:relative;z-index:1}.categories h2{color:var(--paper)}.category strong{color:var(--paper)}@media(max-width:700px){.topbar{height:70px;padding:0 6vw}.brand img{width:125px}.topbar nav{display:none}.call{font-size:10px}.hero-copy,.project-copy{left:8vw;right:8vw}.hero h1,.project-copy h2{font-size:clamp(36px,12vw,56px)}.lede{font-size:14px}.panel-inner,.contact-inner{width:84%;padding-top:17vh}.split{display:block}.rich{padding-top:45px;font-size:13px}.category-grid{grid-template-columns:1fr;margin-top:8vh}.category{min-height:150px}.category strong{font-size:26px}.steps{padding-top:55px}.steps div{gap:18px;flex-direction:column}.case-meta{bottom:-18vh}.project-tag{right:8vw}.contact-inner>img{width:145px;margin-bottom:14vh}.contact-link{margin-top:10vh;font-size:26px}
.method-inner{padding-top:16vh}
.method h2{font-size:clamp(26px,8vw,36px)}
.method-quote{margin-top:6vh;font-size:13px}
.process-grid{grid-template-columns:1fr;margin-top:6vh}
.process-step{border-right:none;border-bottom:1px solid rgba(255,255,255,.15)}
.process-step:nth-child(3n){border-right:none}
.process-step:nth-child(n+7){border-bottom:1px solid rgba(255,255,255,.15)}
.process-step:last-child{border-bottom:none}
.process-step strong{font-size:15px}

.contact-inner{padding-top:16vh}
.contact h2{font-size:clamp(26px,8vw,36px)}
.contact-link.premium{margin-top:8vh;font-size:clamp(22px,6vw,32px)}

}