.project-nav{height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.project-nav nav{display:flex;gap:26px}.project-nav nav a{color:var(--muted);font:10px 'DM Mono',monospace;text-decoration:none;text-transform:uppercase}.project-nav nav a:hover{color:var(--cream)}.project-hero{min-height:500px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;padding:100px 0 70px}.project-label{font:10px 'DM Mono',monospace;color:var(--accent);letter-spacing:.1em}.project-hero h1{font-size:clamp(30px,3.6vw,52px);line-height:1.04;margin:22px 0;letter-spacing:-.04em}.project-description{max-width:440px;color:#aaa;line-height:1.7;font-size:15px}.project-visual{aspect-ratio:16/9;border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden;background:#0f0f11}.project-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.project-visual:after{content:attr(data-number);font:700 170px 'Space Grotesk',sans-serif;line-height:1;color:rgba(185,255,76,.7);position:absolute;right:-8px;bottom:-32px}.project-visual.coffee{background:linear-gradient(135deg,#65483b,#1c1613)}.project-visual.coffee:after{color:#f0d9bb}.project-visual.coral{background:#d7cdc0}.project-visual.coral:after{color:#ed6844}.project-visual span{z-index:1;border:1px solid #ffffff44;padding:10px 14px;font:10px 'DM Mono',monospace;letter-spacing:.08em}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-meta article{min-height:120px;padding:22px;border-right:1px solid var(--line)}.project-meta article:last-child{border-right:0}.project-meta h2{margin:18px 0 0;font-size:16px;font-weight:500}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:110px 0}.detail-grid h2{font-size:38px;letter-spacing:-.05em}.detail-grid p{font-size:16px;line-height:1.75;color:#aaa}.stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.stack span{font:10px 'DM Mono',monospace;padding:9px 11px;border:1px solid var(--line)}.project-navigation{display:flex;justify-content:space-between;gap:0;padding:28px 0 50px;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.project-navigation a{color:var(--cream);text-decoration:none;font:11px 'DM Mono',monospace}.project-navigation a span{display:block;color:var(--muted);font-size:9px;margin-bottom:9px}@media(max-width:700px){.project-nav{height:70px}.project-nav nav{gap:14px}.project-hero,.detail-grid{grid-template-columns:1fr;gap:35px;padding-top:65px}.project-visual{height:230px}.project-meta{grid-template-columns:1fr}.project-meta article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.detail-grid{padding-bottom:70px}.project-navigation{gap:20px}.project-navigation a:last-child{text-align:right}}