/* Liquid surfaces and motion are a progressive layer over the original layout. */
body{overflow-x:clip}
.button:not(.button-light),.header-cta{--magnet-x:0px;--magnet-y:0px;position:relative;isolation:isolate;overflow:hidden;gap:18px;border:1px solid #b8792426;border-radius:24px;background:#f4a62f;color:#312713;box-shadow:0 3px 12px #b86e0010;transform:translate3d(var(--magnet-x),var(--magnet-y),0);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .4s,color .3s;min-width:0}
.button-label,.button-icon{position:relative;z-index:3;pointer-events:none}.button-label{font-weight:600;white-space:nowrap}.button-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:-5px -8px -5px 0;flex-shrink:0;background:transparent;box-shadow:none;transition:transform .45s cubic-bezier(.16,1,.3,1)}.button .button-icon svg,.header-cta .button-icon svg{color:#5c3612;width:19px;height:19px;margin:0;transition:transform .4s}
.button:not(.button-light):before,.header-cta:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(150deg,#ffffff12,transparent 65%);box-shadow:none;opacity:.4}
.button:not(.button-light):after,.header-cta:after{display:none}
.lava-field{position:absolute;inset:-14px;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit;background:linear-gradient(115deg,#f1a02a,#f8b74b 58%,#f2a335)}
.lava-field i{position:absolute;width:70%;height:210%;left:-8%;top:-55%;border-radius:50%;background:radial-gradient(ellipse,#ffe2a9b3 0%,#ffd47a66 45%,transparent 75%);box-shadow:none;filter:blur(20px);opacity:.42;animation:lava-flow-a 18s ease-in-out infinite alternate}
.lava-field i:nth-child(2){width:58%;height:180%;left:48%;top:-16%;background:radial-gradient(ellipse,#e58b3b99 0%,#eba05655 45%,transparent 75%);mix-blend-mode:normal;opacity:.24;animation:lava-flow-b 23s -7s ease-in-out infinite alternate}
.lava-field i:nth-child(3){width:48%;height:170%;left:35%;top:-65%;background:radial-gradient(ellipse,#ffe6b6b3 0%,#ffdda166 45%,transparent 75%);opacity:.3;animation:lava-flow-c 21s -5s ease-in-out infinite alternate}
.button:not(.button-light):hover,.header-cta:hover{background:#f4a62f;color:#2c2517;box-shadow:0 5px 18px #c3830021;border-radius:24px;transform:translate3d(var(--magnet-x),calc(var(--magnet-y) - 1px),0)}
.button:hover .button-icon,.header-cta:hover .button-icon{transform:translateX(2px);background:transparent}.button:hover .button-icon svg,.header-cta:hover .button-icon svg{transform:none}.button:not(.button-light):active,.header-cta:active{transform:scale(.985);transition-duration:.15s}.button-light .lava-field{display:none}
@keyframes lava-flow-a{from{transform:translate(-10%,-5%) scale(1)}to{transform:translate(22%,12%) scale(1.12)}}
@keyframes lava-flow-b{from{transform:translate(5%,10%) scale(1.05)}to{transform:translate(-24%,-12%) scale(.95)}}
@keyframes lava-flow-c{from{transform:translate(-12%,0) scale(.95)}to{transform:translate(18%,20%) scale(1.08)}}

/* Keep the atmosphere within the controls; photos and headings stay clear. */
.hero,.page-head,.about-extra>.container{position:relative;isolation:isolate}.hero-image,.portrait-frame,.service-photo,.about-band figure,.about-extra figure,.closing figure,.local-grid>figure{isolation:isolate}
.page-head h1{position:relative;z-index:1}.about-story>figure{isolation:isolate}

/* Scroll reveals remain visible without JS, and never require a click. */
.motion-ready .motion-reveal{opacity:0;translate:0 35px;filter:blur(5px);transition:opacity .95s cubic-bezier(.16,1,.3,1),translate 1.1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .motion-reveal.is-visible{opacity:1;translate:0 0;filter:blur(0)}
.motion-ready .motion-image{clip-path:inset(7% 0 7% 0 round 50px);transition:clip-path 1.35s cubic-bezier(.16,1,.3,1),opacity 1s,translate 1.2s,filter 1s}
.motion-ready .motion-image.is-visible{clip-path:inset(0 0 0 0 round 6px)}
.motion-ready .hero-copy>*,.motion-ready .page-head>.eyebrow,.motion-ready .page-head>h1,.motion-ready .page-head>p:not(.eyebrow),.motion-ready .page-head>.breadcrumb{animation:headline-arrive .95s cubic-bezier(.16,1,.3,1) both}
.motion-ready .hero-copy>h1,.motion-ready .page-head>h1{animation-delay:90ms}.motion-ready .hero-copy>p:not(.eyebrow),.motion-ready .page-head>p:not(.eyebrow){animation-delay:180ms}.motion-ready .hero-actions{animation-delay:270ms}.motion-ready .hero-note{animation-delay:330ms}.motion-ready .hero-image{animation:hero-arrive 1.5s cubic-bezier(.16,1,.3,1) both}.motion-ready .advisor-badge{animation:badge-float 5.8s ease-in-out infinite alternate;animation-delay:1.2s}
@keyframes headline-arrive{from{opacity:0;filter:blur(9px);transform:translateY(28px) rotate(1.2deg)}to{opacity:1;filter:blur(0);transform:translateY(0) rotate(0)}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(40px) rotate(2deg) scale(.96);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes badge-float{from{translate:0 0;rotate:-1deg}to{translate:0 -9px;rotate:1deg}}
.motion-ready .parallax-image{transform:translate3d(0,var(--image-shift,0px),0) scale(1.07);transition:transform .15s linear}
.motion-ready .model,.motion-ready .article-card{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .5s;transform-style:flat;position:relative}
.motion-ready .model:hover{box-shadow:0 22px 45px #3e341b18}.model-image:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#fff6,transparent 55%);transition:opacity .4s}.model:hover .model-image:after{opacity:1}.model-image:hover>img{transform:scale(1.065)}
.service-list article{transition:padding .5s cubic-bezier(.16,1,.3,1),background .5s}.service-list article:hover{padding-left:12px;background:linear-gradient(90deg,#f3a93e16,transparent 90%)}.service-list article>a{transition:transform .5s,background .4s}.service-list article:hover>a{transform:rotate(-35deg);background:var(--accent)}
.text-link svg{transition:transform .55s cubic-bezier(.34,1.56,.64,1)}.text-link:hover svg{transform:translateX(8px) rotate(-8deg)}
details[open]>.benefit-body,.faq[open]>div,.model details[open]>div{animation:detail-arrive .45s cubic-bezier(.16,1,.3,1) both}
@keyframes detail-arrive{from{opacity:0;transform:translateY(-7px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
.scroll-meter{position:fixed;z-index:60;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#e96a0c,#ffb42e,#ffe4a0);transform-origin:left;transform:scaleX(var(--page-progress,0));pointer-events:none;box-shadow:0 0 9px #f8a72d66}
.motion-ready .trust-strip>.container{width:100%;max-width:none;overflow:hidden;display:block;min-height:84px;padding-block:0}.trust-track{display:flex;align-items:center;gap:75px;width:max-content;min-height:84px;animation:trust-drift 32s linear infinite}.trust-group{display:flex;gap:75px;align-items:center}.trust-strip:hover .trust-track{animation-play-state:paused}.trust-strip span{white-space:nowrap}.trust-group>span:before{animation:star-spin 14s linear infinite}.trust-group>span:nth-child(even):before{animation-direction:reverse}
@keyframes trust-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes star-spin{to{transform:rotate(360deg)}}
.animation-idle .lava-field i,.animation-idle .trust-track,.animation-idle .trust-group>span:before,.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.motion-toggle{position:fixed;bottom:18px;left:18px;z-index:24;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dedbd2;border-radius:20px;background:#fbf9f5eb;backdrop-filter:blur(8px);font:11px var(--body);line-height:1.4;color:#626753;box-shadow:0 2px 10px #292c2808;transition:color .2s,border-color .2s}.motion-toggle:before{content:'Ⅱ';font-size:12px;color:#a56210}.motion-toggle[aria-pressed=true]:before{content:'▷'}.motion-toggle:hover{color:var(--ink);border-color:#bda67d}.motion-toggle:disabled{cursor:default}
.motion-disabled *,.motion-disabled *:before,.motion-disabled *:after{animation:none!important}.motion-disabled .motion-reveal{opacity:1;translate:none;filter:none}.motion-disabled .motion-image{clip-path:none}.motion-disabled .parallax-image,.motion-disabled .model,.motion-disabled .article-card,.motion-disabled .button,.motion-disabled .header-cta{transform:none!important}.motion-disabled .button:after,.motion-disabled .header-cta:after{display:none}.motion-disabled .trust-strip>.container{width:min(1320px,calc(100% - 40px));display:block}.motion-disabled .trust-track{width:auto;min-height:84px}.motion-disabled .trust-group{justify-content:space-between;width:100%;gap:20px;flex-wrap:wrap;padding:18px 0}.motion-disabled .trust-group[aria-hidden=true]{display:none}.motion-disabled .scroll-meter{display:none}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-away .25s ease-out both}::view-transition-new(root){animation:page-in .6s cubic-bezier(.16,1,.3,1) both}@keyframes page-away{to{opacity:0;filter:blur(3px)}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.header-cta{gap:10px}.header-cta .button-icon{width:25px;height:25px;margin:-4px -5px -4px 0}}
@media(max-width:700px){.button:not(.button-light),.header-cta{border-radius:24px}.header-cta{gap:8px}.header-cta .button-icon{width:22px;height:22px;margin:-4px -6px -4px 0}.header-cta .button-icon svg{width:14px;height:14px}.button .button-icon{width:27px;height:27px;margin:-5px -5px -5px 0}.hero-actions .button{gap:12px}.motion-ready .trust-strip>.container{min-height:67px}.trust-track{min-height:67px;gap:42px;animation-duration:27s}.trust-group{gap:42px}.trust-group>span{font-size:12px}.motion-ready .motion-reveal{translate:0 24px;filter:blur(3px)}.motion-ready .parallax-image{transform:scale(1.025)}.motion-ready .model,.motion-ready .article-card{transform:none}.lava-field i{filter:blur(18px)}.mobile-call{background:linear-gradient(125deg,#f6b34e,#f0a038);box-shadow:0 4px 14px #b963001a;animation:none}.mobile-call svg{color:#4d3416}}
@media(prefers-reduced-motion:reduce){.lava-field i,.motion-ready .hero-copy>*,.motion-ready .page-head>*,.motion-ready .hero-image,.motion-ready .advisor-badge,.trust-track,.trust-group>span:before,.mobile-call{animation:none!important}.motion-ready .motion-reveal{opacity:1;translate:none;filter:none;transition:none}.motion-ready .motion-image{clip-path:none}.motion-ready .parallax-image{transform:none}.motion-ready .model,.motion-ready .article-card,.button:not(.button-light),.header-cta{transform:none!important}.button:after,.header-cta:after{display:none}.motion-ready .trust-strip>.container{width:min(1320px,calc(100% - 40px));display:block}.trust-track{width:auto;min-height:84px}.trust-group{justify-content:space-between;width:100%;gap:20px;flex-wrap:wrap;padding:18px 0}.trust-group[aria-hidden=true]{display:none}.scroll-meter{display:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
