:root {
  --deep:#0e3634; --deep-2:#082927; --teal:#3a7873; --teal-soft:#dbe9e5;
  --off:#fbf8f4; --sand:#efe6dc; --blush:#f6e3dc; --terra:#c97a66;
  --terra-deep:#a85340; --ink:#241f1d; --berry:#6e2b45;
  --ease:cubic-bezier(.2,.78,.22,1);
}
*{box-sizing:border-box}
html{font-family:Inter,"Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--deep);color:var(--ink)}
body{margin:0;min-width:320px;overflow:hidden}
button,a{font:inherit}
button{border:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.ambient span{position:absolute;border-radius:999px;filter:blur(70px);opacity:.18;animation:drift 16s var(--ease) infinite alternate}
.ambient span:nth-child(1){width:30vw;height:30vw;background:var(--terra);left:-9vw;top:8vh}
.ambient span:nth-child(2){width:32vw;height:32vw;background:#8cbcb2;right:-10vw;top:28vh;animation-delay:-5s}
.ambient span:nth-child(3){width:22vw;height:22vw;background:#f1b09a;left:45vw;bottom:-14vw;animation-delay:-9s}
@keyframes drift{to{transform:translate3d(6vw,5vh,0) scale(1.18)}}
.spotlight{position:fixed;z-index:3;width:28rem;height:28rem;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);left:50%;top:50%;mix-blend-mode:soft-light}

.topbar{position:fixed;z-index:30;left:clamp(1rem,4vw,4rem);right:clamp(1rem,4vw,4rem);top:clamp(1rem,3vh,2rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--off);mix-blend-mode:difference}
.brand{display:flex;align-items:center;gap:.65rem;width:max-content;background:none;color:inherit;font-size:.72rem;letter-spacing:.12em;font-weight:800;cursor:pointer}
.brand-mark{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-size:.95rem}
.chapter{font-size:.72rem;letter-spacing:.16em;font-weight:800}
.menu-button{justify-self:end;width:2.75rem;height:2.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:50%;background:rgba(255,255,255,.1);color:inherit;cursor:pointer;backdrop-filter:blur(12px)}
.menu-button span:not(.sr-only){width:17px;height:1.5px;background:currentColor}

.deck{height:100dvh;position:relative;z-index:2}
.slide{position:absolute;inset:0;display:none;padding:clamp(5.5rem,11vh,7rem) clamp(1.25rem,7vw,7rem) clamp(5.5rem,10vh,6.5rem);overflow-y:auto;overflow-x:hidden}
.slide.is-active{display:block;animation:slideIn .72s var(--ease) both}
.slide.is-leaving{display:block;animation:slideOut .38s ease both;pointer-events:none}
@keyframes slideIn{from{opacity:0;transform:scale(.985) translateY(16px)}to{opacity:1;transform:none}}
@keyframes slideOut{to{opacity:0;transform:scale(1.015) translateY(-10px)}}
.slide[data-tone="dark"]{background:linear-gradient(135deg,rgba(14,54,52,.96),rgba(6,35,34,.98));color:var(--off)}
.slide[data-tone="light"]{background:linear-gradient(135deg,rgba(251,248,244,.97),rgba(239,230,220,.95));color:var(--ink)}
.slide[data-tone="blush"]{background:linear-gradient(135deg,rgba(246,227,220,.98),rgba(251,248,244,.96));color:var(--ink)}
.slide[data-tone="berry"]{background:linear-gradient(135deg,#5d2239 0%,#321621 65%,#0e3634 140%);color:var(--off)}
.slide[data-tone="sand"]{background:linear-gradient(135deg,#efe6dc,#f9f3ed);color:var(--ink)}
.slide::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.slide>*{position:relative;z-index:2}

.cover{display:none;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);align-items:center;gap:clamp(2rem,7vw,7rem)}
.cover.is-active,.cover.is-leaving{display:grid}
.eyebrow,.kicker{display:block;color:var(--terra-deep);font-size:.76rem;letter-spacing:.17em;font-weight:900;margin-bottom:1.1rem}
.coral{color:#e99079}.cover h1,.section-head h2,.copy h2,.banner-copy h2{margin:0;font-size:clamp(2.6rem,5.4vw,5.6rem);line-height:.98;letter-spacing:-.055em;max-width:900px}
.cover h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--terra);font-style:italic}
.cover-copy>p{max-width:640px;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65;color:rgba(251,248,244,.72)}
.primary{margin-top:1.2rem;background:var(--terra);color:var(--deep-2);font-weight:900;padding:1rem 1.25rem 1rem 1.5rem;border-radius:999px;cursor:pointer;transition:.3s var(--ease);box-shadow:0 16px 40px rgba(0,0,0,.24)}
.primary span{display:inline-grid;place-items:center;margin-left:.7rem;width:1.85rem;height:1.85rem;background:var(--deep);color:var(--off);border-radius:50%;transition:transform .3s var(--ease)}
.primary:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(0,0,0,.3)}.primary:hover span{transform:translateX(4px)}
.hero-stage{height:min(68vh,650px);display:grid;place-items:center;transform-style:preserve-3d}
.hero-stage img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(0,0,0,.35));animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-14px)}}
.halo{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(201,122,102,.42),rgba(58,120,115,.08) 52%,transparent 70%);filter:blur(10px);animation:breathe 4s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.12);opacity:.72}}
.floating-tag{position:absolute;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.2);background:rgba(14,54,52,.55);backdrop-filter:blur(10px);border-radius:999px;font-size:.62rem;letter-spacing:.12em;font-weight:900;color:var(--off);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.tag-one{left:-4%;top:18%;animation:float 5s -1s ease-in-out infinite}.tag-two{right:-1%;bottom:20%;animation:float 6s -3s ease-in-out infinite}
.cover-index{position:absolute;right:clamp(1.25rem,7vw,7rem);bottom:5.5rem;font-weight:900;font-size:1.3rem;color:var(--terra)}.cover-index span{font-size:.78rem;color:rgba(255,255,255,.45)}

