:root { --ink:#161616; --paper:#f5f2eb; --line:#c9c6bd; --red:#ff4d32; --yellow:#e3e09e; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans", Arial, sans-serif; }
a { color:inherit; text-decoration:none; }
main { max-width:1240px; margin:auto; padding:0 44px; }
nav { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { font:600 34px/1 "Newsreader", Georgia, serif; letter-spacing:-.08em; }.wordmark span{color:var(--red)}
.nav-links { display:flex; gap:26px; font:500 13px "DM Mono",monospace; }.nav-links a:hover,.text-link:hover { color:var(--red); }
.hero { min-height:650px; padding:88px 0 60px; display:flex; flex-direction:column; justify-content:space-between; border-bottom:1px solid var(--line); }
.eyebrow,.tag,.note-num,.date { margin:0; font:500 11px/1.2 "DM Mono",monospace; letter-spacing:.08em; }.eyebrow { display:flex; align-items:center; gap:9px; }.eyebrow span { width:8px; height:8px; background:var(--red); display:inline-block; border-radius:50%; }
h1 { max-width:1030px; margin:36px 0; font:600 clamp(50px,7vw,103px)/.95 "Newsreader",Georgia,serif; letter-spacing:-.065em; } h1 em { font-weight:500; }
.hero-foot { display:flex; align-items:end; justify-content:space-between; }.hero-foot p { max-width:370px; margin:0; font-size:17px; line-height:1.5; }.circle-link { width:54px;height:54px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:24px;transition:.2s; }.circle-link:hover { background:var(--ink); color:var(--paper); transform:translateY(4px); }
.notes,.projects { padding:105px 0; }.section-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:36px; }.muted,.text-link { margin:0;font:500 12px "DM Mono",monospace; color:#666; }
.featured-note { display:grid; grid-template-columns:145px 1fr 75px; gap:24px; padding:28px 0 38px; border-top:2px solid var(--ink); border-bottom:1px solid var(--line); transition:padding .2s,color .2s; }.featured-note:hover{padding-left:10px;color:var(--red)}.featured-note .tag { color:var(--red); margin-bottom:16px; }.featured-note h2 { max-width:760px; margin:0 0 15px; font:500 clamp(30px,4vw,54px)/1 "Newsreader",Georgia,serif; letter-spacing:-.045em; }.summary{max-width:580px;margin:0;color:#555;line-height:1.55}.featured-note:hover .summary{color:#73473f}.date{text-align:right;line-height:1.45}.empty-note { display:flex; justify-content:space-between; padding:18px 0; color:#777; font:400 12px "DM Mono",monospace; border-bottom:1px solid var(--line); }.empty-note p{margin:0}
.collection-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;padding:18px 20px;color:#f5f2eb;background:#272544;border-radius:7px;transition:transform .2s,background .2s}.collection-cta:hover{background:#3e3971;transform:translateY(-3px)}.collection-cta b{display:block;margin-bottom:5px;color:#b7ed69;font:500 11px "DM Mono",monospace;letter-spacing:.06em}.collection-cta strong{font:500 16px/1.4 "DM Sans",sans-serif}.collection-cta>span:last-child{font-size:23px}
.collection-cta.fix-lab{background:#102c27}.collection-cta.fix-lab:hover{background:#17443a}.collection-cta.fix-lab b{color:#75e0b3}
.projects { background:var(--ink); color:var(--paper); margin:0 calc(50% - 50vw); padding-left:max(44px,calc((100vw - 1240px)/2 + 44px)); padding-right:max(44px,calc((100vw - 1240px)/2 + 44px)); }.projects .text-link{color:#bdbab4}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #585858}.project-card{min-height:370px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform .2s}.project-card:hover{transform:translateY(-7px)}.project-dark{border-right:1px solid #585858}.project-accent{background:var(--yellow);color:var(--ink)}.project-paper{background:#2a324f;border-left:1px solid #585858}.project-index{margin:0;font:500 12px "DM Mono",monospace}.project-card .tag{margin:0 0 14px;color:var(--red)}.project-card h3{margin:0 0 12px;font:500 46px/1 "Newsreader",Georgia,serif;letter-spacing:-.05em}.project-card div>p:last-child{max-width:310px;margin:0;line-height:1.5;color:inherit;opacity:.78}.project-card>span{position:absolute;right:26px;top:25px;font-size:22px}
footer{max-width:1240px;margin:auto;padding:20px 44px;display:flex;justify-content:space-between;color:#666;font:400 11px "DM Mono",monospace}footer p{margin:0}footer a:hover{color:var(--red)}
@media (max-width:760px){main{padding:0 20px}nav{height:68px}.nav-links{gap:14px;font-size:11px}.nav-links a:nth-child(2){display:none}.hero{min-height:560px;padding:58px 0 36px}.hero-foot{gap:26px}.hero-foot p{font-size:14px}.featured-note{grid-template-columns:1fr;gap:16px}.date{text-align:left}.collection-cta{align-items:start}.collection-cta strong{font-size:14px}.empty-note{display:block;line-height:1.7}.projects{padding:72px 20px;margin:0 -20px}.project-grid{grid-template-columns:1fr}.project-dark,.project-paper{border-right:0;border-left:0;border-bottom:1px solid #585858}.project-card{min-height:290px}.project-card h3{font-size:38px}footer{padding:18px 20px;gap:20px;line-height:1.5}.section-heading{align-items:start;gap:12px}}