/* A pale lake world, continuous with the approved white-mist teaser. */
:root{--paper:#f9faf7;--ink:#202725;--deep:#111c20}
body{background:#fafbf9}.hero{background:#fcfcfa;color:#202725;min-height:790px}
.hero-scene>img,#hero-video{filter:saturate(.08) brightness(1.15);}
.hero:after{background:linear-gradient(180deg,#ffffff99 0%,#ffffff22 38%,#ffffff00 60%,#ffffff95 83%,#ffffffee 100%)}
.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#ffffff55,transparent 65%);pointer-events:none}
.header{color:#202725}.hero-title{top:16%}.campaign-question{font:500 clamp(18px,2.1vw,29px)/1.4 Display,Georgia,serif;margin-bottom:26px;letter-spacing:0}
.hero-title .byline{margin-bottom:35px}.hero h1{font-family:Display,Georgia,serif;font-size:clamp(105px,15.8vw,245px)}
.mist{background:radial-gradient(ellipse at 20% 60%,#ffffffc0,transparent 40%),radial-gradient(ellipse at 65% 50%,#ffffffb0,transparent 38%);opacity:.48}
.hero-actions{position:absolute;left:0;right:0;bottom:14%;display:flex;align-items:center;justify-content:center;gap:36px;padding:0 25px}
.hero-actions .scene-link{position:static;display:flex;align-items:center;color:#202725;text-align:left;background:transparent;border:0;padding:0;gap:15px}
.hero-actions .button{margin:0}.scene-link small{color:#38433f}.scene-icon{border-color:#20272580;color:#202725;background:#ffffff30}
.scene-meta{bottom:5.5%;color:#26332f}.descend{color:#202725;font-size:19px;bottom:24px}
.depth{background:linear-gradient(180deg,#fafbf9 0px,#edf0ed 65px,#c0cccb 150px,#70868b 240px,#2b424b 330px,#11232c 420px,#071017 650px,#09141a 100%)}
.depth-content{padding-top:440px;padding-bottom:90px}.underwater{opacity:1;background:transparent}.water-surface{top:75px;height:230px;opacity:.18;filter:blur(5px);mask-image:linear-gradient(transparent,#000 45%,transparent)}.light-shaft{top:220px;height:calc(100% - 220px)}.statement{font-size:clamp(48px,7.3vw,108px)}
.pursuit{min-height:640px;padding:90px 30px 210px}.pursuit-image{filter:saturate(.15) brightness(.65)}.pursuit:after{background:linear-gradient(180deg,#09141a,transparent 35%,#09141a11 60%,#fafbf900 70%,#fafbf9 100%)}
.product{background:#fafbf9;gap:5vw;padding:100px 6vw 75px;align-items:center}
.product .chapter{color:#596860}.product-author{color:#34453d}.product-description{color:#46564e;font-size:15px}
.availability{color:#46554d;font-size:12px}.book-data dt{color:#52655a}.book-data dd{color:#364c40}
.button-dark{background:#202b27;color:#fff;font-size:12px}.button-dark:hover{background:#34473c}
.book-stage{position:relative;height:590px;min-width:0;perspective:none;background:radial-gradient(ellipse at 50% 86%,#cbd1cb33,transparent 58%);isolation:isolate}
.book-stage:before{content:'';position:absolute;left:-20%;right:-20%;height:31%;bottom:0;z-index:-1;opacity:.32;background:repeating-linear-gradient(178deg,transparent 0 15px,#d9dfda77 17px,transparent 20px 32px);mask-image:radial-gradient(ellipse,black,transparent 70%)}
#book-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;cursor:grab;transition:opacity .5s}
#book-canvas.dragging{cursor:grabbing}.book-stage.ready #book-canvas{opacity:1}
.book-fallback{position:absolute;left:50%;top:50%;height:76%;width:auto;max-width:74%;object-fit:contain;transform:translate(-50%,-50%) rotate(-3deg);box-shadow:20px 25px 25px #26352b1a;transition:opacity .3s}
.book-stage.ready .book-fallback{opacity:0;pointer-events:none}
.book-help{font-size:10px;line-height:1.6;text-align:center;color:#46574e;min-height:16px;margin:0 0 13px}
.book-controls{gap:15px;flex-wrap:wrap;margin:0 0 20px}.book-controls button{color:#30493b;font-size:10px;min-height:42px}
.product-caption{color:#526557;letter-spacing:.12em}
.jacket-story{background:#fafbf9;color:#202b27;padding:35px 8vw 110px;display:grid;grid-template-columns:1fr 1.25fr;gap:8vw}
.jacket-story .chapter{color:#5b6c61}.jacket-story h2{font:500 clamp(36px,4.1vw,62px)/1.18 Display,Georgia,serif;letter-spacing:-.035em;max-width:440px}
.jacket-story-copy{max-width:650px;font-size:14px;line-height:1.95;color:#425149}
.author-section{background:#f0f2ed;color:#202b27;padding-top:80px;padding-bottom:85px}.author-section .chapter{color:#536559}.author-initials{color:#16251c09}
.author-copy{color:#47584e;font-size:14px}.author-copy .large-copy{color:#26392d;font-size:29px}.author-copy .text-link{color:#203d2c}
.closing{background:linear-gradient(#ffffffce,#ffffffed),url('assets/hladina.webp') 50% 75%/cover;color:#202b27;padding-top:100px;padding-bottom:100px}.closing .overline{color:#4e6455}.closing h2{font-size:clamp(36px,4.9vw,70px)}
.footer{background:#fafbf9;color:#465c4d;border-top:1px solid #d8dfd7}.footer a:hover,.footer button:hover{color:#15271a}
.trailer-dialog{background:#fafbf9;color:#202725;border:0;width:min(1120px,calc(100% - 40px));padding:24px}.trailer-dialog .dialog-close,.trailer-dialog .chapter{color:#34493d}.trailer-dialog h2{font-size:30px;margin:8px 0 18px}.trailer-caption{color:#34493d;font-size:19px}
.film-player{background:#fff;max-height:66svh;object-fit:contain}
.excerpt-dialog{background:#fafbf9;color:#202725;max-width:780px;padding:30px}.excerpt-dialog .dialog-close,.excerpt-dialog .chapter{color:#405548}.excerpt-dialog h2{margin-bottom:8px;font-size:36px}.excerpt-intro{color:#536658;font-size:12px}
.excerpt-dialog>img{width:100%;height:auto;display:block;box-shadow:0 2px 18px #2238280b}.excerpt-dialog>.button{margin-top:20px}.excerpt-text{font-size:14px;line-height:1.9;margin-top:24px}.excerpt-text summary{cursor:pointer;color:#263e2d}.excerpt-text p{padding:15px 0 0}
@media(min-width:1800px){.hero-title{top:18%}}
@media(max-width:1000px){.hero-title{top:21%}.hero h1{font-size:19vw}.hero-actions{bottom:16%;gap:25px}.product{padding-inline:4vw}.book-stage{height:480px}.jacket-story{gap:6vw;padding-inline:6vw}.scene-meta{bottom:7%}}
@media(max-width:650px){
 .hero{min-height:790px;max-height:1050px}.hero-title{top:17%;padding-inline:16px}.campaign-question{font-size:20px;margin-bottom:24px}.hero-title .byline{font-size:10px;margin-bottom:25px}.hero h1{font-size:28vw}.hero h1 span{margin-top:20px}
 .hero-scene{background:linear-gradient(180deg,#fff 0%,#f7f8f5 48%,#edf0ed 72%,#fafbf9 100%)}
 .hero-scene>img,#hero-video{bottom:17%;left:-20%;width:140%;height:auto;filter:saturate(.05) brightness(1.16);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 76%,transparent)}
 .hero:after{background:linear-gradient(180deg,#ffffff25,transparent 55%,#ffffff77 75%,#fafbf9ee)}
 .hero-actions{bottom:13%;gap:20px;flex-direction:column;align-items:center}.hero-actions .scene-link{font-size:11px}.hero-actions .scene-icon{width:40px;height:40px}.hero-actions .button{padding:13px 23px;min-height:45px;font-size:11px}.scene-link small{font-size:7px}.scene-meta{display:none}.descend{font-size:16px;bottom:17px}.descend span{font-size:18px}
 .depth-content{padding-top:360px;padding-bottom:60px}.statement{font-size:13vw;margin-bottom:35px}.story-copy{font-size:13px}.pursuit{min-height:560px;padding:70px 24px 190px}.pursuit h2{font-size:8vw}
 .product{padding:35px 24px 50px;gap:30px}.book-stage{height:480px}.book-controls{gap:10px 18px}.book-controls button{font-size:10px}.book-help{font-size:9px}.product h2{font-size:15vw}.product-description{font-size:13px}.availability{font-size:11px}
 .jacket-story{display:block;padding:25px 26px 60px}.jacket-story h2{font-size:37px;margin-bottom:30px}.jacket-story-copy{font-size:13px;line-height:1.95}
 .author-section{padding:60px 26px}.author-copy{font-size:13px}.closing{padding:70px 24px}.closing h2{font-size:9vw}.footer{padding:30px 25px}
 .trailer-dialog{width:calc(100% - 22px);padding:16px}.trailer-dialog h2{font-size:23px}.film-player{aspect-ratio:9/16;width:auto;max-width:100%;height:65svh;max-height:65svh;margin:auto}.trailer-caption{font-size:15px;margin-top:14px}.excerpt-dialog{padding:22px 15px}.excerpt-dialog h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){#book-canvas,.book-fallback{transition:none}}