@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--cream:#f6efe2;--ink:#171614;--rust:#b94d32;--blue:#315d75;--line:#cfc4b3;--muted:#777064;--yellow:#e7c95d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}
header{height:78px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw}.brand{font-weight:800;font-size:18px;letter-spacing:-1px}.brand span{background:var(--rust);color:var(--cream);padding:6px 7px;margin-right:3px}.issue{font:9px "DM Mono",monospace;color:var(--muted);letter-spacing:1px}nav{justify-self:end;display:flex;gap:26px;font:10px "DM Mono",monospace;text-transform:uppercase}nav a:hover{color:var(--rust)}
.hero{min-height:730px;padding:70px 5vw;display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto 1fr auto;column-gap:7vw;position:relative}.hero-label{grid-column:1/-1;font:10px "DM Mono",monospace;color:var(--muted);letter-spacing:1.8px}.hero-title{align-self:center;z-index:2}.hero h1{font-size:clamp(62px,8.7vw,128px);line-height:.86;letter-spacing:-6px;margin:30px 0;font-weight:600}.hero h1 i{font-family:Fraunces,Georgia,serif;font-weight:400;color:var(--rust);letter-spacing:-4px}.hero-art{grid-column:2;grid-row:2/4;position:relative;min-height:510px;background:var(--blue);overflow:hidden}.paper{position:absolute;background:var(--cream);box-shadow:12px 14px 0 rgba(0,0,0,.09)}.p1{width:55%;height:58%;left:13%;top:15%;transform:rotate(-7deg)}.p2{width:48%;height:55%;right:9%;bottom:10%;transform:rotate(8deg);background:#eee0c9}.p3{width:38%;height:44%;left:33%;top:30%;transform:rotate(2deg);background:#f9f4e9}.circle{position:absolute;width:145px;height:145px;border-radius:50%;background:var(--rust);right:16%;top:19%;mix-blend-mode:multiply}.line{position:absolute;height:2px;background:var(--ink);transform-origin:left}.l1{width:58%;left:15%;top:47%;transform:rotate(-21deg)}.l2{width:42%;left:38%;top:68%;transform:rotate(18deg)}.stamp{position:absolute;left:9%;bottom:10%;border:2px solid var(--ink);padding:9px;color:var(--ink);font:13px "DM Mono",monospace;text-align:center;transform:rotate(-9deg)}.hero-copy{max-width:470px;align-self:end;font-size:17px;line-height:1.7;color:#555047}
.intro{border-top:1px solid var(--line);padding:135px 5vw;display:grid;grid-template-columns:90px 1fr 1fr;gap:5vw}.number{font:12px "DM Mono",monospace;color:var(--rust)}.small{font:10px "DM Mono",monospace;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.intro h2,.feature h2,.contact h2{font:clamp(46px,6vw,82px) Fraunces,Georgia,serif;font-weight:400;line-height:.94;letter-spacing:-3px;margin:25px 0 0}.prose{padding-top:25px}.prose p,.feature-copy,.contact-side p{font-size:17px;line-height:1.75;color:#575249;max-width:560px}
.notes{background:var(--ink);color:var(--cream);padding:100px 5vw 120px}.notes-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3d3a35;padding-bottom:24px}.notes .small{color:#a9a094}.notes-head span{font:9px "DM Mono",monospace;color:#8d867d}.note-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px}.note-grid article{min-height:290px;border-left:1px solid #3d3a35;padding:0 28px;position:relative}.note-grid article:first-child{border-left:0;padding-left:0}.note-grid b{font:11px "DM Mono",monospace;color:var(--yellow)}.note-grid h3{font:34px Fraunces,Georgia,serif;font-weight:400;margin:62px 0 18px}.note-grid p{font-size:14px;line-height:1.7;color:#aaa39a;max-width:210px}.note-grid span{position:absolute;bottom:0;font:8px "DM Mono",monospace;color:#777067}
.feature{padding:125px 5vw;display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:center}.feature-art{height:430px;background:#e5d8c5;position:relative;overflow:hidden}.sun{position:absolute;width:230px;height:230px;background:var(--yellow);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit{position:absolute;width:470px;height:190px;border:1px solid var(--rust);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}.feature-art span{position:absolute;right:10%;top:12%;font:10px "DM Mono",monospace;color:var(--rust)}.feature h2{margin-bottom:35px}.feature-copy{max-width:500px}
.contact{border-top:1px solid var(--line);padding:125px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact h2{margin-top:25px}.contact-side{align-self:end;border-top:1px solid var(--line);padding-top:22px}.contact-side a{font-size:27px;color:var(--rust);font-weight:700}.contact-side small{display:block;margin-top:28px;color:var(--muted);font-size:10px}
footer{border-top:1px solid var(--line);padding:20px 5vw;display:flex;justify-content:space-between;font:9px "DM Mono",monospace;color:var(--muted);letter-spacing:1px}
@media(max-width:850px){header{grid-template-columns:1fr auto}.issue{display:none}nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{grid-column:1;grid-row:auto;min-height:390px}.hero-copy{grid-row:auto}.intro,.feature,.contact{grid-template-columns:1fr;gap:40px;padding-top:90px;padding-bottom:90px}.notes{padding-top:80px}.note-grid{grid-template-columns:1fr 1fr}.note-grid article,.note-grid article:first-child{padding:30px 20px;border-left:1px solid #3d3a35;border-bottom:1px solid #3d3a35}.note-grid h3{margin-top:35px}.feature-art{height:340px}footer{flex-direction:column;gap:10px}}
@media(max-width:520px){.note-grid{grid-template-columns:1fr}.note-grid article,.note-grid article:first-child{border-left:0}.hero h1{letter-spacing:-4px}}