/* Signature-motion study: stone light. No changes to the approved brand assets. */
.brand-site .hero{position:relative;isolation:isolate;overflow:hidden;background:#171719}
.brand-site .stone-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 83% 30%,#5c5141 0%,#292722 40%,#171719 80%)}
.brand-site .stone-atmosphere canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease}
.brand-site .stone-atmosphere.ready canvas{opacity:1}.brand-site .stone-atmosphere canvas[hidden]{display:none}
.brand-site .stone-atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#171719 0%,#17171940 25%,transparent 65%,#171719 100%),linear-gradient(90deg,#1717196b,transparent 75%)}
.brand-site .hero h1{text-shadow:0 2px 30px #17171935}.brand-site .hero h1 em{color:#c3b49d}
.brand-site .hero-bottom{border-top-color:#b6a89430}.brand-site .hero-bottom>p{color:#ddd8cf}
.brand-site .atmosphere-control{position:absolute;bottom:19px;right:var(--gutter);min-height:44px;padding:8px 0;border:0;background:none;color:#b6ad9e;font:400 11px var(--sans);cursor:pointer;letter-spacing:.02em}
.brand-site .atmosphere-control::before{content:"";display:inline-block;width:5px;height:5px;margin-right:9px;vertical-align:1px;border-radius:50%;background:currentColor}
.brand-site .atmosphere-control:hover{color:#fff}.brand-site .atmosphere-control:focus-visible{outline:2px solid #b6a894;outline-offset:5px}.brand-site .atmosphere-control[hidden]{display:none}
@media(max-width:760px){.brand-site .stone-atmosphere::after{background:linear-gradient(0deg,#171719 0%,#17171980 42%,#17171920 70%,#171719 100%)}.brand-site .hero{padding-bottom:85px}.brand-site .atmosphere-control{bottom:13px}}
@media(prefers-reduced-motion:reduce){.brand-site .stone-atmosphere canvas{transition:none}}

/* Closing atmosphere: soft sideways light with a quiet field behind the form. */
.brand-site .contact{position:relative;isolation:isolate;overflow:hidden;background:#171719;padding-bottom:90px}
.brand-site .contact-atmosphere{background:radial-gradient(ellipse at 20% 65%,#302c25,#201f1d 50%,#171719 82%)}
.brand-site .contact-atmosphere::after{background:linear-gradient(0deg,#171719 0%,transparent 28%,transparent 73%,#171719 100%),linear-gradient(90deg,transparent 35%,#17171970 65%,#171719b0 100%)}
.brand-site .contact-body h2{text-shadow:0 2px 32px #17171955}.brand-site .contact-body h2 em{color:#c8b79d}
.brand-site .contact .icon-motion-control{width:44px;height:44px;display:grid;place-items:center;padding:0;opacity:.65;bottom:15px}
.brand-site .contact .icon-motion-control[hidden]{display:none}
.brand-site .contact .icon-motion-control::before{width:8px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor;background:none;border-radius:0;margin:0}
.brand-site .contact .icon-motion-control.is-paused::before{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;border-right:0}
.brand-site .contact .icon-motion-control:hover,.brand-site .contact .icon-motion-control:focus-visible{opacity:1}
@media(max-width:760px){.brand-site .contact{padding-bottom:80px}.brand-site .contact-atmosphere::after{background:linear-gradient(0deg,#171719 0%,#171719bb 45%,transparent 78%,#171719 100%)} }