/* KINETIK beauty-ad decision journey. The public surface stays provider-neutral. */

.kinetik-home .cinematic-hero-wash{
  background:linear-gradient(0deg,rgba(5,5,6,.94) 0%,rgba(5,5,6,.6) 23%,rgba(5,5,6,.14) 48%,transparent 68%);
}

.kinetik-home .cinematic-hero .hero-copy{width:min(940px,72vw)}
.kinetik-home .cinematic-hero h1{max-width:13ch}
.kinetik-home .cinematic-hero h1 .g{
  max-width:15ch;
  color:#f0d99f;
  font-size:.63em;
  line-height:1;
}
.kinetik-home .cinematic-hero .lede{max-width:65ch}
.kinetik-home .cinematic-hero .heroctas .btn,
.kinetik-home .ad-journey .btn{border-radius:12px}

.kinetik-home .ad-journey{
  position:relative;
  padding:0 0 clamp(96px,11vw,164px);
  background:#080809;
  border-top:1px solid rgba(255,244,218,.12);
  scroll-margin-top:76px;
}

.kinetik-home .ad-journey>.wrap{
  max-width:none;
  padding-inline:var(--cinema-pad);
}

.kinetik-home .ad-journey-progress{
  position:sticky;
  z-index:20;
  top:74px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-inline:calc(var(--cinema-pad) * -1);
  border-block:1px solid rgba(255,244,218,.13);
  background:rgba(8,8,9,.92);
  box-shadow:0 18px 45px rgba(0,0,0,.25);
  backdrop-filter:blur(18px) saturate(1.08);
}

.kinetik-home .ad-journey-progress a{
  display:grid;
  gap:3px;
  min-height:68px;
  padding:14px clamp(16px,3vw,42px);
  border-right:1px solid rgba(255,244,218,.1);
  color:#8f887e;
  transition:background .22s,color .22s;
}
.kinetik-home .ad-journey-progress a:last-child{border-right:0}
.kinetik-home .ad-journey-progress a:hover{background:#111012;color:#e8e0d5}
.kinetik-home .ad-journey-progress a[aria-current="step"]{
  color:#f3e9d8;
  background:linear-gradient(120deg,rgba(214,173,85,.16),rgba(214,173,85,.035));
  box-shadow:inset 0 -2px #d6ad55;
}
.kinetik-home .ad-journey-progress span{font-size:12px;font-weight:780;letter-spacing:.09em;text-transform:uppercase}
.kinetik-home .ad-journey-progress small{font-size:10px;line-height:1.35}

.kinetik-home .ad-journey-head,
.kinetik-home .ad-pack-head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
  align-items:end;
  gap:clamp(36px,8vw,130px);
}

.kinetik-home .ad-journey-head{
  padding:clamp(92px,11vw,168px) 0 clamp(42px,6vw,76px);
}

