/* Progressive motion: content is visible even if JavaScript is unavailable. */
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:80;pointer-events:none;background:linear-gradient(90deg,var(--cyan),#ff79c5,var(--pink));transform-origin:left;transform:scaleX(0)}
.site-home .photo-stage{background:linear-gradient(135deg,#00dbed,#87f9f8);isolation:isolate}
.site-home .photo-stage::before{content:'';position:absolute;width:280px;height:280px;border:1px solid #ffffffb0;border-radius:50%;right:-90px;top:5%;z-index:-1;pointer-events:none}
.site-home .photo-stage::after{content:'';position:absolute;width:160px;height:160px;border:1px solid #ffffff85;border-radius:50%;right:-50px;bottom:5%;z-index:-1;pointer-events:none}
html:not(.motion-off) .photo-stage::before{animation:atelier-drift 9s ease-in-out infinite alternate}
html:not(.motion-off) .photo-stage::after{animation:atelier-drift 12s ease-in-out 1s infinite alternate-reverse}
html:not(.motion-off) .brand-line b{animation:atelier-turn 16s linear infinite}
.site-home .salon{background:radial-gradient(ellipse at 0% 25%,#ffe8f5 0,transparent 55%)}
.portfolio-shot{padding:12px;background:#fff;border:1px solid #ecdfE8;border-radius:15px;box-shadow:0 10px 28px #62314f08}
.portfolio-shot .gallery-open{border-radius:9px}
.portfolio-shot figcaption{padding:3px 2px 1px}
.gallery-open{position:relative}
.gallery-open::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff40 49%,transparent 70%);transform:translateX(-140%);opacity:0}
.site-home .academy-topic{border-bottom-color:#6a5264}
.site-home .academy-topic-nav a{transition:background-color .22s,color .22s,box-shadow .22s}
.site-home .button,.site-home .pill{transition:background-color .2s,color .2s,box-shadow .2s}
.site-home .case-heading h3{letter-spacing:-1px}
.site-home .academy-preview img{border:1px solid #73586d;box-shadow:16px 16px 0 #00dbed18}
.motion-toggle{min-height:44px;padding:9px 15px;border:1px solid #19131b65;border-radius:24px;background:transparent;color:var(--ink);font-size:12px;cursor:pointer}
.motion-toggle:hover{background:#ffffff45}
.motion-toggle:disabled{opacity:.75;cursor:default}
@media(hover:hover) and (pointer:fine){
 .gallery-open img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s}
 .gallery-open:hover img{transform:scale(1.045);filter:saturate(1.06)}
 .gallery-open:hover::after{transform:translateX(140%);opacity:1;transition:transform .85s ease,opacity .15s}
 .site-home .button:hover,.site-home .pill:hover{box-shadow:0 7px 20px #19131b25}
 .site-home .salon-list article>a:hover,.academy-topic>a:hover{text-decoration-thickness:2px}
}
@keyframes atelier-drift{from{transform:translateY(-16px) scale(.94)}to{transform:translateY(26px) scale(1.09)}}
@keyframes atelier-turn{to{transform:rotate(360deg)}}
@media(max-width:650px){.portfolio-shot{padding:7px;border-radius:11px}.portfolio-shot .gallery-open{border-radius:6px}.portfolio-shot figcaption{font-size:12px}.motion-toggle{font-size:12px}.site-home .academy-preview img{box-shadow:9px 9px 0 #00dbed18}}
html.motion-off .site-home *,html.motion-off .site-home *::before,html.motion-off .site-home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.motion-off .scroll-progress{display:none}
@media(prefers-reduced-motion:reduce){.site-home *,.site-home *::before,.site-home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scroll-progress{display:none}}
.site-home footer>a:not(.brand){min-height:44px;display:inline-flex;align-items:center;font-size:13px}
.photo-gallery>.portfolio-shot:nth-child(n){padding:12px}@media(max-width:650px){.photo-gallery>.portfolio-shot:nth-child(n){padding:7px}}