:root{background-color:#050505}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}#root{padding:0}:root{--bg: #050505;--text: #c6c6c6;--dim: #888;--accent: #f3f3f0;--accent-2: #fff;--line: #303030}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif}.app{padding:28px 48px 80px}.content{max-width:1040px;margin:auto;transition:filter .25s ease}.content--blur{filter:blur(22px)}.identity{position:relative;text-align:center}.identity-meta{display:flex;justify-content:space-between;gap:20px;padding:0 0 20px;border-bottom:1px solid var(--line);color:var(--dim);font:10px monospace;letter-spacing:.16em;text-transform:uppercase}.brand-emblem{display:block;width:clamp(200px,28vw,310px);height:auto;margin:32px auto 20px;object-fit:contain}h1{margin:0;color:var(--accent);font-size:clamp(48px,9vw,100px);line-height:1;font-weight:900;letter-spacing:.12em;padding-left:.12em;text-transform:uppercase}.brand-caption{margin:18px 0 42px;color:#aaa;font:11px monospace;letter-spacing:.3em;text-transform:uppercase}.section-nav{display:flex;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-nav a{flex:1;padding:20px 10px;font:10px monospace;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.section-nav a+a{border-left:1px solid var(--line)}.section-nav a:hover{background:#181818}h2{display:flex;align-items:center;gap:18px;margin:76px 0 26px;color:var(--accent);font-size:clamp(25px,4vw,40px);font-weight:900;text-transform:uppercase;letter-spacing:-.025em}h2:before{content:attr(data-index);color:var(--dim);font:11px monospace;letter-spacing:.1em}h2:after{content:"";flex:1;height:1px;margin-left:10px;background:linear-gradient(90deg,#666,#181818)}.lede{max-width:780px;font-size:clamp(18px,2.1vw,22px);line-height:1.55;color:#e0e0e0;margin:0 0 20px}.para{font-size:16px;line-height:1.75;max-width:820px;margin:16px 0}a{color:var(--accent);text-underline-offset:5px}a:hover{color:#fff}a:focus-visible{outline:2px solid white;outline-offset:5px}.project{color:var(--accent);font-weight:700;font-size:1.12em;letter-spacing:.2px}.card{position:relative;border-top:1px solid var(--line);padding:34px 0;margin:0}.card:before{content:"";position:absolute;top:-1px;left:0;width:35px;height:2px;background:#ddd;clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}.card .para{margin:0}.row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.row--rev .row-media{order:2}.row-text{font-size:16px;line-height:1.75}.row-text p{margin:0 0 14px}.row-text p:last-child{margin-bottom:0}.row-media{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:10px;background:#0b0b0b;padding:16px;border:1px solid #222;margin:0}.row-media figcaption{width:100%;color:#aaa;font-size:12px;line-height:1.5}.row-media img{max-width:min(210px,100%);max-height:280px;width:auto;height:auto;object-fit:contain;border:1px solid var(--line);cursor:zoom-in}.row-media img:only-of-type{max-width:100%;max-height:440px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;cursor:zoom-out}.lightbox:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000000f0}.lightbox img{position:relative;height:84vh;width:auto;max-width:90vw;object-fit:contain;border:1px solid var(--line)}.cta-line{margin:30px 0 0;padding:30px 0;border-top:1px solid var(--line)}.cta-line a{display:inline-block;padding:20px 30px;background:#ecece9;color:#080808;font-size:clamp(18px,3vw,26px);font-weight:700;text-decoration:none;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.cta-line a:hover{background:#fff}.cta-line a:focus-visible{clip-path:none}@media (max-width: 760px){.app{padding:22px 20px 48px}.identity-meta{font-size:8px;letter-spacing:.06em}.section-nav a{font-size:9px;letter-spacing:0;padding:18px 5px}.brand-caption{font-size:9px;letter-spacing:.18em}.row{grid-template-columns:1fr;gap:20px}.row--rev .row-media{order:0}h2{margin-top:55px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.content{transition:none}}