:root{--paper:#e7e1d5;--ink:#20231f;--red:#d24a36;--olive:#596151;--line:rgba(32,35,31,.22);--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}::selection{background:var(--red);color:#fff}.skip{position:fixed;top:-80px;left:20px;background:var(--ink);color:#fff;padding:12px;z-index:99}.skip:focus{top:20px}.topbar{min-height:118px;padding:24px var(--pad);display:grid;grid-template-columns:1fr 1fr auto;align-items:start;border-bottom:1px solid var(--ink)}.wordmark{font-weight:900;line-height:.83;letter-spacing:-.06em;font-size:24px}.topbar p{margin:0;font:14px/1.3 Georgia,serif}.topbar nav{display:flex;gap:26px;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.topbar nav a:hover{text-decoration:underline}.hero{min-height:720px;padding:var(--pad);display:grid;grid-template-columns:1fr .82fr;gap:8vw;align-items:center;border-bottom:1px solid var(--ink)}.issue,.meta{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700}.hero h1{margin:22px 0;font:400 clamp(54px,7.4vw,112px)/.86 Georgia,serif;letter-spacing:-.065em}.hero h1 em{color:var(--red);font-weight:400}.intro{max-width:560px;font:20px/1.45 Georgia,serif}.round-link{display:grid;place-items:center;width:56px;height:56px;margin-top:36px;border:1px solid;border-radius:50%;font-size:24px}.composition{aspect-ratio:.78;position:relative;overflow:hidden;background:#b6b8a7;border:1px solid var(--ink)}.composition:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px}.label{position:absolute;z-index:2;font:10px monospace}.north{top:18px;left:18px}.east{right:18px;bottom:18px}.block{position:absolute;background:var(--paper);border:1px solid}.b1{width:36%;height:20%;top:18%;left:12%;transform:rotate(-8deg)}.b2{width:24%;height:34%;right:14%;top:10%;transform:rotate(6deg);background:var(--red)}.b3{width:45%;height:25%;left:18%;bottom:13%;transform:rotate(3deg)}.b4{width:18%;height:17%;right:10%;bottom:27%;background:var(--olive)}.route{position:absolute;left:22%;top:8%;width:42%;height:85%;border:3px dashed var(--ink);border-radius:50%;transform:rotate(28deg)}.composition b{position:absolute;right:8%;bottom:2%;font:190px/.8 Georgia,serif;color:rgba(32,35,31,.17)}.entries{padding:120px var(--pad)}.section-title{display:grid;grid-template-columns:.45fr 1fr .7fr;gap:4vw;align-items:end;margin-bottom:100px}.section-title>span{text-transform:uppercase;font-size:10px;letter-spacing:.14em}.section-title h2,.method h2{margin:0;font:400 clamp(46px,6vw,86px)/.9 Georgia,serif;letter-spacing:-.055em}.section-title p{max-width:420px;margin:0}.entry{position:relative;display:grid;grid-template-columns:1.15fr .65fr;gap:6vw;align-items:end;padding:70px 0;border-top:1px solid}.entry.reverse{grid-template-columns:.65fr 1.15fr}.entry.reverse .entry-image{order:2}.entry .number{position:absolute;top:20px;left:0;font:11px monospace}.entry-image{min-height:390px;border:1px solid;position:relative;overflow:hidden}.entry>div:last-child{padding-bottom:20px}.entry h3{margin:10px 0 16px;font:400 clamp(34px,4vw,60px)/.95 Georgia,serif;letter-spacing:-.04em}.entry p:last-child{max-width:430px}.stairs{background:#c88d6b;display:flex;align-items:flex-end;padding:12%}.stairs i{width:25%;height:25%;border:1px solid;background:var(--paper)}.stairs i:nth-child(2){height:43%}.stairs i:nth-child(3){height:61%}.stairs i:nth-child(4){height:79%}.signs{background:#2c3936;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12%;align-content:center}.signs i{display:grid;place-items:center;aspect-ratio:1;background:var(--paper);font:42px Georgia,serif}.windows{background:#b0a988;display:grid;grid-template-columns:repeat(3,1fr);gap:8%;padding:12%}.windows i{background:var(--ink);border:8px solid var(--paper)}.windows i:nth-child(2),.windows i:nth-child(5){transform:translateY(20px)}.method{padding:120px var(--pad);background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:9vw}.method-head>p{text-transform:uppercase;letter-spacing:.15em;font-size:10px}.method ol{list-style:none;margin:0;padding:0}.method li{display:grid;grid-template-columns:48px 1fr;gap:5px 18px;padding:24px 0;border-top:1px solid rgba(255,255,255,.25)}.method li span{color:#e36d58;font:11px monospace}.method li strong{font:400 23px Georgia,serif}.method li p{grid-column:2;margin:0;color:rgba(255,255,255,.6)}.about{padding:140px var(--pad);display:grid;grid-template-columns:1fr 260px;gap:10vw;align-items:center}.about>p{max-width:900px;margin:0;font:400 clamp(34px,4.5vw,68px)/1.06 Georgia,serif;letter-spacing:-.04em}.stamp{aspect-ratio:1;border:1px solid;border-radius:50%;display:grid;place-items:center;padding:30px;text-align:center}.stamp b{font:70px Georgia,serif}.stamp span{text-transform:uppercase;font-size:9px;letter-spacing:.3em}footer{padding:28px var(--pad);border-top:1px solid;display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.topbar{grid-template-columns:1fr auto}.topbar p{display:none}.topbar nav{gap:12px}.hero,.method{grid-template-columns:1fr}.hero{padding-top:70px}.composition{max-width:520px}.section-title{grid-template-columns:1fr}.entry,.entry.reverse{grid-template-columns:1fr}.entry.reverse .entry-image{order:0}.about{grid-template-columns:1fr}.stamp{width:200px}footer{gap:16px;flex-wrap:wrap}}@media(max-width:500px){.topbar nav a:nth-child(2){display:none}.hero{min-height:0}.entry-image{min-height:280px}.entries{padding-top:80px}.section-title{margin-bottom:50px}.about{padding-block:90px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}