/* One artwork layout, scaled with its container. No fixed page heights. */
.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.hero>div{min-width:0}
.hero-art{position:relative;isolation:isolate;width:100%;aspect-ratio:1 / 1.12;margin:0;background:radial-gradient(ellipse,#ece6d7 0,transparent 70%)}
.hero-art .cover{position:absolute;z-index:2;left:24%;top:18%;width:52%;height:auto;display:block;border:6px solid white;border-radius:3px;box-shadow:0 18px 35px #233b3426;transform:rotate(-2deg)}
.hero-pages{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero-pages img{position:absolute;display:block;width:27%;height:auto;max-width:none;border:3px solid white;border-radius:3px;box-shadow:0 10px 22px #453b2c20}
.hero-pages img:nth-child(1){left:5%;top:8%;transform:rotate(-12deg)}
.hero-pages img:nth-child(2){right:5%;top:7%;transform:rotate(12deg)}
.hero-pages img:nth-child(3){left:3%;top:40%;transform:rotate(-9deg)}
.hero-pages img:nth-child(4){right:3%;top:39%;transform:rotate(9deg)}
.hero-pages img:nth-child(5){left:14%;top:64%;transform:rotate(-7deg)}
.hero-pages img:nth-child(6){right:14%;top:64%;transform:rotate(7deg)}
.hero-pages img:nth-child(7){left:29%;top:1%;width:25%;transform:rotate(3deg)}
.hero-pages img:nth-child(8){right:25%;top:4%;width:25%;transform:rotate(9deg)}
.hero-proof{border-left:3px solid #d47a14;padding:7px 0 7px 14px;margin-bottom:24px;font-size:12px;color:#52645b}
.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{color:#193b32}
.button-primary{box-shadow:0 4px 0 #bc6810}
.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
.sheet{padding:9px;border-radius:8px}.sheet:hover{background:#ebece2}
.sample figcaption{padding:12px 1px 0}.sample h3{font-size:16px}.sample .eyebrow{font-size:9px}
.sample figcaption>p:last-child{font-size:12px;line-height:1.65}
@media(max-width:900px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:28px}h1{font-size:clamp(40px,5.8vw,53px)}}
@media(max-width:650px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{width:min(100%,410px);margin-inline:auto}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.sheet{padding:6px}.sample h3{font-size:14px}.sample figcaption>p:last-child{font-size:11px}.sample .eyebrow{font-size:8px}.hero-art .cover{border-width:4px}.hero-pages img{border-width:2px}}