/* V12: one continuous hair campaign. Original portrait pixels remain untouched. */
.refined .hero{--turn:0;--reveal:0;--line-one:0;--line-two:0;--line-three:0;--pointer-x:0;--pointer-y:0}
.refined .hero .scene-copy{width:57%;max-width:840px;transform:translate3d(calc(var(--turn)*-9vw),calc(var(--turn)*-90px),0);filter:blur(calc(var(--turn)*2px));}
.refined .scene-copy #hero-title{font-size:clamp(61px,6.8vw,111px);letter-spacing:-.066em;line-height:1.07}
.refined .scene-description{max-width:440px}
.refined .scene-texture{opacity:.47;transform:translate3d(calc(var(--scene)*-10%),calc(var(--scene)*4%),0) scale(calc(1 + var(--scene)*.16));mask-image:linear-gradient(90deg,transparent 27%,#000 85%)}
.refined .scene-shade{background:linear-gradient(90deg,#f3eeee 0%,#f3eeeeeb 29%,#f3eeee70 49%,transparent 72%);opacity:calc(1 - var(--turn)*.65)}
.refined .scene-light{background:radial-gradient(ellipse at 70% 52%,#e2a9c08c,transparent 55%);transform:translate3d(calc(var(--pointer-x)*14px - var(--turn)*20vw),calc(var(--pointer-y)*10px),0);opacity:1}
.scene-sculpture{position:absolute;inset:-17% -18% -18% 26%;z-index:1;pointer-events:none;opacity:calc(.5 + var(--turn)*.5);transform:translate3d(calc(var(--turn)*-24vw),calc(var(--turn)*8vh),0) rotate(calc(24deg - var(--turn)*48deg)) scale(calc(.85 + var(--turn)*.45));transform-origin:60% 60%;filter:drop-shadow(14px 20px 15px #8d53672b)}
.strand-sculpture{width:100%;height:100%;overflow:visible}
.scene-word{position:absolute;z-index:2;left:4%;top:10%;font:500 clamp(120px,18vw,300px)/1 var(--sans);letter-spacing:-.07em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #95677f64;opacity:calc(var(--reveal)*.65);transform:translate3d(calc(18vw - var(--scene)*29vw),calc(var(--scene)*-8vh),0);pointer-events:none}
.scene-glint{position:absolute;z-index:4;pointer-events:none;inset:67% -30% -25%;background:linear-gradient(164deg,transparent 42%,#fff0 45%,#fff9 48%,#e7b4c273 49%,transparent 53%);transform:translateY(calc(var(--turn)*-10vh)) rotate(calc(-12deg + var(--turn)*20deg));opacity:.65}
.refined .scene-art{z-index:3;animation:none}
.refined .hero .portrait-plane{border:0;border-radius:0;box-shadow:none;right:5vw;left:auto;top:0;height:105%;max-height:none;width:auto;aspect-ratio:1440/1880;transform:translate3d(calc(var(--turn)*-39vw),calc(var(--turn)*5vh),0) scale(calc(1 - var(--turn)*.1));transform-origin:65% 50%;filter:drop-shadow(20px 14px 18px #51334112)}
.refined .portrait-plane:after{display:none}
.refined .scene-art:after{inset:auto 0 0;height:12%;background:linear-gradient(0deg,#f3eeee,transparent);opacity:.85}
.refined .scene-second{left:auto;right:6vw;top:31%;width:47%;max-width:690px;opacity:var(--reveal);transform:none;z-index:5;pointer-events:none}
.refined .scene-second .scene-second-label{display:block;font-size:16px;line-height:1.5;letter-spacing:0;color:#66505c;font-weight:500;margin-bottom:28px;transform:translateY(calc((1 - var(--reveal))*35px))}
.refined .scene-second>p{font:500 clamp(37px,4.7vw,76px)/1.13 var(--sans);letter-spacing:-.06em;margin:0;color:#30262d}
.refined .scene-second>p>span{display:block;overflow:hidden;padding-bottom:.06em}
.refined .scene-second b{display:block;font:inherit;transform:translateY(calc((1 - var(--line-one))*115%)) rotate(calc((1 - var(--line-one))*5deg));transform-origin:0 100%}
.refined .scene-second>p>span:nth-child(2) b{transform:translateY(calc((1 - var(--line-two))*115%)) rotate(calc((1 - var(--line-two))*5deg))}
.refined .scene-second>p>span:nth-child(3) b{transform:translateY(calc((1 - var(--line-three))*115%)) rotate(calc((1 - var(--line-three))*5deg))}
.refined .scene-second .scene-second-note{display:block;font-size:17px;color:#66505c;letter-spacing:0;margin-top:28px;opacity:var(--line-three)}
.refined .scene-timeline{height:2px;right:6vw;left:6vw;bottom:0;width:auto;background:#b18b9f29;z-index:6}
.refined .scene-timeline i{background:#a86381;height:100%;transform-origin:left;transform:scaleX(var(--scene));width:100%}
@media(min-width:851px){.motion-ready .refined .hero-story{height:210svh;min-height:1350px}.refined .hero-story .hero{min-height:620px;max-height:none;height:calc(100svh - 88px);position:sticky;top:88px}}
/* Material depth follows section scroll; text stays on calm, opaque surfaces. */
.refined .extension-feature:before,.refined .intro-section:before,.refined .work-section:before,.refined .services-section:before,.refined .about-section:before,.refined .faq-section:before,.refined .contact-section:before{background:none;opacity:1}
.refined .extension-section.extension-feature{background:#faf6f3;box-shadow:0 -24px 50px #6e485b08;overflow:hidden}
.refined .extension-section.extension-feature:before{inset:14% -18% -45% 57%;border:1px solid #c7a0b342;border-radius:50%;box-shadow:inset 15px 14px 35px #fff,22px 20px 55px #a66d8a20;background:linear-gradient(120deg,#fdf9f5,#e8d4dd88);transform:translateY(calc(var(--extension-progress,0)*-65px)) rotate(-22deg)}
.refined .extension-films{position:relative;perspective:900px}
.refined .extension-films .reel-screen{box-shadow:16px 22px 45px #745b6b26,0 2px 2px #fff;border:5px solid #fffc;transform:rotate(2deg);border-radius:18px}
.refined .film-tabs{position:relative;z-index:2}
.refined .intro-section{background:#f1ecea;overflow:hidden}
.refined .intro-section:before{inset:10% 50% 10% -16%;border-radius:50%;box-shadow:inset -3px 1px 5px #fff,30px 25px 60px #80616b13;border:1px solid #fff9;transform:rotate(-25deg) translateY(calc(var(--intro-depth,0)*-60px))}
.refined .intro-main-photo{box-shadow:20px 30px 50px #614b571c;transform:rotate(calc(-3deg + var(--intro-depth,0)*4deg));border:8px solid #fff9;border-radius:150px 150px 14px 14px}
.refined .work-section{background:#faf8f6}
.refined .work-section .gallery-image{box-shadow:10px 18px 25px #5a44500e;transform:perspective(1000px) rotateY(var(--tilt-y,0deg)) rotateX(var(--tilt-x,0deg));transition:transform .4s}
.refined .work-section .work-card{transform:translateY(var(--card-entry,0px)) rotate(var(--card-rotation,0deg));transform-origin:center 65%;transition:none}
.refined .work-card:nth-child(3) .gallery-image img{object-position:50% 40%}
.refined .services-section{background:#f0e9e9}
.service-sculpture{position:relative;min-height:640px;overflow:hidden;border-radius:200px 200px 24px 24px;background:linear-gradient(130deg,#f9f4f0,#e0d4d1);box-shadow:inset 2px 3px 5px #fff,25px 30px 55px #80626d1c;isolation:isolate}
.service-sculpture:before{content:'';position:absolute;inset:10% 10%;border:1px solid #fff9;border-radius:50%;transform:rotate(20deg);z-index:-1}
.service-sculpture>svg{display:block;position:absolute;width:100%;height:85%;top:8%;filter:drop-shadow(15px 18px 8px #7b594b3d);transform:translateY(calc(var(--service-drift,0)*-35px));transition:filter .7s,scale .7s;transform-origin:50% 10%}
.service-sculpture[data-service-art=color]>svg{filter:hue-rotate(322deg) saturate(.85) drop-shadow(15px 18px 8px #6e40533d)}
.service-sculpture[data-service-art=extensions]>svg{scale:1 1.17;filter:drop-shadow(15px 18px 8px #7b594b3d)}
.service-sculpture .material-label{position:absolute;top:50px;left:35px;right:35px;text-align:center;font-size:14px;color:#65515a}
.service-art-title{position:absolute;left:35px;bottom:53px;font-size:55px;font-weight:500;letter-spacing:-.06em;line-height:1.1;color:#42333b}
.service-art-note{position:absolute;left:37px;bottom:27px;font-size:15px;color:#65515a}
.refined .hair-interlude{min-height:430px;padding:65px var(--gutter);background:#ead7df;box-shadow:inset 0 1px 0 #fff9;isolation:isolate;overflow:hidden}
.refined .hair-interlude:after{display:none}
.refined .hair-interlude .interlude-texture{inset:-25% -5% -20% 10%;mask-image:none;background:none;color:#a7778f;opacity:.8;filter:drop-shadow(12px 20px 4px #fff9);transform:translate3d(calc(var(--interlude-progress,0)*-7vw),0,0) rotate(calc(-16deg + var(--interlude-progress,0)*24deg)) scale(1.2);z-index:-1}
.interlude-texture svg{width:100%;height:100%}
.refined .interlude-copy{padding:24px 36px 28px 0;max-width:580px;background:linear-gradient(90deg,#ead7df 30%,#ead7dfed 70%,#ead7df00);grid-column:1/-1}
.refined .interlude-copy h2{font:500 clamp(55px,7.5vw,110px)/.98 var(--sans);letter-spacing:-.065em;color:#42323a}
.refined .hair-interlude .interlude-copy p{color:#57404d;font-size:19px;font-weight:500}
.refined .about-section{background:#faf8f6;gap:7vw}
.consultation-art{position:relative;align-self:center;min-height:460px;display:flex;flex-direction:column;justify-content:center;padding:45px;isolation:isolate;background:linear-gradient(135deg,#fff7,#efe5e99c);border:1px solid #e8dfe2;box-shadow:16px 24px 60px #6d465210;border-radius:4px 100px 4px 4px}
.consultation-orbit{position:absolute;inset:-20px 16px 25px -25px;border:1px solid #be95a752;border-radius:50%;transform:rotate(-24deg);z-index:-1;box-shadow:inset 5px 4px 5px #fff9}
.consultation-art>span:first-of-type{font-size:15px;color:#695560}
.consultation-art>p{font-size:clamp(27px,3vw,45px);font-weight:500;letter-spacing:-.055em;line-height:1.17;margin:24px 0;color:#493740}
.consultation-art .text-link{font-size:15px;align-self:flex-start}
.consultation-signature{font:450 70px/1 var(--serif);letter-spacing:-.08em;color:#98637d;margin:35px 0 0;align-self:flex-end;transform:rotate(-9deg)}
.refined .contact-section{background:#ede7e8;overflow:hidden}
.refined .contact-section:before{inset:30% -40% -90% 50%;border:1px solid #fff9;border-radius:50%;background:linear-gradient(140deg,#e5ccd9bb,#fbf7f6);box-shadow:inset 10px 10px 18px #fff8,20px 20px 90px #ab6e8e30;transform:translateY(calc(var(--contact-progress,0)*-70px)) rotate(-20deg)}
.social-personal-art{display:flex;position:absolute;inset:0;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 30% 20%,#f7e8ed,#d5aabd);overflow:hidden;color:#5e3f50}
.social-personal-art:before,.social-personal-art:after{content:'';position:absolute;inset:-30% 5% -35% 20%;border-radius:50%;border:1px solid #fff8;transform:rotate(40deg);box-shadow:8px 9px 15px #9f6b8220,inset 3px 2px 8px #fff7}
.social-personal-art:after{inset:-28% 10% -35% 25%}
.social-personal-art>span{font:450 clamp(55px,6vw,92px)/1 var(--serif);letter-spacing:-.08em;position:relative;z-index:1}
.social-personal-art>small{font-size:13px;position:relative;z-index:1;margin-top:13px}
@media(min-width:851px) and (max-width:1100px){.refined .hero .portrait-plane{right:1vw;height:100%;transform:translate3d(calc(var(--turn)*-38vw),calc(var(--turn)*4vh),0) scale(calc(1 - var(--turn)*.13))}.refined .scene-copy #hero-title{font-size:6.8vw}.refined .scene-second{right:4vw;width:48%;top:33%}.refined .scene-second>p{font-size:4.7vw}.service-sculpture{min-height:540px}.service-art-title{font-size:44px}.consultation-art{padding:30px}}
@media(max-width:850px){.refined .hero .scene-copy{filter:none;transform:none}.scene-sculpture{inset:15% -35% -10% 20%;opacity:.65;transform:rotate(calc(15deg - var(--mobile-depth,0)*30deg))}.scene-word{display:none}.refined .scene-second{display:none}.refined .hero .portrait-plane{right:0;left:auto;height:96%;top:5%;transform:none}.refined .work-section .work-card{transform:none}.consultation-art{padding:30px;min-height:390px}.refined .interlude-copy{max-width:450px}.refined .hair-interlude{min-height:360px}.refined .hair-interlude .interlude-copy p{font-size:18px}.refined .intro-main-photo{border-width:6px}.service-sculpture{min-height:400px}}
@media(max-width:600px){.refined .hero-story .hero{height:950px}.refined .hero .scene-copy{width:auto;right:24px}.refined .scene-copy #hero-title{font-size:clamp(37px,9.6vw,58px);line-height:1.08}.refined .hero .portrait-plane{width:108vw;max-width:436px;height:auto;aspect-ratio:1440/1880;left:calc(50% - min(60vw,245px));right:auto;top:auto;bottom:-10px;transform:translateY(calc(var(--mobile-depth,0)*-14px))}.scene-sculpture{inset:42% -65% -10% -25%;transform:rotate(calc(18deg - var(--mobile-depth,0)*35deg));opacity:.8}.scene-glint{inset:83% -30% -10%;opacity:.5}.refined .scene-texture{transform:none}.refined .scene-shade{background:linear-gradient(180deg,#f3eeee,#f3eeeef2 38%,transparent 60%)}.refined .extension-section.extension-feature:before{inset:44% -40% -20% 10%}.refined .hair-interlude{min-height:340px;padding:50px 24px}.refined .hair-interlude .interlude-texture{inset:10% -130% -35% -10%;opacity:.55}.refined .interlude-copy{padding:12px 15px 12px 0;background:linear-gradient(90deg,#ead7df 15%,#ead7dfd9 75%,#ead7df00)}.refined .interlude-copy h2{font-size:58px}.refined .about-section{gap:45px}.consultation-art{min-height:330px;margin:0 5px}.consultation-art>p{font-size:34px}.consultation-signature{font-size:52px;margin-top:25px}.social-personal-art>span{font-size:48px}.social-personal-art>small{display:none}.refined .social-previews>a:nth-child(1) .social-preview-image>img{object-position:center}.refined .scene-second{display:none}}
/* Accessible static composition, no forced scroll when movement is disabled. */
.motion-paused.refined .hero-story{height:auto;min-height:0}.motion-paused.refined .hero-story .hero{position:relative;top:auto}.motion-paused .scene-sculpture{transform:rotate(12deg)!important}.motion-paused .scene-glint{transform:none!important}.motion-paused .scene-word,.motion-paused.refined .scene-second{display:none}.motion-paused.refined .hero .portrait-plane{transform:none}.motion-paused.refined .hero .scene-copy{transform:none;filter:none;opacity:1}.motion-paused.refined .work-section .work-card{transform:none}.motion-paused .intro-main-photo,.motion-paused .service-sculpture>svg,.motion-paused .interlude-texture{transform:none!important}
@media(prefers-reduced-motion:reduce){.motion-ready .refined .hero-story{height:auto;min-height:0}.refined .hero-story .hero{position:relative;top:auto}.scene-sculpture,.scene-glint,.refined .hero .portrait-plane,.refined .hero .scene-copy,.refined .work-section .work-card,.refined .intro-main-photo,.refined .interlude-texture{transform:none!important;filter:none}.scene-word,.refined .scene-second{display:none}.refined .hero .scene-copy{opacity:1}.service-sculpture>svg{transition:none}}
.refined .scene-second{right:4vw;width:40%;top:29%}
.refined .scene-second>p{font-size:clamp(37px,4.35vw,70px)}
.refined .scene-second>p>span{font:inherit;color:inherit;letter-spacing:inherit;margin:0;padding:0 0 .08em;line-height:inherit}
.refined .scene-second .scene-second-label{margin-top:0;margin-bottom:25px}
.refined .scene-second:before{content:'';position:absolute;inset:-90px -100px;z-index:-1;background:radial-gradient(ellipse,#f3eeeecf 15%,#f3eeee8c 45%,transparent 70%);pointer-events:none}
.scene-sculpture{mask-image:linear-gradient(90deg,transparent 2%,#000 25%)}
@media(max-width:1100px) and (min-width:851px){.refined .scene-second{right:4vw;width:40%;top:29%}.refined .scene-second>p{font-size:4.3vw}.refined .scene-second .scene-second-label{font-size:14px}.refined .scene-second .scene-second-note{font-size:15px}}
.refined .scene-copy #hero-title{letter-spacing:-.055em;word-spacing:.025em}
@media(max-width:600px){.refined .scene-copy #hero-title{font-size:clamp(36px,11.8vw,60px);letter-spacing:-.055em}}
@media(min-width:851px) and (max-height:700px){.motion-ready .refined .hero-story{height:190svh;min-height:1180px}.refined .hero-story .hero{height:calc(100svh - 88px);min-height:500px}.refined .hero .scene-copy{top:5%}.refined .stylist-name{margin-bottom:17px}.refined .scene-copy #hero-title{font-size:clamp(54px,5.6vw,82px);margin-bottom:15px}.refined .scene-copy .scene-description{font-size:17px;line-height:1.6;margin-bottom:18px}.refined .scene-location{margin-top:14px}.refined .scene-scroll{display:none}.refined .scene-second{top:23%}}
.refined .about-section{overflow:hidden}
@media(max-width:370px){.consultation-art{padding:25px;margin:0;min-width:0}.consultation-art>p{font-size:30px}.consultation-art .text-link{font-size:14px}.refined .social-previews>a{grid-template-columns:90px minmax(0,1fr);gap:12px}.refined .social-preview-caption>strong{font-size:14px}}

/* V13: longer hero hold, a scroll-led lookbook and real salon imagery. */
.scene-word{color:#98627a0a;-webkit-text-stroke:1.4px #8e536faf;opacity:var(--reveal)}
.refined .work-section{overflow:visible;padding:0;isolation:auto}
.work-pin{padding:90px var(--gutter) 65px;overflow:hidden;background:#faf8f6}
.refined .work-section .work-card{transform:none}
.gallery-direction{font-size:16px!important;color:#66505c!important}
.scroll-direction{display:none}.swipe-direction{display:inline}
.gallery-progress{height:3px;background:#dccdd3;flex:1;min-width:65px;max-width:180px;border-radius:5px;overflow:hidden}
.gallery-progress i{display:block;height:100%;background:#9d627c;transform:scaleX(var(--gallery-progress,0));transform-origin:left}
.refined .work-footer{gap:25px;align-items:center}
.gallery-pinned .work-pin{position:sticky;top:88px;height:calc(100svh - 88px);padding-top:32px;padding-bottom:25px;display:flex;flex-direction:column}
.gallery-pinned .work-heading{margin-bottom:24px;flex-shrink:0;align-items:center}
.gallery-pinned #work-title{font-size:clamp(38px,4.5vw,66px);line-height:1.02}
.gallery-pinned #work-title br{display:none}
.gallery-pinned .gallery{flex:1;min-height:0;scroll-behavior:auto;scroll-snap-type:none;overflow-x:hidden;padding-bottom:0;gap:32px}
.gallery-pinned .work-card{flex:0 0 42vw;width:42vw;min-width:42vw;display:flex;flex-direction:column;height:100%}
.gallery-pinned .gallery-image{height:calc(100% - 48px);min-height:0;aspect-ratio:auto;border-radius:5px 5px 48px 5px}
.gallery-pinned .gallery-image img{height:100%;object-fit:cover;object-position:center 40%}
.gallery-pinned .work-card figcaption{height:48px;padding-top:12px;flex-shrink:0}
.gallery-pinned .work-footer{margin-top:20px;flex-shrink:0}
.gallery-pinned .scroll-direction{display:inline}.gallery-pinned .swipe-direction{display:none}
.refined .services-section{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:7vw;background:#f5eeeb}
.service-hair-photo{margin:0;max-width:360px;position:relative}
.service-hair-photo img{display:block;width:100%;height:auto;border-radius:170px 170px 5px 5px;box-shadow:18px 22px 45px #73565c1c}
.service-hair-photo figcaption{font-size:17px;padding:20px 0;color:#5f4955}
.about-film{max-width:360px;justify-self:center;width:100%;transform:rotate(2deg)}
.about-film .reel-screen{border-radius:150px 150px 8px 8px;box-shadow:18px 22px 45px #73565c1c;overflow:hidden}
.about-film video{display:block;width:100%;max-height:530px;object-fit:cover}
.refined .about-lead{font-family:var(--sans);font-size:clamp(25px,2.8vw,38px);line-height:1.25;letter-spacing:-.04em}
.refined .faq-section{background:#f3eae9}
.refined .faq-list{display:grid;gap:12px;counter-reset:question}
.refined .faq-list details{counter-increment:question;border:0;border-radius:12px;background:#ffffff80;padding:0 24px;box-shadow:0 1px 0 #fff}
.refined .faq-list details[open]{background:#fff;box-shadow:0 12px 30px #7c52620b}
.refined .faq-list summary{gap:14px;padding:24px 0;font-size:19px}
.refined .faq-list summary:before{content:'0' counter(question);font-size:13px;letter-spacing:.05em;color:#9c657e}
.refined .faq-list details p{font-size:17px;line-height:1.7;color:#5c4c54;padding:0 0 25px;margin:0}
.refined .faq-list summary>span{margin-left:auto}
@media(max-width:850px){.work-pin{padding:65px 24px}.refined .work-footer{flex-wrap:wrap}.gallery-progress{display:none}.refined .services-section{grid-template-columns:1fr}.service-hair-photo{max-width:240px;margin:0 auto}.service-hair-photo img{max-height:300px;object-fit:cover}.about-film{max-width:320px}.refined .faq-list details{padding:0 20px}.refined .faq-list summary{font-size:17px}.refined .faq-list details p{font-size:16px}}

.gallery-pinned .work-heading{padding:0}.gallery-pinned .work-heading-side{max-width:420px}.gallery-pinned .work-heading-side p{max-width:245px}.gallery-pinned .work-footer{padding:0 60px 0 0}.gallery-pinned #work-title{word-spacing:.06em}.refined .about-copy .about-lead{font-family:var(--sans)}

.about-film .reel-screen{height:auto;aspect-ratio:9/16}.about-film .reel-screen video{height:100%;max-height:none;object-fit:contain}.about-film .reel-play{position:absolute;bottom:52px;inset-inline:18px;font-size:14px}

/* V14: still photography first; complete, uncropped films later in the visit. */
.refined .extension-section.extension-feature{align-items:center}
.extension-still{width:min(100%,350px);margin:0 auto;position:relative;transform:rotate(2deg)}
.extension-still:before{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid #bd91a175;border-radius:6px 65px 6px 6px;z-index:-1}
.extension-still img{display:block;width:100%;height:auto;border-radius:6px 65px 6px 6px;box-shadow:0 25px 60px #73565c1c}
.extension-still figcaption{font-size:15px;color:#5f4955;line-height:1.5;padding-top:18px}
.service-hair-photo{max-width:400px}
.service-hair-photo img{border-radius:6px 60px 6px 6px}
.refined .about-image{max-width:440px;margin:0;justify-self:center;width:100%}
.refined .about-image-inner{height:auto;aspect-ratio:1440/1880;transform:rotate(2deg);border-radius:6px;overflow:hidden}
.refined .about-image-inner img{display:block;width:100%;height:100%;object-fit:contain}
.refined .about-image figcaption{font-size:16px;line-height:1.6;margin-top:25px;color:#66505c}
.salon-films{padding:85px var(--gutter);background:radial-gradient(ellipse at 85% 0%,#eac8d744,transparent 55%),#f5eeeb}
.films-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}
.films-heading h2{font:500 clamp(32px,4vw,60px)/1.1 var(--sans);letter-spacing:-.05em;color:#29262a;max-width:600px}
.films-heading p{font-size:17px;line-height:1.6;color:#66505c;max-width:270px}
.salon-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:990px;margin:0 auto}
.salon-films .reel{transform:none;margin:0}
.salon-films .reel-screen{height:auto;aspect-ratio:9/16;border-radius:8px;box-shadow:0 18px 35px #73565c16;overflow:hidden}
.salon-films .reel-screen video{width:100%;height:100%;max-height:none;object-fit:contain}
.salon-films .reel-play{position:absolute;inset:auto 16px 50px;min-height:46px;font-size:15px;background:#fff;color:#29262a;border:0;box-shadow:0 3px 25px #0002}
.salon-films .reel-play[hidden]{display:none}
.salon-films .reel figcaption{padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#29262a}
.salon-films .reel figcaption h3{font:600 18px/1.4 var(--sans);margin-bottom:5px;color:#29262a}
.salon-films .reel figcaption p{font:400 15px/1.6 var(--sans);color:#66505c}
.salon-films .reel figcaption a{color:#66505c;font-size:25px;min-width:36px}
@media(max-width:850px){.refined .service-hair-photo{max-width:360px}.service-hair-photo img{max-height:none;object-fit:contain}.salon-film-grid{gap:18px}.salon-films{padding:65px 24px}.films-heading{display:block}.films-heading p{margin-top:16px;max-width:none}.salon-films .reel-play{inset-inline:8px;font-size:13px}.extension-still{max-width:320px}}
@media(max-width:600px){.salon-film-grid{grid-template-columns:1fr;max-width:300px;gap:40px}.salon-films .reel-play{font-size:16px;inset-inline:16px}.refined .about-image{max-width:350px}.extension-still{transform:none}.refined .about-image-inner{transform:none}}