:root{--bg:#f5f5f3;--ink:#111318;--muted:#6a6d72;--line:#d9d9d4;--pad:clamp(22px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}.topbar{height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,245,243,.92);backdrop-filter:blur(16px);z-index:5}.brand{font-weight:700;font-size:13px;letter-spacing:-.02em}.topbar nav{display:flex;gap:28px}.topbar a,footer a,.case-links a{color:inherit;text-decoration:none}.topbar nav a{font-size:13px}.hero{padding:clamp(70px,10vw,145px) var(--pad) clamp(70px,8vw,115px)}.hero h1{font-size:clamp(48px,7.2vw,118px);line-height:.91;letter-spacing:-.065em;margin:0;max-width:1300px;font-weight:600}.hero p{font-size:clamp(15px,1.3vw,20px);line-height:1.55;color:var(--muted);margin:34px 0 0}.work,.case,.about{padding:0 var(--pad) 110px}.section-head{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--ink);padding:18px 0 28px}.section-head h2,.section-head span{margin:0;font-size:14px}.section-head h2{font-size:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:34px 18px}.card{grid-column:span 4}.card-wide{grid-column:span 6}.thumb{display:block;aspect-ratio:4/3;background:#ddd;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.thumb:hover img{transform:scale(1.02)}.meta{padding-top:11px}.meta h3{font-size:15px;margin:0 0 5px;letter-spacing:-.02em}.meta p{font-size:12px;color:var(--muted);margin:0}.type-thumb{padding:34px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}.type-thumb span{font-size:clamp(28px,4vw,60px);line-height:.86;letter-spacing:-.06em;color:white}.type-thumb small{color:rgba(255,255,255,.75)}.red .type-thumb{background:#b91618}.navy .type-thumb{background:#05163a}.warm .type-thumb{background:#e8dfcc}.warm .type-thumb span,.warm .type-thumb small{color:#1d1d1d}.case{padding-top:60px}.case-copy{border-top:1px solid var(--ink);padding:20px 0 35px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px}.case h2{font-size:clamp(42px,6vw,88px);line-height:.93;letter-spacing:-.06em;margin:10px 0 14px}.eyebrow,.case-tags{font-size:12px;color:var(--muted)}.case-copy>p{font-size:17px;line-height:1.55;max-width:580px;margin:40px 0 0}.case-hero{width:100%;max-height:78vh;object-fit:cover;display:block}.case-links{display:flex;gap:26px;padding-top:18px;font-size:13px}.about{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--ink);padding-top:22px}.about h2{font-size:18px;margin:0}.about div{max-width:780px}.about p{font-size:clamp(22px,3vw,42px);line-height:1.15;letter-spacing:-.04em;margin:0 0 22px}footer{margin:0 var(--pad);padding:26px 0 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}footer div{display:flex;gap:22px}@media(max-width:850px){.topbar nav a:nth-child(2){display:none}.hero{padding-top:60px}.hero h1{font-size:clamp(50px,14vw,76px)}.grid{gap:28px 12px}.card,.card-wide{grid-column:span 12}.thumb{aspect-ratio:4/3}.case-copy{grid-template-columns:1fr}.case-copy>p{margin:0}.about{grid-template-columns:1fr;gap:36px}footer{flex-direction:column;gap:16px}}@media(max-width:520px){.topbar{height:68px}.topbar nav{gap:16px}.brand{font-size:12px}.topbar nav a{font-size:12px}.hero p br{display:none}.work,.case,.about{padding-bottom:78px}.type-thumb{padding:24px}.meta h3{font-size:14px}}


/* Project detail pages */
.project-page{padding:0 var(--pad)}
.project-intro{padding:52px 0 56px}
.back-link,.project-end a{font-size:13px;color:var(--ink);text-decoration:none}
.project-intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:56px;margin-top:48px;border-top:1px solid var(--ink);padding-top:20px}
.project-intro h1{font-size:clamp(46px,7vw,108px);line-height:.91;letter-spacing:-.065em;margin:0;max-width:1000px;font-weight:600}
.project-tags{font-size:13px;color:var(--muted);margin:18px 0 0}
.project-description{padding-top:8px}
.project-description>p{font-size:16px;line-height:1.6;margin:0 0 34px;max-width:520px}
.project-description dl{margin:0;border-top:1px solid var(--line)}
.project-description dl div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:11px 0;border-bottom:1px solid var(--line)}
.project-description dt,.project-description dd{font-size:12px;margin:0}
.project-description dt{color:var(--muted)}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.project-gallery img{width:100%;height:auto;display:block;background:#e8e8e5}
.project-end{padding:36px 0 100px;text-align:right}
@media(max-width:850px){.project-intro{padding-top:34px}.project-intro-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.project-gallery{grid-template-columns:1fr;gap:12px}.project-end{padding-bottom:76px}}

.project-gallery-wide{grid-template-columns:1fr;gap:24px}
.project-gallery-wide img{width:100%;height:auto;display:block}