:root{--ink:#11110f;--paper:#f4f0e6;--red:#b63a2d;--serif:Georgia,'Times New Roman',serif;--sans:Arial,'Helvetica Neue',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font:16px/1.5 var(--sans);overflow:hidden}a{color:inherit}.category-header{position:fixed;inset:0 0 auto;height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;z-index:20;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent)}.category-header img{width:68px;height:68px;object-fit:contain;background:#faf8f3;padding:3px;border-radius:50%}.category-header>a{display:flex;align-items:center;gap:1rem;text-decoration:none;font-size:.6rem;font-weight:800;letter-spacing:.13em}.category-header nav{display:flex;align-items:center;gap:2rem}.category-header nav a{text-decoration:none;text-transform:uppercase;font-size:.55rem;letter-spacing:.14em}.category-track{height:100svh;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.category-track::-webkit-scrollbar{display:none}.category-panel{position:relative;flex:0 0 100vw;width:100vw;height:100svh;min-height:620px;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.category-intro{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:8rem 7vw 4rem;gap:6vw}.category-intro h1{font:400 clamp(4.5rem,8vw,9rem)/.82 var(--serif);letter-spacing:-.065em;margin:0}.category-intro h1 em{display:block;color:var(--red);font-weight:400}.category-intro-copy{max-width:480px}.eyebrow{font-size:.57rem;font-weight:800;letter-spacing:.2em}.category-intro-copy>p:not(.eyebrow){color:#666}.category-count{margin-top:2rem;border-top:1px solid rgba(0,0,0,.2);padding-top:1rem;font:400 1.2rem var(--serif)}.side-cue{position:absolute;left:7vw;bottom:3rem;display:flex;align-items:center;gap:1rem;font-size:.5rem;letter-spacing:.16em}.side-cue i{width:55px;height:1px;background:currentColor}.project-panel{background:#0e0e0d;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);padding:7rem 5vw 3rem;gap:4vw;align-items:stretch}.project-visual{min-width:0;min-height:0;display:flex;align-items:center;justify-content:flex-start}.project-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.project-details{align-self:end;padding-bottom:2rem}.project-number{font-size:.55rem;letter-spacing:.18em;color:#999}.project-details h1,.project-details h2{font:400 clamp(2.8rem,5vw,5.8rem)/.88 var(--serif);letter-spacing:-.05em;margin:1rem 0}.project-details p{max-width:380px;color:#aaa}.project-meta{display:flex;gap:1.5rem;border-top:1px solid #444;margin-top:2rem;padding-top:1rem;font-size:.52rem;letter-spacing:.13em}.category-contact{background:var(--red);display:grid;place-items:center;text-align:center;padding:7rem}.category-contact h2{font:400 clamp(4rem,8vw,9rem)/.85 var(--serif);letter-spacing:-.06em;margin:0}.category-contact p{max-width:520px}.category-contact a{display:inline-flex;margin-top:1.5rem;background:#fff;color:var(--ink);padding:1rem 1.3rem;text-decoration:none;font-size:.58rem;font-weight:800;letter-spacing:.13em}.project-dots{position:fixed;left:50%;top:40px;transform:translateX(-50%);z-index:25;display:flex;gap:.55rem}.project-dots a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:.5rem;color:#aaa}.project-dots a.active{border:1px solid currentColor;color:#fff}@media(max-width:700px){.category-header{height:74px}.category-header img{width:56px;height:56px}.category-header span,.category-header nav a:not(:last-child),.project-dots{display:none}.category-panel{height:100svh;min-height:0;overflow-y:auto}.category-intro{display:block;padding:8rem 6vw 4rem}.category-intro h1{font-size:4.2rem}.project-panel{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:5rem 5vw 2rem;gap:1rem}.project-visual img{max-height:58svh}.project-details{padding:0}.project-details h2{font-size:2.6rem;margin:.5rem 0}.project-details p{font-size:.78rem}.project-meta{margin-top:.8rem}.category-contact{padding:6rem 7vw}.category-contact h2{font-size:4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
