.opening-scene .copy{top:19%;width:28%;max-height:65%}.opening-scene .copy h1{font-size:clamp(36px,3.7vw,59px);letter-spacing:5px;margin:0 0 15px}.opening-author{font-size:13px;color:#8d897d;margin:0 0 37px}.opening-scene .opening-passage{font-size:clamp(19px,1.7vw,25px);line-height:2;letter-spacing:1px;max-width:395px}.opening-art{isolation:isolate;background:#f5f2e9;overflow:hidden}.opening-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 42%,#b8c7c42d,transparent 66%)}.depth-plane{position:absolute;mix-blend-mode:multiply;pointer-events:none;transform-origin:50% 95%;will-change:transform;user-select:none}.opening-cloud{width:70%;left:34%;top:-11%;opacity:.86;z-index:1}.opening-field{width:82%;left:34%;bottom:-2%;z-index:2}.grove-back{width:22%;left:81%;bottom:20%;opacity:.52;z-index:3}.grove-middle{width:32%;left:74%;bottom:10%;opacity:.78;z-index:4}.grove-near{width:37%;left:91%;bottom:-11%;z-index:6;opacity:.92}.cloud-light{position:absolute;width:19%;height:14%;left:66%;top:12%;background:radial-gradient(ellipse,#fffef0,transparent 64%);opacity:0;pointer-events:none;z-index:2}.opening-weather{position:absolute;inset:0;z-index:5;pointer-events:none}.opening-controls{position:absolute;left:7.5%;bottom:15%;display:flex;gap:22px;font:12px Book,serif;color:#78856d;z-index:12}.opening-controls button{padding:10px 0;border:0;white-space:nowrap}.opening-controls button[aria-pressed=true]{color:#3b5847}.opening-controls button:disabled{opacity:.45}.opening-scene .audio-row[hidden]{display:none!important}.opening-scene .mode{display:none}
@media(max-width:760px){.opening-scene .copy{top:12%;left:8%;width:84%;max-height:29%;}.opening-scene .copy h1{font-size:33px;letter-spacing:3px;margin-bottom:10px}.opening-scene .eyebrow{font-size:9px;margin-bottom:13px}.opening-author{font-size:11px;margin:0 0 18px}.opening-scene .opening-passage{font-size:17px;line-height:1.9;letter-spacing:.5px;max-width:none}.opening-cloud{width:118%;left:-7%;top:29%;opacity:.8}.opening-field{width:139%;left:-23%;bottom:3%;}.grove-back{width:37%;left:70%;bottom:18%;opacity:.48}.grove-middle{width:57%;left:65%;bottom:11%;opacity:.73}.grove-near{width:65%;left:94%;bottom:6%}.cloud-light{top:45%;left:53%;width:28%;height:9%}.opening-controls{left:8%;bottom:10%;font-size:11px;gap:22px}.opening-wash{background:radial-gradient(ellipse at 65% 62%,#b8c7c42d,transparent 60%)}}
@media(max-height:650px) and (min-width:761px){.opening-scene .copy{top:17%}.opening-scene .opening-passage{font-size:18px}.opening-author{margin-bottom:20px}.opening-controls{bottom:12%}}

@media(max-width:760px){.opening-controls{background:#f5f2e9ed;border-radius:25px;padding:0 13px;left:6%;bottom:9.5%;color:#52664f;box-shadow:0 2px 16px #334e3b0a}}

/* Sky has its own bounded height, leaving air between cloud base and meadow. */
.opening-cloud{width:67%;height:33%;object-fit:contain;left:35%;top:1%;opacity:.90}
.cloud-light{left:59%;top:8%;width:25%;height:22%}
@media(max-width:760px){.opening-cloud{width:120%;height:23%;left:-10%;top:35%;opacity:.84}.cloud-light{left:30%;top:40%;width:50%;height:15%}}