/* Hair atelier: original portrait, real work, three scroll studies. */
.hero-story .hero{background:#eae6e3}
.scene-copy{top:7%;width:49%;max-width:730px}
.stylist-name{font-size:18px;font-weight:500;margin:0 0 25px;color:#3c3637}
.stylist-name span{display:block;font-size:14px;font-weight:400;margin-top:4px;color:#65575c}
.scene-copy #hero-title{font-size:clamp(86px,8.7vw,146px);line-height:.98;margin-bottom:26px;letter-spacing:-.065em}
.scene-description{max-width:410px;font-size:18px;line-height:1.65;margin-bottom:24px}
.scene-copy .scene-buttons{gap:24px;flex-wrap:wrap}
.scene-cta{gap:24px;min-height:56px;padding:17px 24px;background:#e8b6c5}
.scene-work-link{font-size:15px;line-height:1.5;gap:10px}
.scene-location{margin-top:18px;line-height:1.6;font-size:14px}
.scene-location span{font-size:13px;color:#65575c}
.hair-notes{display:flex;gap:12px;margin-top:26px;width:min(350px,100%)}
.hair-notes button{background:transparent;padding:0;flex:1;text-align:left;color:#514148;min-width:0}
.hair-notes img{width:100%;height:64px;object-fit:cover;object-position:50% 65%;border-radius:2px 18px 2px 2px;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.hair-notes button:nth-child(2) img{object-position:50% 68%}
.hair-notes button:hover img{transform:translateY(-3px)}
.hair-notes span{display:block;font-size:14px;margin-top:7px}
.scene-texture{animation:none;transform:translate3d(calc(var(--scene,0)*-28px),0,0) scale(1.06);opacity:.6}
.scene-light{animation:none;transform:translate3d(calc(var(--scene,0)*45px),0,0)}
.scene-shade{background:linear-gradient(90deg,#f1ece9db,#f1ece970 37%,transparent 65%)}
.portrait-plane{transform:translate3d(0,calc(var(--scene,0)*-32px),0);will-change:auto}
.scene-second{left:var(--gutter);top:22%;max-width:42%;width:500px}
.scene-second p{font-size:clamp(58px,6vw,94px);line-height:1.05;color:#56414a}
.scene-second>span{font-size:16px;line-height:1.6;max-width:300px}
.atelier-study{display:flex;gap:14px;margin-top:32px;align-items:start}
.atelier-study figure{flex:1;min-width:0;transform:translateY(calc((1 - var(--scene,0))*65px))}
.atelier-study figure:nth-child(2){margin-top:25px;transform:translateY(calc((1 - var(--scene,0))*110px))}
.atelier-study figure:nth-child(3){margin-top:50px;transform:translateY(calc((1 - var(--scene,0))*155px))}
.atelier-study img{width:100%;height:auto;aspect-ratio:.66;object-fit:cover;object-position:50% 55%;border-radius:70px 70px 3px 3px}
.atelier-study figcaption{font-size:13px;line-height:1.5;margin-top:10px;color:#57464d}
.scene-scroll{bottom:24px}
.hair-interlude p{font-size:clamp(52px,9vw,140px)}
.intro-orbit{border-color:#b4919c55}
.work-section .gallery-image{border-radius:120px 120px 3px 3px}
.work-section .work-card:nth-child(2) .gallery-image{border-radius:3px 3px 120px 120px}
.hair-interlude{background:#ebe2e4}
.interlude-texture{background:linear-gradient(#f1e8e5ab,#eee2e69c),url('assets/styling.jpg') center 65%/cover}
/* Lookbook: the portrait stays anchored; photographic pages fan into view. */
html[data-motion-concept=lookbook] .portrait-plane{transform:none}
html[data-motion-concept=lookbook] .scene-copy{transform:translateY(calc(var(--scene,0)*-50px))}
html[data-motion-concept=lookbook] .atelier-study{gap:6px;perspective:1100px}
html[data-motion-concept=lookbook] .atelier-study figure{transform:translate3d(calc((1 - var(--scene,0))*-80px),calc((1 - var(--scene,0))*55px),0) rotate(calc((1 - var(--scene,0))*-16deg));transform-origin:bottom right}
html[data-motion-concept=lookbook] .atelier-study figure:nth-child(2){transform:translateY(calc((1 - var(--scene,0))*135px)) rotate(calc((1 - var(--scene,0))*5deg))}
html[data-motion-concept=lookbook] .atelier-study figure:nth-child(3){transform:translate3d(calc((1 - var(--scene,0))*80px),calc((1 - var(--scene,0))*80px),0) rotate(calc((1 - var(--scene,0))*18deg));transform-origin:bottom left}
html[data-motion-concept=lookbook] .atelier-study img{border-radius:2px;box-shadow:0 12px 30px #44313b1c}
/* Gloss: reflected studio light crosses only the background, never the face. */
html[data-motion-concept=gloss] .scene-light{inset:-30%;background:linear-gradient(112deg,transparent 35%,#ffffffb0 44%,#e5a2bc80 49%,transparent 57%);transform:translateX(calc(-25% + var(--scene,0)*50%));opacity:.8}
html[data-motion-concept=gloss] .scene-texture{transform:scale(1.06);opacity:calc(.58 + var(--scene,0)*.18)}
html[data-motion-concept=gloss] .portrait-plane{transform:none}
html[data-motion-concept=gloss] .scene-copy{transform:none}
html[data-motion-concept=gloss] .atelier-study figure{transform:none}
html[data-motion-concept=gloss] .atelier-study img{border-radius:100px}
@media(min-width:1500px){.scene-copy{top:7%}.scene-description{max-width:460px}.hair-notes{width:390px}.hair-notes img{height:74px}}
@media(max-height:820px) and (min-width:851px){.hero-story .hero{min-height:730px}.scene-copy{top:4%}.stylist-name{margin-bottom:15px}.scene-copy #hero-title{font-size:min(8.4vw,110px);margin-bottom:20px}.hair-notes{margin-top:20px}.scene-location{margin-top:13px}}
@media(min-width:601px) and (max-width:850px){.hero-story .hero{min-height:820px}.scene-copy{top:5%;width:48%}.scene-copy #hero-title{font-size:10vw}.scene-description{font-size:16px;max-width:300px}.scene-copy .scene-buttons{display:flex;gap:13px}.scene-second{top:24%;max-width:43%}.scene-second p{font-size:7vw}.atelier-study{gap:8px}.atelier-study figcaption{font-size:12px}.hair-notes img{height:58px}}
@media(max-width:600px){
 .hero-story .hero{height:1150px;min-height:0;max-height:none}
 .scene-copy{top:32px;left:24px;right:24px;width:auto;max-width:none}
 .stylist-name{font-size:17px;margin-bottom:22px}.stylist-name span{font-size:14px}
 .scene-copy #hero-title{font-size:clamp(68px,18vw,106px);margin-bottom:22px}
 .scene-description{font-size:16px;max-width:350px;margin-bottom:22px}
 .scene-copy .scene-buttons{display:flex;gap:17px;align-items:center}
 .scene-cta{font-size:14px;padding:16px 16px;min-height:52px;gap:12px}
 .scene-work-link{font-size:13px;padding:12px 0}
 .hair-notes{margin-top:22px;width:100%;max-width:340px;gap:12px}.hair-notes img{height:58px}
 .scene-location{font-size:13px;margin-top:16px}.scene-location span{font-size:12px}
 .portrait-plane{top:42%;left:-17%;width:116%;transform:none}
 .scene-art::after{inset:87% -8% -10%;opacity:.3}
 .scene-texture{opacity:.53}.scene-scroll{bottom:20px;font-size:13px}
 .scene-shade{background:linear-gradient(#f0ebe9e6,#f0ebe9c4 44%,transparent 70%)}
 .scene-second{display:none}.hair-interlude p{font-size:12vw}.hair-interlude>span{font-size:14px;text-align:center;padding:0 24px}
}
@media(max-width:370px){.hero-story .hero{height:1110px}.scene-copy{left:20px;right:20px}.scene-copy #hero-title{font-size:65px}.scene-copy .scene-buttons{gap:12px}.scene-work-link{font-size:13px}.scene-cta{font-size:14px;padding:15px}.portrait-plane{top:53%;left:-22%;width:120%}}
.motion-paused .atelier-study figure,.motion-paused .scene-texture,.motion-paused .scene-light,.motion-paused .hair-notes img{transform:none!important}
@media(prefers-reduced-motion:reduce){.atelier-study figure,.scene-texture,.scene-light,.hair-notes img{transform:none!important;transition:none!important}}