body[data-theme="kinetic"]{--paper:#f1eee6;--ink:#172223;--line:rgba(23,34,35,.25);background:var(--paper);color:var(--ink);font-family:"Outfit",Arial,sans-serif}
body[data-theme="kinetic"] .kinetic-announcement{background:#d98493;color:#172223}
body[data-theme="kinetic"] .kinetic-nav-v2{position:absolute;top:30px;left:0;right:0;color:#fff;border-color:rgba(255,255,255,.45)}
.kinetic-v2-main{width:100%;max-width:100%;overflow-x:hidden}
.kinetic-v2-hero{min-height:calc(100svh - 30px);display:grid;grid-template-columns:.86fr 1.14fr;background:#18282a;color:#fff}
.kinetic-v2-hero-copy{padding:170px 6vw 70px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;position:relative;z-index:1}
.kinetic-v2-hero-copy>span,.overflow-head span,.grid-note>span,.routine-heading>span{text-transform:uppercase;letter-spacing:.17em;font-size:10px}
.kinetic-v2-hero-copy h1{font-size:clamp(72px,9vw,138px);line-height:.78;letter-spacing:-.07em;font-weight:500;margin:35px 0 45px;max-width:700px}
.kinetic-v2-hero-copy h1 em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:#dca0aa;letter-spacing:-.04em}
.kinetic-v2-hero-copy p{font-size:13px;line-height:1.7;color:#ced7d5;max-width:430px;margin:0 0 35px}
.kinetic-v2-hero-copy>a{display:flex;justify-content:space-between;align-items:center;width:min(100%,390px);padding:15px 0;border-bottom:1px solid;text-transform:uppercase;letter-spacing:.14em;font-size:10px}
.kinetic-v2-hero-copy>a b{font-size:17px;font-weight:400}
.kinetic-v2-hero-image{position:relative;overflow:hidden;min-height:720px}
.kinetic-v2-hero-image img{width:100%;height:calc(100% + 48px);object-fit:cover;object-position:center 42%;transform:translateY(var(--kinetic-shift,0));will-change:transform}
.kinetic-v2-hero-image>span{position:absolute;right:0;bottom:0;background:#f1eee6;color:#172223;padding:20px 30px;text-transform:uppercase;letter-spacing:.15em;font-size:9px}

.overflow-showcase{padding:170px 0 130px;background:#d98493;overflow:hidden}
.overflow-head{display:grid;grid-template-columns:1fr auto;align-items:end;padding:0 5vw 70px}
.overflow-head h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(72px,9vw,132px);line-height:.78;letter-spacing:-.045em;font-weight:500;margin:28px 0 0}
.rail-controls{display:flex;gap:8px}
.rail-controls button{width:55px;height:55px;border:1px solid;background:transparent;font-size:20px;cursor:pointer}
.product-rail{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 5vw 26px;cursor:grab;touch-action:pan-x pan-y}
.product-rail::-webkit-scrollbar{display:none}
.product-rail.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.product-rail:focus-visible{outline:2px solid #172223;outline-offset:-3px}
.product-rail-track{display:flex;gap:16px;width:max-content;padding-right:5vw;align-items:flex-start}
.rail-card{width:min(62vw,820px);scroll-snap-align:start;background:#f1eee6;display:grid;grid-template-columns:1.05fr .95fr;min-height:690px}
.rail-card:nth-child(even){margin-top:90px}
.rail-visual{position:relative;border:0;padding:0;background:#d9e2df;overflow:hidden;cursor:pointer;min-width:0}
.rail-card-brow .rail-visual{background:#b9d1d5}.rail-card-glam .rail-visual{background:#f0b0ba}.rail-card-shield .rail-visual{background:#ef836f}
.rail-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rail-visual:hover img{transform:scale(1.025)}
.rail-visual>span{position:absolute;top:18px;left:18px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(23,34,35,.45);border-radius:50%;font-size:10px}
.rail-copy{padding:42px 36px 34px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.rail-copy small{text-transform:uppercase;letter-spacing:.15em;font-size:9px}
.rail-copy h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(35px,4vw,60px);line-height:.92;letter-spacing:-.03em;font-weight:500;margin:24px 0}
.rail-copy>div:last-child{display:flex;align-items:center;justify-content:space-between;border-top:1px solid;padding-top:22px}
.rail-copy strong{font-size:13px;font-weight:500}
.rail-copy button{border:0;border-bottom:1px solid;background:none;padding:10px 0;text-transform:uppercase;letter-spacing:.14em;font-size:9px;cursor:pointer}
.rail-progress{height:1px;background:rgba(23,34,35,.25);margin:35px 5vw 0;position:relative}
.rail-progress i{position:absolute;left:0;top:-1px;height:3px;width:100%;background:#172223;transform:scaleX(var(--rail-progress,.18));transform-origin:left;transition:transform .1s linear}
.rail-hint{margin:16px 5vw 0;text-align:right;text-transform:uppercase;letter-spacing:.15em;font-size:8px}

.kinetic-statement{min-height:105svh;background:#172a2c;color:#f2eee7;padding:20vh 8vw;display:grid;place-items:center}
.kinetic-statement p{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(58px,8.3vw,126px);line-height:.96;letter-spacing:-.04em;text-align:center;max-width:1300px;margin:0}
[data-kinetic-words] .kinetic-word{opacity:var(--kinetic-word-opacity,.18);transition:opacity .12s linear}

.overflow-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:620px 510px 620px;grid-auto-flow:dense;gap:10px;padding:10px;background:#f1eee6}
.overflow-grid figure,.overflow-grid article{margin:0;min-width:0;overflow:hidden;position:relative}
.overflow-grid img{width:100%;height:calc(100% + 36px);object-fit:cover;transform:translateY(var(--kinetic-shift,0));will-change:transform}
.overflow-grid figcaption{position:absolute;left:0;bottom:0;background:#f1eee6;padding:16px 20px;text-transform:uppercase;letter-spacing:.13em;font-size:8px}
.grid-eye{grid-column:span 7;grid-row:span 2}.grid-note-care{grid-column:span 5}.grid-product-glam{grid-column:span 5;background:#d9a2ab}.grid-portrait{grid-column:span 5;grid-row:span 2}.grid-note-finish{grid-column:span 7}.grid-product-shield{grid-column:span 7;background:#b8d0d3}
.grid-product button{width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer}
.grid-product img{object-fit:contain}
.grid-note{padding:9%;display:flex;flex-direction:column;justify-content:center;background:#c4d8d8}
.grid-note-finish{background:#e78695}
.grid-note h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(48px,5.5vw,82px);line-height:.9;letter-spacing:-.04em;font-weight:500;margin:28px 0}
.grid-note p{font-size:12px;line-height:1.7;max-width:520px}
.grid-note a{align-self:flex-start;margin-top:20px;border-bottom:1px solid;padding:10px 0;text-transform:uppercase;letter-spacing:.14em;font-size:9px}

.kinetic-routine{display:grid;grid-template-columns:1.05fr .95fr;gap:10vw;padding:190px 6vw;background:#f1eee6}
.routine-heading h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(62px,7vw,104px);line-height:.92;letter-spacing:-.04em;font-weight:500;margin:35px 0 0;max-width:820px}
.routine-steps{border-top:1px solid;align-self:end}
.routine-steps article{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:27px 0;border-bottom:1px solid}
.routine-steps b{font-size:11px;font-weight:500}
.routine-steps h3{font-size:13px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 11px}
.routine-steps p{font-size:12px;line-height:1.65;margin:0;max-width:440px}
.routine-steps>a{display:block;text-align:right;padding:20px 0;text-transform:uppercase;letter-spacing:.14em;font-size:9px}
.kinetic-v2-footer{background:#172a2c;color:#f1eee6}
.kinetic-v2-footer p,.kinetic-v2-footer a{color:#d7dfdc}
.kinetic-v2-footer h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.04em}

@media(max-width:850px){
  body[data-theme="kinetic"] .kinetic-nav-v2{top:30px}
  .kinetic-v2-hero{display:flex;flex-direction:column;min-height:0}
  .kinetic-v2-hero-copy{min-height:670px;padding:145px 20px 58px;order:2}
  .kinetic-v2-hero-copy h1{font-size:67px;margin:26px 0 37px}
  .kinetic-v2-hero-copy p{font-size:12px}
  .kinetic-v2-hero-image{height:590px;min-height:0;order:1}
  .kinetic-v2-hero-image img{object-position:58% center}
  .kinetic-v2-hero-image>span{padding:14px 18px;font-size:7px}
  .overflow-showcase{padding:105px 0 85px}
  .overflow-head{padding:0 20px 45px;display:block}
  .overflow-head h2{font-size:63px}
  .rail-controls{display:none}
  .product-rail{padding:0 20px 20px}
  .product-rail-track{gap:10px;padding-right:20px}
  .rail-card{width:84vw;min-height:0;display:flex;flex-direction:column}
  .rail-card:nth-child(even){margin-top:58px}
  .rail-visual{height:440px}
  .rail-copy{min-height:270px;padding:27px 21px 24px}
  .rail-copy h3{font-size:36px;margin:19px 0}
  .rail-progress{margin:26px 20px 0}.rail-hint{margin-right:20px}
  .kinetic-statement{min-height:100svh;padding:18vh 22px}
  .kinetic-statement p{font-size:50px;text-align:left}
  .overflow-grid{display:flex;flex-direction:column;padding:8px;gap:8px}
  .overflow-grid figure,.overflow-grid article{height:auto;min-height:0}
  .grid-eye{height:610px!important}.grid-note{padding:75px 24px}.grid-product{height:510px!important}.grid-portrait{height:620px!important}
  .grid-note h2{font-size:54px}.grid-note p{font-size:12px}
  .kinetic-routine{grid-template-columns:1fr;padding:110px 22px 120px;gap:80px}
  .routine-heading h2{font-size:57px}
}

@media(max-width:370px){
  .kinetic-v2-hero-copy h1{font-size:59px}
  .overflow-head h2{font-size:56px}
  .rail-card{width:85vw}.rail-visual{height:400px}
  .rail-copy h3{font-size:32px}
  .kinetic-statement p{font-size:44px}
  .grid-note h2,.routine-heading h2{font-size:49px}
}

@media(prefers-reduced-motion:reduce){
  [data-kinetic-words] .kinetic-word{opacity:1!important}
  [data-kinetic-shift]{transform:none!important}
  .product-rail{scroll-behavior:auto}
}