.kinetik-home .ad-journey-head h2,
.kinetik-home .ad-pack-head h2{
  max-width:12ch;
  margin:0;
  color:#f4eee5;
  font-family:"Instrument Serif",serif;
  font-size:clamp(48px,6.5vw,96px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.03em;
  text-wrap:balance;
}

.kinetik-home .ad-journey-head>div>p,
.kinetik-home .ad-pack-head>p{
  max-width:65ch;
  color:#c2baaf;
  font-size:15px;
  line-height:1.75;
}
.kinetik-home .ad-journey-head b{color:#f0e8dc}
.kinetik-home .ad-journey-promise{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,244,218,.16);
  color:#e3bd68!important;
  font-size:12px!important;
}

.kinetik-home .ad-world-options{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:2px;
  width:100%;
}

.kinetik-home .ad-world-choice{
  appearance:none;
  display:grid;
  grid-template-rows:auto 1fr;
  min-width:0;
  padding:0;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:0;
  background:#111012;
  color:#f0e8dc;
  text-align:left;
  cursor:pointer;
  transition:border-color .22s,background .22s,transform .45s cubic-bezier(.16,1,.3,1);
}
.kinetik-home .ad-world-choice:hover{background:#171518}
.kinetik-home .ad-world-choice[aria-selected="true"]{
  position:relative;
  z-index:1;
  border-color:#d6ad55;
  background:#1a1712;
  box-shadow:0 20px 50px rgba(0,0,0,.28);
}
.kinetik-home .ad-world-choice:focus-visible{position:relative;z-index:2;outline-offset:-4px}
.kinetik-home .ad-world-choice img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center 33%;
  filter:saturate(.92);
  transition:filter .25s,transform .6s cubic-bezier(.16,1,.3,1);
}
.kinetik-home .ad-world-choice:hover img,
.kinetik-home .ad-world-choice[aria-selected="true"] img{filter:saturate(1.04);transform:scale(1.018)}
.kinetik-home .ad-world-choice>span{display:grid;align-content:start;gap:7px;min-height:126px;padding:17px 15px 19px}
.kinetik-home .ad-world-choice small{color:#d8b766;font-size:9px;font-style:normal;font-weight:760;letter-spacing:.1em;text-transform:uppercase}
.kinetik-home .ad-world-choice strong{font-family:"Instrument Serif",serif;font-size:clamp(20px,1.7vw,29px);font-weight:400;line-height:1;letter-spacing:-.02em}
.kinetik-home .ad-world-choice em{color:#aaa197;font-size:10px;font-style:normal;line-height:1.45}

.kinetik-home .ad-preview{
  padding-top:clamp(54px,7vw,94px);
  scroll-margin-top:155px;
}

.kinetik-home .ad-preview-intro{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:36px;
  margin-bottom:28px;
}
.kinetik-home .ad-preview-intro>div{display:grid;gap:8px}
.kinetik-home .ad-preview-intro span{
  color:#d8b766;
  font-size:10px;
  font-weight:780;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.kinetik-home .ad-preview-intro h3{
  color:#f3ece2;
  font-family:"Instrument Serif",serif;
  font-size:clamp(38px,4.2vw,64px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.025em;
}
.kinetik-home .ad-preview-intro p{max-width:48ch;color:#bdb5a9;font-size:14px;line-height:1.65}

.kinetik-home .ad-preview-media{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:2px;
  min-height:min(76vw,780px);
  overflow:hidden;
  background:#050506;
}
.kinetik-home .ad-preview.is-refreshing .ad-preview-frame{
  animation:ad-pack-reveal .48s cubic-bezier(.16,1,.3,1) both;
}
@keyframes ad-pack-reveal{
  from{opacity:.72;filter:blur(5px);clip-path:inset(0 0 7% 0)}
  to{opacity:1;filter:none;clip-path:inset(0)}
}
.kinetik-home .ad-preview-frame{
  position:relative;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  min-width:0;
  margin:0;
  overflow:hidden;
  background:#111012;
}
.kinetik-home .ad-preview-motion{grid-row:1/3}
.kinetik-home .ad-preview-frame img,
.kinetik-home .ad-preview-frame video{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center 34%;
  background:#0b0a0b;
}
.kinetik-home .ad-preview-store img{object-position:center 39%}
.kinetik-home .ad-preview-social img{object-position:center 29%}
.kinetik-home .ad-preview-frame figcaption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:58px;
  padding:14px 17px;
  border-top:1px solid rgba(255,244,218,.12);
  background:#111012;
}
.kinetik-home .ad-preview-frame figcaption b{color:#f1e9dd;font-size:11px;letter-spacing:.06em}
.kinetik-home .ad-preview-frame figcaption span{color:#9e968b;font-size:10px}

.kinetik-home .ad-preview-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:28px 0 0;
}
.kinetik-home .ad-preview-action p{max-width:68ch;color:#aaa197;font-size:12px;line-height:1.65}
.kinetik-home .ad-preview-action p b{color:#e6ddd1}
.kinetik-home .ad-preview-action .btn{flex:0 0 auto;min-height:50px;padding:14px 22px}
.kinetik-home .ad-preview .world-disclosure{max-width:92ch;margin-top:26px}

.kinetik-home .ad-pack-stage{
  padding:clamp(110px,13vw,190px) 0 0;
  scroll-margin-top:145px;
}
.kinetik-home .ad-pack-head{margin-bottom:clamp(46px,7vw,86px)}
.kinetik-home .ad-pack-head h2{font-size:clamp(46px,5.6vw,82px)}

.kinetik-home .ad-offer-list{
  border-top:1px solid rgba(255,244,218,.18);
}
.kinetik-home .ad-offer-list>button{
  appearance:none;
  display:grid;
  grid-template-columns:minmax(180px,.7fr) minmax(220px,.9fr) minmax(280px,1.3fr) auto;
  align-items:center;
  gap:22px;
  width:100%;
  min-height:112px;
  padding:22px 18px;
  border:0;
  border-bottom:1px solid rgba(255,244,218,.14);
  background:#0c0b0c;
  color:#eee6da;
  text-align:left;
  cursor:pointer;
  transition:background .22s,color .22s;
}
.kinetik-home .ad-offer-list>button:hover{background:#141214}
.kinetik-home .ad-offer-list>button[aria-pressed="true"]{
  background:linear-gradient(90deg,rgba(214,173,85,.16),rgba(214,173,85,.025));
  box-shadow:inset 2px 0 #d6ad55;
}
.kinetik-home .ad-offer-list>button>span{color:#d8b766;font-size:10px;font-weight:780;letter-spacing:.1em;text-transform:uppercase}
.kinetik-home .ad-offer-list>button>strong{font-family:"Instrument Serif",serif;font-size:clamp(27px,2.2vw,36px);font-weight:400;line-height:1;letter-spacing:-.02em}
.kinetik-home .ad-offer-list>button>small{max-width:62ch;color:#b8b0a5;font-size:12px;line-height:1.6}
.kinetik-home .ad-offer-list>button>i{color:#eee6da;font-size:10px;font-style:normal;font-weight:760;letter-spacing:.04em;text-decoration:underline;text-decoration-color:#8f7441;text-underline-offset:6px;white-space:nowrap}

.kinetik-home .ad-price-reveal{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:clamp(38px,8vw,120px);
  margin-top:34px;
  padding:clamp(34px,5vw,72px);
  border:1px solid rgba(240,217,159,.32);
  background:#111012;
  box-shadow:0 34px 78px rgba(0,0,0,.3);
}
.kinetik-home .ad-price-copy>span{color:#d8b766;font-size:10px;font-weight:780;letter-spacing:.12em;text-transform:uppercase}
.kinetik-home .ad-price-copy h3{
  max-width:14ch;
  margin:11px 0 18px;
  color:#f4ede3;
  font-family:"Instrument Serif",serif;
  font-size:clamp(42px,5vw,72px);
  font-weight:400;
  line-height:.95;
  letter-spacing:-.025em;
}
.kinetik-home .ad-price-copy>p{max-width:60ch;color:#c4bcb1;font-size:15px;line-height:1.65}
.kinetik-home .ad-price-copy ul{display:grid;gap:0;margin:28px 0 0;padding:0;border-top:1px solid rgba(255,244,218,.14);list-style:none}
.kinetik-home .ad-price-copy li{position:relative;padding:13px 0 13px 19px;border-bottom:1px solid rgba(255,244,218,.1);color:#bbb3a8;font-size:12px;line-height:1.5}
.kinetik-home .ad-price-copy li:before{content:"";position:absolute;top:20px;left:2px;width:6px;height:1px;background:#d6ad55}
.kinetik-home .ad-price-action{display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.kinetik-home .ad-price{display:grid;gap:6px;width:100%;padding-bottom:22px;border-bottom:1px solid rgba(255,244,218,.16)}
.kinetik-home .ad-price span{color:#9d958b;font-size:10px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}
.kinetik-home .ad-price strong{color:#f3eadc;font-family:"Instrument Sans",sans-serif;font-size:clamp(27px,2.7vw,38px);font-weight:620;line-height:1;letter-spacing:-.02em}
.kinetik-home .ad-price small{color:#c9c0b4;font-size:11px;line-height:1.5}
.kinetik-home .ad-price-action>.btn{max-width:100%;margin-top:24px;padding:14px 21px;white-space:normal}
.kinetik-home .ad-price-action>p{max-width:52ch;margin-top:18px;color:#938c82;font-size:10px;line-height:1.65}

.kinetik-home .ad-custom-path,
.kinetik-home .ad-trial{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
  padding:30px 0;
  border-bottom:1px solid rgba(255,244,218,.13);
}
.kinetik-home .ad-custom-path{margin-top:42px;border-top:1px solid rgba(255,244,218,.13)}
.kinetik-home .ad-custom-path h3,
.kinetik-home .ad-trial h3{margin:0 0 7px;color:#eee6da;font-size:18px;line-height:1.25}
.kinetik-home .ad-custom-path p,
.kinetik-home .ad-trial p{max-width:74ch;color:#aaa197;font-size:12px;line-height:1.6}
.kinetik-home .ad-custom-path .btn,
.kinetik-home .ad-trial .btn{flex:0 0 auto;padding:12px 18px;font-size:11px}
.kinetik-home .ad-pack-stage .service-order-details{margin-top:28px}
.kinetik-home .ad-pack-stage .pfoot{max-width:98ch}

@media(max-width:1180px){
  .kinetik-home .ad-world-options{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:minmax(190px,22vw);
    width:calc(100% + var(--cinema-pad));
    margin-right:calc(var(--cinema-pad) * -1);
    padding-right:var(--cinema-pad);
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
  }
  .kinetik-home .ad-world-choice{scroll-snap-align:start}
  .kinetik-home .ad-offer-list>button{grid-template-columns:minmax(160px,.7fr) minmax(200px,1fr) minmax(250px,1.25fr)}
  .kinetik-home .ad-offer-list>button>i{grid-column:2/4}
}

@media(max-width:820px){
  .kinetik-home .ad-journey-head,
  .kinetik-home .ad-pack-head{grid-template-columns:1fr;align-items:start;gap:26px}
  .kinetik-home .ad-journey-head h2,
  .kinetik-home .ad-pack-head h2{max-width:14ch}
  .kinetik-home .ad-preview-media{min-height:660px}
  .kinetik-home .ad-offer-list>button{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .kinetik-home .ad-offer-list>button>small{grid-column:1/3}
  .kinetik-home .ad-offer-list>button>i{grid-column:2}
  .kinetik-home .ad-price-reveal{grid-template-columns:1fr}
}

@media(max-width:620px){
  .kinetik-home .cinematic-hero .hero-copy{width:100%}
  .kinetik-home .cinematic-hero h1{max-width:11ch}
  .kinetik-home .cinematic-hero h1 .g{max-width:12ch;font-size:.65em}
  .kinetik-home .ad-journey-progress{top:70px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .kinetik-home .ad-journey-progress a{justify-items:center;min-height:58px;padding:11px 5px;text-align:center}
  .kinetik-home .ad-journey-progress span{font-size:9px;letter-spacing:.045em}
  .kinetik-home .ad-journey-progress small{display:none}
  .kinetik-home .ad-journey-head{padding-top:82px}
  .kinetik-home .ad-journey-head h2,
  .kinetik-home .ad-pack-head h2{font-size:clamp(42px,12vw,56px)}
  .kinetik-home .ad-world-options{grid-auto-columns:72vw}
  .kinetik-home .ad-world-choice>span{min-height:112px}
  .kinetik-home .ad-preview{padding-top:62px;scroll-margin-top:135px}
  .kinetik-home .ad-preview-intro{align-items:flex-start;flex-direction:column;gap:14px}
  .kinetik-home .ad-preview-intro h3{font-size:clamp(38px,10.8vw,50px)}
  .kinetik-home .ad-preview-media{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:minmax(520px,70svh) 230px;
    min-height:0;
  }
  .kinetik-home .ad-preview-motion{grid-column:1/3;grid-row:1}
  .kinetik-home .ad-preview-store,
  .kinetik-home .ad-preview-social{grid-row:2}
  .kinetik-home .ad-preview-action{align-items:stretch;flex-direction:column}
  .kinetik-home .ad-preview-action .btn{width:100%}
  .kinetik-home .ad-pack-stage{padding-top:118px;scroll-margin-top:126px}
  .kinetik-home .ad-offer-list>button{grid-template-columns:1fr;gap:8px;padding:24px 16px}
  .kinetik-home .ad-offer-list>button>small,
  .kinetik-home .ad-offer-list>button>i{grid-column:1}
  .kinetik-home .ad-offer-list>button>i{margin-top:8px}
  .kinetik-home .ad-price-reveal{margin-inline:-4px;padding:32px 20px}
  .kinetik-home .ad-price-copy h3{font-size:clamp(40px,11.2vw,50px)}
  .kinetik-home .ad-price-action>.btn{width:100%;text-align:center}
  .kinetik-home .ad-custom-path,
  .kinetik-home .ad-trial{align-items:stretch;flex-direction:column;gap:20px}
  .kinetik-home .ad-custom-path .btn,
  .kinetik-home .ad-trial .btn{width:100%;text-align:center}
}

@media(prefers-reduced-motion:reduce){
  .kinetik-home .ad-preview.is-refreshing .ad-preview-frame{animation:none}
  .kinetik-home .ad-world-choice,
  .kinetik-home .ad-world-choice img{transition:none}
}

@media(forced-colors:active){
  .kinetik-home .ad-world-choice[aria-selected="true"],
  .kinetik-home .ad-offer-list>button[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-2px}
  .kinetik-home .ad-journey-progress a[aria-current="step"]{outline:2px solid Highlight;outline-offset:-2px}
}