/* The drop's story is an illustrated editorial spread inside the pond chapter. */
.drop-chapter{overflow:hidden}
.drop-chapter .cycle-head{margin-bottom:42px}
.drop-experience{display:grid;grid-template-columns:minmax(0,1.27fr) minmax(360px,.73fr);gap:17px;align-items:stretch}
.drop-theatre{position:relative;min-height:655px;overflow:hidden;isolation:isolate;background:#154456;border:1px solid #d9d3ad80;border-radius:6px 30px 6px 30px;box-shadow:0 32px 78px #031c27a8, inset 0 0 0 8px #fff2d61b}
.drop-theatre:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 95px #072e3e89;outline:1px solid #ffebc358;outline-offset:-14px;border-radius:inherit}
.drop-scene-light{position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 35% 40%,#e2fff513,transparent 32%);mix-blend-mode:screen;animation:dropBreathe 8s ease-in-out infinite alternate}
.drop-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.drop-cloud{transform-origin:47% 23%;animation:cloudDrift 8s ease-in-out infinite alternate;transition:filter .6s ease}
.drop-main-leaf,.drop-plant-leaf{transform-origin:center;animation:leafSway 5s ease-in-out infinite alternate;transition:filter .5s ease}
.drop-plant-leaf{animation-delay:-2s}
.drop-fine-rain{opacity:.17;transition:opacity .5s}
.drop-theatre[data-drop-scene="0"] .drop-main-leaf,.drop-theatre[data-drop-scene="5"] .drop-main-leaf{filter:drop-shadow(0 0 13px #d9ffe1)}
.drop-theatre[data-drop-scene="3"] .drop-plant-leaf{filter:drop-shadow(0 0 15px #d9ffe1)}
.drop-theatre[data-drop-scene="4"] .drop-cloud{filter:drop-shadow(0 0 24px #fff)}
.drop-theatre[data-drop-scene="5"] .drop-fine-rain{opacity:.85}
.drop-theatre[data-drop-scene="3"] .sun-aura{opacity:1}
.drop-art #drop-traveller{will-change:transform}
.drop-chapter-number{position:absolute;z-index:3;top:28px;left:29px;display:flex;align-items:baseline;gap:8px;color:#f3f2dc;text-shadow:0 3px 16px #073b4a}
.drop-chapter-number>span{font-size:10px;font-weight:900;letter-spacing:.19em;margin-right:8px;color:#e3f6df}
.drop-chapter-number strong{font:italic 55px/.9 Georgia,serif;color:#fff2d7;letter-spacing:-.08em}
.drop-chapter-number small{font-size:12px;color:#d8e8d4}
.drop-location{position:absolute;z-index:3;top:37px;right:27px;background:#0e3d4abb;border:1px solid #d0e9d977;border-radius:99px;padding:7px 11px;color:#f5f3d9;letter-spacing:.13em;font-size:9px;font-weight:900;backdrop-filter:blur(8px)}
.drop-frame-bottom{position:absolute;z-index:3;left:27px;right:27px;bottom:26px;display:flex;justify-content:space-between;gap:10px;color:#fff9dfb8;font-size:9px;font-weight:900;letter-spacing:.12em;text-shadow:0 2px 7px #182f36}
.drop-narrative{min-width:0;display:flex;flex-direction:column;background:linear-gradient(150deg,#f8f4e8 0%,#e6f0e5 100%);border-radius:27px 5px 27px 5px;color:#173f4c;padding:33px 30px 25px;box-shadow:0 24px 59px #05212d9a;position:relative}
.drop-narrative:before{content:'';position:absolute;pointer-events:none;inset:13px;border:1px solid #97b8a847;border-radius:18px 2px 18px 2px}
.drop-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:900;letter-spacing:.14em;color:#41817c}
.drop-topline strong{font-size:14px;color:#256073}
.drop-story{position:relative;flex:1;padding:56px 4px 16px}
.drop-story>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#519481}
.drop-story h3{margin:13px 0 15px;font:normal clamp(36px,3.4vw,49px)/1.03 Georgia,serif;letter-spacing:-.055em;color:#174653}
.drop-story>p{font-size:15px;line-height:1.75;color:#44676d;min-height:110px}
.drop-science{margin-top:22px;padding:15px 15px 15px 17px;border-left:3px solid #d2a969;border-radius:0 10px 10px 0;background:#f1e8d6;color:#466363;font-size:12px;line-height:1.55}
.drop-science:before{content:'VŠIMNI SI';display:block;font-size:9px;font-weight:900;letter-spacing:.18em;color:#9c7444;margin-bottom:5px}
.drop-controls{position:relative;z-index:1;display:grid;gap:9px}
.drop-controls button{min-height:50px;cursor:pointer}
.drop-next{border:0;color:#fffae7;background:#155d67;padding:11px 17px;border-radius:7px 18px 7px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:800;box-shadow:0 9px 19px #1456633d;transition:transform .2s,background .2s}
.drop-next b{font-size:26px;line-height:1}
.drop-next:hover{background:#0d4555;transform:translateY(-2px)}
.drop-play{background:transparent;border:1px solid #81aba590;color:#245d68;border-radius:6px;font-size:12px;font-weight:800}
.drop-play:hover,.drop-play[aria-pressed="true"]{background:#d6ebe0}
.drop-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:20px}
.drop-steps button{min-width:0;border:1px solid #8bb0a676;border-radius:5px;background:#fffefa99;color:#336c70;padding:9px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:800;transition:background .2s,transform .2s}
.drop-steps button>span{font:italic 19px Georgia,serif;line-height:1;color:#b78d5c}
.drop-steps button:hover{transform:translateY(-2px);background:#fff}
.drop-steps button[aria-current="step"]{background:#175b65;color:#fff;border-color:#175b65}
.drop-steps button[aria-current="step"]>span{color:#f3dcac}
.drop-disclaimer{max-width:850px;margin:25px auto 38px;text-align:center;color:#c4e1d7;font-size:12px;line-height:1.7}
.drop-disclaimer em{font-style:normal;color:#f8d99b}
@keyframes cloudDrift{to{transform:translateX(13px)}}
@keyframes leafSway{to{transform:rotate(2deg)}}
@keyframes dropBreathe{to{opacity:.48}}
@media(max-width:1000px){.drop-experience{grid-template-columns:1fr}.drop-theatre{min-height:520px}.drop-narrative{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}.drop-topline{grid-column:1/-1}.drop-story{padding-top:25px}.drop-controls{align-self:center}.drop-steps{grid-column:1/-1;grid-template-columns:repeat(6,1fr)}}
@media(max-width:690px){.drop-chapter .cycle-head{margin-bottom:23px}.drop-theatre{min-height:315px;border-radius:5px 19px 5px 19px}.drop-chapter-number{top:16px;left:14px;gap:4px}.drop-chapter-number>span{font-size:8px;letter-spacing:.06em;margin-right:1px}.drop-chapter-number strong{font-size:34px}.drop-chapter-number small{font-size:9px}.drop-location{top:58px;right:12px;font-size:8px;padding:4px 7px}.drop-frame-bottom{left:13px;right:13px;bottom:12px;font-size:7px}.drop-frame-bottom span:last-child{display:none}.drop-narrative{display:flex;padding:22px 20px 19px}.drop-story{padding:30px 1px 14px}.drop-story h3{font-size:40px}.drop-story>p{min-height:0;font-size:14px}.drop-science{margin-top:15px}.drop-steps{grid-template-columns:repeat(3,1fr);margin-top:15px}.drop-disclaimer{font-size:11px;margin:20px 5px 35px}}
@media(max-width:375px){.drop-theatre{min-height:267px}.drop-chapter-number>span{display:none}.drop-location{top:16px}.drop-story h3{font-size:35px}}
@media(prefers-reduced-motion:reduce){.drop-scene-light,.drop-cloud,.drop-main-leaf,.drop-plant-leaf{animation:none!important}.drop-next:hover,.drop-steps button:hover{transform:none}}
/* v7.26 — the story plays as one continuous illustrated film. */
.drop-chapter .cycle-head p{max-width:620px}
.drop-art{transform-origin:50% 51%;transition:transform 4s cubic-bezier(.2,.55,.25,1),filter 4s ease}
.drop-theatre[data-drop-scene="0"] .drop-art{transform:scale(1.06) translate(-.5%,1%)}
.drop-theatre[data-drop-scene="1"] .drop-art{transform:scale(1.11) translate(-1%,-2%)}
.drop-theatre[data-drop-scene="2"] .drop-art{transform:scale(1.12) translate(1%,-3%);filter:saturate(.92)}
.drop-theatre[data-drop-scene="3"] .drop-art{transform:scale(1.09) translate(-2%,0)}
.drop-theatre[data-drop-scene="4"] .drop-art{transform:scale(1.06) translate(-1%,2%)}
.drop-theatre[data-drop-scene="5"] .drop-art{transform:scale(1.08) translate(-1%,1%);filter:saturate(.85)}
.drop-film-grain{position:absolute;z-index:2;pointer-events:none;inset:0;opacity:.15;background-image:radial-gradient(#fff 0.5px,transparent .8px),linear-gradient(145deg,transparent 58%,#e9f6df16);background-size:11px 11px,100% 100%;mix-blend-mode:screen}
.drop-film-caption{position:absolute;z-index:3;bottom:71px;left:28px;max-width:75%;padding:16px 19px 13px;background:linear-gradient(90deg,#123c4ce6,#123c4c65);color:#fff9e8;border-left:3px solid #e6c587;backdrop-filter:blur(8px);border-radius:0 11px 11px 0;text-shadow:0 2px 6px #153f4a}
.drop-film-caption span{display:block;font:italic clamp(23px,2.7vw,38px)/1.1 Georgia,serif;letter-spacing:-.035em}
.drop-film-caption small{display:block;color:#c4e7dd;font-size:8px;font-weight:900;letter-spacing:.15em;margin-top:8px}
.drop-soil-glow{opacity:0;stroke-dasharray:14 11;transition:opacity 1.2s}
.drop-theatre[data-drop-scene="2"] .drop-soil-glow,.drop-theatre[data-drop-scene="3"] .drop-soil-glow{opacity:.55;animation:soilFlow 2s linear infinite}
.drop-vapour-particles{opacity:0;transition:opacity 1.3s}
.drop-theatre[data-drop-scene="3"] .drop-vapour-particles,.drop-theatre[data-drop-scene="4"] .drop-vapour-particles{opacity:.85}
.drop-vapour-particles circle{animation:vapourLift 3.7s ease-in-out infinite alternate;transform-origin:center}
.drop-vapour-particles circle:nth-child(2n){animation-delay:-1.6s;animation-duration:4.3s}
.drop-vapour-particles circle:nth-child(3n){animation-delay:-2.8s}
.drop-fine-rain{animation:rainDrift 2.4s linear infinite}
.drop-theatre[data-drop-scene="5"] .drop-fine-rain{filter:drop-shadow(0 0 8px #daffff)}
.drop-narrative .drop-controls{grid-template-columns:1.18fr .82fr;gap:9px}
.drop-controls .drop-play{order:0;color:#fff7e2;background:#155d67;border:0;border-radius:7px 18px 7px 18px;box-shadow:0 9px 19px #1456633d;font-size:13px}
.drop-controls .drop-play:hover,.drop-controls .drop-play[aria-pressed="true"]{background:#0c4555;color:#fff7e2}
.drop-controls .drop-next{order:1;background:#d5e8df;color:#19515b;box-shadow:none;font-size:11px;padding-left:13px;padding-right:10px}
.drop-controls .drop-next b{font-size:20px}
.drop-controls .drop-next:hover{background:#c5dfd0}
.drop-film-timeline{position:relative;z-index:1;margin:20px 0 5px}
.drop-film-timeline label{display:flex;justify-content:space-between;gap:8px;color:#527b77;font-size:9px;font-weight:900;letter-spacing:.13em}
.drop-film-timeline label>span{color:#255b66;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.03em}
.drop-film-timeline input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:7px;margin:13px 0 7px;border-radius:99px;border:0;background:linear-gradient(90deg,#208595 var(--film-progress,0%),#bad4ca var(--film-progress,0%));cursor:pointer}
.drop-film-timeline input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:3px solid #f9f3dc;border-radius:50%;background:#176575;box-shadow:0 2px 7px #17485677}
.drop-film-timeline input::-moz-range-thumb{width:12px;height:12px;border:3px solid #f9f3dc;border-radius:50%;background:#176575;box-shadow:0 2px 7px #17485677}
.drop-story.story-enter>span,.drop-story.story-enter h3,.drop-story.story-enter>p,.drop-story.story-enter .drop-science{animation:filmTextIn .68s ease both}
.drop-story.story-enter h3{animation-delay:.06s}
.drop-story.story-enter>p{animation-delay:.12s}
.drop-story.story-enter .drop-science{animation-delay:.19s}
@keyframes soilFlow{to{stroke-dashoffset:-50}}
@keyframes vapourLift{to{transform:translate(-4px,-22px);opacity:.32}}
@keyframes rainDrift{50%{transform:translate(2px,7px)}}
@keyframes filmTextIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.drop-film-caption{bottom:66px}.drop-narrative .drop-controls{grid-template-columns:1fr}.drop-film-timeline{align-self:end;grid-column:2}.drop-steps{grid-column:1/-1}}
@media(max-width:690px){.drop-film-caption{left:14px;bottom:40px;padding:9px 11px;max-width:80%}.drop-film-caption span{font-size:22px}.drop-film-caption small{font-size:7px;margin-top:3px}.drop-narrative .drop-controls{grid-template-columns:1fr 1fr}.drop-controls .drop-play{font-size:11px}.drop-film-timeline{margin:17px 0 2px}.drop-theatre[data-drop-scene] .drop-art{transform:scale(1.05)}}
@media(max-width:375px){.drop-narrative .drop-controls{grid-template-columns:1fr}.drop-film-caption{bottom:34px}.drop-film-caption span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.drop-art,.drop-film-grain,.drop-soil-glow,.drop-vapour-particles circle,.drop-fine-rain,.drop-story.story-enter>*{animation:none!important;transition:none!important}}
/* v7.27 — cinematic chapters, integrated captions and visible changes of water form. */
.drop-chapter{background:radial-gradient(ellipse at 52% 6%,#205862 0%,#103a47 44%,#082d39 100%)}
.drop-chapter .cycle-head{margin-bottom:38px}
.drop-chapter .cycle-head p{max-width:670px;font-size:16px;line-height:1.7}
.drop-experience{display:block}
.drop-theatre{height:clamp(560px,56vw,705px);min-height:0;border:1px solid #e9d8ac8c;border-radius:9px 38px 9px 38px;box-shadow:0 36px 90px #031823b8,inset 0 0 0 8px #f6eec30f}
.drop-theatre:after{z-index:2;box-shadow:inset 0 0 110px #071e348a;outline-offset:-13px}
.film-scenes{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.film-scene{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.07);transition:opacity 1.25s cubic-bezier(.2,.5,.2,1),transform 8s ease;will-change:opacity,transform}
.drop-theatre[data-drop-scene="0"] .film-leaf,.drop-theatre[data-drop-scene="1"] .film-leaf,.drop-theatre[data-drop-scene="5"] .film-leaf,.drop-theatre[data-drop-scene="2"] .film-soil,.drop-theatre[data-drop-scene="3"] .film-plant,.drop-theatre[data-drop-scene="4"] .film-cloud{opacity:1}
.drop-theatre[data-drop-scene="0"] .film-leaf{transform:scale(1.09) translate(-.6%,1%)}
.drop-theatre[data-drop-scene="1"] .film-leaf{transform:scale(1.17) translate(-3%,-1%)}
.drop-theatre[data-drop-scene="2"] .film-soil{transform:scale(1.13) translate(-1%,1%)}
.drop-theatre[data-drop-scene="3"] .film-plant{transform:scale(1.1) translate(1%,-2%)}
.drop-theatre[data-drop-scene="4"] .film-cloud{transform:scale(1.09) translate(1%,2%)}
.drop-theatre[data-drop-scene="5"] .film-leaf{transform:scale(1.12) translate(-1%,1%);filter:saturate(.8) brightness(.82)}
.film-atmosphere{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1.3s ease}
.film-forest{background:radial-gradient(circle at 77% 15%,#ffeab452,transparent 26%),radial-gradient(circle at 10% 41%,#dfffc827,transparent 22%)}
.drop-theatre[data-drop-scene="0"] .film-forest,.drop-theatre[data-drop-scene="1"] .film-forest{opacity:1;animation:forestLight 7s ease-in-out infinite alternate}
.film-earth{background:radial-gradient(ellipse at 52% 68%,#c4fcf03d,transparent 31%)}
.drop-theatre[data-drop-scene="2"] .film-earth{opacity:1;animation:forestLight 4s ease-in-out infinite alternate}
.film-sunbeam{background:linear-gradient(123deg,transparent 53%,#fff5c70f 56%,transparent 70%)}
.drop-theatre[data-drop-scene="3"] .film-sunbeam,.drop-theatre[data-drop-scene="4"] .film-sunbeam{opacity:1;animation:forestLight 4s ease-in-out infinite alternate}
.film-rain{background:repeating-linear-gradient(107deg,transparent 0 36px,#e6f8ff55 38px 39px,transparent 41px 75px),linear-gradient(#133e5970,#a7c4bd19);background-size:140px 170px,100% 100%}
.drop-theatre[data-drop-scene="5"] .film-rain{opacity:.52;animation:cinemaRain .8s linear infinite}
.film-droplet{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 13px #e1fff5bc)}
.film-form{opacity:0;transition:opacity .65s ease}
.drop-theatre[data-water-state="liquid"] .film-liquid,.drop-theatre[data-water-state="vapour"] .film-vapour,.drop-theatre[data-water-state="cloudlets"] .film-cloudlets,.drop-theatre[data-water-state="rain"] .film-rain-drop{opacity:1}
.drop-theatre[data-water-state="vapour"] .film-vapour circle,.drop-theatre[data-water-state="cloudlets"] .film-cloudlets path{animation:formShimmer 2.8s ease-in-out infinite alternate}
.drop-theatre[data-water-state="rain"] .film-rain-drop{filter:drop-shadow(0 0 9px #f5ffff)}
.film-water-label{position:absolute;z-index:5;top:80px;right:30px;max-width:min(360px,52%);padding:9px 14px;background:#0b4253d6;border:1px solid #ddf8e999;border-radius:99px;color:#efffee;font-size:10px;font-weight:900;letter-spacing:.12em;text-align:right;box-shadow:0 5px 25px #0d485d47;backdrop-filter:blur(12px)}
.drop-chapter-number,.drop-location,.drop-frame-bottom{z-index:5}
.drop-film-caption{z-index:5;bottom:75px;left:40px;max-width:690px;width:min(67%,690px);padding:22px 27px 20px;border-left:4px solid #edd09a;background:linear-gradient(90deg,#072d3fdf 0%,#103c4abb 82%,#103c4a35);border-radius:0 16px 16px 0;backdrop-filter:blur(12px);transition:opacity .6s}
.drop-film-caption small{color:#f2d99e;font-size:10px;letter-spacing:.16em;margin:0 0 6px}
.drop-film-caption span{font:italic clamp(36px,4.6vw,62px)/1 Georgia,serif;letter-spacing:-.055em}
.drop-film-caption p{font-size:15px;color:#eaf9ee;line-height:1.45;margin:11px 0 0;max-width:490px;text-shadow:0 2px 7px #062b38}
.film-real{position:absolute;z-index:7;inset:0;opacity:0;visibility:hidden;transition:opacity 1.5s ease,visibility 0s linear 1.5s;background:#0d3742}
.film-real img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.film-real:before{content:'';z-index:1;position:absolute;inset:0;background:linear-gradient(90deg,#062a36e8 0%,#062a36bc 34%,#062a3630 78%),linear-gradient(0deg,#062a36ab,transparent 55%)}
.film-real>div{position:absolute;z-index:2;left:6%;bottom:12%;max-width:730px;color:#fff;padding:18px}
.film-real small{display:block;font-size:10px;letter-spacing:.2em;color:#d8eac5;font-weight:900;margin-bottom:18px}
.film-real strong{display:block;font:italic clamp(40px,5.2vw,73px)/1.05 Georgia,serif;letter-spacing:-.05em;text-shadow:0 4px 27px #082e38}
.film-real a{display:inline-flex;align-items:center;gap:28px;margin-top:26px;padding:15px 20px;background:#edf3d9;color:#144b56;text-decoration:none;font-weight:900;border-radius:6px 18px 6px 18px;font-size:13px}
.film-real a:hover{background:#fff}
.drop-theatre[data-film-end="true"] .film-real{visibility:visible;opacity:1;transition:opacity 1.5s ease,visibility 0s}
.drop-theatre[data-film-end="true"] .drop-film-caption{opacity:0}
.drop-narrative{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);column-gap:48px;align-items:start;padding:36px 42px 29px;border-radius:6px 6px 29px 6px;margin-top:15px}
.drop-topline{grid-column:1/-1}
.drop-story{grid-column:1;grid-row:2 / span 2;padding:31px 0 8px}
.drop-story h3{font-size:clamp(34px,3.7vw,48px);margin:11px 0}
.drop-story>p{min-height:0;margin:7px 0 0}
.drop-science{margin-top:17px}
.drop-narrative .drop-controls{grid-column:2;grid-row:2;align-self:end;padding-top:30px}
.drop-film-timeline{grid-column:2;grid-row:3;align-self:start;margin:21px 0 3px}
.drop-steps{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:29px}
.drop-steps button{padding:11px 6px;gap:4px}
@keyframes cinemaRain{to{background-position:30px 170px,0 0}}
@keyframes formShimmer{to{transform:translateY(-7px);opacity:.58}}
@keyframes forestLight{to{opacity:.4}}
@media(max-width:1000px){.drop-theatre{height:590px}.drop-narrative{grid-template-columns:1.1fr .9fr;gap:0 20px;padding:27px}.drop-story{padding-top:22px}.drop-narrative .drop-controls{grid-template-columns:1fr 1fr;padding-top:20px}.drop-film-timeline{grid-column:2;grid-row:3}.drop-steps{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){.drop-chapter{padding-top:80px}.drop-chapter .cycle-head p{font-size:14px}.drop-theatre{height:clamp(405px,113vw,550px);min-height:0;border-width:4px;border-radius:9px 23px 9px 23px}.film-scene,.film-droplet{object-position:center}.drop-location{display:none}.drop-chapter-number{left:16px;top:15px}.drop-chapter-number>span{display:none}.film-water-label{top:15px;right:12px;max-width:70%;font-size:8px;letter-spacing:.06em;padding:7px 9px}.drop-film-caption{left:13px;right:13px;bottom:25px;width:auto;max-width:none;padding:13px 14px 14px;background:linear-gradient(90deg,#062e41ec,#0c3847cf);border-left-width:3px}.drop-film-caption small{font-size:8px;margin-bottom:3px}.drop-film-caption span{font-size:clamp(30px,8vw,46px)}.drop-film-caption p{font-size:12px;margin:6px 0 0;line-height:1.35}.drop-frame-bottom{display:none}.film-real>div{left:5%;bottom:11%;padding:8px;right:5%}.film-real strong{font-size:clamp(34px,8.5vw,51px)}.film-real small{font-size:8px;line-height:1.6}.film-real a{font-size:12px;min-height:45px;max-width:95%;margin-top:20px}.film-real img{object-position:64% center}.drop-narrative{display:flex;flex-direction:column;padding:22px 19px 20px}.drop-story{padding:18px 0 7px}.drop-story h3{font-size:34px}.drop-story>p{font-size:14px;min-height:0}.drop-science{font-size:11px}.drop-narrative .drop-controls{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:15px}.drop-film-timeline{width:100%;margin:19px 0 0}.drop-steps{grid-template-columns:repeat(3,1fr);width:100%;margin-top:16px}.drop-disclaimer{font-size:11px}}
@media(max-width:380px){.drop-theatre{height:400px}.drop-chapter-number strong{font-size:29px}.film-water-label{max-width:75%}.drop-narrative .drop-controls{grid-template-columns:1fr}.film-real strong{font-size:32px}}
@media(prefers-reduced-motion:reduce){.film-scene,.film-atmosphere,.film-form,.film-real,.film-water-label,.drop-film-caption{animation:none!important;transition:none!important}}
@media(max-width:760px){.drop-theatre[data-drop-scene="2"] .drop-film-caption{right:auto;width:min(54%,215px)}.drop-theatre[data-drop-scene="2"] .drop-film-caption span{font-size:29px}.drop-theatre[data-drop-scene="2"] .drop-film-caption p{font-size:11px}}
.film-access-controls{position:absolute;z-index:9;left:27px;top:105px;display:grid;justify-items:start;gap:8px}.film-access-controls button{min-height:44px;padding:9px 15px;border:1px solid #f6edd3aa;border-radius:6px 15px 6px 15px;background:#0d4350e8;color:#fff5dc;font-size:12px;font-weight:bold;cursor:pointer;backdrop-filter:blur(10px)}.film-access-controls button[aria-pressed="true"]{background:#e7f0df;color:#21565c}.drop-narrative{scroll-margin-top:18px}@media(max-width:760px){.film-access-controls{left:13px;top:74px;gap:6px}.film-access-controls button{min-height:43px;font-size:10px;padding:7px 10px;max-width:175px}.film-water-label{max-width:42%}}@media(max-width:390px){.film-access-controls button{font-size:9px;padding:6px 8px}}