.hub-hero{position:relative}.hub-hero-in{position:relative;max-width:var(--container);margin:0 auto;padding:clamp(64px,8vw,116px) var(--pad) clamp(40px,5vw,68px)}.hub-hero-copy{max-width:880px}.hub-hero h1{font-family:Lora,Georgia,serif;font-size:clamp(28px,3.4vw,42px);font-weight:530;letter-spacing:-.02em;line-height:1.16;color:var(--ink);margin-top:18px}body.wash-treatments .hub-hero h1 .dim{color:#77837c;font-weight:500}body.wash-conditions .hub-hero h1 .dim{color:#76808b;font-weight:500}.hub-hero-sub{font-size:15.5px;line-height:1.6;color:var(--ink-soft);letter-spacing:-.008em;margin-top:24px;max-width:52ch}.js .hub-hero-copy{animation:hubHeroIn .7s var(--ease-out) both}@keyframes hubHeroIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hub-intro{max-width:var(--container);margin:0 auto;padding:calc(var(--sp)*.7) var(--pad) var(--sp);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:center}.hub-intro h2{font-family:Lora,Georgia,serif;font-size:clamp(26px,3vw,36px);font-weight:500;letter-spacing:-.012em;line-height:1.1}.hub-intro p{font-size:16px;color:var(--ink-soft);margin-top:16px;letter-spacing:-.008em;line-height:1.65;max-width:52ch}.hub-intro-media{position:relative}.hub-intro-media img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:var(--radius-card)}.tabs-sec{max-width:var(--container);margin:0 auto;padding:0 var(--pad) var(--sp)}.tabbar{position:sticky;top:63px;z-index:30;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;gap:clamp(20px,3vw,40px);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tab{position:relative;flex:none;padding:14px 2px 16px;font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--ink-mute);transition:color .18s;white-space:nowrap}.tab:hover{color:var(--ink)}.tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--sage);border-radius:2px;transform:scaleX(0);transition:transform .24s var(--ease-out)}.tab.on{color:var(--sage-hover);font-weight:600}.tab.on:after{transform:scaleX(1)}.tab:focus-visible{outline-offset:-2px;border-radius:6px}.panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;padding-top:40px;scroll-margin-top:128px}.panel+.panel{margin-top:calc(var(--sp)*.5)}.panel-main{background:var(--bg-soft);border-radius:var(--radius-card);padding:clamp(28px,3.5vw,44px);display:flex;flex-direction:column}.pk{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}.pk .n{font-variant-numeric:tabular-nums}.panel-main .pk{margin-bottom:18px}.panel-main h2{font-family:Lora,Georgia,serif;font-weight:500;font-size:clamp(28px,3vw,38px);letter-spacing:-.016em;line-height:1.1}.panel-sum{font-size:15px;color:var(--ink-soft);letter-spacing:-.005em;line-height:1.62;margin-top:14px;max-width:56ch}.trows{margin-top:26px;border-top:1px solid var(--line)}.trow{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center;padding:18px 2px;border-bottom:1px solid var(--line);transition:transform .18s}.trow:hover{transform:translate(4px)}.trow-go{grid-column:2;grid-row:1 / span 2;font-size:17px;color:var(--ink-mute);transition:transform .2s var(--ease-out),color .2s}.trow:hover .trow-go{color:var(--sage-hover);transform:translate(2px,-2px)}.trow-name{grid-column:1;grid-row:1;font-family:Lora,Georgia,serif;font-weight:500;letter-spacing:-.012em;font-size:18.5px;line-height:1.25;color:var(--ink);display:flex;align-items:baseline;transition:color .25s}.trow-dash{display:inline-block;width:0;height:2px;flex:none;background:var(--sage);border-radius:2px;align-self:center;transition:width .22s,margin-right .22s;margin-right:0}.trow:hover .trow-dash{width:14px;margin-right:10px}.trow:hover .trow-name{color:var(--sage-hover)}.trow-desc{grid-column:1;grid-row:2;font-size:14px;line-height:1.58;color:var(--ink-soft);letter-spacing:-.005em;margin-top:6px;max-width:60ch}.panel-more{margin-top:auto;padding-top:28px;font-size:14.5px;letter-spacing:-.01em}.panel-more a{font-weight:500;color:var(--sage-hover);border-bottom:1.5px solid rgba(62,92,79,.3);padding-bottom:3px;transition:border-color .2s}.panel-more a:hover{border-color:var(--sage-hover)}.panel-side{display:grid;gap:14px;grid-template-rows:auto 1fr}.panel-photo{position:relative;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:4/3;background:var(--bg-soft)}.panel-photo img{width:100%;height:100%;object-fit:cover}.photo-cap{position:absolute;left:0;right:0;bottom:0;padding:11px 18px;background:#0a0d1273;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.note-card{background:var(--bg-soft);border-radius:var(--radius-card);padding:26px 28px 30px;display:flex;flex-direction:column;justify-content:space-between;gap:44px}.note-tx{font-family:Lora,Georgia,serif;font-weight:400;font-size:clamp(18px,1.7vw,21px);line-height:1.5;letter-spacing:-.008em;color:var(--ink);max-width:30ch}@media(max-width:1080px){.hub-intro{grid-template-columns:1fr;gap:32px}.panel{grid-template-columns:1fr}.panel-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.note-card{align-self:stretch}}@media(max-width:720px){.panel-side{grid-template-columns:1fr}}@media print{.tabbar{display:none}}@media(prefers-reduced-motion:reduce){.tab:after,.trow,.trow-dash,.trow-name,.trow-go{transition:none}.js .hub-hero-copy{animation:none}}