.section-head{margin-bottom:clamp(1.5rem,4vh,3rem)}
.section-head h2{font-size:clamp(2rem,4vw,4rem);line-height:1.05}.section-head p{font-size:1.05rem;max-width:760px;line-height:1.6;color:#675c56}
.portfolio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;align-items:stretch}
.portfolio-card{text-align:left;min-height:330px;padding:1.4rem;border-radius:1.4rem;background:rgba(255,255,255,.62);border:1px solid rgba(14,54,52,.08);display:flex;flex-direction:column;cursor:pointer;color:var(--deep);box-shadow:0 15px 40px rgba(36,31,29,.06);transition:.35s var(--ease);overflow:hidden;position:relative}
.portfolio-card::after{content:"→";position:absolute;right:1.1rem;bottom:1rem;width:2.3rem;height:2.3rem;display:grid;place-items:center;background:var(--deep);color:var(--off);border-radius:50%;transform:translateY(4rem);transition:.35s var(--ease)}
.portfolio-card:hover{transform:translateY(-10px);background:var(--deep);color:var(--off)}.portfolio-card:hover::after{transform:none}
.portfolio-card>span{font-size:.7rem;letter-spacing:.12em;color:var(--terra-deep);font-weight:900}.portfolio-card b{font-size:clamp(1.25rem,1.8vw,1.8rem);margin-top:auto}.portfolio-card small{font-size:.9rem;opacity:.68;line-height:1.4;margin-top:.5rem}.portfolio-card i{font-style:normal;font-size:.72rem;font-weight:900;color:var(--terra-deep);margin-top:1.2rem}

