/* A local-only design chooser. The rendered studies contain no image assets. */
.hero-studies-visible .preview-badge{visibility:hidden}
.hero-studies{position:absolute;top:23px;right:31px;z-index:15;display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;align-items:start;gap:6px;width:245px;color:#5e6b56;pointer-events:auto}
.hero-studies-details{position:relative;min-width:0}
.hero-studies summary{list-style:none;display:flex;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:9px 10px;cursor:pointer;background:#fbfaf4e8;border:1px solid #d7ddcc;border-radius:5px;box-shadow:0 2px 10px #303a2307;font-size:11px;line-height:1.4;white-space:nowrap;backdrop-filter:blur(12px)}
.hero-studies summary::-webkit-details-marker{display:none}.hero-studies summary::marker{content:''}.hero-studies summary>.study-count{font-size:8px;font-weight:500;letter-spacing:.03em;color:#9ba48f}
.hero-studies-details[open] summary{border-color:#8f9f7e;color:#46573c;background:#f8fbef}
.hero-studies>.study-previous,.hero-studies>.study-next{width:40px;min-height:40px;border:1px solid #d7ddcc;border-radius:5px;display:grid;place-items:center;background:#fbfaf4e8;color:#718360;font-size:18px;font-weight:400;line-height:1;box-shadow:0 2px 10px #303a2307;backdrop-filter:blur(12px);transition:background .2s,border-color .2s}
.hero-studies>.study-previous:hover,.hero-studies>.study-next:hover{background:#eaf0df;border-color:#b4c2a4;color:#465c34}.hero-studies :focus-visible{outline:2px solid #b25132;outline-offset:4px}
.hero-studies-panel{position:absolute;top:49px;right:-92px;width:330px;padding:19px;background:#fbfaf4fa;border:1px solid #ccd5bf;border-radius:7px;box-shadow:0 13px 35px #3c412017;backdrop-filter:blur(18px)}
.hero-studies-panel>label{display:flex;flex-direction:column;gap:9px;font-size:8px;font-weight:600;letter-spacing:.1em;color:#98a186}
.hero-studies-panel select{display:block;width:100%;min-width:0;min-height:43px;border:1px solid #c5ceb9;background:#f1f4e9;border-radius:4px;padding:10px 12px;color:#526647;font-size:14px;letter-spacing:0;font-weight:500}
.study-description{font-size:12px;line-height:1.75;color:#6d7962;margin:14px 0 12px}
.study-motion-row{display:flex;align-items:flex-start;gap:9px;padding-top:12px;border-top:1px solid #e0e5d6;color:#9ba88b}
.study-motion-row>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0;margin-top:3px}
.study-motion{font-size:11px;line-height:1.65;color:#91a080;margin:0}
.study-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}
.study-favourite{border:1px solid #d1d9c6;border-radius:4px;background:#eff4e4;color:#6b8053;min-height:36px;padding:8px 11px;font-size:10px;font-weight:500}
.study-favourite[aria-pressed=true]{background:#e8d8c2;color:#986039;border-color:#d6bc98}
.study-panel-footer>span{font-size:7px;letter-spacing:.08em;color:#a9b49a}
@media(max-width:1100px){.hero-studies{top:20px;right:26px}}
@media(max-width:760px){
.hero.has-hero-studies .hero-bottom .scroll-invitation{visibility:hidden;pointer-events:none}
.hero-studies{top:auto;bottom:16px;left:24px;right:auto;width:clamp(188px,56vw,224px);grid-template-columns:minmax(0,1fr) 38px 38px;gap:5px}
.hero-studies summary{min-height:38px;font-size:10px;padding:8px 9px;gap:6px;background:#fbfaf4f2}.hero-studies summary>.study-count{font-size:7px;letter-spacing:0}
.hero-studies>.study-previous,.hero-studies>.study-next{width:38px;min-height:38px;font-size:17px;background:#fbfaf4f2}
.hero-studies-panel{top:auto;bottom:47px;left:0;right:auto;width:min(330px,calc(100vw - 48px));padding:16px}
.hero-studies-panel>label{font-size:7px;gap:8px}.hero-studies-panel select{min-height:41px;padding:10px 11px;font-size:13px}
.study-description{font-size:11px;line-height:1.65;margin:12px 0 11px}.study-motion-row{padding-top:10px;gap:8px}.study-motion{font-size:10px;line-height:1.6}
.study-panel-footer{margin-top:13px;gap:12px}.study-favourite{font-size:10px;min-height:34px;padding:8px 10px}.study-panel-footer>span{font-size:6px}
}
@media(max-width:380px){.hero-studies{left:20px;bottom:14px;width:188px;grid-template-columns:minmax(0,1fr) 34px 34px}.hero-studies summary{font-size:9px;gap:4px;padding-inline:6px;min-height:36px}.hero-studies summary>.study-count{font-size:6px}.hero-studies>.study-previous,.hero-studies>.study-next{width:34px;min-height:36px;font-size:16px}.hero-studies-panel{width:calc(100vw - 40px);bottom:46px}}
@media(prefers-reduced-motion:reduce){.hero-studies button{transition:none}}

/* Miniature worlds need room to read, without fading through the headline. */
.hero.immersive-hero .kinetic-stage{width:53%;right:0;top:13%;height:70%;opacity:1;overflow:visible}
.hero.immersive-hero .kinetic-stage:after{content:none}
.kinetic-caption{display:none}
.scene-interaction{position:absolute;right:4%;bottom:110px;width:43%;z-index:3;display:flex;align-items:center;justify-content:center;gap:16px;pointer-events:auto}
.scene-name{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#74816c}
.scene-action{display:flex;align-items:center;gap:18px;padding:10px 14px;min-height:42px;border:1px solid #b9c3ad;border-radius:5px;color:#435a3f;background:#f7f8f0;font-size:11px;transition:background .2s}
.scene-action b{font-size:16px;font-weight:400}.scene-action:hover{background:#e8efde}.scene-action[aria-pressed=true]{background:#e5ecdb;border-color:#8b9e79}.scene-action:focus-visible{outline:2px solid #b25132;outline-offset:4px}
.scene-loading canvas{opacity:0}.scene-ready canvas{animation:scene-appear .65s ease both}.scene-fallback{height:100%;display:grid;place-content:center;text-align:center;color:#57664b}.scene-fallback svg{width:100%;max-height:400px}.scene-fallback p{font-size:13px}
@keyframes scene-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:761px) and (max-width:1000px){
 .hero.immersive-hero .kinetic-stage{width:51%;right:0;top:30%;height:50%}
 .scene-interaction{right:2%;width:48%;bottom:100px;gap:9px}.scene-name{display:none}
 .immersive-hero h1{font-size:clamp(54px,6.1vw,65px)}
}
@media(max-width:760px){
 .hero.immersive-hero{height:auto;min-height:calc(100svh - 64px);display:flex;flex-direction:column;padding-bottom:145px}
 .hero.immersive-hero .kinetic-stage{position:relative;top:auto;bottom:auto;right:auto;width:calc(100% + 28px);height:clamp(230px,35svh,315px);margin:8px -14px -15px;flex-shrink:0}
 .scene-interaction{right:24px;left:24px;bottom:88px;width:auto;gap:13px;justify-content:center}.scene-action{min-height:40px;font-size:11px}.scene-name{font-size:8px}
 .hero-studies{bottom:16px}.hero-bottom{bottom:15px}
}
@media(max-width:380px){.scene-interaction{left:20px;right:20px;bottom:82px;gap:8px}.scene-name{display:none}.hero.immersive-hero .kinetic-stage{height:230px}.hero.immersive-hero{padding-bottom:135px}}
@media(prefers-reduced-motion:reduce){.scene-ready canvas{animation:none}.scene-action{transition:none}}