@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#ede8dc;--ink:#232018;--muted:#716b5e;--line:#bdb4a1;--accent:#7a2e22;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Mono',monospace}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:20;background:rgba(237,232,220,.94);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;padding:22px max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line)}.logo{font-weight:500;letter-spacing:.08em}nav{display:flex;gap:26px;font-size:.8rem;text-transform:uppercase}.menu-toggle{display:none;background:none;border:0;font:inherit}.hero{max-width:var(--max);margin:auto;padding:80px 24px 100px;display:grid;grid-template-columns:.95fr 1.15fr;gap:70px;align-items:center}.kicker{font-size:.72rem;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}h1,h2,h3,blockquote{font-family:'Libre Caslon Display',serif;font-weight:400}h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.95;margin:24px 0}.hero-copy>p:not(.kicker){color:var(--muted);line-height:1.8;max-width:560px}.text-link{display:inline-block;margin-top:18px;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-object img{width:100%;height:560px;object-fit:cover;filter:sepia(.22) contrast(.92)}figure{margin:0}.frame{padding:14px;border:1px solid var(--line);background:#e3dccd}figcaption{font-size:.72rem;color:var(--muted);margin-top:10px}.intro,.collection,.story,.visit{max-width:var(--max);margin:auto;padding:100px 24px}.intro{border-top:1px solid var(--line);display:grid;grid-template-columns:140px 1fr}.intro p{font-family:'Libre Caslon Display';font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.25;margin:0}.index,.story-number{color:var(--accent)}.section-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px}.section-title h2,.story h2,.visit h2{font-size:clamp(2.8rem,5vw,5rem);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.item img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:sepia(.25) saturate(.8)}.item span{display:block;font-size:.68rem;color:var(--accent);margin-top:16px}.item h3{font-size:1.7rem;margin:8px 0}.item p{color:var(--muted);font-size:.8rem;line-height:1.6}.story{display:grid;grid-template-columns:140px 1fr;border-top:1px solid var(--line)}.story-copy{max-width:760px}.story-copy>p:not(.kicker){color:var(--muted);line-height:1.8}blockquote{font-size:2rem;line-height:1.3;margin:34px 0 0;padding-left:24px;border-left:2px solid var(--accent)}.visit{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.visit p{max-width:620px;margin:20px auto;color:var(--muted);line-height:1.7}.visit button{background:transparent;border:1px solid var(--ink);padding:13px 20px;font:inherit;cursor:pointer}.visit button:hover{background:var(--ink);color:var(--paper)}footer{max-width:var(--max);margin:auto;padding:34px 24px 50px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.72rem;color:var(--muted)}.fade{opacity:0;transform:translateY(18px);transition:.8s ease}.fade.visible{opacity:1;transform:none}@media(max-width:760px){nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:22px;border-bottom:1px solid var(--line);flex-direction:column}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:50px}.hero-object img{height:420px}.intro,.story{grid-template-columns:1fr;gap:28px}.grid{grid-template-columns:1fr}.section-title{display:block}.section-title h2{margin-top:10px}}
