/* Lettering redrawn from the supplied BAPT reference, not a third-party font. */
.reference-brand{width:116px!important;line-height:1;letter-spacing:0!important}
.reference-brand svg{display:block;width:100%;height:auto}
.reference-brand svg g{stroke-width:5.5}
.reference-hero h1{width:clamp(280px,25vw,500px);max-width:96%;padding:0;margin:0 auto;line-height:1}
.reference-hero h1 svg{display:block;width:100%;height:auto}
.reference-hero .hero-copy>p{margin-top:23px}
.atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;contain:paint}
.mist{position:absolute;background-repeat:no-repeat;will-change:transform;animation:mist-drift 38s ease-in-out infinite alternate;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 35%,transparent 100%)}
.mist-far{left:10%;top:62%;width:84%;height:25%;opacity:.55;background-image:radial-gradient(ellipse at 32% 55%,#d9e8f48a,transparent 60%),radial-gradient(ellipse at 71% 48%,#e4eff575,transparent 58%);animation-duration:46s;animation-delay:-18s}
.mist-near{left:-12%;bottom:-7%;width:118%;height:39%;opacity:.6;background-image:radial-gradient(ellipse at 42% 65%,#e7f3fc8c,transparent 55%),radial-gradient(ellipse at 68% 54%,#e1eff77d,transparent 49%),radial-gradient(ellipse at 21% 48%,#eef5ff66,transparent 45%);animation-duration:33s;animation-delay:-11s}
.mist-near:after{content:'';position:absolute;inset:10% -8% 15%;background:radial-gradient(ellipse at 24% 60%,#eaf4ff66,transparent 48%),radial-gradient(ellipse at 77% 40%,#eaf4ff55,transparent 43%);animation:mist-wisp 27s ease-in-out -9s infinite alternate}
.mist-waterfall{right:9%;bottom:1%;width:30%;height:43%;opacity:.5;background-image:radial-gradient(ellipse at 50% 62%,#edf6ff9c,transparent 64%);animation:waterfall-haze 19s ease-in-out infinite alternate;animation-delay:-8s}
.sun-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 0%,#ffefba26,transparent 42%);opacity:.5;animation:sun-breathe 17s ease-in-out infinite alternate}
.motes{position:absolute;inset:0}
.mote{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#fff9de;box-shadow:0 0 6px 1px #fff1b4a0;opacity:0;animation:mote-drift var(--duration) linear var(--delay) infinite}
.mote-near{background:#fff2ca;box-shadow:0 0 11px 2px #ffe6a580}
@keyframes mote-drift{0%{transform:translate3d(0,0,0);opacity:0}18%,72%{opacity:var(--alpha)}100%{transform:translate3d(var(--drift),var(--rise),0);opacity:0}}
@keyframes mist-drift{from{transform:translate3d(-3%,0,0) scale(1);opacity:.4}to{transform:translate3d(5%,-2%,0) scale(1.045);opacity:.68}}
@keyframes mist-wisp{from{transform:translate3d(4%,2%,0) scaleY(.85)}to{transform:translate3d(-5%,-3%,0) scaleY(1.12)}}
@keyframes waterfall-haze{from{transform:translate3d(0,3%,0) scale(.97);opacity:.38}to{transform:translate3d(-3%,-3%,0) scale(1.04);opacity:.6}}
@keyframes sun-breathe{from{opacity:.35}to{opacity:.65}}
.motion-paused .atmosphere *,.atmosphere-paused .atmosphere *,.motion-paused .mist-near:after,.atmosphere-paused .mist-near:after{animation-play-state:paused!important}
@media(max-width:720px){.reference-brand{width:100px!important}.reference-hero h1{width:280px}.reference-hero .hero-copy>p{margin-top:22px}.mote:nth-child(n+41){display:none}.mist-far{left:-15%;width:130%;top:64%}.mist-near{left:-30%;width:155%}.mist-waterfall{right:0;width:50%}}
@media(prefers-reduced-motion:reduce){.atmosphere *,.mist-near:after{animation:none!important;will-change:auto}.motes{display:none}.mist{opacity:.25}.sun-haze{opacity:.35}}