*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;line-height:1.65}
img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}
h1,h2,h3{font-family:Georgia,serif;line-height:.96;margin:0;letter-spacing:-.045em}
p{font-size:17px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.in{opacity:1;transform:none}
.page{width:min(1000px,calc(100% - 32px));margin:auto;padding:74px 0 102px}.page h1{font-size:clamp(52px,8vw,98px);margin-bottom:20px}.page h2{font-size:38px;margin-top:46px}.page figure{margin:34px 0;overflow:hidden}.page figure img{width:100%;aspect-ratio:16/8;object-fit:cover}
.footer{padding:36px 0 50px}.footer-grid{width:min(1180px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid;padding-top:26px}.footer nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr}.footer nav{justify-content:flex-start}.page{padding-top:50px}}

:root{--bg:#f1e5cf;--ink:#2a241c;--accent:#b55a42;--soft:#c8ae88;--muted:#6d6051}
body{background:linear-gradient(90deg,#f4ead7,#efe1c8 62%,#f7eddc);color:var(--ink)}p{color:var(--muted)}
.top{position:fixed;left:20px;top:20px;width:210px;z-index:25;background:#f7efdfeb;border:1px solid #2a241c18;padding:20px;box-shadow:10px 10px 0 #d9c19e}.brand{font:34px Georgia,serif;display:block}.top nav{display:grid;gap:10px;margin-top:18px;font-size:11px}.main{margin-left:260px}
.hero{min-height:100vh;padding:64px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero h1{font-size:clamp(60px,9vw,132px)}
.drawer{position:relative;height:560px}.sleeve{position:absolute;left:6%;right:18%;top:70px;height:320px;background:#c8ae88;border:2px solid #80684d;box-shadow:0 30px 80px #62492c24}.inner{position:absolute;left:23%;right:3%;top:125px;height:320px;background:#f4e8d3;border:2px solid #9b7a57;box-shadow:0 28px 70px #62492c1f}.inner:after{content:"";position:absolute;inset:28px;background:repeating-linear-gradient(90deg,#d0ad7a 0 14px,transparent 14px 30px)}.heads{position:absolute;left:25%;right:5%;top:145px;height:40px;background:repeating-linear-gradient(90deg,#b55a42 0 14px,transparent 14px 30px)}.drawer-label{position:absolute;left:10%;top:110px;width:220px;background:#f4e8d3;padding:16px;border:1px solid #9b7a57;font:24px Georgia,serif}
.match-band{margin:0 5vw;height:56px;background:repeating-linear-gradient(90deg,#d0ad7a 0 14px,transparent 14px 34px);border-block:1px solid #2a241c18}
.specimen{padding:86px 5vw}.specimen h2{font-size:clamp(44px,7vw,82px);max-width:800px}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.spec-card{background:#f8efdf;padding:24px;min-height:235px;border:1px solid #2a241c15}.spec-card h3{font-size:30px;margin-top:30px}
.paper-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:38px}.paper-row figure{margin:0;overflow:hidden;border:1px solid #2a241c15}.paper-row img{width:100%;height:100%;min-height:320px;object-fit:cover;filter:saturate(.75)}.footer{margin-left:260px}.footer-grid{border-color:#2a241c18}
@media(max-width:900px){.top{position:static;width:auto;margin:16px}.top nav{display:flex;flex-wrap:wrap}.main,.footer{margin-left:0}.hero{display:block;min-height:auto;padding:48px 20px}.drawer{height:470px;margin-top:24px}.specimen{padding:64px 20px}.spec-grid{grid-template-columns:1fr}.paper-row{display:block}.paper-row figure{margin-top:14px}.match-band{margin:0 20px}}