/* Motion is an enhancement: every piece of content is visible without it. */
.motion-sculpture{position:absolute;width:620px;height:620px;right:-190px;top:-120px;pointer-events:none;z-index:0;perspective:1000px;overflow:visible;opacity:.72;isolation:isolate}
.motion-orb{position:absolute;inset:15%;border-radius:50%;transform-style:preserve-3d;animation:atelier-orbit 36s linear infinite}
.motion-orb i{position:absolute;inset:0;border:1px solid #e1b78a5c;border-radius:50%;box-shadow:0 0 30px #c89e6d08;backface-visibility:visible}
.motion-orb i:nth-child(1){transform:rotateY(0deg)}
.motion-orb i:nth-child(2){transform:rotateY(36deg)}
.motion-orb i:nth-child(3){transform:rotateY(72deg)}
.motion-orb i:nth-child(4){transform:rotateX(60deg) rotateY(22deg)}
.motion-orb i:nth-child(5){transform:rotateX(110deg) rotateY(-20deg)}
.motion-orb>span{position:absolute;inset:28%;border-radius:50%;background:radial-gradient(circle at 32% 25%,#efcfaa5c,#a77a5429 30%,#43292f05 65%);box-shadow:inset -14px -16px 28px #1a111c26,0 0 85px #d0a26a15;transform:translateZ(1px)}
.motion-ribbon{position:absolute;inset:8% -12%;border:1px solid #f3c28d38;border-radius:48% 52% 47% 53%;transform:rotate(-32deg) rotateX(62deg);animation:atelier-ribbon 23s ease-in-out infinite}
.motion-ribbon-second{inset:22% -22%;animation-direction:reverse;animation-duration:31s;border-color:#d49c7d26}
.motion-dust{position:absolute;left:var(--dust-x);top:var(--dust-y);width:3px;height:3px;background:#e8c5a0;border-radius:50%;box-shadow:0 0 12px #e0b98eaa;animation:atelier-dust var(--dust-duration) ease-in-out var(--dust-delay) infinite;opacity:.45}
.hero .motion-sculpture{right:-160px;top:-130px;width:760px;height:760px;opacity:.5}
.subhero .motion-sculpture{right:-20px;top:-170px;opacity:.6}
.cta-band .motion-sculpture{right:-220px;top:-230px;width:760px;height:760px;opacity:.5}
.motion-enabled .hero-content>.overline{animation:atelier-rise .9s .04s both}
.motion-enabled .hero-title{animation:atelier-title 1.3s .12s both;transform-origin:30% 100%}
.motion-enabled .hero-desc{animation:atelier-rise 1s .3s both}
.motion-enabled .hero-content>.button-row{animation:atelier-rise 1s .45s both}
.motion-enabled .hero-visual{animation:atelier-portrait 1.6s .16s both;transform-origin:50% 60%}
.motion-enabled .subhero h1{animation:atelier-title 1.1s .1s both;transform-origin:30% 100%}
.motion-enabled .subhero p{animation:atelier-rise 1s .3s both}
.motion-enabled .float-note{animation:atelier-note 7s ease-in-out infinite}
.motion-enabled .scroll-hint i{transform-origin:top;animation:atelier-scroll-line 2.5s ease-in-out infinite}
.motion-enabled .service-icon{animation:atelier-icon 7s ease-in-out infinite;animation-delay:-1s}
.motion-enabled .service-card:nth-child(2) .service-icon{animation-delay:-3s}
.motion-enabled .service-card:nth-child(3) .service-icon{animation-delay:-5s}
.motion-enabled .value-mark{transition:color .5s,translate .7s var(--ease)}
.motion-enabled .value-card:hover .value-mark{color:#986548;translate:10px 0}
.js.motion-enabled .reveal[data-motion-entrance="left"]{transform:translate3d(-30px,12px,0);transition:opacity 1s var(--ease),transform 1.1s var(--ease)}
.js.motion-enabled .reveal[data-motion-entrance="depth"]{transform:perspective(1200px) translate3d(0,32px,-35px) rotateX(4deg);transform-origin:center bottom;transition:opacity 1s var(--ease),transform 1.25s var(--ease)}
.js.motion-enabled .reveal[data-motion-entrance="veil"]{clip-path:inset(0 0 12% 0);transform:translateY(35px);transition:opacity 1s var(--ease),transform 1.3s var(--ease),clip-path 1.35s var(--ease)}
.js.motion-enabled .reveal.is-visible[data-motion-entrance]{opacity:1;transform:none;clip-path:inset(0)}
.motion-enabled .motion-entry{opacity:0;translate:0 27px;transition:opacity .85s var(--ease),translate 1s var(--ease);transition-delay:var(--entry-delay,0ms)}
.motion-enabled .motion-entry.motion-in{opacity:1;translate:0 0}
.motion-depth-image{translate:0 var(--image-depth,0px);scale:1.075}
.motion-enabled :is(.service-grid,.detail-grid,.gallery-grid,.collage-grid,.portrait-tiles,.lookbook-grid,.intro-grid,.editorial-row){perspective:1400px}
.motion-tilt{rotate:var(--tilt-axis-x,0.0001) var(--tilt-axis-y,1) 0 var(--tilt-angle,0deg);transition:rotate .7s var(--ease),box-shadow .6s var(--ease),transform .8s var(--ease),opacity .9s var(--ease),translate 1s var(--ease);transform-style:preserve-3d;backface-visibility:hidden}
.motion-tilt.motion-tracking{transition-duration:.18s,.6s,.8s,.9s,1s;will-change:rotate}
.motion-sheen{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--sheen-x,50%) var(--sheen-y,50%),#fff6e532,transparent 58%);mix-blend-mode:soft-light;transition:opacity .65s;border-radius:inherit}
.motion-tracking>.motion-sheen{opacity:1}
.motion-magnetic{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .55s var(--ease),transform .35s var(--ease),background .35s,box-shadow .35s,color .35s}
.motion-enabled .btn:after{content:'';position:absolute;inset:-120% -60%;background:linear-gradient(105deg,transparent 43%,#fff8de4d 50%,transparent 57%);transform:translateX(-60%) rotate(-10deg);transition:transform .95s var(--ease);pointer-events:none}
.motion-enabled .btn:hover:after{transform:translateX(65%) rotate(-10deg)}
.motion-cursor-light{position:fixed;left:0;top:0;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#f6d5af17,transparent 68%);z-index:85;pointer-events:none;opacity:0;transition:opacity .8s;mix-blend-mode:soft-light;contain:strict}
.motion-cursor-light.motion-cursor-visible{opacity:1}
.motion-enabled .gallery-card .gallery-caption{transition:translate .7s var(--ease),background .6s}
.motion-enabled .gallery-card:hover .gallery-caption{translate:0 -6px}
.motion-enabled .gallery-card .gallery-caption small{transition:letter-spacing .7s var(--ease)}
.motion-enabled .gallery-card:hover .gallery-caption small{letter-spacing:.26em}
.motion-enabled .lightbox.open{animation:atelier-fade .3s ease-out both}
.motion-enabled .lightbox.open .content{animation:atelier-lightbox .65s var(--ease) both}
.motion-enabled .faq-item[open] p{animation:atelier-rise .45s var(--ease) both}
.motion-enabled .page-transition{background:linear-gradient(125deg,#21191e,#503339 62%,#9d7055)}
.motion-enabled .page-transition:before{content:'';position:absolute;width:70vw;height:70vw;border:1px solid #e6c49c4d;border-radius:50%;top:-30vw;right:-12vw;box-shadow:0 0 0 7vw #ffffff03,0 0 0 14vw #ffffff02}
.motion-toggle{position:fixed;bottom:22px;left:22px;z-index:90;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:10px 16px;border:1px solid #bda08a7a;border-radius:50px;background:#f9f3e9e8;color:#563a35;box-shadow:0 5px 20px #2c1b2410;font-family:var(--body,Arial,sans-serif);font-size:9px;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s,box-shadow .3s}
.motion-toggle:hover{background:#fff9f2;box-shadow:0 6px 24px #2c1b2420}
.motion-toggle-icon{display:flex;align-items:center;gap:3px;height:15px;width:15px}
.motion-toggle-icon i{display:block;width:2px;height:7px;border-radius:2px;background:currentColor;transform-origin:center}
.motion-toggle-icon i:nth-child(2){height:14px}
.motion-toggle-icon i:nth-child(3){height:10px}
.motion-enabled .motion-toggle-icon i{animation:atelier-equalizer 1.3s ease-in-out infinite}
.motion-enabled .motion-toggle-icon i:nth-child(2){animation-delay:-.45s}
.motion-enabled .motion-toggle-icon i:nth-child(3){animation-delay:-.8s}
.motion-paused main *, .motion-paused main *:before, .motion-paused main *:after,.motion-paused .marquee-track{animation:none!important;transition-duration:.01ms!important}
.motion-paused .motion-sculpture,.motion-paused .motion-cursor-light,.motion-paused .motion-sheen,.motion-paused .page-transition{display:none!important}
.motion-paused .motion-depth-image{translate:none!important;scale:1!important}
.motion-paused .reveal,.motion-paused .motion-entry{opacity:1!important;transform:none!important;translate:none!important;clip-path:none!important}
.motion-paused .motion-tilt{rotate:none!important}
.motion-paused .motion-magnetic{translate:none!important}
.motion-suspended *, .motion-suspended *:before, .motion-suspended *:after{animation-play-state:paused!important}
@keyframes atelier-orbit{0%{transform:rotateX(24deg) rotateY(0deg) rotateZ(-18deg)}100%{transform:rotateX(24deg) rotateY(360deg) rotateZ(-18deg)}}
@keyframes atelier-ribbon{0%,100%{transform:rotate(-32deg) rotateX(62deg) translateY(0)}50%{transform:rotate(-17deg) rotateX(72deg) translateY(-22px)}}
@keyframes atelier-dust{0%,100%{translate:0 0;opacity:.15;scale:.65}50%{translate:14px -34px;opacity:.65;scale:1.2}}
@keyframes atelier-rise{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes atelier-title{from{opacity:0;transform:perspective(1000px) translateY(35px) rotateX(9deg);filter:blur(5px)}to{opacity:1;transform:perspective(1000px) translateY(0) rotateX(0);filter:blur(0)}}
@keyframes atelier-portrait{from{opacity:0;transform:perspective(1200px) translate3d(25px,30px,-100px) rotateY(-9deg)}to{opacity:1;transform:perspective(1200px) translate3d(0,0,0) rotateY(0)}}
@keyframes atelier-note{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -13px;rotate:1deg}}
@keyframes atelier-scroll-line{0%,100%{scale:1 1;opacity:.45}50%{scale:1 .58;opacity:1}}
@keyframes atelier-icon{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -6px;rotate:4deg}}
@keyframes atelier-fade{from{opacity:0}to{opacity:1}}
@keyframes atelier-lightbox{from{opacity:0;transform:perspective(1100px) translateY(20px) scale(.96) rotateX(3deg)}to{opacity:1;transform:perspective(1100px) translateY(0) scale(1) rotateX(0)}}
@keyframes atelier-equalizer{0%,100%{scale:1 .55}50%{scale:1 1}}
@media(max-width:700px){.motion-sculpture{width:400px;height:400px}.hero .motion-sculpture{width:550px;height:550px;right:-260px;top:-100px;opacity:.35}.subhero .motion-sculpture{width:500px;height:500px;right:-200px;top:-100px;opacity:.35}.cta-band .motion-sculpture{width:500px;height:500px;right:-300px;top:-50px}.motion-orb{animation-duration:48s}.motion-dust:nth-last-child(-n+3){display:none}.motion-depth-image{scale:1.06}.motion-toggle{left:13px;bottom:17px;padding:8px 12px;min-height:39px;font-size:8px}}
@media(hover:none),(pointer:coarse){.motion-cursor-light,.motion-sheen{display:none}.motion-tilt{rotate:none}.motion-magnetic{translate:none}.motion-enabled .service-icon{animation:none}}
@media(prefers-reduced-motion:reduce){html:not(.motion-user-enabled) .motion-sculpture,html:not(.motion-user-enabled) .motion-cursor-light,html:not(.motion-user-enabled) .motion-sheen{display:none!important}html:not(.motion-user-enabled) .motion-depth-image{translate:none!important;scale:1!important}html:not(.motion-user-enabled) .motion-entry,html:not(.motion-user-enabled).js.motion-enabled .reveal[data-motion-entrance]{opacity:1!important;transform:none!important;translate:none!important;clip-path:none!important}html:not(.motion-user-enabled) .motion-tilt{rotate:none!important}html:not(.motion-user-enabled) .motion-magnetic{translate:none!important}html:not(.motion-user-enabled).motion-enabled .hero-title,html:not(.motion-user-enabled).motion-enabled .hero-desc,html:not(.motion-user-enabled).motion-enabled .hero-content>.overline,html:not(.motion-user-enabled).motion-enabled .hero-content>.button-row,html:not(.motion-user-enabled).motion-enabled .hero-visual,html:not(.motion-user-enabled).motion-enabled .subhero h1,html:not(.motion-user-enabled).motion-enabled .subhero p{animation:none!important}}
@media print{.motion-sculpture,.motion-cursor-light,.motion-sheen,.motion-toggle{display:none!important}.motion-entry,.js.motion-enabled .reveal[data-motion-entrance]{opacity:1!important;transform:none!important;translate:none!important;clip-path:none!important}.motion-depth-image{translate:none;scale:1}}