:root{--paper:#f4eddf;--paper-soft:#fbf7ef;--paper-deep:#e2d4bd;--ink:#070908;--ink-soft:#202b27;--ink-faint:rgba(17,20,19,0.62);--mist:rgba(244,237,223,0.7);--line:rgba(17,20,19,0.14);--line-strong:rgba(17,20,19,0.24);--mineral-green:#52786a;--mineral-blue:#506e86;--cinnabar:#b63a2c;--ochre:#a87a3a;--shadow:0 34px 100px rgba(17,20,19,0.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 16% 12%,rgba(182,58,44,.12),transparent 18%),radial-gradient(circle at 82% 14%,rgba(82,120,106,.16),transparent 24%),linear-gradient(115deg,rgba(255,255,255,.56),transparent 36%),var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}body:before{background-image:repeating-linear-gradient(94deg,rgba(17,20,19,.026),rgba(17,20,19,.026) 1px,transparent 0,transparent 9px),radial-gradient(circle at 40% 20%,rgba(17,20,19,.06),transparent 24%);content:"";inset:0;mix-blend-mode:multiply;opacity:.62;pointer-events:none;position:fixed;z-index:-3}a{text-decoration:none}a,button{color:inherit}button{font:inherit}.landscape-canvas{inset:0;pointer-events:none;position:fixed;z-index:-2}.site-header{-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);background:rgba(244,237,223,.72);border-bottom:1px solid var(--line);justify-content:space-between;left:0;padding:14px clamp(18px,4vw,58px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand,.contact-links,.control-shelf,.hero-actions,.proof-strip,.signal-row,.site-header,.site-nav{align-items:center;display:flex}.brand{gap:10px;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.brand-mark{background:var(--cinnabar);border-radius:28% 40% 32% 45%;color:var(--paper-soft);display:grid;height:36px;line-height:1;place-items:center;transform:rotate(-7deg);width:36px}.site-nav{color:var(--ink-faint);font-size:13px;gap:22px}.contact-links a:hover,.site-nav a:hover{color:var(--ink)}.section-band{margin:0 auto;max-width:1440px;padding:clamp(34px,5vw,64px) clamp(18px,4vw,58px)}.hero{align-items:center;display:grid;grid-gap:clamp(28px,4vw,64px);gap:clamp(28px,4vw,64px);grid-template-columns:minmax(360px,.42fr) minmax(0,.58fr);min-height:calc(100vh - 65px);position:relative}.shanshui-stage:before{background:linear-gradient(90deg,transparent,rgba(17,20,19,.14),transparent),radial-gradient(ellipse at center,rgba(17,20,19,.18),transparent 64%);content:"";filter:blur(18px);height:42%;left:18%;opacity:.75;position:absolute;top:22%;transform:rotate(-9deg);width:52%;z-index:-1}.hero-copy{align-content:center;display:grid;padding:28px 0}.eyebrow{color:var(--mineral-green);font-size:11px;font-weight:900;letter-spacing:.12em;margin:0 0 18px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.3vw,64px);letter-spacing:-.018em;line-height:1.04;margin-bottom:22px;max-width:520px}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:400}h2{font-size:clamp(30px,4vw,58px);letter-spacing:-.015em;margin-bottom:18px}h2,h3{line-height:1.08}h3{font-size:24px;margin-bottom:10px}.contact-section p,.hero-lede,.section-heading p{color:var(--ink-faint);font-size:clamp(16px,1.35vw,19px);line-height:1.62;max-width:520px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px}.button{border:1px solid var(--ink);border-radius:999px;display:inline-flex;font-size:13px;font-weight:850;justify-content:center;min-height:44px;min-width:140px;padding:12px 18px}.button-primary{background:var(--ink);color:var(--paper-soft)}.button-ghost{background:rgba(251,247,239,.38)}.scroll-projects{align-self:center;display:grid;grid-gap:10px;gap:10px}.scroll-feature{background:linear-gradient(90deg,rgba(251,247,239,.72),rgba(244,237,223,.44)),radial-gradient(circle at 20% 18%,rgba(82,120,106,.16),transparent 24%);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);min-height:430px;overflow:hidden;position:relative}.scroll-feature:after,.scroll-feature:before{background:linear-gradient(180deg,rgba(17,20,19,.1),transparent);content:"";position:absolute;top:0;width:1px}.scroll-feature:before{left:22px}.scroll-feature:after{right:22px}.scroll-art{min-height:430px;overflow:hidden;position:relative}.mist,.seal-mark{position:absolute}.mist{animation:mistDrift 9s ease-in-out infinite alternate;background:rgba(244,237,223,.8);border-radius:999px;filter:blur(10px);height:46px;left:10%;top:42%;width:76%;z-index:2}.mist-two{animation-delay:-3s;left:16%;top:60%;width:72%}.project-shot{object-fit:contain;padding:clamp(20px,3vw,42px);z-index:1}.project-shot-main{filter:saturate(.9) contrast(1.04)}.seal-mark{background:var(--cinnabar);border-radius:24% 38% 30% 44%;bottom:22%;height:34px;right:17%;transform:rotate(9deg);width:34px;z-index:3}.scroll-copy{align-content:center;border-left:1px solid var(--line);display:grid;padding:clamp(18px,2.2vw,28px)}.detail-grid span,.method-timeline span,.minor-study span,.project-index,.project-status,.scroll-copy span,.tag{color:var(--ink-faint);display:block;font-size:11px;font-weight:900;letter-spacing:.11em;margin-bottom:10px;text-transform:uppercase}.scroll-copy h2{color:var(--ink);font-size:clamp(28px,2.6vw,38px);line-height:1.08}.scroll-copy strong{border-top:1px solid var(--line);color:var(--cinnabar);display:block;font-size:12px;font-weight:900;letter-spacing:.12em;margin-top:18px;padding-top:14px;text-transform:uppercase}.detail-grid p,.method-timeline p,.minor-study p,.project-card span:last-child,.review-stack p,.scroll-copy p{color:var(--ink-faint);line-height:1.56;margin-bottom:0}.scroll-copy p{font-size:15px;line-height:1.48}.scroll-minors{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.minor-study{background:rgba(251,247,239,.54);border:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;min-height:104px;padding:14px;position:relative;transition:background .18s ease,transform .18s ease}.minor-study:after{background:var(--cinnabar);border-radius:24% 38% 30% 44%;content:"";height:14px;position:absolute;right:14px;top:14px;transform:rotate(8deg);width:14px}.minor-study:hover{background:rgba(251,247,239,.8);transform:translateY(-4px)}.minor-study h3{font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:400;letter-spacing:-.01em;margin-bottom:6px}.minor-shot{border:1px solid var(--line);height:74px;object-fit:cover;width:100%}.project-hero{min-height:72vh;padding-bottom:40px}.back-link{color:var(--ink-faint);display:inline-block;font-size:12px;font-weight:900;letter-spacing:.1em;margin-bottom:28px;text-transform:uppercase}.project-hero-grid{align-items:center;display:grid;grid-gap:clamp(28px,5vw,70px);gap:clamp(28px,5vw,70px);grid-template-columns:minmax(280px,.46fr) minmax(0,1fr)}.project-takeaway{border-left:3px solid var(--cinnabar);color:var(--ink);font-size:17px;line-height:1.58;margin:28px 0 0;max-width:560px;padding-left:18px}.study-art{background:radial-gradient(circle at 20% 20%,rgba(82,120,106,.16),transparent 22%),linear-gradient(120deg,rgba(251,247,239,.58),rgba(226,212,189,.34));border:1px solid var(--line);box-shadow:var(--shadow);min-height:520px;overflow:hidden;position:relative}.study-mist,.study-seal{position:absolute}.study-mist{animation:mistDrift 9s ease-in-out infinite alternate;background:rgba(244,237,223,.82);border-radius:999px;filter:blur(12px);height:66px;left:8%;top:46%;width:82%;z-index:2}.detail-shot{filter:saturate(.92) contrast(1.04)}.study-seal{background:var(--cinnabar);border-radius:24% 38% 30% 44%;bottom:18%;height:54px;right:14%;transform:rotate(9deg);width:54px;z-index:3}.study-body{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(240px,.34fr) 1fr;padding-top:30px}.study-sections article,.study-summary{background:rgba(251,247,239,.62);border:1px solid var(--line);box-shadow:0 18px 48px rgba(43,35,24,.08);padding:clamp(20px,3vw,34px)}.study-summary{align-self:start;position:-webkit-sticky;position:sticky;top:88px}.study-sections span,.study-summary>span{color:var(--mineral-green);display:block;font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.study-sections p,.study-summary p{color:var(--ink-faint);font-size:18px;line-height:1.62;margin-bottom:0}.study-sections{display:grid;grid-gap:14px;gap:14px}.narrative-opening{background:radial-gradient(circle at 86% 14%,rgba(182,58,44,.08),transparent 18%),rgba(251,247,239,.72)!important}.narrative-opening p{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.3vw,34px);letter-spacing:-.01em;line-height:1.32}.study-gallery{display:grid;grid-gap:18px;gap:18px;padding-top:24px}.gallery-frame{background:linear-gradient(145deg,rgba(251,247,239,.74),rgba(226,212,189,.36)),radial-gradient(circle at 12% 10%,rgba(82,120,106,.14),transparent 22%);border:1px solid var(--line);box-shadow:var(--shadow);margin:0;min-height:min(68vw,760px);overflow:hidden;position:relative}.gallery-frame img{object-fit:contain;padding:clamp(18px,4vw,58px)}.gallery-frame-detail{min-height:min(58vw,640px)}.study-planning{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:24px}.narrative-decisions,.walkthrough{padding-top:26px}.decision-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.decision-grid article{background:rgba(251,247,239,.58);border:1px solid var(--line);min-height:260px;padding:clamp(18px,3vw,30px)}.decision-grid span,.walkthrough-list span{color:var(--cinnabar);display:block;font-size:12px;font-weight:900;letter-spacing:.1em;margin-bottom:18px}.decision-grid h3,.walkthrough-list h3{font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,2.4vw,34px);font-weight:400;letter-spacing:-.01em}.decision-grid p,.walkthrough-list p{color:var(--ink-faint);line-height:1.62;margin-bottom:0}.walkthrough-list{border-top:1px solid var(--line);display:grid}.walkthrough-list article{align-items:start;border-bottom:1px solid var(--line);display:grid;grid-gap:24px;gap:24px;grid-template-columns:72px 1fr;padding:26px 0}.recruiter-notes{display:grid;grid-gap:26px;gap:26px;grid-template-columns:minmax(280px,.48fr) minmax(0,.52fr);padding-top:26px}.recruiter-notes ul{display:grid;grid-gap:12px;gap:12px;list-style:none;margin:0;padding:0}.recruiter-notes li{background:rgba(251,247,239,.64);border:1px solid var(--line);color:var(--ink-faint);line-height:1.55;padding:16px 18px}.recruiter-notes>p{border-left:3px solid var(--cinnabar);color:var(--ink);font-size:18px;grid-column:2;line-height:1.6;margin:0;padding-left:18px}.planning-column{background:rgba(251,247,239,.64);border:1px solid var(--line);box-shadow:0 18px 48px rgba(43,35,24,.08);padding:clamp(22px,4vw,42px)}.planning-column h2{font-size:clamp(28px,3.2vw,46px);margin-bottom:26px}.planning-column ol,.planning-column ul{display:grid;grid-gap:14px;gap:14px;margin:0;padding-left:20px}.planning-column li{color:var(--ink-faint);font-size:17px;line-height:1.55;padding-left:4px}.proof-strip{background:rgba(251,247,239,.36);border-bottom:1px solid var(--line);color:var(--ink-faint);flex-wrap:wrap;font-size:11px;font-weight:900;gap:14px;justify-content:center;letter-spacing:.1em;padding:14px 20px;text-transform:uppercase}.proof-strip span{border-right:1px solid var(--line);padding-right:14px}.proof-strip span:last-child{border-right:0;padding-right:0}.section-heading{margin-bottom:34px;max-width:840px}.section-heading.compact{max-width:760px}.project-lab{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(280px,.58fr) minmax(0,1fr)}.detail-grid,.method-timeline,.metric-cluster,.project-list,.review-stack{display:grid;grid-gap:12px;gap:12px}.project-card{background:rgba(251,247,239,.42);border:1px solid var(--line);color:var(--ink);cursor:pointer;min-height:164px;padding:20px;text-align:left;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.project-card.is-active,.project-card:hover{background:rgba(251,247,239,.78);box-shadow:0 18px 50px rgba(43,35,24,.12);transform:translateX(8px)}.project-card strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400;letter-spacing:-.01em;margin-bottom:10px}.project-detail,.ux-board{background:linear-gradient(145deg,rgba(251,247,239,.78),rgba(226,212,189,.44)),radial-gradient(circle at 18% 12%,rgba(82,120,106,.16),transparent 26%);border:1px solid var(--line);box-shadow:var(--shadow)}.project-detail{align-self:start;min-height:540px;padding:clamp(22px,4vw,40px);position:-webkit-sticky;position:sticky;top:88px}.detail-header{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:24px}.detail-header span{color:var(--mineral-green);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.detail-header h3{font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,56px);font-weight:400;letter-spacing:-.018em;margin:8px 0 14px}.detail-header p{color:var(--ink-faint);font-size:18px;line-height:1.58;margin-bottom:0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid article,.method-timeline article,.metric-cluster div,.review-stack article{background:rgba(251,247,239,.58);border:1px solid var(--line);color:var(--ink);padding:18px}.signal-row{flex-wrap:wrap;gap:8px;margin-top:24px}.signal-row span{background:var(--ink);border-radius:999px;color:var(--paper-soft);font-size:12px;font-weight:850;padding:8px 11px}.method-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.method-timeline article{min-height:228px}.interface-section{padding-top:42px}.ux-board{display:grid;grid-gap:18px;gap:18px;grid-template-columns:220px 1fr 210px;padding:18px}.control-shelf{align-self:start;background:var(--ink);border-radius:999px;gap:4px;padding:4px}.mode-button{background:transparent;border:0;border-radius:999px;color:rgba(251,247,239,.7);cursor:pointer;flex:1 1;min-height:40px;padding:8px 10px}.mode-button.active{background:var(--paper-soft);color:var(--ink)}.metric-cluster div{display:grid;min-height:96px}.metric-cluster strong{font-family:Georgia,Times New Roman,serif;font-size:42px;font-weight:500;line-height:1}.metric-cluster span{align-self:end;color:var(--ink-faint);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.contact-section{align-items:end;display:grid;grid-gap:28px;gap:28px;grid-template-columns:1fr auto}.contact-links{flex-wrap:wrap;gap:10px;justify-content:flex-end}.contact-links a{background:var(--ink);border:1px solid var(--ink);border-radius:999px;color:var(--paper-soft);font-weight:850;padding:12px 16px}@keyframes mistDrift{0%{opacity:.52;transform:translateX(-24px)}to{opacity:.9;transform:translateX(28px)}}@media (max-width:1080px){.contact-section,.hero,.project-lab,.ux-board{grid-template-columns:1fr}.hero{min-height:auto}.scroll-feature{grid-template-columns:1fr}.scroll-copy{border-left:0;border-top:1px solid var(--line)}.decision-grid,.project-hero-grid,.recruiter-notes,.study-body,.study-planning{grid-template-columns:1fr}.recruiter-notes>p{grid-column:auto}.study-summary{position:static}.project-detail{min-height:auto;position:static}.method-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.site-header{align-items:flex-start;flex-direction:column;gap:12px}.site-nav{gap:12px}.section-band{padding-left:16px;padding-right:16px}.button,.hero-actions{width:100%}.scroll-art{min-height:420px}.detail-grid,.method-timeline,.scroll-minors,.walkthrough-list article{grid-template-columns:1fr}.proof-strip{align-items:stretch;flex-direction:column}.proof-strip span{border-right:0;padding-right:0}.control-shelf{width:100%}.contact-links{justify-content:flex-start}}