/* V8: bounded amendments to the accepted V7 layout. */
header{justify-content:space-between}header>nav{margin-right:auto}
.approved-hero,.approved-hero.compact{min-height:690px;display:block}
.approved-hero .hero-copy{width:65%;max-width:870px;padding:110px 2% 52px 6%}
.approved-hero .hero-copy>.full-logo{width:245px;margin-bottom:18px}
.approved-hero h1{font-size:clamp(46px,5.1vw,74px);margin-bottom:18px}
.approved-hero .hero-copy>p{max-width:510px;margin-bottom:18px;line-height:1.65}
.hero-benefits{list-style:none;margin:0 0 25px;padding:0;max-width:510px;display:grid;gap:9px;font-size:14px;line-height:1.5;color:#e5ebde}
.hero-benefits li{padding-left:20px;position:relative}.hero-benefits li:before{content:'';position:absolute;left:1px;top:.55em;width:6px;height:6px;border-radius:50%;background:#dfc48f;box-shadow:0 0 12px #dfc48f44}.hero-benefits strong{color:#f2dcae;font-weight:600}
/* Transparent live canvas, without any PNG haze, picture frame or clipped flow line. */
.live-sculpture:after{display:none!important}.live-sculpture>.scene{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;mask-image:none!important;overflow:visible!important}
.live-sculpture>.scene:after{display:none!important}.live-sculpture canvas{display:block;width:100%;height:100%;background:transparent}
.approved-hero>.live-sculpture{right:4%;bottom:9%;width:40%;height:66%;max-width:560px;z-index:4;opacity:1}
.approved-hero>.art-scope,.approved-hero>.art-microscope{right:8%;width:34%;height:62%;bottom:11%}
.approved-hero>.art-brush,.approved-hero>.art-bed{right:7%;width:36%;height:58%;bottom:12%}
.care-world>.live-sculpture{left:auto;right:38%;bottom:5%;width:24%;height:37%;opacity:.85;z-index:3}
.whole-world .faq-heading>.live-sculpture{width:80%;height:240px;left:0;margin-top:10px;opacity:1}
.modal-environment>.live-sculpture{left:1%;bottom:3%;width:39%;height:43%;opacity:.85}
.menu-layer>.live-sculpture,.menu-visual>.live-sculpture{right:5%;bottom:4%;width:44%;height:66%;opacity:.95}
@media(min-width:1500px){.approved-hero .hero-copy{margin-left:max(0px,calc((100vw - 1500px)/2));padding-left:75px}.approved-hero>.live-sculpture{right:max(6%,calc((100vw - 1350px)/2));}}
@media(max-width:1000px){.approved-hero .hero-copy{width:68%;padding-top:105px}.approved-hero,.approved-hero.compact{min-height:680px}.approved-hero h1{font-size:clamp(43px,5.5vw,62px)}.approved-hero>.live-sculpture{right:0;width:38%;height:57%;bottom:12%}.hero-benefits{font-size:13px}}
@media(max-width:650px){
 header>nav{display:flex!important;gap:0}header>nav>a{display:none}header>nav>a[href="#home"]{display:inline-flex;font-size:14px;padding:10px 0;color:#f1e4c4}.header-actions{gap:8px}
 .approved-hero,.approved-hero.compact{min-height:0;overflow:hidden}
 .approved-hero .hero-copy,.approved-hero.compact .hero-copy{width:100%;padding:100px 6% 45px;max-width:none}
 .approved-hero .hero-copy>.full-logo{width:200px;margin-bottom:20px}
 .approved-hero h1,.approved-hero.compact h1{font-size:clamp(39px,9.8vw,55px);max-width:100%}
 .approved-hero .hero-copy>p{max-width:94%;font-size:15px;margin-bottom:18px}
 .hero-benefits{max-width:79%;font-size:13px;gap:11px;margin-bottom:23px;text-shadow:0 2px 7px #102e26}
 .hero-benefits li{padding-left:17px}.hero-benefits strong{display:block}
 .approved-hero>.live-sculpture,.approved-hero>.art-scope,.approved-hero>.art-microscope,.approved-hero>.art-brush,.approved-hero>.art-bed{width:44%;height:250px;right:-8%;bottom:26px;max-width:none;opacity:.62;z-index:3}
 .approved-hero .hero-copy{z-index:5}.approved-hero .button{position:relative;z-index:6}
 .care-world .split-copy{padding-bottom:55px}.care-world>.live-sculpture{right:-4%;left:auto;width:36%;height:220px;bottom:420px;opacity:.4;z-index:3}
 .whole-world .faq-heading>.live-sculpture{position:absolute;right:-4%;left:auto;top:-12px;width:40%;height:180px;opacity:.6;margin:0;z-index:-1}
 .modal-environment>.live-sculpture{left:auto;right:-9%;top:60px;bottom:auto;width:45%;height:240px;opacity:.4}
 .menu-layer>.live-sculpture,.menu-visual>.live-sculpture{width:55%;height:46%;right:-7%;bottom:6%;opacity:.5}
}
/* V12: legible native booking calendar control, with a larger pointer target. */
#booking-date{color-scheme:dark;min-height:54px;color:#fff3d8}
#booking-date::-webkit-calendar-picker-indicator{width:24px;height:24px;padding:8px;margin:0 0 0 8px;opacity:1;filter:brightness(0) invert(1);cursor:pointer}
#booking-date:focus-visible{outline:2px solid #e7d29d;outline-offset:3px}