:root { --bg:#F7F5F2; --ink:#1A1A1A; --ink-2:#555550; --ink-3:#999994; --rule:#D8D5D0; --accent:#2D6A4F; --mono:"IBM Plex Mono",monospace; --sans:"IBM Plex Sans",system-ui,sans-serif; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--bg); color:var(--ink); font-family:var(--sans); font-weight:300; line-height:1.6; }
a { color:var(--accent); }
.page { max-width:1100px; margin:0 auto; padding:clamp(32px,8vw,88px) clamp(24px,8vw,96px); }
nav, .eyebrow, footer { font:500 11px/1.4 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
nav a, footer a { text-decoration:none; }
.project-hero { max-width:720px; margin:72px 0 56px; }
.eyebrow { color:var(--ink-3); margin-bottom:16px; }
h1 { font-size:clamp(42px,8vw,76px); font-weight:500; letter-spacing:-.04em; line-height:1; margin-bottom:24px; }
.lede { color:var(--ink-2); font-size:clamp(18px,2.5vw,24px); line-height:1.5; }
.links { margin-top:24px; font:13px var(--mono); }
.gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:start; }
.phone-frame { display:block; position:relative; width:100%; padding:9px; border:8px solid #171717; border-radius:28px; background:#171717; box-shadow:0 12px 24px rgba(26,26,26,.12); }
.phone-frame::before { content:""; position:absolute; z-index:1; top:5px; left:50%; width:34%; height:5px; border-radius:8px; background:#303030; transform:translateX(-50%); }
.phone-frame img { display:block; width:100%; height:auto; border-radius:16px; background:#fff; }
.detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:48px; margin:64px 0; border-top:1px solid var(--rule); padding-top:28px; }
h2 { font:500 11px var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); margin-bottom:12px; }
.detail-grid p { color:var(--ink-2); font-size:16px; }
footer { border-top:1px solid var(--rule); padding-top:24px; }
@media (max-width:650px) { .project-hero { margin-top:48px; } .gallery, .detail-grid { grid-template-columns:1fr; } .gallery img { max-width:320px; } }