html{--tab-surface:#fffcff;--tab-text:#241b33;--tab-edge:#d9cde6;--page-action:#7357c8;--page-action-text:#fff}
html[data-story=barberias]{--tab-surface:#1c1a20;--tab-text:#f5f1ea;--tab-edge:#4b4140;--page-action:#be9977;--page-action-text:#1c1a20}
html[data-story=salones]{--tab-surface:#f7f2f6;--tab-text:#352a3b;--tab-edge:#d8c9dc;--page-action:#352a3b;--page-action-text:#f7f2f6}
html[data-story=spas]{--tab-surface:#f2f4eb;--tab-text:#254a41;--tab-edge:#c8d7ca;--page-action:#267568;--page-action-text:#fff}
html[data-story=unas]{--tab-surface:#fbf8fc;--tab-text:#392b43;--tab-edge:#decfe0;--page-action:#8a4769;--page-action-text:#fff}
.nav-cta,.closing .primary{background:var(--page-action);color:var(--page-action-text);box-shadow:none}
.nav-cta:hover,.closing .primary:hover{filter:brightness(.94)}
.tabs-experience{padding-top:28px;scroll-margin-top:90px}
.tabs-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}
.tabs-intro h2{font:800 13px/1.5 Manrope,sans-serif;letter-spacing:-.02em}
.tabs-intro p{font-size:11px;color:var(--muted)}
.tabs-mobile-hint{display:none}
.story-tabs{display:grid;grid-template-columns:.95fr 1fr 1.24fr 1fr 1fr;gap:6px;position:relative;z-index:1;margin:0;padding:0 5px 0 0;border:0;overflow:visible}
.story-tabs button{border-radius:12px 12px 0 0;border:1px solid #ddd3e7;border-bottom:0;min-height:69px;background:#ece7f1;padding:15px 16px;gap:11px;align-items:center;box-shadow:none;position:relative;isolation:isolate}
.story-tabs [data-story=general]{--tab-accent:#7357c8;--tab-bg:#fffcff}
.story-tabs strong{font-size:11px;line-height:1.5}
.story-tabs small{font-size:9px;line-height:1.5;margin-top:3px}
.story-tabs [aria-selected=true]{border-color:var(--tab-edge);background:var(--tab-surface);color:var(--tab-text);box-shadow:none}
.story-tabs [aria-selected=true]:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:4px;background:var(--tab-surface);z-index:2}
.story-tabs [aria-selected=true] strong{color:var(--tab-text)}
.story-tabs [aria-selected=true] small{color:var(--tab-text);opacity:.8}
.story-tabs button:hover{background:var(--tab-bg)}
.story-tabs [aria-selected=true]:hover{background:var(--tab-surface)}
.story-tabs [data-story=barberias][aria-selected=true]{--tab-accent:#be9977}
.story-tabs [aria-selected=true] .tab-dot{height:8px;width:8px}
.tab-arrow{font-size:17px;flex-shrink:0}
.story-tabs button:focus-visible{outline:3px solid var(--violet);outline-offset:-5px;z-index:4}
.tab-content{border:1px solid var(--tab-edge);border-radius:0 0 16px 16px;background:var(--tab-surface);position:relative;box-shadow:0 16px 42px #241b3305;overflow:hidden}
.tab-content .story{border:0;border-radius:0;margin:0}
.tab-content [role=tabpanel]:focus-visible{outline:3px solid var(--page-action);outline-offset:-6px}
.general-panel{padding:0 38px;background:#fffcff}
.general-panel .hero{gap:50px;padding-block:43px 51px;grid-template-columns:1.05fr .95fr}
.general-panel .hero h1{font-size:48px}
.general-panel .hero-visual{min-height:520px;padding-inline:23px}
.general-panel .hero-lead{font-size:16px;max-width:455px}
.general-panel .hero-actions{gap:20px}
.general-panel .hero-actions .button{font-size:12px;padding-inline:17px;gap:20px}
.general-panel .hero-actions .text-link{font-size:11px;gap:8px}
.general-panel .overview-paper{padding-inline:22px}
.explore-story{padding:8px 0;border:0;background:transparent;text-align:left;font-family:'DM Sans',sans-serif}
.tabs-footnote{font-size:11px;color:var(--muted);margin-top:17px;text-align:center}
.shared-tools{padding-block:72px 80px}
.barber-heading .story-number{display:none}
.tab-content .barber-story{padding-top:29px;padding-bottom:23px}
.tab-content .salon-story,.tab-content .nails-story{padding-top:36px;padding-bottom:24px}
.tab-content .spa-story{padding-top:37px;padding-bottom:25px}
@media(max-width:1100px){
.story-tabs button{padding-inline:12px;gap:8px}
.story-tabs strong{font-size:10px}
.story-tabs small{font-size:8px}
.tab-arrow{font-size:15px}
.general-panel{padding-inline:27px}
.general-panel .hero{gap:32px}
.general-panel .hero h1{font-size:39px}
.general-panel .hero-lead{font-size:14px}
.general-panel .hero-actions{gap:12px;flex-wrap:wrap}
.general-panel .hero-visual{min-height:500px}
.general-panel .overview-paper h2{font-size:27px}
}
@media(max-width:850px){
.tabs-experience{padding-top:23px}
.tabs-intro{margin-bottom:18px}
.tabs-intro h2{font-size:12px}
.tabs-intro p{font-size:10px}
.story-tabs{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bfaed0 transparent;padding-bottom:2px;padding-right:0;gap:5px;scroll-behavior:auto}
.story-tabs button{flex:0 0 155px;min-height:70px;padding:14px 12px;gap:9px;border-radius:10px 10px 0 0}
.story-tabs [data-story=salones]{flex-basis:185px}
.story-tabs strong{font-size:11px}
.story-tabs small{font-size:9px}
.story-tabs [aria-selected=true]:after{bottom:-3px;height:5px}
.tab-arrow{font-size:15px}
.story-tabs::-webkit-scrollbar{height:4px}
.story-tabs::-webkit-scrollbar-thumb{background:#c8b7d6;border-radius:5px}
.tabs-mobile-hint{display:block;color:var(--muted);font-size:9px;margin:0 0 9px}
.tabs-mobile-hint span{margin-left:6px}
.general-panel{padding-inline:28px}
.general-panel .hero{grid-template-columns:1fr;gap:30px;padding-block:34px 42px}
.general-panel .hero h1{font-size:48px}
.general-panel .hero-lead{font-size:16px;max-width:540px}
.general-panel .hero-visual{min-height:465px;max-width:540px;padding-inline:35px}
.general-panel .hero-actions{gap:24px}
.general-panel .hero-actions .button{font-size:13px;padding-inline:20px}
.general-panel .hero-actions .text-link{font-size:12px}
.general-panel .overview-paper{width:370px}
.shared-tools{padding-block:55px 61px}
.tabs-footnote{font-size:10px;margin-top:15px}
}
@media(max-width:600px){
.tabs-experience{padding-top:21px}
.tabs-intro{display:block;margin-bottom:14px}
.tabs-intro h2{font-size:13px}
.tabs-intro p{font-size:10px;margin-top:5px}
.tabs-mobile-hint{font-size:8px;margin-bottom:9px}
.story-tabs button{flex-basis:138px;padding:12px 11px;min-height:65px;gap:8px}
.story-tabs [data-story=salones]{flex-basis:172px}
.story-tabs strong{font-size:10px}
.story-tabs small{font-size:8px}
.tab-dot{width:5px;height:5px}
.tab-arrow{font-size:13px}
.general-panel{padding-inline:18px}
.general-panel .hero{padding-block:28px 34px;gap:29px}
.general-panel .hero h1{font-size:clamp(31px,9.2vw,45px);line-height:1.13;margin-block:20px}
.general-panel .eyebrow{font-size:8px;gap:6px}
.general-panel .eyebrow>span{width:14px}
.general-panel .hero-lead{font-size:14px}
.general-panel .hero-actions{gap:14px;margin-top:22px}
.general-panel .hero-actions .button{font-size:11px;padding:13px 15px;gap:19px}
.general-panel .hero-actions .text-link{font-size:10px}
.general-panel .hero-visual{min-height:420px;padding-inline:15px;padding-top:22px;padding-bottom:104px;border-radius:62px 10px 10px 10px}
.general-panel .overview-paper{padding-inline:17px}
.general-panel .overview-paper h2{font-size:25px}
.general-panel .overview-paper .micro{font-size:7px}
.general-panel .overview-date span{font-size:7px}
.general-panel .hero-floating{left:5px;padding-inline:15px}
.tabs-footnote{text-align:left;font-size:9px;line-height:1.8}
.tab-content .barber-story,.tab-content .salon-story,.tab-content .spa-story,.tab-content .nails-story{padding-top:23px;padding-bottom:19px}
.shared-tools{padding-block:44px 48px}
}
.general-panel .hero>*{min-width:0}
@media(max-width:600px){
.general-panel .overview-paper{width:100%;max-width:330px}
}
@media(prefers-reduced-motion:reduce){
.story-tabs{scroll-behavior:auto}
}