/* KINETIK cinematic flagship window. Scoped so commerce, dialogs and legal pages keep their measures. */

.kinetik-home,
.kinetik-studio{
  --cinema-black:#060607;
  --cinema-ink:#f5f0e7;
  --cinema-quiet:#b9b1a5;
  --cinema-gold:#d6ad55;
  --cinema-gold-soft:#f0d99f;
  --cinema-line:rgba(255,244,218,.16);
  --cinema-pad:clamp(20px,4vw,84px);
  color-scheme:dark;
  accent-color:var(--cinema-gold);
}

.kinetik-home{
  overflow-x:clip;
  background:var(--cinema-black);
}

.kinetik-home [hidden],
.kinetik-studio [hidden]{display:none!important}

.kinetik-home ::selection,
.kinetik-studio ::selection{
  background:#d6ad55;
  color:#171008;
}

.kinetik-home *,
.kinetik-studio *{
  scrollbar-color:#70592b #0a0a0b;
}

.kinetik-home ::-webkit-scrollbar,
.kinetik-studio ::-webkit-scrollbar{width:10px;height:10px}
.kinetik-home ::-webkit-scrollbar-track,
.kinetik-studio ::-webkit-scrollbar-track{background:#0a0a0b}
.kinetik-home ::-webkit-scrollbar-thumb,
.kinetik-studio ::-webkit-scrollbar-thumb{border:3px solid #0a0a0b;border-radius:999px;background:#70592b}

.kinetik-home :focus-visible,
.kinetik-studio :focus-visible{
  outline:3px solid var(--cinema-gold-soft);
  outline-offset:4px;
}

.kinetik-home .kicker{display:none}

/* First viewport */
.kinetik-home .cinematic-hero{
  position:relative;
  isolation:isolate;
  min-height:100svh;
  padding:0;
  overflow:hidden;
  background:#050506;
}

.kinetik-home .cinematic-hero-wall{
  position:absolute;
  z-index:-3;
  inset:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:2px;
  min-height:100svh;
  background:#050506;
}

.kinetik-home .cinematic-hero-frame{
  position:relative;
  min-width:0;
  height:100svh;
  margin:0;
  overflow:hidden;
  background:#0b0a09;
}

.kinetik-home .cinematic-hero-frame:after{
  content:"";
  position:absolute;
  inset:0;
  border-inline:1px solid rgba(255,255,255,.045);
  pointer-events:none;
}

.kinetik-home .cinematic-hero-frame video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  background:#080808;
  filter:saturate(.96);
}

.kinetik-home .cinematic-hero-frame-primary video{
  filter:none;
}

.kinetik-home .cinematic-hero-wash{
  position:absolute;
  z-index:-2;
  inset:0;
  background:
    radial-gradient(ellipse 112% 108% at 0% 100%,rgba(5,5,6,.94) 0%,rgba(5,5,6,.68) 46%,rgba(5,5,6,.22) 73%,transparent 100%) left bottom / 34% 58% no-repeat;
  pointer-events:none;
}

.kinetik-home .cinematic-hero .hero-shell{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  min-height:100svh;
  width:100%;
  padding:clamp(120px,15vh,180px) var(--cinema-pad) clamp(24px,4vh,44px);
}

.kinetik-home .cinematic-hero .hero-copy{
  width:min(760px,52vw);
  margin:0;
}

.kinetik-home .cinematic-hero h1{
  max-width:10ch;
  margin:0;
  color:var(--cinema-ink);
  font-family:"Instrument Sans",sans-serif;
  font-size:clamp(64px,6.2vw,96px);
  font-weight:520;
  line-height:.9;
  letter-spacing:-.035em;
  text-shadow:0 4px 32px rgba(0,0,0,.84);
  text-wrap:balance;
}

.kinetik-home .cinematic-hero h1 .g{
  display:inline-block;
  margin-top:.08em;
  background:none;
  color:var(--cinema-gold-soft);
  font-family:"Instrument Serif",serif;
  font-style:italic;
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-text-fill-color:currentColor;
}

.kinetik-home .cinematic-hero .lede{
  max-width:62ch;
  margin:clamp(24px,3.6vh,40px) 0 0;
  color:#ddd6ca;
  font-size:clamp(17px,1.4vw,21px);
  line-height:1.55;
  text-shadow:0 2px 24px rgba(0,0,0,.8);
}

.kinetik-home .cinematic-hero .heroctas{
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:32px;
}

.kinetik-home .cinematic-hero .heroctas .btn.p{
  min-height:54px;
  padding:17px 24px;
  border:1px solid #e0bc68;
  border-radius:12px;
  background:#d6ad55;
  color:#171008;
  box-shadow:0 18px 46px rgba(0,0,0,.35),0 8px 28px rgba(179,128,34,.16);
}

.kinetik-home .cinematic-text-link{
  color:#f1eadf;
  font-size:12px;
  font-weight:760;
  letter-spacing:.04em;
  text-decoration:underline;
  text-decoration-color:#8f7441;
  text-decoration-thickness:1px;
  text-underline-offset:7px;
}

.kinetik-home .cinematic-text-link:hover{color:var(--cinema-gold-soft);text-decoration-color:currentColor}

.kinetik-home .cinematic-hero-truth{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  max-width:690px;
  margin-top:30px;
  padding:14px 14px 14px 18px;
  border:1px solid var(--cinema-line);
  border-radius:14px;
  background:rgba(13,12,12,.66);
  box-shadow:0 18px 44px rgba(0,0,0,.3);
  backdrop-filter:blur(18px) saturate(1.1);
}

.kinetik-home .cinematic-hero-truth p{
  margin:0;
  color:#c9c1b5;
  font-size:11px;
  line-height:1.55;
}

.kinetik-home .cinematic-hero-truth b{color:#f1e8da}

.kinetik-home #cinematicMotion{
  min-height:38px;
  border:1px solid rgba(255,244,218,.24);
  border-radius:999px;
  padding:9px 13px;
  background:rgba(255,255,255,.055);
  color:#eee5d8;
  font:750 10px "Instrument Sans",sans-serif;
  letter-spacing:.05em;
  white-space:nowrap;
}

.kinetik-home #cinematicMotion:hover{border-color:#d6ad55;background:rgba(214,173,85,.12)}

/* Adjacent launch windows */
.kinetik-home .cinematic-hero .hero-recipe-wall{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(240px,.78fr);
  grid-template-rows:1fr;
  gap:2px;
  width:100%;
  height:auto;
  padding:2px;
  overflow:visible;
  background:#080809;
}

.kinetik-home .cinematic-hero .hero-recipe-card,
.kinetik-home .cinematic-hero .hero-recipe-card:nth-child(2){
  position:relative;
  display:grid;
  grid-template-columns:minmax(104px,34%) minmax(0,1fr);
  align-items:stretch;
  min-height:188px;
  height:auto;
  margin:0;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#0d0d0f;
  text-align:left;
  transform:none;
  scroll-snap-align:none;
}

.kinetik-home .cinematic-hero .hero-recipe-card img{
  position:relative;
  inset:auto;
  width:100%;
  height:188px;
  object-fit:contain;
  background:#080808;
  filter:saturate(.86) contrast(1.03);
  transition:filter .35s ease;
}

.kinetik-home .cinematic-hero .hero-recipe-copy{
  position:relative;
  inset:auto;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
  padding:26px 22px;
  background:linear-gradient(120deg,#111113,#0b0b0c);
  color:var(--cinema-ink);
}

.kinetik-home .cinematic-hero .hero-recipe-copy span{
  color:#b8a77f;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.kinetik-home .cinematic-hero .hero-recipe-copy b{
  font-family:"Instrument Serif",serif;
  font-size:clamp(22px,1.8vw,30px);
  font-weight:400;
  line-height:1;
}

.kinetik-home .cinematic-hero .hero-recipe-copy small{color:#aaa298;font-size:11px;line-height:1.45}
.kinetik-home .cinematic-hero .hero-recipe-card:hover img{filter:saturate(1) contrast(1.03)}
.kinetik-home .cinematic-hero .hero-recipe-card:hover .hero-recipe-copy{background:#151310}

.kinetik-home .cinematic-hero .hero-family-note{
  position:relative;
  inset:auto;
  grid-column:4;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:9px;
  margin:0;
  padding:26px;
  border:0;
  background:#0b0b0d;
  color:#a9a198;
  font-size:10px;
  line-height:1.55;
}

.kinetik-home .cinematic-hero .hero-family-note b{color:#efe7db}

/* Full-width world gallery */
.kinetik-home .world-atlas{
  padding:clamp(90px,10vw,150px) 0 clamp(78px,8vw,128px);
  background:#080809;
}

.kinetik-home .world-atlas>.wrap,
.kinetik-home .recipe-home>.wrap,
.kinetik-home .promptstudio>.wrap,
.kinetik-home .launchpad>.wrap,
.kinetik-home .auraproof>.wrap,
.kinetik-home #process>.wrap,
.kinetik-home #pricing>.wrap{
  width:100%;
  max-width:none;
  padding-inline:var(--cinema-pad);
}

/* The service menu is the first decision after the hero. */
.kinetik-home .service-menu{
  padding-block:clamp(76px,8vw,118px);
  border-block:1px solid var(--cinema-line);
  background:
    radial-gradient(circle at 8% 0,rgba(214,173,85,.10),transparent 28%),
    linear-gradient(180deg,#0e0d0d,#09090a);
}

.kinetik-home .service-menu .shead{margin-bottom:clamp(30px,4vw,52px)}
.kinetik-home .service-menu .shead h2{max-width:12ch}
.kinetik-home .service-menu .shead>p{max-width:62ch}

.kinetik-home .service-order-path{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:0;
  border-block:1px solid rgba(255,244,218,.13);
  list-style:none;
}

.kinetik-home .service-order-path li{
  display:flex;
  gap:14px;
  min-width:0;
  padding:20px clamp(14px,1.7vw,24px);
  border-right:1px solid rgba(255,244,218,.10);
}

.kinetik-home .service-order-path li:last-child{border-right:0}
.kinetik-home .service-order-path li>span{
  display:grid;
  flex:0 0 28px;
  width:28px;
  height:28px;
  place-items:center;
  border-radius:50%;
  background:#d6ad55;
  color:#17100a;
  font-size:12px;
  font-weight:850;
}

.kinetik-home .service-order-path li div{display:grid;gap:5px}
.kinetik-home .service-order-path b{color:#f3ece1;font-size:13px;line-height:1.25}
.kinetik-home .service-order-path small{color:#aaa197;font-size:11px;line-height:1.5}

.kinetik-home #pricing .trybar{margin-bottom:28px}
.kinetik-home #pricing .ptier{padding:30px 24px}
.kinetik-home #pricing .pprice span{display:block;margin:10px 0 0;line-height:1.35}

.kinetik-home #pricing .ptag{
  display:grid;
  gap:6px;
  margin-bottom:14px;
}

.kinetik-home #pricing .ptag span{
  color:#f3ece1;
  font-size:14px;
  font-weight:760;
  letter-spacing:.055em;
}

.kinetik-home #pricing .ptag small{
  color:#9f978d;
  font-size:10px;
  font-weight:650;
  letter-spacing:.14em;
}

.kinetik-home .service-inclusions{
  flex:1;
  width:100%;
}

.kinetik-home .service-inclusions>summary{
  position:relative;
  display:none;
  padding:13px 36px 13px 0;
  border-block:1px solid rgba(255,244,218,.12);
  cursor:pointer;
  list-style:none;
  color:#ece3d7;
  font-size:12px;
  font-weight:730;
  line-height:1.4;
}

.kinetik-home .service-inclusions>summary::-webkit-details-marker{display:none}
.kinetik-home .service-inclusions>summary:after{
  content:"";
  position:absolute;
  top:50%;
  right:4px;
  width:16px;
  height:16px;
  border:1px solid #5b513d;
  border-radius:50%;
  background:linear-gradient(#d6ad55,#d6ad55) center/7px 1px no-repeat,linear-gradient(#d6ad55,#d6ad55) center/1px 7px no-repeat;
  transform:translateY(-50%);
}
.kinetik-home .service-inclusions[open]>summary:after{background:linear-gradient(#d6ad55,#d6ad55) center/7px 1px no-repeat}
.kinetik-home .service-inclusions>summary:focus-visible,
.kinetik-home .service-order-details>summary:focus-visible,
.kinetik-home .progressive-depth>summary:focus-visible{outline:2px solid #e2b950;outline-offset:-3px}

.kinetik-home .partner-plan-inclusions{flex:0 0 auto}

.kinetik-home .service-order-details{
  margin-top:28px;
  border:1px solid rgba(255,244,218,.14);
  background:#0c0b0c;
}

.kinetik-home .service-order-details>summary{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px 28px;
  min-height:76px;
  padding:18px 68px 18px 22px;
  cursor:pointer;
  list-style:none;
  color:#f1e9dd;
}

.kinetik-home .service-order-details>summary::-webkit-details-marker{display:none}
.kinetik-home .service-order-details>summary span{font-size:15px;font-weight:760}
.kinetik-home .service-order-details>summary small{color:#a9a095;font-size:11px;line-height:1.45;text-align:right}
.kinetik-home .service-order-details>summary:after{
  content:"";
  position:absolute;
  right:22px;
  width:20px;
  height:20px;
  border:1px solid #5b513d;
  border-radius:50%;
  background:linear-gradient(#d6ad55,#d6ad55) center/8px 1px no-repeat,linear-gradient(#d6ad55,#d6ad55) center/1px 8px no-repeat;
}
.kinetik-home .service-order-details[open]>summary:after{background:linear-gradient(#d6ad55,#d6ad55) center/8px 1px no-repeat}
.kinetik-home .service-order-details .service-order-path{border-bottom:0}

.kinetik-home .partner-plan{
  display:grid;
  grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);
  margin-top:28px;
  overflow:hidden;
  border:1px solid rgba(240,217,159,.3);
  border-radius:16px;
  background:#0e0d0e;
  box-shadow:0 34px 70px rgba(0,0,0,.32);
}

.kinetik-home .partner-plan-media{
  position:relative;
  isolation:isolate;
  min-height:560px;
  overflow:hidden;
  background:#141113;
}

.kinetik-home .partner-plan-media:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(0deg,rgba(8,7,8,.9) 0%,rgba(8,7,8,.08) 58%);
  pointer-events:none;
}

.kinetik-home .partner-plan-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.88) contrast(1.04);
}

.kinetik-home .partner-plan-price{
  position:absolute;
  z-index:2;
  right:22px;
  bottom:22px;
  left:22px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:4px 16px;
  padding:18px 20px;
  border-top:1px solid rgba(240,217,159,.45);
  background:rgba(8,7,8,.78);
  backdrop-filter:blur(14px);
}

.kinetik-home .partner-plan-price>span{
  grid-column:1/-1;
  color:#f0d99f;
  font-size:11px;
  font-weight:760;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.kinetik-home .partner-plan-price strong{
  color:#fff8eb;
  font-family:"Instrument Serif",serif;
  font-size:clamp(44px,4.2vw,68px);
  font-weight:400;
  line-height:.88;
  letter-spacing:-.025em;
}

.kinetik-home .partner-plan-price small{color:#c8bfb3;font-size:12px;line-height:1.3}

.kinetik-home .partner-plan-content{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  justify-content:center;
  padding:clamp(34px,4.6vw,72px);
}

.kinetik-home .partner-plan-content h3{
  max-width:13ch;
  margin:0;
  color:#f4ede3;
  font-family:"Instrument Serif",serif;
  font-size:clamp(40px,4vw,64px);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.kinetik-home .partner-plan-content>p:first-of-type{
  max-width:60ch;
  margin:20px 0 0;
  color:#c6bdb1;
  font-size:15px;
  line-height:1.65;
}

.kinetik-home .partner-plan-content h4{
  margin:30px 0 12px;
  color:#e1bb66;
  font-size:11px;
  font-weight:780;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.kinetik-home .partner-plan-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  margin:0;
  padding:0;
  border-top:1px solid rgba(255,244,218,.14);
  list-style:none;
}

.kinetik-home .partner-plan-list li{
  display:grid;
  grid-template-columns:80px minmax(0,1fr);
  gap:12px;
  padding:13px 14px 13px 0;
  border-bottom:1px solid rgba(255,244,218,.1);
}

.kinetik-home .partner-plan-list li:nth-child(odd){margin-right:18px}
.kinetik-home .partner-plan-list b{color:#eee6da;font-size:12px;line-height:1.45}
.kinetik-home .partner-plan-list span{color:#aaa197;font-size:12px;line-height:1.45}
.kinetik-home .partner-plan-content>.btn{margin-top:26px}
.kinetik-home .partner-plan-terms{max-width:76ch;margin:18px 0 0;color:#8f887f;font-size:11px;line-height:1.55}

.kinetik-home .world-atlas-head,
.kinetik-home .recipe-head,
.kinetik-home .prompthead,
.kinetik-home .shead{
  align-items:end;
  gap:clamp(28px,6vw,100px);
  margin-bottom:clamp(36px,5vw,70px);
}

.kinetik-home .world-atlas-head h2,
.kinetik-home .recipe-head h2,
.kinetik-home .prompthead h2,
.kinetik-home .shead h2{
  max-width:13ch;
  color:#f1ebe2;
  font-family:"Instrument Serif",serif;
  font-size:clamp(42px,5.3vw,82px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.kinetik-home .world-atlas-intro,
.kinetik-home .recipe-head>p,
.kinetik-home .prompthead>p,
.kinetik-home .shead>p{
  max-width:58ch;
  color:#bdb5aa;
  font-size:14px;
  line-height:1.7;
}

.kinetik-home .world-atlas-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-auto-flow:row;
  grid-auto-rows:auto;
  align-items:start;
  gap:2px;
}

.kinetik-home .world-card,
.kinetik-home .world-card.world-card-tall,
.kinetik-home .world-card.world-card-wide,
.kinetik-home .world-card:nth-child(n){
  position:relative;
  grid-column:auto;
  grid-row:auto;
  aspect-ratio:9/16;
  min-height:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#111;
  box-shadow:none;
}

.kinetik-home .world-card>img,
.kinetik-home .world-card>video{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.kinetik-home .world-card>video{
  z-index:1;
  opacity:0;
  filter:saturate(.9) contrast(1.03);
  transition:opacity .45s ease,filter .45s ease,transform .7s cubic-bezier(.16,1,.3,1);
}

.kinetik-home .world-card>video[data-cinematic-ready="true"]{opacity:1}
.kinetik-home .world-card:hover>video{filter:saturate(1) contrast(1.04);transform:scale(1.012)}
.kinetik-home .world-card-shade{z-index:2;background:linear-gradient(0deg,rgba(5,5,6,.92) 0%,rgba(5,5,6,.2) 56%,rgba(5,5,6,.02) 78%)}
.kinetik-home .world-card-copy{z-index:3;padding:clamp(18px,1.7vw,30px)}
.kinetik-home .world-card-copy h3{font-family:"Instrument Serif",serif;font-size:clamp(25px,2vw,36px);font-weight:400;letter-spacing:-.02em}
.kinetik-home .world-card-copy p{max-width:30ch;color:#d0c8bc}
.kinetik-home .world-card-copy a{text-decoration-thickness:1px;text-underline-offset:6px}

.kinetik-home .world-disclosure{
  max-width:92ch;
  margin:28px 0 0;
  color:#aaa197;
  font-size:11px;
  line-height:1.65;
}

.kinetik-home .world-disclosure b{color:#e8dfd3}

.kinetik-home #pricing,
.kinetik-home #worlds,
.kinetik-home #order-path,
.kinetik-home #contact{scroll-margin-top:76px}

/* One-row recipe runway keeps the journey concise. */
.kinetik-home .recipe-home{overflow:hidden;padding-block:clamp(90px,10vw,150px)}
.kinetik-home .recipe-home-grid{
  display:grid;
  grid-template-columns:none;
  grid-auto-flow:column;
  grid-auto-columns:minmax(340px,28vw);
  gap:14px;
  width:calc(100% + var(--cinema-pad));
  margin-right:calc(var(--cinema-pad) * -1);
  padding:4px var(--cinema-pad) 24px 0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.kinetik-home .recipe-home-grid::-webkit-scrollbar{display:none}

.kinetik-home .recipe-home-card{
  min-width:0;
  scroll-snap-align:start;
}

.kinetik-home .recipe-home-media{aspect-ratio:9/16}
.kinetik-home .recipe-home-foot{max-width:none}

/* Secondary reassurance stays available without lengthening the main decision path. */
.kinetik-home .progressive-trust{
  display:block;
  border-block:1px solid var(--cinema-line);
  background:#09090a;
}

.kinetik-home .progressive-trust+.progressive-trust{border-top:0}

.kinetik-home .progressive-trust>summary{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px 28px;
  min-height:98px;
  padding:24px calc(var(--cinema-pad) + 46px) 24px var(--cinema-pad);
  cursor:pointer;
  list-style:none;
  color:#f1e9dd;
}

.kinetik-home .progressive-trust>summary::-webkit-details-marker{display:none}

.kinetik-home .progressive-trust>summary span{
  font-family:"Instrument Serif",serif;
  font-size:clamp(28px,3vw,48px);
  line-height:1;
  letter-spacing:-.02em;
}

.kinetik-home .progressive-trust>summary small{
  color:#aaa298;
  font-size:11px;
  line-height:1.5;
  text-align:right;
}

.kinetik-home .progressive-trust>summary:after{
  content:"";
  position:absolute;
  right:var(--cinema-pad);
  width:22px;
  height:22px;
  border:1px solid #5b513d;
  border-radius:50%;
  background:linear-gradient(#d6ad55,#d6ad55) center/9px 1px no-repeat,linear-gradient(#d6ad55,#d6ad55) center/1px 9px no-repeat;
}

.kinetik-home .progressive-trust[open]>summary:after{
  background:linear-gradient(#d6ad55,#d6ad55) center/9px 1px no-repeat;
}

.kinetik-home .progressive-trust>summary:hover{background:#0e0e10}
.kinetik-home .progressive-trust-body{border-top:1px solid var(--cinema-line)}

/* Advanced campaign tools stay one deliberate step behind the storefront. */
.kinetik-home .progressive-depth{
  display:block;
  border-block:1px solid var(--cinema-line);
  background:
    radial-gradient(circle at 88% 8%,rgba(214,173,85,.09),transparent 26%),
    #0b0a0b;
}

.kinetik-home .progressive-depth>summary{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px 28px;
  min-height:112px;
  padding:28px calc(var(--cinema-pad) + 46px) 28px var(--cinema-pad);
  cursor:pointer;
  list-style:none;
  color:#f1e9dd;
}

.kinetik-home .progressive-depth>summary::-webkit-details-marker{display:none}
.kinetik-home .progressive-depth>summary span{
  font-family:"Instrument Serif",serif;
  font-size:clamp(30px,3.5vw,54px);
  line-height:1;
  letter-spacing:-.025em;
}
.kinetik-home .progressive-depth>summary small{max-width:46ch;color:#aaa298;font-size:11px;line-height:1.5;text-align:right}
.kinetik-home .progressive-depth>summary:after{
  content:"";
  position:absolute;
  right:var(--cinema-pad);
  width:22px;
  height:22px;
  border:1px solid #5b513d;
  border-radius:50%;
  background:linear-gradient(#d6ad55,#d6ad55) center/9px 1px no-repeat,linear-gradient(#d6ad55,#d6ad55) center/1px 9px no-repeat;
}
.kinetik-home .progressive-depth[open]>summary:after{background:linear-gradient(#d6ad55,#d6ad55) center/9px 1px no-repeat}
.kinetik-home .progressive-depth>summary:hover{background:#100e0e}
.kinetik-home .progressive-depth-body{border-top:1px solid var(--cinema-line)}

/* Broader working stages, measured copy. */
.kinetik-home .promptstudio,
.kinetik-home .launchpad,
.kinetik-home .auraproof{padding-block:clamp(90px,10vw,150px)}
.kinetik-home .promptlayout{grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);gap:clamp(22px,3vw,48px)}
.kinetik-home .launchflow{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.kinetik-home .aurashell{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:clamp(20px,3vw,46px)}
.kinetik-home .aurastage{min-height:min(78svh,850px)}
.kinetik-home #process .pcols{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kinetik-home #pricing .ptiers{max-width:none}
.kinetik-home #pricing .ptiers.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}

/* Beauty Studio uses the whole available app canvas without escaping its sidebar. */
.kinetik-studio .studio-shell{width:100%;grid-template-columns:clamp(208px,14vw,252px) minmax(0,1fr)}
.kinetik-studio .studio-main{width:100%;max-width:none}
.kinetik-studio .studio-topbar{padding-inline:clamp(18px,2.3vw,42px)}
.kinetik-studio .studio-grid{grid-template-columns:clamp(340px,24vw,430px) minmax(0,1fr)}
.kinetik-studio .creation-rail{padding:clamp(15px,1.4vw,24px)}
.kinetik-studio .stage-view{width:100%;max-width:none;padding:clamp(28px,4vw,72px)}
.kinetik-studio .stage-hero{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:clamp(28px,4vw,72px)}
.kinetik-studio .stage-hero h2{max-width:14ch;font-family:"Instrument Serif",serif;font-size:clamp(42px,4.7vw,78px);font-weight:400;line-height:.94;letter-spacing:-.03em;text-transform:none}
.kinetik-studio .film-wall{gap:clamp(10px,1vw,18px)}
.kinetik-studio .film-card,.kinetik-studio .film-card.featured{border-radius:14px}

@media(min-width:1800px){
  .kinetik-home .cinematic-hero .hero-copy{width:min(900px,44vw)}
  .kinetik-home .cinematic-hero h1{font-size:96px}
  .kinetik-home .recipe-home-grid{grid-auto-columns:minmax(390px,23vw)}
  .kinetik-studio .film-wall{grid-template-columns:repeat(3,minmax(300px,1fr))}
}

@media(max-width:2199px){
  .kinetik-home .cinematic-hero-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kinetik-home .cinematic-hero-frame:nth-child(4){display:none}
}

@media(max-width:1799px){
  .kinetik-home .world-atlas-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1180px){
  .kinetik-home .cinematic-hero{min-height:0}
  .kinetik-home .cinematic-hero-wall{grid-template-columns:repeat(2,minmax(0,1fr));height:min(100svh,900px);min-height:min(760px,100svh)}
  .kinetik-home .cinematic-hero-frame{height:100%}
  .kinetik-home .cinematic-hero-frame:nth-child(n+3){display:none}
  .kinetik-home .cinematic-hero .hero-shell{min-height:min(100svh,900px)}
  .kinetik-home .cinematic-hero .hero-copy{width:min(690px,64vw)}
  .kinetik-home .cinematic-hero .hero-recipe-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kinetik-home .cinematic-hero .hero-family-note{grid-column:1/-1;min-height:0;padding:18px 24px}
  .kinetik-home .recipe-home-grid{grid-auto-columns:minmax(340px,42vw)}
  .kinetik-home .launchflow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kinetik-home .service-order-path{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kinetik-home .service-order-path li:nth-child(2){border-right:0}
  .kinetik-home .service-order-path li:nth-child(-n+2){border-bottom:1px solid rgba(255,244,218,.10)}
  .kinetik-home #pricing .ptiers.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kinetik-home .aurashell{grid-template-columns:1fr}
  .kinetik-studio .studio-shell{grid-template-columns:76px minmax(0,1fr)}
  .kinetik-studio .studio-grid{grid-template-columns:330px minmax(0,1fr)}
  .kinetik-studio .stage-view{padding:30px}
}

@media(max-width:900px){
  .kinetik-home .cinematic-hero-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kinetik-home .cinematic-hero .hero-copy{width:min(700px,80vw)}
  .kinetik-home .cinematic-hero .hero-recipe-wall{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-flow:row;
    overflow:visible;
  }
  .kinetik-home .cinematic-hero .hero-recipe-card,
  .kinetik-home .cinematic-hero .hero-recipe-card:nth-child(2){scroll-snap-align:start}
  .kinetik-home .cinematic-hero .hero-family-note{grid-column:1/-1;scroll-snap-align:start}
  .kinetik-home .world-atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kinetik-home .recipe-home-grid{grid-auto-columns:minmax(330px,58vw)}
  .kinetik-home .promptlayout{grid-template-columns:1fr}
  .kinetik-home .launchflow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kinetik-home #process .pcols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kinetik-home .partner-plan{grid-template-columns:minmax(250px,.42fr) minmax(0,.58fr)}
  .kinetik-home .partner-plan-list{grid-template-columns:1fr}
  .kinetik-home .partner-plan-list li:nth-child(odd){margin-right:0}
  .kinetik-studio .studio-shell{grid-template-columns:1fr}
  .kinetik-studio .studio-grid{grid-template-columns:1fr}
  .kinetik-studio .stage-hero{grid-template-columns:1fr}
}

@media(max-width:620px){
  .kinetik-home .cinematic-hero{min-height:0;overflow:visible}
  .kinetik-home .cinematic-hero-wall{
    position:relative;
    inset:auto;
    display:block;
    width:100%;
    height:min(56svh,500px);
    min-height:420px;
  }
  .kinetik-home .cinematic-hero-frame{display:none!important}
  .kinetik-home .cinematic-hero-frame-primary{display:block!important;height:100%;background:#080808}
  .kinetik-home .cinematic-hero-frame-primary video{object-fit:cover;object-position:center 36%}
  .kinetik-home .cinematic-hero-wash{
    z-index:1;
    height:min(56svh,500px);
    background:linear-gradient(0deg,#060607 0%,rgba(6,6,7,.14) 28%,transparent 58%);
  }
  .kinetik-home .cinematic-hero .hero-shell{
    min-height:0;
    padding:0 20px 42px;
    background:#060607;
  }
  .kinetik-home .cinematic-hero .hero-copy{
    width:100%;
    margin-top:-54px;
    padding:28px 20px 0;
    border-radius:18px 18px 0 0;
    background:linear-gradient(180deg,rgba(6,6,7,.96),#060607 42%);
  }
  .kinetik-home .cinematic-hero h1{max-width:12ch;font-size:clamp(44px,12.4vw,58px);line-height:.92}
  .kinetik-home .cinematic-hero .lede{margin-top:19px;font-size:15.5px;line-height:1.5}
  .kinetik-home .cinematic-hero .heroctas{align-items:stretch;flex-direction:column;gap:13px;margin-top:21px}
  .kinetik-home .cinematic-hero .heroctas .btn.p{width:100%;text-align:center}
  .kinetik-home .cinematic-text-link{align-self:center}
  .kinetik-home .cinematic-hero-truth{grid-template-columns:1fr;margin-top:20px;padding:14px}
  .kinetik-home #cinematicMotion{justify-self:start}
  .kinetik-home .cinematic-hero .hero-recipe-wall{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:84vw;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:2px 20px 20px;
    scroll-padding-inline:20px;
  }
  .kinetik-home .cinematic-hero .hero-recipe-wall::-webkit-scrollbar{display:none}
  .kinetik-home .cinematic-hero .hero-recipe-card,
  .kinetik-home .cinematic-hero .hero-recipe-card:nth-child(2){grid-template-columns:118px minmax(0,1fr);min-height:178px;border-radius:14px}
  .kinetik-home .cinematic-hero .hero-recipe-card img{height:178px}
  .kinetik-home .cinematic-hero .hero-recipe-copy{padding:20px 17px}
  .kinetik-home .cinematic-hero .hero-family-note{display:none}
  .kinetik-home .world-atlas{padding-top:96px}
  .kinetik-home .world-atlas-head,
  .kinetik-home .recipe-head,
  .kinetik-home .prompthead,
  .kinetik-home .shead{display:block;margin-bottom:34px}
  .kinetik-home .world-atlas-head h2,
  .kinetik-home .recipe-head h2,
  .kinetik-home .prompthead h2,
  .kinetik-home .shead h2{max-width:12ch;font-size:clamp(40px,12vw,54px)}
  .kinetik-home .world-atlas-intro,
  .kinetik-home .recipe-head>p,
  .kinetik-home .prompthead>p,
  .kinetik-home .shead>p{margin-top:20px}
  .kinetik-home .world-atlas-grid{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:78vw;
    width:calc(100% + 20px);
    margin-right:-20px;
    padding-right:20px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
  }
  .kinetik-home .world-card,
  .kinetik-home .world-card.world-card-tall,
  .kinetik-home .world-card.world-card-wide{scroll-snap-align:center}
  .kinetik-home .recipe-home-grid{grid-auto-columns:84vw;width:calc(100% + 20px);margin-right:-20px;padding-right:20px}
  .kinetik-home .launchflow{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:82vw;
    width:calc(100% + 20px);
    margin-right:-20px;
    padding-right:20px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
  }
  .kinetik-home .launchstep{min-height:420px;scroll-snap-align:center}
  .kinetik-home #process .pcols{grid-template-columns:1fr}
  .kinetik-home .service-menu{padding-block:62px}
  .kinetik-home .service-menu .shead{margin-bottom:24px}
  .kinetik-home .service-menu .shead h2{font-size:clamp(40px,11.4vw,48px)}
  .kinetik-home #pricing .trybar{gap:20px;margin-bottom:18px;padding:22px 20px}
  .kinetik-home #pricing .trybar .btn{width:100%;text-align:center}
  .kinetik-home #pricing .ptiers.four{gap:12px}
  .kinetik-home #pricing .ptier{padding:28px 24px 24px}
  .kinetik-home #pricing .pdesc{min-height:0;margin-bottom:18px}
  .kinetik-home .service-inclusions{flex:0 0 auto;margin-bottom:18px}
  .kinetik-home .service-inclusions>summary{display:block}
  .kinetik-home .service-order-path{grid-template-columns:1fr}
  .kinetik-home .service-order-path li{border-right:0;border-bottom:1px solid rgba(255,244,218,.10)}
  .kinetik-home .service-order-path li:last-child{border-bottom:0}
  .kinetik-home .service-order-details{margin-top:18px}
  .kinetik-home .service-order-details>summary{grid-template-columns:1fr;min-height:82px;padding:18px 58px 18px 18px}
  .kinetik-home .service-order-details>summary small{text-align:left}
  .kinetik-home .service-order-details>summary:after{right:18px}
  .kinetik-home #pricing .ptiers.four{grid-template-columns:1fr;grid-auto-flow:row;width:100%;margin:0;padding:0;overflow:visible}
  .kinetik-home #pricing .ptier{scroll-snap-align:none}
  .kinetik-home .partner-plan{grid-template-columns:1fr;margin-top:22px}
  .kinetik-home .partner-plan-media{min-height:0;height:250px}
  .kinetik-home .partner-plan-content{padding:32px 20px}
  .kinetik-home .partner-plan-content h3{font-size:clamp(36px,10.4vw,46px)}
  .kinetik-home .partner-plan-inclusions{margin-top:22px}
  .kinetik-home .partner-plan-inclusions h4{margin-top:22px}
  .kinetik-home .partner-plan-content>.btn{width:100%;text-align:center}
  .kinetik-home .progressive-depth>summary,
  .kinetik-home .progressive-trust>summary{grid-template-columns:1fr;min-height:88px;padding:20px 64px 20px 20px}
  .kinetik-home .progressive-depth>summary small,
  .kinetik-home .progressive-trust>summary small{text-align:left}
  .kinetik-home .progressive-depth>summary:after,
  .kinetik-home .progressive-trust>summary:after{right:20px}
  .kinetik-home .aurastage{min-height:590px}
  .kinetik-studio .stage-view{padding:28px 16px 116px}
  .kinetik-studio .stage-hero h2{font-size:clamp(38px,11vw,52px)}
}

@media(prefers-reduced-motion:reduce){
  .kinetik-home .world-card>video,
  .kinetik-home .cinematic-hero-frame video,
  .kinetik-studio .film-wall,
  .kinetik-studio .film-card video{
    transition:none!important;
  }
  .kinetik-home .world-card:hover>video{transform:none}
}

@media(forced-colors:active){
  .kinetik-home .cinematic-hero-wash{background:transparent}
  .kinetik-home .cinematic-hero .hero-copy{background:Canvas}
  .kinetik-home .cinematic-hero h1,
  .kinetik-home .cinematic-hero h1 .g,
  .kinetik-home .cinematic-hero .lede,
  .kinetik-home .world-card-copy,
  .kinetik-studio .stage-hero h2{color:CanvasText;-webkit-text-fill-color:CanvasText}
  .kinetik-home .cinematic-hero-truth,
  .kinetik-home #cinematicMotion{border:1px solid CanvasText;background:Canvas}
}