:root{--bg:#f5f1e8;--bg-strong:#e8d7c0;--surface:#fffbf5d1;--surface-strong:#fff9f2;--surface-dark:#1d1713;--text:#201713;--muted:#635650;--line:#3d2a1e1f;--line-strong:#3d2a1e38;--accent:#0e6d68;--accent-strong:#093f3d;--accent-soft:#dcefea;--highlight:#bf6f45;--highlight-soft:#efd8ca;--shadow:0 24px 80px #2d180c1f;--shadow-strong:0 28px 72px #22140b29;--radius-xl:30px;--radius-lg:24px;--radius-md:18px;--content-width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top left, #0e6d6829, transparent 26%), radial-gradient(circle at 80% 20%, #bf6f4524, transparent 24%), linear-gradient(180deg, #fcf8f1 0%, var(--bg) 100%);margin:0;font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{width:min(calc(100% - 40px), var(--content-width));margin:0 auto;padding:24px 0 40px}.site-header,.site-footer,.hero-panel,.about-card,.case-card,.metrics-panel,.figma-placeholder,.case-details,.case-sidebar-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex;position:sticky;top:16px}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent) 0%, #4da39f 100%);color:#fff;letter-spacing:.1em;border-radius:15px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.brand-copy{gap:2px;display:grid}.brand-copy span{color:var(--muted);font-size:.95rem}.site-nav{flex-wrap:wrap;gap:18px;display:flex}.site-nav a{color:var(--muted)}.hero,.about-section,.work-section,.case-page{margin-top:28px}.hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:22px;display:grid}.hero-editorial{align-items:end;padding:6px 0 8px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.78rem}h1,h2,h3{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif;font-weight:600;line-height:.98}h1{max-width:11ch;font-size:clamp(2rem,4vw,3.7rem)}h2{font-size:clamp(1.7rem,3vw,2.8rem)}h3{font-size:1.7rem}.hero-text,.section-heading p,.case-card p,.case-lead,.prose p,.prose li,.site-footer p,.about-card p,.case-sidebar li{color:var(--muted);line-height:1.7}.hero-copy{align-content:end;gap:10px;display:grid}.hero-text{max-width:54ch;font-size:.98rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.button-primary,.button-secondary,.case-link,.back-link{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.button-primary,.case-link{background:var(--accent);color:#fff}.button-secondary,.back-link{border:1px solid var(--line-strong);background:#ffffff80}.button-primary:hover,.button-secondary:hover,.case-link:hover,.back-link:hover,.case-card:hover{transform:translateY(-1px)}.hero-panel{padding:22px 24px}.hero-proof{gap:18px;display:grid}.hero-proof-value{font-family:Fraunces,serif;font-size:1.8rem;line-height:1.05;display:block}.hero-proof-label{color:var(--muted);margin-top:6px;display:block}.section-heading{gap:10px;margin-bottom:22px;display:grid}.section-heading-editorial p:last-child{max-width:34ch}.with-copy{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:end}.work-section-priority{margin-top:10px}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.case-card{transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden}.case-card:first-child{grid-column:span 2}.case-card:first-child .case-card-image{aspect-ratio:16/9}.case-card-media{position:relative}.case-card-overlay{justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;inset:18px 18px auto}.case-card-index,.case-card-year{backdrop-filter:blur(10px);background:#fff9f2e0;border:1px solid #fff9f2cc;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;display:inline-flex}.case-card-index{font-family:Fraunces,serif;font-size:1.05rem}.case-card-image{aspect-ratio:4/3;object-fit:cover;width:100%}.case-card-body{gap:14px;padding:24px;display:grid}.case-card-topline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.case-meta{color:var(--muted);margin:0;font-size:.92rem}.case-card-copy{margin:0;font-size:1rem}.case-card-foot{align-items:start;gap:14px;display:grid}.case-card-impact{margin:0;font-weight:600;line-height:1.5;color:var(--text)!important}.tag-list,.metrics-list,.case-taxonomy{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tag-list li,.metrics-list li,.case-taxonomy span{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:10px 14px;font-size:.92rem}.tag-list.compact{justify-content:flex-end}.tag-list.compact li{padding:8px 12px;font-size:.84rem}.case-link{justify-self:start}.about-compact{margin-top:34px}.compact-heading h2{max-width:14ch}.about-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:22px;display:grid}.about-card,.metrics-panel,.figma-placeholder,.case-details,.case-sidebar-card{padding:26px}.stats-card{gap:20px;display:grid}.stat-value{font-family:Fraunces,serif;font-size:2.5rem;line-height:1;display:block}.stat-label{color:var(--muted);margin-top:8px;display:block}.site-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:22px 24px;display:flex}.case-page{gap:24px;display:grid}.case-hero{align-items:start;gap:22px;display:grid}.case-hero-editorial{grid-template-columns:minmax(0,1.2fr) minmax(260px,.7fr)}.case-hero-copy{gap:14px;padding-top:8px;display:grid}.case-lead{max-width:58ch;font-size:1.05rem}.case-taxonomy{margin-top:6px}.case-details{gap:18px;display:grid}.case-details dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.88rem}.case-details dd{margin:6px 0 0;font-size:1.05rem}.case-cover{border-radius:var(--radius-xl);object-fit:cover;width:100%;min-height:360px;box-shadow:var(--shadow-strong)}.metrics-panel-editorial{grid-template-columns:minmax(240px,.7fr) 1fr;align-items:start;gap:18px;display:grid}.metrics-list{margin-top:8px}.case-story-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:28px;display:grid}.case-content{padding:8px 0}.case-sidebar{position:sticky;top:104px}.case-sidebar-card ul{margin:0;padding-left:18px}.prose{max-width:760px}.prose h2,.prose h3{margin-top:40px;margin-bottom:14px}.prose img{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow);margin:28px 0}.figma-frame{border:1px solid var(--line);border-radius:var(--radius-xl);background:#fff;width:100%;min-height:620px}.figma-placeholder{text-align:center;place-items:center;min-height:320px;display:grid}@media (width<=1080px){.case-card:first-child{grid-column:span 3}.case-story-layout,.metrics-panel-editorial{grid-template-columns:1fr}.case-sidebar{position:static}}@media (width<=960px){.hero,.about-grid,.case-hero,.with-copy,.case-grid,.site-footer{grid-template-columns:1fr}.case-card:first-child{grid-column:span 1}}@media (width<=720px){.page-shell{width:min(calc(100% - 24px), var(--content-width));padding-top:12px}.site-header{padding:16px;position:static}.site-nav{gap:12px}h1{max-width:12ch}.hero{padding-top:8px}.case-card-topline{grid-template-columns:1fr;display:grid}.tag-list.compact{justify-content:flex-start}}html.site-locked,html.site-locked body{overflow:hidden}html.site-locked .page-shell{visibility:hidden;opacity:0;pointer-events:none}html.site-unlocked .page-shell{visibility:visible;opacity:1}.preview-gate{z-index:999;background:radial-gradient(circle at 0 0,#0e6d6838,#0000 28%),radial-gradient(circle at 100% 100%,#bf6f452e,#0000 30%),#fcf8f1f5;place-items:center;padding:24px;display:none;position:fixed;inset:0}html.site-locked .preview-gate{display:grid}.preview-gate-card{border:1px solid var(--line-strong);border-radius:var(--radius-xl);width:min(100%,560px);box-shadow:var(--shadow-strong);background:#fffbf5f5;padding:32px}.preview-gate-card h1{max-width:10ch;margin-bottom:14px}.preview-gate-copy{color:var(--muted);margin:0 0 20px;line-height:1.7}.preview-gate-form{gap:12px;display:grid}.preview-gate-label{font-size:.92rem;font-weight:600}.preview-gate-form input{border:1px solid var(--line-strong);width:100%;min-height:52px;font:inherit;background:#fff;border-radius:16px;padding:0 16px}.preview-gate-button{justify-self:start}.preview-gate-error{color:#9a2f1b;margin:0;font-size:.95rem}.preview-gate-card{width:min(100%,520px);padding:24px}.preview-gate-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.preview-gate-button{justify-self:stretch;min-width:148px}.preview-gate-error{grid-column:1/-1}@media (width<=560px){.preview-gate-form{grid-template-columns:1fr}.preview-gate-button{min-width:0}}