/* An open, overlapping composition; content remains in the reading order. */
.salon-editorial{overflow-x:clip;--gold:#9a8865}
.salon-editorial .hero{max-width:none;padding:0;display:flex;flex-direction:column}
.salon-editorial .hero-media{
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow:hidden;
}
.salon-editorial .hero-slideshow{min-height:0;height:clamp(280px,48vh,560px)}
.salon-editorial .hero-slideshow-track{border-radius:0}
.salon-editorial .hero-slide img{object-position:center 28%}
.salon-editorial .hero-slideshow-dots{position:static;right:auto;bottom:auto}
.salon-editorial .hero-band{background:var(--paper)}
.salon-editorial .hero-copy{padding:40px 36px 52px}
.salon-editorial .hero-brand{color:var(--ink)}
.salon-editorial .blog-preview{margin-top:0;position:relative;background:var(--paper);z-index:6}
.salon-editorial .lookbook{padding-top:130px;padding-bottom:125px}
.salon-editorial .section-title-en{font-size:72px;color:var(--gold)}
.salon-editorial .lookbook-item{margin-top:95px}
.salon-editorial .lookbook-card:not(.lookbook-card--vertical-pc)>img{max-width:none;width:calc(100% + max(65px,(100vw - 1100px)/2));margin-left:calc(-1 * max(65px,(100vw - 1100px)/2));height:480px;padding:10px;background:#fff;box-shadow:0 22px 45px #22392d15;transform:translateY(var(--card-drift,0px)) rotate(-3deg)}
.salon-editorial .lookbook-card.reverse>img{margin-left:0;transform:translateY(var(--card-drift,0px)) rotate(3deg)}
.salon-editorial .lookbook-card:not(.lookbook-card--vertical-pc) .lookbook-copy{position:relative;z-index:2;background:var(--paper);padding:28px 0}
.salon-editorial .lookbook-card--vertical-pc{border-top:1px solid #a7b59b;border-bottom:1px solid #a7b59b;background:transparent;padding:55px 20px;margin-top:120px}
.salon-editorial .services{padding-top:105px;padding-bottom:100px;overflow:clip;background:#e9ede5}
.salon-editorial .services-header{max-width:800px}
.salon-editorial .services-category{display:flex;align-items:center;justify-content:space-between}
.rail-controls{display:flex;gap:9px;margin-left:15px}
.rail-controls button{width:44px;height:44px;border:1px solid #9aa88e;border-radius:50%;background:transparent;color:var(--green);font-size:20px;line-height:1}
.rail-controls button:hover{background:var(--green);color:#fff}
.rail-controls button:disabled{opacity:.3;cursor:default}
.salon-editorial .services-grid,.salon-editorial .services-grid:last-child{display:flex;gap:32px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:max(5vw,calc((100vw - 1128px)/2));margin:0 calc(-1 * max(5vw,(100vw - 1128px)/2));padding:35px max(5vw,calc((100vw - 1128px)/2)) 65px;scrollbar-width:thin;scrollbar-color:#9ca991 transparent}
.salon-editorial .service-card{flex:0 0 clamp(290px,28vw,400px);scroll-snap-align:start;background:var(--paper);padding:14px 14px 30px;box-shadow:0 13px 25px #20372b0c;transform:translateY(0) rotate(-1.5deg);transition:transform .55s cubic-bezier(.2,.65,.25,1),box-shadow .55s}
.salon-editorial .service-card:nth-child(even){transform:translateY(22px) rotate(1.5deg)}
.salon-editorial .service-card>img{height:215px}
.salon-editorial .service-card>div{padding:0 14px}
.salon-editorial .service-card:hover{transform:translateY(-8px) rotate(0);box-shadow:0 25px 45px #20372b1c}
.salon-editorial .service-card p{font-size:14px}
.salon-editorial .concept-band{margin:95px 0;position:relative}
.salon-editorial .concept-photo{transform:translate(-30px,35px) rotate(-3deg);background:white;padding:12px;box-shadow:0 25px 45px #20372b20}
.salon-editorial .concept-copy{padding:80px 10%}
.salon-editorial .results-wrap{gap:60px;margin-top:80px}
.salon-editorial .results-image{padding:14px;background:white;box-shadow:0 20px 50px #20372b12;transform:translateY(var(--card-drift,0px)) rotate(2deg)}
.salon-editorial .results-wrap--reverse .results-image{transform:translateY(var(--card-drift,0px)) rotate(-2deg)}
.salon-editorial .pricing{margin-top:35px}
@media(min-width:1500px){.salon-editorial .hero-slideshow{height:clamp(320px,46vh,600px)}}
@media(max-width:1000px) and (min-width:761px){.salon-editorial .hero h1{font-size:24px}.salon-editorial .hero-brand{font-size:clamp(28px,3.6vw,40px)}}
@media(max-width:760px){
 .salon-editorial .hero{padding:0}
 .salon-editorial .hero-media{width:100%;margin-left:0}
 .salon-editorial .hero-copy{padding:26px 22px 38px}
 .salon-editorial .hero-brand{font-size:clamp(24px,7vw,32px)}
 .salon-editorial .hero h1{font-size:clamp(18px,5.2vw,24px)}
 .salon-editorial .hero-slideshow{height:36vh;min-height:220px}
 .salon-editorial .hero-slide img{object-position:center 26%}
 .salon-editorial .blog-preview{margin-top:0}
 .salon-editorial .lookbook{padding-top:75px;padding-bottom:70px}
 .salon-editorial .section-title-en{font-size:57px}
 .salon-editorial .lookbook-item{margin-top:65px}
 .salon-editorial .lookbook-card:not(.lookbook-card--vertical-pc)>img{width:calc(100% + 42px);height:300px;margin-left:-50px;transform:rotate(-3deg);padding:8px}
 .salon-editorial .lookbook-card.reverse>img{margin-left:8px;transform:rotate(3deg)}
 .salon-editorial .lookbook-card:not(.lookbook-card--vertical-pc) .lookbook-copy{padding:12px 0}
 .salon-editorial .lookbook-card--vertical-pc{padding:30px 0;margin-top:0}
 .salon-editorial .services{padding-top:65px;padding-bottom:60px}
 .salon-editorial .services-grid,.salon-editorial .services-grid:last-child{gap:22px;margin-left:-24px;margin-right:-24px;padding:28px 24px 50px;scroll-padding-left:24px}
 .salon-editorial .service-card{flex-basis:82%;min-width:0;padding:10px 10px 24px}
 .salon-editorial .service-card>img{height:190px}
 .salon-editorial .service-card h3{font-size:22px}
 .salon-editorial .service-card .service-note{font-size:12px}
 .salon-editorial .concept-band{margin:70px 0 20px;padding-top:1px}
 .salon-editorial .concept-photo{width:calc(100% + 12px);margin:-20px 0 0 -17px;transform:rotate(-3deg);padding:8px}
 .salon-editorial .concept-copy{padding:55px 26px 45px}
 .salon-editorial .results-wrap{gap:25px;margin-top:50px}
 .salon-editorial .results-image{padding:8px;transform:rotate(2deg)}
 .salon-editorial .results-wrap--reverse .results-image{transform:rotate(-2deg)}
}
@media(prefers-reduced-motion:reduce){
 .salon-editorial .motion-reveal{opacity:1;translate:none;transition:none}
 .salon-editorial .hero-media,.salon-editorial .lookbook-card>img,.salon-editorial .results-image{--hero-drift:0px!important;--card-drift:0px!important}
 .salon-editorial .service-card{transition:none}
}
/* Clip only the art surface so the sticky header and page never pan sideways. */
.salon-editorial #main-content{overflow-x:clip;overflow-y:clip}
/* Keep every card upright while preserving overlap and scroll depth. */
.salon-editorial .hero-media{transform:translateY(var(--hero-drift,0px))}
.salon-editorial .lookbook-card:not(.lookbook-card--vertical-pc)>img,
.salon-editorial .lookbook-card.reverse>img,
.salon-editorial .results-image,
.salon-editorial .results-wrap--reverse .results-image{transform:translateY(var(--card-drift,0px))}
.salon-editorial .service-card{transform:none}
.salon-editorial .service-card:nth-child(even){transform:translateY(22px)}
.salon-editorial .service-card:hover{transform:translateY(-8px)}
.salon-editorial .concept-photo{transform:translate(-30px,35px)}
.rail-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.rail-hint{font:12px/1.6 'Inter','Hiragino Kaku Gothic ProN',sans-serif;letter-spacing:.05em;color:#526549}
.rail-controls{margin-left:0;align-items:center}
.rail-controls button{background:var(--paper);border-color:#718467}
.rail-controls .rail-autoplay{width:auto;border-radius:0;padding:0 13px;font-size:12px;min-width:85px}
@media(max-width:760px){.salon-editorial .hero-media,.salon-editorial .lookbook-card:not(.lookbook-card--vertical-pc)>img,.salon-editorial .results-image,.salon-editorial .results-wrap--reverse .results-image{transform:none}.salon-editorial .concept-photo{transform:none}.salon-editorial .services-category{flex-wrap:wrap;gap:15px}.rail-toolbar{width:100%;justify-content:space-between;gap:10px}.rail-hint{font-size:11px}.rail-controls{gap:7px}.rail-controls button{width:40px;height:40px}.rail-controls .rail-autoplay{min-width:74px;padding:0 9px}}
.rail-toolbar[hidden]{display:none}
/* Arrows stay at the two edges; only the cards inside the frame scroll. */
.rail-frame{position:relative;margin-inline:calc(-1 * max(5vw,(100vw - 1128px)/2))}
.salon-editorial .rail-frame .services-grid{margin:0}
.rail-frame>.rail-controls{position:absolute;inset:0;display:block;pointer-events:none;z-index:3}
.rail-frame>.rail-controls button{position:absolute;top:145px;width:48px;height:48px;pointer-events:auto;box-shadow:0 4px 16px #20372b18;background:#faf9f6f5}
.rail-frame>.rail-controls button:first-child{left:12px}
.rail-frame>.rail-controls button:last-child{right:12px}
.rail-frame>.rail-controls button:hover{background:var(--green);color:white}
.rail-frame>.rail-controls button:disabled{opacity:.4}
.rail-frame>.rail-controls[hidden]{display:none}
@media(max-width:760px){.rail-frame{margin-inline:-24px}.rail-frame>.rail-controls button{top:120px;width:40px;height:40px}.rail-frame>.rail-controls button:first-child{left:5px}.rail-frame>.rail-controls button:last-child{right:5px}.rail-toolbar{width:auto}}

/* Broader, calmer salon fades */
.salon-editorial .motion-reveal{
  opacity:0;
  translate:0 36px;
  filter:blur(.4px);
  transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),translate 1.2s cubic-bezier(.22,.61,.36,1),filter 1.05s ease;
}
.salon-editorial .motion-reveal.is-visible{opacity:1;translate:0 0;filter:none}
.salon-editorial .faq-item.motion-reveal{transition-delay:calc(var(--reveal-i,0) * 90ms)}
.salon-editorial .faq .section-title.motion-reveal{transition-delay:0ms}
@media(prefers-reduced-motion:reduce){
  .salon-editorial .motion-reveal{opacity:1;translate:none;filter:none;transition:none}
  .faq-panel,.blog-faq-panel{transition:none}
  .faq-a,.blog-faq-panel p{opacity:1;transform:none;transition:none}
}