.split{min-height:calc(100dvh - 12rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.88fr);gap:clamp(2rem,6vw,6rem);align-items:center}.split.compact{grid-template-columns:1fr .8fr}.copy .lead{font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.6;opacity:.76;max-width:720px}.copy>p:not(.lead,.guardrail){font-size:1rem;line-height:1.6;max-width:700px;opacity:.8}
.visual-frame{height:min(61vh,590px);border-radius:2rem;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.2);transform-style:preserve-3d}.visual-frame img{width:100%;height:100%;object-fit:cover}.visual-frame.soft{background:var(--off);padding:1rem}.visual-frame.soft img{object-fit:contain;border-radius:1.3rem}
.pulse-ring{position:absolute;left:50%;top:50%;width:20%;aspect-ratio:1;border:2px solid var(--terra);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 2.4s ease-out infinite;pointer-events:none}
@keyframes pulse{to{width:85%;opacity:0}}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:2rem 0}.metric-row>div{padding:1rem;border-top:1px solid rgba(255,255,255,.2)}.metric-row strong{display:block;font-size:clamp(1.7rem,3vw,3rem);color:var(--terra)}.metric-row span{font-size:.75rem;letter-spacing:.06em;opacity:.65}
.source{display:inline-flex;margin-top:1rem;color:var(--terra-deep);font-size:.78rem;letter-spacing:.06em;font-weight:900;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.2rem}.source.light{color:#ef9a84}

.feature-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,5rem);align-items:center}.feature-stack{display:grid;gap:.8rem}.feature{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;padding:1.25rem;border-radius:1.25rem;background:rgba(255,255,255,.6);border:1px solid rgba(14,54,52,.08)}.feature>b{color:var(--terra-deep);font-size:1rem}.feature h3{margin:0 0 .35rem;font-size:1.15rem}.feature p{margin:0;color:#625751;line-height:1.5}.sales-card{background:var(--deep);color:var(--off);padding:clamp(1.5rem,3vw,2.5rem);border-radius:2rem;box-shadow:0 24px 60px rgba(14,54,52,.2)}.sales-card>span,.quote-panel>span,.remember>span{font-size:.7rem;letter-spacing:.14em;font-weight:900;color:var(--terra)}.sales-card h3{font-size:1.6rem;margin:.8rem 0 1rem}.sales-card ul{padding-left:1.1rem;line-height:1.8}.guardrail{padding:1rem;border-left:3px solid var(--terra);background:rgba(201,122,102,.12);font-size:.86rem;line-height:1.5}.guardrail.wide{max-width:720px}

.product-gallery{display:grid;gap:1rem}.product-gallery.four{grid-template-columns:repeat(4,1fr)}.product-gallery.three{grid-template-columns:repeat(3,1fr)}
.product-card{border-radius:1.4rem;overflow:hidden;background:rgba(255,255,255,.72);border:1px solid rgba(36,31,29,.06);box-shadow:0 20px 45px rgba(36,31,29,.07);transition:.35s var(--ease)}.product-card:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(36,31,29,.13)}.product-card img{width:100%;height:245px;object-fit:cover}.four .product-card img{height:220px}.product-card>div{padding:1.1rem}.product-card span{font-size:.66rem;letter-spacing:.12em;font-weight:900;color:var(--terra-deep)}.product-card h3{font-size:1.05rem;margin:.45rem 0}.product-card p{font-size:.86rem;line-height:1.5;color:#675c56;margin:0}.tall .product-card img{height:min(44vh,400px);object-fit:contain;background:#fff}
.number-list{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:1rem}.number-list li{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.14)}.number-list b{color:var(--terra);font-size:.9rem}.number-list span{font-size:1rem;line-height:1.45}.quote-panel{padding:clamp(1.6rem,4vw,3.5rem);border-radius:2rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.quote-panel blockquote{margin:1.2rem 0 2rem;font-family:Georgia,serif;font-size:clamp(1.6rem,2.8vw,2.8rem);line-height:1.2;color:var(--off)}.do-dont{display:grid;gap:.75rem}.do-dont p{margin:0;padding:1rem;border-radius:1rem;background:rgba(255,255,255,.06);line-height:1.45}.do-dont b{display:inline-block;color:var(--terra);margin-right:.45rem}

.banner-bg,.banner-overlay{position:absolute!important;inset:0;z-index:0!important}.banner-bg{background-size:cover;background-position:center}.banner-bg{animation:kenburns 14s ease-in-out infinite alternate}@keyframes kenburns{to{transform:scale(1.07) translateX(-1%)}}
.banner-overlay{background:linear-gradient(90deg,rgba(6,35,34,.96) 0%,rgba(14,54,52,.77) 48%,rgba(14,54,52,.18) 100%)}.banner-copy{max-width:690px;margin-top:clamp(7vh,15vh,10rem)}.banner-copy p{font-size:1.2rem;line-height:1.7;color:rgba(255,255,255,.77)}.pill-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.pill-row span{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:.5rem .75rem;font-size:.64rem;letter-spacing:.08em;font-weight:900;background:rgba(14,54,52,.4);backdrop-filter:blur(8px)}.micro-tip{display:flex;gap:1rem;align-items:center;margin-top:1rem;padding:1rem 1.2rem;border-radius:1rem;background:var(--deep);color:var(--off)}.micro-tip b{color:var(--terra);white-space:nowrap}.micro-tip span{font-size:.9rem}

.duo-visual{height:min(65vh,620px);display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}.duo-visual img{width:100%;height:85%;object-fit:contain;background:rgba(255,255,255,.95);border-radius:1.6rem;padding:.8rem;box-shadow:0 26px 70px rgba(0,0,0,.25)}.duo-visual img:nth-child(2){transform:translateY(2.5rem)}
.combo-flow{display:flex;align-items:center;gap:.7rem;margin:2rem 0;flex-wrap:wrap}.combo-flow div{padding:.9rem 1rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:1rem}.combo-flow b{display:block;color:var(--terra);font-size:.68rem}.combo-flow span{font-weight:800;font-size:.85rem}.combo-flow i{color:var(--terra);font-style:normal}.product-focus{grid-template-columns:.78fr 1fr}.product-focus.reverse{grid-template-columns:1fr .78fr}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1.5rem 0}.spec-grid>div{padding:1rem;border-radius:1rem;background:rgba(14,54,52,.07);border:1px solid rgba(14,54,52,.08)}.spec-grid b{display:block;color:var(--terra-deep);font-size:1.3rem}.spec-grid span{font-size:.76rem;color:#6a5f58}.dark-spec>div{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}.dark-spec span{color:rgba(255,255,255,.6)}.dark-spec b{color:var(--terra)}.warning{margin-top:1rem;padding:1rem 1.1rem;border-radius:1rem;background:rgba(201,122,102,.12);border:1px solid rgba(201,122,102,.28)}.warning b{color:var(--terra)}.warning p{margin:.4rem 0 0!important;font-size:.86rem!important}

.two-path{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.5rem 0}.two-path>div{padding:1.2rem;border-radius:1.2rem;background:rgba(255,255,255,.66);border:1px solid rgba(14,54,52,.09)}.two-path span{font-size:.65rem;color:var(--terra-deep);font-weight:900}.two-path b{display:block;margin:.5rem 0;font-size:1.05rem}.two-path p{font-size:.82rem!important;margin:0!important;line-height:1.45!important}.hair-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center}.hair-layout .number-list{margin:0}.hair-products{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.hair-products img{width:100%;height:min(35vh,320px);object-fit:cover;border-radius:1.2rem}.remember{grid-column:1/-1;padding:1.25rem;border-radius:1.2rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.remember b{display:block;margin-top:.65rem;line-height:1.4;font-size:1.05rem}

.routing-table{background:rgba(255,255,255,.65);border-radius:1.5rem;overflow:hidden;border:1px solid rgba(14,54,52,.08);box-shadow:0 20px 50px rgba(36,31,29,.06)}.routing-table>div{display:grid;grid-template-columns:1.1fr .55fr 1.35fr;gap:1rem;padding:.85rem 1.2rem;border-bottom:1px solid rgba(14,54,52,.08);align-items:center}.routing-table>div:last-child{border:0}.routing-table span{font-size:.88rem;line-height:1.4}.routing-table b{color:var(--terra-deep)}.route-head{background:var(--deep);color:var(--off)}.route-head span{font-size:.66rem!important;letter-spacing:.1em;font-weight:900}.final-line{margin-top:1rem;background:var(--deep);color:var(--off);border-radius:1rem;padding:1rem;text-align:center;font-weight:900}.final-line i{font-style:normal;color:var(--terra);margin:0 .7rem}

.controls{position:fixed;z-index:25;left:50%;bottom:1.3rem;transform:translateX(-50%);display:flex;align-items:center;gap:.85rem;color:var(--off);mix-blend-mode:difference}.controls button{width:2.65rem;height:2.65rem;border-radius:50%;background:rgba(255,255,255,.12);color:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);transition:.25s}.controls button:hover{transform:scale(1.08)}.controls button:disabled{opacity:.25;cursor:not-allowed}.progress-wrap{display:flex;align-items:center;gap:.7rem}.progress{width:min(24vw,220px);height:2px;background:rgba(255,255,255,.28)}.progress span{display:block;height:100%;width:7.14%;background:currentColor;transition:width .5s var(--ease)}#counter{font-size:.66rem;letter-spacing:.08em;font-weight:900;min-width:3.8rem}
.menu{position:fixed;z-index:60;right:0;top:0;bottom:0;width:min(390px,88vw);background:rgba(8,41,39,.97);color:var(--off);padding:2rem;transform:translateX(105%);transition:.45s var(--ease);box-shadow:-30px 0 80px rgba(0,0,0,.28);backdrop-filter:blur(24px)}.menu.is-open{transform:none}.menu-head{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;letter-spacing:.15em;font-weight:900;color:var(--terra)}.menu-head button{font-size:2rem;background:none;color:var(--off);cursor:pointer}.menu nav{display:grid;margin-top:1.8rem}.menu nav button{display:grid;grid-template-columns:4rem 1fr;align-items:center;text-align:left;padding:1rem 0;background:none;color:var(--off);border-bottom:1px solid rgba(255,255,255,.11);cursor:pointer}.menu nav button b{font-size:.7rem;color:var(--terra)}.menu nav button span{font-size:1rem;font-weight:800}.menu>p{font-size:.72rem;color:rgba(255,255,255,.48);position:absolute;bottom:1rem}.menu-backdrop{position:fixed;z-index:55;inset:0;background:rgba(0,0,0,.38);opacity:0;pointer-events:none;transition:.3s}.menu-backdrop.is-open{opacity:1;pointer-events:auto}
.swipe-hint{display:none;position:fixed;z-index:20;right:1rem;bottom:5rem;font-size:.68rem;color:var(--off);background:rgba(14,54,52,.7);border:1px solid rgba(255,255,255,.18);padding:.6rem .8rem;border-radius:999px;backdrop-filter:blur(10px);animation:hint 3s 1s both}@keyframes hint{0%,100%{opacity:0;transform:translateX(10px)}20%,75%{opacity:1;transform:none}}

.reveal{opacity:0;transform:translateY(22px)}.is-active .reveal{animation:reveal .65s var(--ease) forwards}.is-active .reveal:nth-child(2){animation-delay:.08s}.is-active .reveal:nth-child(3){animation-delay:.16s}.is-active .reveal:nth-child(4){animation-delay:.24s}.is-active .reveal:nth-child(5){animation-delay:.32s}
@keyframes reveal{to{opacity:1;transform:none}}

@media(max-width:1000px){
  .portfolio-grid{grid-template-columns:repeat(3,1fr)}.portfolio-card{min-height:210px}.product-gallery.four{grid-template-columns:repeat(2,1fr)}
  .cover,.split,.feature-layout,.hair-layout{grid-template-columns:1fr}.cover{align-items:start}.cover.is-active,.cover.is-leaving{display:block}.hero-stage{position:absolute;right:-4vw;bottom:4rem;width:48vw;height:54vh;opacity:.6}.cover-copy{max-width:65%;margin-top:10vh}.visual-frame{height:42vh}.split{padding-bottom:2rem}.split.product-focus,.split.product-focus.reverse{grid-template-columns:1fr 1fr}.hair-layout{grid-template-columns:1fr 1fr}.topbar{grid-template-columns:1fr 1fr}.chapter{display:none}
}
@media(max-width:720px){
  body{overflow:hidden}.slide{padding:5.3rem 1.1rem 5.5rem}.topbar{left:1rem;right:1rem}.brand{font-size:.62rem}.brand-mark{width:1.55rem;height:1.55rem}.menu-button{width:2.4rem;height:2.4rem}
  .cover-copy{max-width:100%;margin-top:4vh}.cover h1{font-size:clamp(2.7rem,13vw,4.1rem)}.cover-copy>p{max-width:78%}.hero-stage{right:-22vw;bottom:2rem;width:75vw;height:47vh;opacity:.42}.floating-tag{display:none}
  .section-head h2,.copy h2,.banner-copy h2{font-size:clamp(2rem,10vw,3.25rem)}.section-head{margin-bottom:1.4rem}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-card{min-height:155px;padding:1rem}.portfolio-card b{font-size:1.15rem}.portfolio-card::after{display:none}
  .split,.split.compact,.split.product-focus,.split.product-focus.reverse,.feature-layout,.hair-layout{display:block;min-height:auto}.visual-frame{height:42vh;margin-top:1.3rem}.metric-row strong{font-size:1.55rem}.metric-row>div{padding:.65rem}.metric-row span{font-size:.62rem}.feature-stack{margin-bottom:1rem}.feature{grid-template-columns:2.2rem 1fr;padding:1rem}
  .product-gallery.four,.product-gallery.three{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.8rem}.product-card{min-width:78vw;scroll-snap-align:center}.product-card img,.four .product-card img,.tall .product-card img{height:36vh}.number-list li{grid-template-columns:6.5rem 1fr}.quote-panel{margin-top:1.2rem}.banner-copy{margin-top:18vh}.pill-row span{font-size:.57rem}
  .duo-visual{height:43vh;margin-top:1rem}.duo-visual img:nth-child(2){transform:translateY(1rem)}.product-focus .visual-frame{height:35vh}.spec-grid b{font-size:1.05rem}.two-path{grid-template-columns:1fr}.hair-products{margin-top:1rem}.hair-products img{height:29vh}.routing-table{overflow-x:auto}.routing-table>div{min-width:720px}.final-line{font-size:.8rem}.swipe-hint{display:block}.progress{width:30vw}
}
@media(max-height:690px) and (min-width:721px){.slide{padding-top:5rem;padding-bottom:4.5rem}.portfolio-card{min-height:250px}.product-card img,.four .product-card img{height:180px}.tall .product-card img{height:280px}.visual-frame{height:55vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.spotlight{display:none}}