:root{--ink:#202020;--muted:#666;--line:#ddd;--paper:#f7f5f1;--accent:#765f49;--max:1160px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:.2em}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}.notice{background:#171717;color:#fff;padding:.7rem 1rem;text-align:center;font-size:.82rem}.notice a{color:#fff}.header{border-bottom:1px solid var(--line);background:#fff}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{text-decoration:none;font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav{display:flex;gap:1rem;flex-wrap:wrap}.nav a{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.hero{position:relative;min-height:460px;background:#dad7d1;display:grid;align-items:end;overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.65))}.hero-copy{position:relative;z-index:1;color:#fff;padding:4rem 0}.hero h1{max-width:900px;margin:0;font-size:clamp(2.2rem,6vw,5.2rem);line-height:1.05;letter-spacing:.03em}.hero p{margin:.8rem 0 0;opacity:.86}.section{padding:4.5rem 0}.intro{max-width:820px}.intro h2{font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.2}.copy{display:grid;gap:1rem}.copy p{max-width:900px;margin:0;color:#3e3e3e;white-space:pre-line}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eee}.pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{display:block;border:1px solid var(--line);padding:1.4rem;text-decoration:none;background:#fff}.card:hover{border-color:#888}.card strong{display:block;font-size:1.05rem}.card span{display:block;margin-top:.5rem;color:var(--muted);font-size:.8rem}.footer{margin-top:4rem;background:var(--paper);padding:2.5rem 0;color:var(--muted);font-size:.8rem}@media(max-width:760px){.header-inner{align-items:flex-start;flex-direction:column;padding:1.2rem 0}.hero{min-height:390px}.gallery,.pages{grid-template-columns:1fr}.section{padding:3rem 0}}