/* Book photography and preorder artprint, October 2026. */
.product-update #boek .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:5%;align-items:center}
.product-update #boek .hero-copy{display:block;max-width:none}
.product-update #boek h1{font-size:clamp(3rem,6.2vw,7rem)}
.product-update .product-hero{min-width:0}
.product-update .product-hero figure{margin:0}
.product-update .section-with-cover{display:block}
.product-update .edition-layout,.product-update .preorder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7%}
.product-update .edition-statement figure{margin-top:40px}
.product-zoom{position:relative;display:block;width:100%;background:#171717;padding:0;border:0;cursor:zoom-in;overflow:hidden}
.product-zoom img{width:100%;height:auto;object-fit:contain;transition:transform .35s}
.product-zoom:hover img{transform:scale(1.015)}
.zoom-mark{position:absolute;bottom:12px;right:12px;background:#000b;color:#fff;border:1px solid #ffffff55;width:36px;height:36px;display:grid;place-items:center;font-size:20px}
.product-update figcaption{font-size:.74rem;color:#aaa;padding:12px 0;line-height:1.5}
.product-gallery{padding:95px 0 30px;border-top:1px solid var(--line);margin-top:60px}
.gallery-heading{display:flex;align-items:end;gap:7%;margin:22px 0 40px}.gallery-heading h2{flex:1}.gallery-heading p{max-width:300px;color:#aaa}
.product-gallery h2,.artprint-section h2,.craft-section h2{font-size:clamp(2.5rem,4.5vw,5rem)}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.product-grid .product-zoom{aspect-ratio:1.32}.product-grid img{width:100%;height:100%;object-fit:contain}
.more-images{margin-top:25px}.more-images summary{font-size:1rem;color:var(--yellow)}.more-images .product-grid{padding:20px 0}
.artprint-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:7%;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:65px 0;margin-top:70px}
.artprint-copy h2{margin:22px 0 28px}.artprint-copy>p:not(.eyebrow){color:#bbb}.artprint-copy .button{margin-top:28px}.bonus-link{display:inline-block;color:var(--green);text-decoration:underline;text-underline-offset:4px}
.craft-section{display:grid;grid-template-columns:1fr 1.3fr;gap:7%;align-items:center;padding:85px 0 0}.craft-section h2{margin:20px 0}.craft-section p:not(.eyebrow){color:#aaa;max-width:420px}.craft-film .ambient-video{position:relative;inset:auto;aspect-ratio:16/9;height:auto;min-height:0}.craft-film .ambient-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.craft-film figcaption{text-align:right}
#product-lightbox{width:min(1400px,96vw);padding:15px;background:#101010}#product-lightbox>.close-button{position:sticky;top:0;margin-left:auto;background:#101010;z-index:2}#product-lightbox>img{max-height:75dvh;width:100%;object-fit:contain}#product-lightbox>p{text-align:center;margin:10px;font-size:.85rem;color:#bbb}
@media(max-width:900px){.product-update #boek .hero-grid{display:flex;flex-direction:column;gap:30px}.product-update #boek .hero-copy{display:block;width:100%;order:0}.product-update #boek h1{font-size:clamp(3rem,10vw,6rem)}.product-hero{width:100%;order:1}.product-update .edition-layout,.product-update .preorder-layout{grid-template-columns:1fr;gap:35px}.product-update .edition-statement{display:block}.product-update .edition-statement figure{max-width:650px}.artprint-section,.craft-section{grid-template-columns:1fr;gap:30px}.gallery-heading{display:block}.gallery-heading p{margin-top:22px;max-width:500px}.artprint-section{padding:40px 0}.product-gallery{padding-top:55px}.product-grid{gap:20px}.craft-section{padding-top:55px}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.product-update .hero-action{flex-wrap:wrap}.artprint-copy .button{width:100%;gap:12px}.product-update .offer{padding:25px}.gallery-heading h2,.artprint-section h2,.craft-section h2{font-size:2.6rem}.product-update #boek .hero-top{gap:15px}.product-update #boek .hero-top .eyebrow{font-size:.57rem}}
@media(prefers-reduced-motion:reduce){.product-zoom img{transition:none}}
@media(max-width:900px){.product-update #boek .hero-copy{display:contents}.product-update #boek .hero-copy>*{order:2;width:100%;margin-top:0;margin-bottom:0}.product-update #boek .hero-copy>.hero-title{order:0}.product-update #boek .product-hero{order:1}.product-update #boek .hero-action{justify-content:flex-start;width:100%}.product-update #boek .hero-copy>.text-link{width:auto;align-self:flex-start}}
/* Film first, then the spreads. */
.product-update .hero-film{width:100%;margin:0}
.product-update .hero-film .ambient-video{position:relative;inset:auto;aspect-ratio:4/3;min-height:0;height:auto}
.product-update .hero-film .ambient-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.product-update #binnenwerk{margin-top:45px;padding-top:55px}
.product-update .edition-statement>figure+figure{margin-top:24px}
@media(max-width:900px){.product-update .hero-film .ambient-video{aspect-ratio:16/9}.product-update .hero-film .video-label{font-size:.58rem}.product-update #binnenwerk{margin-top:35px;padding-top:40px}}
/* Compact book overview next to the opening film. */
.product-update .overview-carousel{min-width:0;margin:0;align-self:start}
.product-update .overview-carousel .book-carousel{aspect-ratio:1/1;width:100%}
.product-update .overview-carousel .image-button{height:100%;aspect-ratio:1/1}
.product-update .overview-carousel .image-button img{width:100%;height:100%;object-fit:contain}
.product-update .overview-carousel figcaption{font-size:.64rem;line-height:1.5;padding:9px 0;min-height:42px;text-align:left}
.carousel-pause{background:none;color:var(--muted);border-bottom:1px solid #444;padding:4px 0;font-size:.65rem;min-height:32px}
@media(min-width:901px){
.product-update #boek .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4%;align-items:start}
.product-update #boek .hero-copy{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0 22px;padding:0}
.product-update #boek .hero-copy>.hero-title{grid-column:1/-1;margin-bottom:30px}
.product-update #boek .hero-copy>.overview-carousel{grid-column:2;grid-row:2/span 6;margin:0}
.product-update #boek .hero-copy>.lead,.product-update #boek .hero-copy>p,.product-update #boek .hero-copy>.hero-action,.product-update #boek .hero-copy>.text-link{grid-column:1}
.product-update #boek .hero-action{flex-wrap:wrap;gap:16px;margin:24px 0 18px}
.product-update #boek .hero-copy>.text-link{justify-self:start}
.product-update #boek h1{font-size:clamp(3rem,5.5vw,6.6rem)}
.product-update #boek .hero-film .ambient-video{aspect-ratio:1/1}
.product-update .overview-carousel .carousel-arrow{width:32px;height:32px;font-size:1rem}
}
@media(max-width:900px){.product-update #boek .hero-copy>.overview-carousel{order:3;width:min(100%,340px);align-self:center;margin:4px 0 10px}.product-update .overview-carousel .book-carousel,.product-update .overview-carousel .image-button{aspect-ratio:4/3}}