:root{--bg:#050405;--text:#fffaf7;--muted:#c9bfba;--red:#ed4028;--red2:#ff6948;--line:rgba(255,255,255,.18)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;background:#050405;pointer-events:none}.atmosphere video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.smoke-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 5%,rgba(174,40,18,.18),transparent 44%),linear-gradient(180deg,rgba(3,2,2,.25),rgba(5,4,4,.55))}.photo-wall{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;display:flex;flex-direction:column;justify-content:space-around;padding:5svh 0}.wall-row{width:100%;height:27svh;min-height:155px;max-height:245px;overflow:hidden;opacity:.46;transform:rotate(-1deg) scale(1.03)}.row-b{transform:rotate(1deg) scale(1.03);opacity:.39}.row-c{opacity:.44}.wall-track{height:100%;display:flex;width:max-content;will-change:transform;animation:drift-left 64s linear infinite}.wall-track.reverse{animation-name:drift-right;animation-duration:72s}.wall-track.slow{animation-duration:82s}.wall-set{height:100%;display:flex;align-items:center;gap:8px;padding-right:8px}.wall-set img{display:block;height:100%;width:auto;max-width:none;object-fit:contain;filter:saturate(.88) brightness(.8);box-shadow:0 0 24px rgba(0,0,0,.35)}@keyframes drift-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@keyframes drift-right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}.wall-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,4,4,.30),rgba(5,4,4,.16) 24%,rgba(5,4,4,.24) 60%,rgba(5,4,4,.42)),radial-gradient(ellipse at center,transparent 25%,rgba(5,4,4,.28) 100%)}main{position:relative;z-index:2;width:min(100%,500px);min-height:100svh;margin:auto;padding:0 15px}.hero{padding:calc(18px + env(safe-area-inset-top)) 0 16px;text-align:center;min-height:52svh;display:flex;flex-direction:column;justify-content:flex-start}.age{font-size:8px;letter-spacing:.18em;color:#bdb2ad;margin:0 0 10px;text-shadow:0 2px 10px #000}.eyebrow{font-size:11px;letter-spacing:.34em;margin:0 0 7px;color:#e8dfdb;text-shadow:0 2px 12px #000}.brand{font-size:clamp(35px,10.5vw,50px);line-height:.94;letter-spacing:-.065em;margin:0;font-weight:900;text-shadow:0 3px 22px #000}.brand span{color:#ff6245}.tagline{font-family:Georgia,serif;font-style:italic;color:#eee4df;font-size:16px;margin:10px 0 12px;text-shadow:0 2px 10px #000}.of-details{margin:0 auto 13px;width:100%;padding:8px 4px 9px;text-shadow:0 2px 10px #000}.dm-label{font-size:10px;font-weight:800;letter-spacing:.15em;color:#f2e8e3;margin-bottom:7px}.offerings{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 7px;font-size:11px;font-weight:700;line-height:1.35;color:#fff}.offerings i{font-style:normal;color:rgba(255,255,255,.38);font-weight:400}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 16px;text-decoration:none;color:#fff;font-size:13px;font-weight:900;letter-spacing:.065em;border-radius:10px}.primary{background:linear-gradient(135deg,var(--red),var(--red2));box-shadow:0 7px 26px rgba(228,59,34,.27),0 2px 16px rgba(0,0,0,.55)}.primary:active{transform:scale(.985)}.content{padding:0 0 calc(17px + env(safe-area-inset-bottom))}.panel{background:linear-gradient(135deg,rgba(6,5,5,.72),rgba(13,8,7,.62));border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 32px rgba(0,0,0,.25);border-radius:13px}.intro{padding:14px 14px 15px;margin:0 0 11px}.intro h2{font-size:27px;line-height:1;margin:0 0 7px;letter-spacing:-.045em}.intro p{color:#e5dbd6;line-height:1.35;margin:0;font-size:14px}.links{padding:14px 14px 6px}.links>h2{font-size:12px;letter-spacing:.25em;color:#ded2cd;margin:0 0 6px}.support-links{border-top:1px solid var(--line)}.support-link,.x-row{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--text);border-bottom:1px solid var(--line);padding:10px 1px;min-height:57px}.support-link strong,.x-row strong{display:block;font-size:19px;line-height:1.05;letter-spacing:-.02em;font-weight:850}.support-link small,.x-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.support-link b,.x-row b{font-size:18px;font-weight:400;color:#e7ddd8;margin-left:12px}.support-link:active,.x-row:active{opacity:.68}.disabled{opacity:.42;pointer-events:none}.x-row{margin-top:1px;border-bottom:0}.x-row small{font-size:10px;letter-spacing:.15em;margin:0 0 3px}.bottom{margin-top:12px;min-height:54px}footer{text-align:center;color:#a39994;font-size:9px;letter-spacing:.2em;padding:11px 0 0;text-shadow:0 2px 8px #000}.reveal{opacity:0;transform:translateY(4px);animation:reveal .32s ease-out forwards}.r1{animation-delay:.03s}.r2{animation-delay:.08s}.r3{animation-delay:.13s}.r4{animation-delay:.18s}.r5{animation-delay:.23s}@keyframes reveal{to{opacity:1;transform:none}}@media(max-width:380px){main{padding-left:12px;padding-right:12px}.brand{font-size:10vw}.hero{min-height:51svh}.offerings{font-size:10.5px;gap:4px 6px}.wall-row{height:26svh;min-height:145px}.intro h2{font-size:24px}.support-link strong,.x-row strong{font-size:17px}}@media(min-width:700px){body{padding:22px 0}main{border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 100px #000;border-radius:22px;overflow:hidden}.photo-wall{width:560px;left:50%;right:auto;transform:translateX(-50%)}.wall-row{height:230px}.hero{min-height:390px}}@media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}.wall-track{animation:none}.atmosphere video{display:none}.atmosphere{background:radial-gradient(circle at 50% 0,#2a0d09 0,transparent 44%),#050405}}
/* V7 conversion layout: tighter hero-to-support flow */
.hero{min-height:0;padding-bottom:8px}
.tagline{margin-bottom:12px}
.content{padding-top:0}
.links{margin-top:0}
@media(max-width:380px){.hero{min-height:0}}

/* V10 interaction + cleanup */
.brand{width:100%;text-align:center;letter-spacing:-.055em;white-space:nowrap}
.link-main{display:flex;align-items:center;gap:12px;min-width:0}
.site-icon{width:31px;height:31px;flex:0 0 31px;border:1px solid rgba(255,255,255,.16);border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:15px;font-weight:900;color:#fff;background:rgba(255,255,255,.055)}
.cta-label{display:flex;align-items:center;gap:9px}.cta .brand-icon{font-size:10px;border:1px solid rgba(255,255,255,.4);border-radius:6px;padding:3px 4px;letter-spacing:0}
.interactive{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}
.interactive:before{content:"";position:absolute;z-index:-1;inset:0;transform:translateX(-105%);background:linear-gradient(90deg,transparent,rgba(255,98,69,.16),rgba(255,255,255,.08),transparent);transition:transform .42s ease}
.interactive:hover:before{transform:translateX(105%)}
.support-link:hover,.x-row:hover{transform:translateX(4px);background:rgba(255,98,69,.055)}
.support-link:hover b,.x-row:hover b{color:#ff765c;transform:translateX(2px)}
.support-link b,.x-row b{transition:color .2s ease,transform .2s ease}
.cta.interactive:hover{transform:translateY(-2px);box-shadow:0 11px 32px rgba(228,59,34,.36),0 3px 18px rgba(0,0,0,.6);filter:saturate(1.08) brightness(1.04)}
@media(max-width:380px){.site-icon{width:28px;height:28px;flex-basis:28px}.link-main{gap:9px}}
/* V11 cleaner support interactions */
.site-icon,.brand-icon{display:none!important}.link-main{display:contents}.support-link,.x-row{padding-left:2px;padding-right:2px}.hover-action{position:relative;display:flex!important;align-items:center;justify-content:flex-end;width:72px;min-width:72px;height:22px;margin-left:10px!important;font-size:11px!important;letter-spacing:.08em;white-space:nowrap}.hover-action .arrow{position:absolute;right:0;opacity:1;transform:translateX(0);transition:opacity .18s ease,transform .22s ease}.hover-action .click-here{position:absolute;right:0;opacity:0;transform:translateX(8px);color:#ff765c;transition:opacity .18s ease,transform .22s ease}.support-link:hover .arrow,.x-row:hover .arrow,.telegram-dm:hover .arrow{opacity:0;transform:translateX(8px)}.support-link:hover .click-here,.x-row:hover .click-here,.telegram-dm:hover .click-here{opacity:1;transform:none}.telegram-dm{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;margin-top:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:linear-gradient(135deg,rgba(13,9,8,.86),rgba(22,11,9,.8))}.telegram-mark{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ed4028;font-size:13px;flex:0 0 29px}.telegram-dm>span:nth-child(2){flex:1}.telegram-dm strong{display:block;font-size:13px;letter-spacing:.06em}.telegram-dm small{display:block;color:var(--muted);font-size:11px;margin-top:2px}


/* ==============================
   V14 responsive conversion pass
   ============================== */
:root{
  --shell-mobile:500px;
  --shell-desktop:760px;
  --ember:rgba(255,98,69,.30);
}

/* Main shell stays phone-first, then opens up on desktop. */
main{
  width:min(100%,var(--shell-mobile));
}
.hero{
  padding:calc(18px + env(safe-area-inset-top)) 0 8px;
  min-height:0;
}
.brand{
  width:100%;
  text-align:center;
  margin-inline:auto;
  white-space:nowrap;
  font-size:clamp(34px,10.3vw,50px);
  letter-spacing:-.055em;
  transform-origin:center;
}
.tagline{
  margin:10px 0 14px;
}

/* Two clear actions above the fold. */
.primary-actions{
  display:grid;
  gap:9px;
  width:100%;
}
.hero-action{
  min-height:61px;
  justify-content:space-between;
  text-align:left;
  padding:10px 15px 10px 16px;
}
.cta-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.cta-copy strong{
  font-size:13px;
  letter-spacing:.065em;
  line-height:1.05;
}
.cta-copy small{
  margin-top:5px;
  color:rgba(255,255,255,.78);
  font-size:10.5px;
  font-weight:650;
  letter-spacing:.015em;
  line-height:1.2;
}
.cta-arrow{
  font-size:20px;
  line-height:1;
  flex:0 0 auto;
  transition:transform .22s ease;
}
.newsletter{
  color:#fff;
  background:linear-gradient(135deg,rgba(13,9,8,.92),rgba(31,14,11,.86));
  border:1px solid rgba(255,117,88,.48);
  box-shadow:0 6px 24px rgba(0,0,0,.38);
}
.newsletter:before{
  background:linear-gradient(90deg,transparent,rgba(255,98,69,.12),rgba(255,255,255,.06),transparent);
}
.pending-link{
  cursor:default;
}
.hero-action.interactive:hover .cta-arrow{
  transform:translateX(4px);
}
.primary.reveal{
  animation-name:reveal,pop-glow;
  animation-duration:.42s,1.05s;
  animation-timing-function:ease-out,ease-out;
  animation-fill-mode:forwards,forwards;
}
.newsletter.reveal{
  animation-duration:.42s;
}
@keyframes pop-glow{
  0%{box-shadow:0 7px 26px rgba(228,59,34,.27),0 2px 16px rgba(0,0,0,.55)}
  45%{box-shadow:0 13px 38px rgba(255,87,55,.46),0 3px 20px rgba(0,0,0,.58)}
  100%{box-shadow:0 7px 26px rgba(228,59,34,.27),0 2px 16px rgba(0,0,0,.55)}
}

/* Tight transition into the support area. */
.content{
  padding-top:0;
}
.links{
  margin-top:0;
}
.links>h2{
  margin-bottom:8px;
}
.support-link{
  gap:12px;
  min-height:64px;
  padding:10px 2px;
}
.support-link>span:first-child{
  min-width:0;
}
.support-link small{
  max-width:330px;
  line-height:1.25;
}

/* Make the action itself read as a button rather than a tiny arrow. */
.action-pill{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:112px;
  min-height:34px;
  margin-left:12px!important;
  padding:0 11px;
  border:1px solid rgba(255,118,92,.34);
  border-radius:999px;
  background:rgba(255,98,69,.07);
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.09em;
  white-space:nowrap;
  transition:
    transform .22s ease,
    border-color .22s ease,
    background-color .22s ease,
    box-shadow .22s ease;
}
.pill-arrow{
  font-size:15px;
  transition:transform .22s ease;
}
.support-link:hover .action-pill,
.telegram-dm:hover .action-pill{
  transform:translateX(3px);
  border-color:rgba(255,118,92,.72);
  background:rgba(255,98,69,.13);
  box-shadow:0 0 22px rgba(255,78,48,.14);
}
.support-link:hover .pill-arrow,
.telegram-dm:hover .pill-arrow{
  transform:translateX(3px);
}
.muted-pill{
  min-width:62px;
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  color:#a79d98!important;
}
.disabled{
  opacity:.50;
}

/* Telegram keeps its role but uses the same action language. */
.telegram-dm{
  gap:12px;
  padding:13px 14px;
}
.telegram-dm>span:nth-child(2){
  min-width:0;
}

/* X is now a minimal social footer link, not another support row. */
.social-mini{
  width:max-content;
  max-width:100%;
  margin:16px auto 0;
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#d7ceca;
  text-decoration:none;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  border-radius:999px;
  border:1px solid transparent;
}
.social-mini:hover{
  color:#fff;
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  transform:translateY(-1px);
}
.x-icon{
  font-size:15px;
}

/* Mobile: compact, touch-friendly, and readable with no hover dependency. */
@media(max-width:520px){
  main{
    width:100%;
    padding-left:12px;
    padding-right:12px;
  }
  .brand{
    font-size:clamp(32px,10vw,46px);
  }
  .wall-row{
    height:27svh;
    min-height:150px;
  }
  .support-link strong{
    font-size:17px;
  }
  .support-link small{
    font-size:11px;
  }
  .action-pill{
    min-width:89px;
    min-height:32px;
    padding:0 9px;
    font-size:9px!important;
    gap:6px;
  }
  .telegram-dm .action-pill{
    min-width:89px;
  }
}

/* Desktop: open the layout up and let the moving photography use the screen. */
@media(min-width:700px){
  body{
    padding:30px 0 36px;
  }
  main{
    width:min(calc(100% - 72px),var(--shell-desktop));
    padding:0 26px 24px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:24px;
    background:linear-gradient(180deg,rgba(5,4,4,.30),rgba(5,4,4,.12));
    box-shadow:0 30px 100px rgba(0,0,0,.70);
    overflow:visible;
  }
  .photo-wall{
    width:100vw;
    left:0;
    right:0;
    transform:none;
    padding:3.5vh 0;
  }
  .wall-row{
    width:100vw;
    height:29vh;
    min-height:210px;
    max-height:315px;
  }
  .wall-set{
    gap:12px;
    padding-right:12px;
  }
  .wall-set img{
    height:100%;
  }
  .hero{
    max-width:650px;
    margin:0 auto;
    padding-top:34px;
    padding-bottom:10px;
  }
  .brand{
    font-size:clamp(48px,6vw,66px);
  }
  .tagline{
    font-size:18px;
  }
  .primary-actions{
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:5px;
  }
  .hero-action{
    min-height:72px;
  }
  .content{
    max-width:680px;
    margin:0 auto;
  }
  .links{
    padding:17px 18px 9px;
  }
  .support-link{
    min-height:70px;
  }
  .support-link strong{
    font-size:20px;
  }
  .telegram-dm{
    min-height:70px;
  }
}

/* Give larger monitors a little more photographic presence. */
@media(min-width:1200px){
  main{
    width:min(calc(100% - 120px),820px);
  }
  .photo-wall{
    padding:2.5vh 0;
  }
  .wall-row{
    height:30vh;
    max-height:350px;
    opacity:.49;
  }
  .row-b{opacity:.42}
  .row-c{opacity:.47}
}

/* Motion accessibility */
@media(prefers-reduced-motion:reduce){
  .primary.reveal,
  .newsletter.reveal{
    animation:none!important;
    opacity:1;
    transform:none;
  }
  .interactive,
  .action-pill,
  .pill-arrow,
  .cta-arrow{
    transition:none!important;
  }
}


/* ==================================
   V15 conversion modal + desktop pass
   ================================== */

html.modal-open,
html.modal-open body{
  overflow:hidden;
}

.conversion-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:18px;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}

.conversion-overlay--show{
  opacity:1;
  pointer-events:auto;
}

.conversion-overlay--hidden{
  display:none;
}

.conversion-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 30%, rgba(77,22,13,.20), transparent 45%),
    rgba(3,2,2,.74);
  backdrop-filter:blur(15px) brightness(.48);
  -webkit-backdrop-filter:blur(15px) brightness(.48);
}

.conversion-card{
  position:relative;
  width:min(92vw,610px);
  border-radius:22px;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(145deg, rgba(28,14,11,.97), rgba(8,6,6,.985) 55%, rgba(20,10,8,.97));
  border:1px solid rgba(255,128,97,.30);
  box-shadow:
    0 34px 100px rgba(0,0,0,.72),
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 45px rgba(255,78,44,.10);
  transform:translateY(20px) scale(.985);
  opacity:0;
  transition:transform .46s cubic-bezier(.22,.82,.28,1), opacity .35s ease;
}

.conversion-overlay--show .conversion-card{
  transform:translateY(0) scale(1);
  opacity:1;
}

.conversion-inner{
  position:relative;
  z-index:3;
  padding:28px;
}

.conversion-kicker{
  margin:0 0 9px;
  text-align:center;
  color:#ff8a70;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}

.conversion-card h2{
  margin:0;
  text-align:center;
  font-size:clamp(28px,6vw,42px);
  line-height:.95;
  letter-spacing:-.04em;
}

.conversion-copy{
  margin:12px auto 20px;
  max-width:430px;
  text-align:center;
  color:rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.4;
}

.conversion-action{
  width:100%;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 16px;
  margin-top:10px;
  border-radius:14px;
  text-align:left;
  text-decoration:none;
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  cursor:pointer;
  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    background-color .2s ease;
}

.conversion-action span{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.conversion-action strong{
  font-size:14px;
  letter-spacing:.055em;
  line-height:1.08;
}

.conversion-action small{
  margin-top:5px;
  color:rgba(255,255,255,.73);
  font-size:11px;
  line-height:1.2;
}

.conversion-action b{
  font-size:22px;
  transition:transform .2s ease;
}

.conversion-of{
  background:
    linear-gradient(135deg, rgba(138,31,16,.93), rgba(45,14,10,.96));
  border-color:rgba(255,112,82,.60);
  box-shadow:0 12px 32px rgba(184,49,26,.20);
  animation:conversionEmberPulse 1.25s ease-out .28s 1 both;
}

.conversion-email{
  appearance:none;
  font:inherit;
  background:
    linear-gradient(135deg, rgba(25,19,18,.96), rgba(17,12,11,.96));
  border-color:rgba(255,126,96,.26);
}

.conversion-action:hover,
.conversion-action:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(255,134,103,.72);
  box-shadow:0 14px 34px rgba(0,0,0,.38), 0 0 24px rgba(255,82,45,.12);
  outline:none;
}

.conversion-action:hover b,
.conversion-action:focus-visible b{
  transform:translateX(4px);
}

@keyframes conversionEmberPulse{
  0%{box-shadow:0 12px 32px rgba(184,49,26,.20),0 0 0 rgba(255,93,56,0)}
  45%{box-shadow:0 16px 42px rgba(214,62,31,.30),0 0 30px rgba(255,93,56,.19)}
  100%{box-shadow:0 12px 32px rgba(184,49,26,.20),0 0 0 rgba(255,93,56,0)}
}

.conversion-email--pulse{
  box-shadow:0 0 0 2px rgba(255,129,100,.22),0 0 26px rgba(255,91,58,.16);
}

.conversion-continue{
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin:18px auto 0;
  padding:8px 10px;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.66);
  font:inherit;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  cursor:pointer;
  transition:color .2s ease, transform .2s ease;
}

.conversion-continue:hover,
.conversion-continue:focus-visible{
  color:#fff;
  transform:translateY(-1px);
  outline:none;
}

/* Burn layers: mask sweeps create charred edge and hot line. */
.burn-layer{
  position:absolute;
  inset:-2px;
  z-index:5;
  pointer-events:none;
  opacity:0;
}

.burn-char{
  background:
    radial-gradient(circle at 8% 25%, rgba(0,0,0,.98) 0 9%, transparent 15%),
    radial-gradient(circle at 28% 82%, rgba(0,0,0,.98) 0 11%, transparent 18%),
    radial-gradient(circle at 62% 38%, rgba(0,0,0,.98) 0 12%, transparent 20%),
    radial-gradient(circle at 88% 68%, rgba(0,0,0,.98) 0 12%, transparent 20%),
    linear-gradient(90deg, rgba(0,0,0,.98), rgba(0,0,0,.96));
  mix-blend-mode:multiply;
  clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);
}

.burn-glow{
  background:
    linear-gradient(90deg,
      transparent 0,
      rgba(255,214,130,0) 44%,
      rgba(255,202,95,.98) 48%,
      rgba(255,91,32,.98) 50%,
      rgba(120,25,8,.95) 53%,
      transparent 58%);
  filter:blur(.35px) drop-shadow(0 0 10px rgba(255,85,32,.9));
  transform:translateX(-110%);
}

.conversion-card.burning{
  animation:burnCard 920ms cubic-bezier(.42,0,.65,1) forwards;
}

.conversion-card.burning .conversion-inner{
  animation:burnContent 760ms ease forwards;
}

.conversion-card.burning .burn-char{
  opacity:1;
  animation:charSweep 900ms cubic-bezier(.34,.02,.8,.35) forwards;
}

.conversion-card.burning .burn-glow{
  opacity:1;
  animation:glowSweep 820ms linear forwards;
}

@keyframes burnContent{
  0%{opacity:1;filter:none}
  35%{opacity:.92;filter:brightness(.92)}
  70%{opacity:.38;filter:brightness(.55) contrast(1.3)}
  100%{opacity:0;filter:brightness(.2)}
}

@keyframes charSweep{
  0%{clip-path:polygon(0 0, 0 0, 0 100%, 0 100%)}
  26%{clip-path:polygon(0 0, 24% 0, 16% 18%, 30% 35%, 18% 58%, 27% 77%, 14% 100%, 0 100%)}
  54%{clip-path:polygon(0 0, 58% 0, 48% 15%, 63% 33%, 52% 53%, 66% 72%, 52% 100%, 0 100%)}
  78%{clip-path:polygon(0 0, 86% 0, 78% 13%, 92% 31%, 80% 52%, 94% 75%, 82% 100%, 0 100%)}
  100%{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
}

@keyframes glowSweep{
  0%{transform:translateX(-110%);opacity:0}
  8%{opacity:1}
  84%{opacity:1}
  100%{transform:translateX(110%);opacity:0}
}

@keyframes burnCard{
  0%{
    transform:translateY(0) scale(1);
    filter:none;
    border-radius:22px;
  }
  62%{
    transform:translateY(-2px) scale(.995);
    filter:contrast(1.08) saturate(.88);
  }
  100%{
    transform:translateY(7px) scale(.975);
    opacity:0;
    filter:brightness(.28) saturate(.55);
  }
}

/* Ember flecks released by the burn. */
.ember-particles{
  position:absolute;
  inset:0;
  z-index:7;
  pointer-events:none;
  overflow:visible;
}

.ember-particles i{
  position:absolute;
  left:50%;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#ff7a45;
  box-shadow:0 0 8px rgba(255,100,54,.9);
  opacity:0;
}

.burning .ember-particles i{
  animation:emberFly 820ms ease-out forwards;
}

.ember-particles i:nth-child(1){--x:-210px;--y:-130px;animation-delay:60ms}
.ember-particles i:nth-child(2){--x:-150px;--y:-190px;animation-delay:120ms}
.ember-particles i:nth-child(3){--x:-80px;--y:-165px;animation-delay:200ms}
.ember-particles i:nth-child(4){--x:20px;--y:-210px;animation-delay:110ms}
.ember-particles i:nth-child(5){--x:120px;--y:-175px;animation-delay:240ms}
.ember-particles i:nth-child(6){--x:205px;--y:-125px;animation-delay:170ms}
.ember-particles i:nth-child(7){--x:-190px;--y:-40px;animation-delay:260ms}
.ember-particles i:nth-child(8){--x:175px;--y:-55px;animation-delay:300ms}
.ember-particles i:nth-child(9){--x:-55px;--y:-235px;animation-delay:330ms}
.ember-particles i:nth-child(10){--x:80px;--y:-225px;animation-delay:370ms}

@keyframes emberFly{
  0%{transform:translate(0,0) scale(.35);opacity:0}
  18%{opacity:1}
  100%{transform:translate(var(--x),var(--y)) scale(.1);opacity:0}
}

/* Desktop experience: intentionally larger, not just stretched mobile. */
@media(min-width:900px){
  main{
    width:min(calc(100% - 100px),980px)!important;
    padding:0 38px 34px!important;
    border-radius:28px!important;
  }

  .hero{
    max-width:840px!important;
    padding-top:46px!important;
    padding-bottom:16px!important;
  }

  .eyebrow{
    font-size:13px!important;
    letter-spacing:.22em!important;
  }

  .brand{
    font-size:clamp(64px,7vw,94px)!important;
    letter-spacing:-.06em!important;
  }

  .tagline{
    margin-top:13px!important;
    margin-bottom:22px!important;
    font-size:22px!important;
  }

  .primary-actions{
    grid-template-columns:1fr 1fr!important;
    gap:16px!important;
  }

  .hero-action{
    min-height:88px!important;
    padding:15px 20px!important;
  }

  .cta-copy strong{
    font-size:17px!important;
  }

  .cta-copy small{
    font-size:12px!important;
    margin-top:7px!important;
  }

  .cta-arrow{
    font-size:26px!important;
  }

  .content{
    max-width:830px!important;
  }

  .links{
    padding:20px 22px 10px!important;
  }

  .links>h2{
    font-size:13px!important;
    letter-spacing:.16em!important;
    margin-bottom:10px!important;
  }

  .support-link{
    min-height:82px!important;
    padding:13px 3px!important;
  }

  .support-link strong{
    font-size:22px!important;
  }

  .support-link small{
    font-size:12.5px!important;
    max-width:470px!important;
  }

  .action-pill{
    min-width:128px!important;
    min-height:38px!important;
    font-size:10.5px!important;
  }

  .telegram-dm{
    min-height:82px!important;
    padding:16px 18px!important;
  }

  .conversion-card{
    width:min(620px,86vw);
  }

  .conversion-inner{
    padding:34px;
  }

  .conversion-action{
    min-height:78px;
    padding:15px 18px;
  }

  .conversion-action strong{
    font-size:15.5px;
  }

  .conversion-action small{
    font-size:11.5px;
  }
}

/* Mobile remains condensed and touch friendly. */
@media(max-width:520px){
  .conversion-overlay{
    padding:12px;
    align-items:center;
  }

  .conversion-card{
    width:min(100%,460px);
    border-radius:18px;
  }

  .conversion-inner{
    padding:22px 17px 18px;
  }

  .conversion-card h2{
    font-size:clamp(28px,9vw,38px);
  }

  .conversion-copy{
    margin-bottom:15px;
    font-size:12.5px;
  }

  .conversion-action{
    min-height:66px;
    padding:11px 13px;
  }

  .conversion-action strong{
    font-size:12.5px;
  }

  .conversion-action small{
    font-size:10px;
  }

  .conversion-action b{
    font-size:19px;
  }

  .conversion-continue{
    margin-top:14px;
    font-size:10.5px;
  }

  /* Fewer embers visible on mobile for smoother performance. */
  .ember-particles i:nth-child(n+7){
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .conversion-card,
  .conversion-action,
  .conversion-continue,
  .burn-layer,
  .ember-particles i{
    animation:none!important;
    transition:none!important;
  }

  .conversion-overlay--show .conversion-card{
    opacity:1;
    transform:none;
  }
}


/* ========================================
   V16 cinematic video welcome experience
   ======================================== */

/* Fix the desktop wordmark alignment seen in the reference screenshot. */
.brand{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:.035em;
  padding-right:.035em;
  text-align:center!important;
  white-space:nowrap;
  box-sizing:border-box;
}
@media(min-width:900px){
  .brand{
    font-size:clamp(56px,6.1vw,84px)!important;
    letter-spacing:-.050em!important;
  }
}

.video-conversion{padding:14px}
.video-conversion .conversion-backdrop{
  background:radial-gradient(circle at 50% 34%,rgba(98,27,15,.13),transparent 48%),rgba(2,2,2,.80);
  backdrop-filter:blur(12px) brightness(.46);
  -webkit-backdrop-filter:blur(12px) brightness(.46);
}
.video-modal{
  position:relative;
  width:min(94vw,760px);
  height:min(88vh,760px);
  min-height:560px;
  overflow:hidden;
  border-radius:24px;
  background:#0b0605;
  border:1px solid rgba(255,133,100,.30);
  box-shadow:0 36px 110px rgba(0,0,0,.78),0 0 44px rgba(255,74,40,.10);
  opacity:0;
  transform:translateY(22px) scale(.975);
  transition:opacity .42s ease,transform .52s cubic-bezier(.2,.82,.22,1),filter .48s ease;
}
.conversion-overlay--show .video-modal{opacity:1;transform:translateY(0) scale(1)}
.video-modal-media{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.01)
}
.video-modal-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.16) 28%,rgba(0,0,0,.50) 58%,rgba(4,2,2,.90) 100%)
}
.video-modal-vignette{
  position:absolute;inset:0;box-shadow:inset 0 0 120px rgba(0,0,0,.54);
  background:radial-gradient(circle at 50% 36%,transparent 0 34%,rgba(0,0,0,.10) 62%,rgba(0,0,0,.42) 100%)
}
.video-modal-content{
  position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;
  text-shadow:0 2px 16px rgba(0,0,0,.62)
}
.video-modal .conversion-kicker,.video-modal h2,.video-modal .conversion-copy,.video-modal .video-modal-actions,.video-modal .conversion-continue{
  opacity:0;transform:translateY(12px)
}
.conversion-overlay--show .video-modal .conversion-kicker{animation:videoModalReveal .42s ease .12s forwards}
.conversion-overlay--show .video-modal h2{animation:videoModalReveal .45s ease .20s forwards}
.conversion-overlay--show .video-modal .conversion-copy{animation:videoModalReveal .45s ease .28s forwards}
.conversion-overlay--show .video-modal .video-modal-actions{animation:videoModalReveal .50s ease .37s forwards}
.conversion-overlay--show .video-modal .conversion-continue{animation:videoModalReveal .45s ease .48s forwards}
@keyframes videoModalReveal{to{opacity:1;transform:translateY(0)}}
.video-modal .conversion-kicker{margin:0 0 7px;color:#ff9279;font-size:11px;font-weight:900;letter-spacing:.17em;text-align:left}
.video-modal h2{margin:0;max-width:620px;font-size:clamp(36px,7vw,62px);line-height:.90;letter-spacing:-.045em;text-align:left}
.video-modal .conversion-copy{margin:12px 0 17px;max-width:500px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.35;text-align:left}
.video-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.video-modal .conversion-action{min-height:76px;margin-top:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.video-modal .conversion-of{
  background:linear-gradient(135deg,rgba(185,48,27,.94),rgba(85,24,16,.91));
  border-color:rgba(255,125,91,.78);box-shadow:0 12px 34px rgba(161,43,24,.30),0 0 26px rgba(255,80,43,.12)
}
.video-modal .conversion-email{background:rgba(12,8,8,.70);border-color:rgba(255,255,255,.19)}
.video-modal .conversion-continue{color:rgba(255,255,255,.70);margin-top:15px;text-shadow:0 2px 9px rgba(0,0,0,.55)}
.video-modal--closing{opacity:0!important;transform:translateY(8px) scale(.965)!important;filter:blur(4px) brightness(.65)}
.video-overlay--closing .conversion-backdrop{opacity:0;transition:opacity .48s ease}

/* Desktop: wide, cinematic split presentation. */
@media(min-width:800px){
  .video-modal{width:min(88vw,980px);height:min(78vh,680px);min-height:560px}
  .video-modal-media{width:54%;left:auto;right:0;object-position:center 40%}
  .video-modal-shade{
    background:linear-gradient(90deg,rgba(5,3,3,.99) 0%,rgba(8,4,4,.94) 36%,rgba(8,4,4,.52) 58%,rgba(0,0,0,.08) 100%),
               linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.05) 48%,rgba(0,0,0,.70) 100%)
  }
  .video-modal-vignette{background:radial-gradient(circle at 75% 38%,transparent 0 24%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.46) 100%)}
  .video-modal-content{width:58%;justify-content:center;padding:44px}
  .video-modal-actions{grid-template-columns:1fr;max-width:460px}
  .video-modal .conversion-action{min-height:78px}
  .video-modal .conversion-continue{margin-left:0;margin-right:0}
}

/* Mobile: story-like full screen, optimized for vertical source video. */
@media(max-width:520px){
  .video-conversion{padding:8px}
  .video-modal{width:100%;height:calc(100svh - 16px);min-height:0;border-radius:20px}
  .video-modal-media{object-position:center 38%}
  .video-modal-content{padding:20px 17px calc(19px + env(safe-area-inset-bottom))}
  .video-modal .conversion-kicker{font-size:9.5px}
  .video-modal h2{font-size:clamp(34px,10.5vw,47px)}
  .video-modal .conversion-copy{margin:9px 0 13px;font-size:12.5px}
  .video-modal-actions{grid-template-columns:1fr;gap:8px}
  .video-modal .conversion-action{min-height:64px;padding:11px 13px}
  .video-modal .conversion-action strong{font-size:12.5px}
  .video-modal .conversion-action small{font-size:10px}
  .video-modal .conversion-continue{margin-top:11px;font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  .video-modal,.video-modal .conversion-kicker,.video-modal h2,.video-modal .conversion-copy,.video-modal .video-modal-actions,.video-modal .conversion-continue{
    animation:none!important;transition:none!important;opacity:1!important;transform:none!important
  }
}


/* =============================================
   V17: conversion copy + branded action styling
   ============================================= */

/* Main wordmark: SCORCHINHEAT white, .COM ember red/orange. */
.brand .brand-main{
  color:#fffaf7!important;
}
.brand .brand-dotcom,
.conversion-accent{
  color:var(--red2)!important;
  background:linear-gradient(135deg,var(--red),var(--red2));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.conversion-white{
  color:#fff!important;
  -webkit-text-fill-color:#fff;
}

/* Avoid old generic .brand span rules overriding the two-part wordmark. */
.brand span{
  display:inline;
}
.brand .brand-main{
  -webkit-text-fill-color:#fff;
}

/* Pop-up title and copy hierarchy. */
.video-modal h2 .conversion-accent{
  display:inline;
}
.video-modal h2 .conversion-white{
  display:inline;
}

.conversion-action-copy{
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
}

/* CTA pills make the desired action explicit rather than relying on an arrow. */
.conversion-action-pill,
.hero-action-pill{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.30);
  background:rgba(255,255,255,.09);
  color:#fff!important;
  font-size:9.5px!important;
  font-weight:900!important;
  letter-spacing:.075em;
  white-space:nowrap;
  text-shadow:none;
  transition:
    transform .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.conversion-of .conversion-action-pill,
.primary .hero-action-pill{
  border-color:rgba(255,210,194,.44);
  background:rgba(255,255,255,.13);
}

.email-pill{
  border-color:rgba(255,126,96,.30);
  background:rgba(255,86,51,.07);
}

.conversion-action:hover .conversion-action-pill,
.hero-action:hover .hero-action-pill,
.hero-action:focus-visible .hero-action-pill{
  transform:translateX(3px);
  border-color:rgba(255,255,255,.62);
  background:rgba(255,255,255,.16);
  box-shadow:0 0 20px rgba(255,92,54,.12);
}

/* Main-page CTAs are copy-led and more useful than generic buttons. */
.hero-action{
  text-align:left;
  justify-content:space-between!important;
  gap:14px!important;
  border:0;
  font-family:inherit;
  cursor:pointer;
}
.hero-action .cta-copy{
  flex:1;
  min-width:0;
}
.hero-action .cta-copy strong{
  line-height:1.08;
}
.hero-action .cta-copy small{
  line-height:1.25;
}

/* Let the longer conversion copy breathe without making the modal feel heavy. */
.video-modal .conversion-action{
  gap:13px;
}
.video-modal .conversion-action small{
  max-width:360px;
  line-height:1.28;
}

/* Slightly stronger visual payoff for the first, highest-value action. */
.video-modal .conversion-of,
.primary{
  box-shadow:
    0 12px 34px rgba(161,43,24,.30),
    0 0 30px rgba(255,80,43,.13);
}
.video-modal .conversion-of:hover,
.primary:hover{
  box-shadow:
    0 15px 40px rgba(185,48,27,.34),
    0 0 34px rgba(255,92,54,.18);
}

/* Mobile: preserve fast scanning and full-width tap targets. */
@media(max-width:520px){
  .video-modal .conversion-action{
    align-items:center;
    gap:9px;
  }

  .video-modal .conversion-action small{
    max-width:230px;
    line-height:1.2;
  }

  .conversion-action-pill,
  .hero-action-pill{
    min-height:31px;
    padding:0 9px;
    font-size:8.5px!important;
    letter-spacing:.055em;
  }

  .video-modal h2{
    line-height:.92;
  }

  .hero-action{
    min-height:70px!important;
    padding:10px 12px!important;
  }

  .hero-action .cta-copy strong{
    font-size:12.25px!important;
  }

  .hero-action .cta-copy small{
    font-size:9.75px!important;
  }

  .hero-action .hero-action-pill{
    max-width:92px;
  }

  .hero-action .email-pill{
    max-width:104px;
  }
}

/* Desktop: larger action labels are easier to scan from the Twitter-to-site flow. */
@media(min-width:900px){
  .video-modal .conversion-action{
    min-height:88px!important;
  }

  .video-modal .conversion-action strong{
    font-size:16px!important;
  }

  .video-modal .conversion-action small{
    font-size:12px!important;
  }

  .conversion-action-pill{
    min-height:38px;
    padding:0 13px;
    font-size:10px!important;
  }

  .hero-action{
    min-height:96px!important;
  }

  .hero-action .cta-copy strong{
    font-size:16px!important;
  }

  .hero-action .cta-copy small{
    font-size:11.5px!important;
  }

  .hero-action-pill{
    min-height:38px;
    padding:0 13px;
    font-size:10px!important;
  }
}


/* ==========================================
   V20: brighter brand accent + CTA type sync
   ========================================== */

/* Keep .COM and GET MORE in the same bright ember family.
   This replaces the darker red/brown-looking gradient. */
.brand .brand-dotcom,
.conversion-accent{
  color:#FF5A3F!important;
  background:linear-gradient(135deg,#FF4B32 0%,#FF7252 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* Match "ANY SPECIAL REQUESTS?" to the primary support-link heading size. */
.telegram-dm strong{
  font-size:19px!important;
  line-height:1.05!important;
  letter-spacing:-.02em!important;
  font-weight:850!important;
}

@media(max-width:520px){
  .telegram-dm strong{
    font-size:17px!important;
  }
}

@media(min-width:700px){
  .telegram-dm strong{
    font-size:20px!important;
  }
}

@media(min-width:900px){
  .telegram-dm strong{
    font-size:22px!important;
  }
}


/* ==========================================
   V21: .COM exact bright CTA color treatment
   ========================================== */

.brand .brand-dotcom{
  color:#FF5A43!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#FF5A43!important;
  text-shadow:0 3px 22px #000!important;
}

/* =========================================================
   LAUNCH HOMEPAGE — 2026-10-01
   Keeps the V21 modal + drawer, updates the homepage shell.
   ========================================================= */
html{scroll-behavior:smooth;scroll-padding-top:18px}
body{padding:0!important}
main.site-shell{
  position:relative;
  z-index:2;
  width:min(calc(100% - 48px),1180px)!important;
  min-height:100svh;
  margin:0 auto!important;
  padding:38px 0 30px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.site-header{text-align:center;padding:7px 18px 20px}
.site-header .eyebrow{font-size:13px;letter-spacing:.32em;margin:0 0 11px;color:#eee7e3;font-weight:650}
.site-header .brand{
  margin:0 auto!important;
  max-width:1100px;
  font-size:clamp(52px,7.3vw,98px)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-shadow:0 6px 28px rgba(0,0,0,.86)!important;
}
.brand-main{color:#fff!important}
.brand-dotcom{color:#ff5b43!important;text-shadow:0 0 20px rgba(255,73,46,.18)}
.site-header .tagline{font-size:clamp(20px,2.2vw,30px);margin:13px 0 8px;color:#f0e8e3}
.brand-deck{max-width:720px;margin:0 auto;color:rgba(255,255,255,.85);font-size:clamp(13px,1.3vw,17px);line-height:1.4;text-shadow:0 2px 12px #000}

.launch-banner{
  position:relative;
  min-height:300px;
  margin:0 0 15px;
  border:1px solid rgba(255,92,62,.86);
  border-radius:22px;
  overflow:hidden;
  background:#080504;
  box-shadow:0 15px 50px rgba(0,0,0,.44),inset 0 0 35px rgba(255,68,36,.08);
  isolation:isolate;
}
.launch-photo{position:absolute;inset:0 0 0 auto;width:66%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(1.02) contrast(1.02) brightness(.92)}
.launch-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090504 0%,rgba(9,5,4,.98) 30%,rgba(9,5,4,.76) 51%,rgba(9,5,4,.16) 78%,rgba(9,5,4,.06) 100%),linear-gradient(0deg,rgba(0,0,0,.18),transparent 58%);z-index:1}
.launch-copy{position:relative;z-index:3;width:59%;padding:34px 36px 32px;text-align:left}
.launch-kicker{margin:0 0 8px;color:#ff654d;font-size:13px;font-weight:950;letter-spacing:.20em}
.launch-copy h2{margin:0;font-size:clamp(31px,4vw,52px);line-height:.94;letter-spacing:-.045em;font-weight:950;text-shadow:0 3px 18px #000}
.launch-copy h2 span{color:#ff5b43}
.launch-subhead{font-family:Georgia,serif;font-style:italic;margin:8px 0 6px;font-size:clamp(20px,2.2vw,29px);color:#f3e9e3}
.launch-description{margin:0 0 20px;max-width:630px;color:rgba(255,255,255,.84);font-size:14px;line-height:1.35}
.launch-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:228px;min-height:50px;padding:0 22px;border-radius:999px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#f33e26,#ff6b4c);border:1px solid rgba(255,180,162,.58);box-shadow:0 0 0 1px rgba(255,72,42,.12),0 8px 26px rgba(234,48,24,.36);font-size:13px;font-weight:950;letter-spacing:.075em;transition:transform .2s ease,box-shadow .2s ease}
.launch-button:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,113,84,.26),0 10px 34px rgba(255,61,33,.46)}

.ember-layer,.card-embers{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
.ember-layer i,.card-embers i{position:absolute;display:block;width:4px;height:4px;border-radius:50%;background:#ff6849;box-shadow:0 0 7px #ff4a2b,0 0 14px rgba(255,104,73,.74);opacity:0;animation:ember-rise 5.8s linear infinite}
.ember-layer i:nth-child(1){left:4%;bottom:5%;animation-delay:-1.1s}.ember-layer i:nth-child(2){left:14%;bottom:1%;animation-delay:-3.7s;width:3px;height:3px}.ember-layer i:nth-child(3){left:34%;bottom:8%;animation-delay:-4.8s}.ember-layer i:nth-child(4){left:48%;bottom:-1%;animation-delay:-2.2s;width:2px;height:2px}.ember-layer i:nth-child(5){left:66%;bottom:3%;animation-delay:-5.2s}.ember-layer i:nth-child(6){left:79%;bottom:0;animation-delay:-.4s;width:3px;height:3px}.ember-layer i:nth-child(7){left:89%;bottom:4%;animation-delay:-3.1s}.ember-layer i:nth-child(8){left:57%;bottom:2%;animation-delay:-1.8s;width:2px;height:2px}
@keyframes ember-rise{0%{transform:translate3d(0,20px,0) scale(.65);opacity:0}12%{opacity:.9}55%{opacity:.6}100%{transform:translate3d(24px,-260px,0) scale(1.2);opacity:0}}

.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;scroll-margin-top:20px}
.action-card{
  position:relative;
  min-height:188px;
  padding:24px 20px 18px;
  display:grid;
  grid-template-columns:50px 1fr;
  grid-template-rows:1fr auto;
  column-gap:15px;
  align-items:start;
  color:#fff;
  text-decoration:none;
  text-align:left;
  border:1px solid rgba(255,105,78,.62);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(18,10,9,.94),rgba(29,13,10,.89));
  box-shadow:0 13px 34px rgba(0,0,0,.42);
  overflow:hidden;
  isolation:isolate;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
  font:inherit;
  cursor:pointer;
}
.action-card:hover{transform:translateY(-3px);border-color:rgba(255,119,92,.9);box-shadow:0 17px 38px rgba(0,0,0,.52),0 0 24px rgba(255,77,45,.10)}
.onlyfans-card{background:linear-gradient(145deg,#f13d25 0%,#ff6549 73%,#ff745a 100%);border-color:rgba(255,195,183,.64);box-shadow:0 14px 36px rgba(238,56,31,.34),0 0 30px rgba(255,74,43,.10)}
.onlyfans-card:after{content:"";position:absolute;inset:-2px;border-radius:18px;border:2px solid rgba(255,112,80,.18);box-shadow:0 0 16px rgba(255,83,52,.22),inset 0 0 14px rgba(255,255,255,.08);animation:of-glow 5.2s ease-in-out infinite;pointer-events:none}
.onlyfans-card:before{content:"";position:absolute;z-index:4;top:-45%;left:-60%;width:45%;height:190%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(255,255,255,.65),rgba(255,255,255,.06),transparent);filter:blur(.2px);animation:of-shimmer 5.2s ease-in-out infinite;pointer-events:none}
@keyframes of-glow{0%,70%,100%{box-shadow:0 0 14px rgba(255,82,50,.16),inset 0 0 10px rgba(255,255,255,.06)}78%{box-shadow:0 0 28px rgba(255,104,71,.68),0 0 48px rgba(255,55,27,.20),inset 0 0 16px rgba(255,255,255,.14)}87%{box-shadow:0 0 18px rgba(255,82,50,.28),inset 0 0 10px rgba(255,255,255,.08)}}
@keyframes of-shimmer{0%,69%{left:-60%;opacity:0}72%{opacity:.95}87%{left:125%;opacity:.85}89%,100%{left:125%;opacity:0}}
.card-embers i{width:3px;height:3px;animation-duration:4.8s}.card-embers i:nth-child(1){left:6%;bottom:0;animation-delay:-.2s}.card-embers i:nth-child(2){left:23%;bottom:1%;animation-delay:-2.8s}.card-embers i:nth-child(3){left:54%;bottom:0;animation-delay:-4s}.card-embers i:nth-child(4){left:77%;bottom:2%;animation-delay:-1.6s}.card-embers i:nth-child(5){left:92%;bottom:0;animation-delay:-3.4s}
.platform-icon{position:relative;z-index:5;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;font-size:17px;font-weight:950;align-self:start;box-shadow:0 4px 14px rgba(0,0,0,.23)}
.onlyfans-icon{color:#159bd2;background:#fff;letter-spacing:-.08em}
.mail-icon{color:#ff5b43;background:rgba(255,255,255,.06);border:2px solid #ff654b;border-radius:11px;font-size:24px}
.telegram-icon{color:#fff;background:#28a8e9;font-size:21px}
.action-copy{position:relative;z-index:5;min-width:0;align-self:start}
.action-copy strong{display:block;font-size:clamp(16px,1.55vw,20px);line-height:1.02;letter-spacing:-.025em;font-weight:950}
.action-copy small{display:block;margin-top:7px;color:rgba(255,255,255,.80);font-size:12px;line-height:1.25}
.action-card .action-pill{position:relative;z-index:5;grid-column:1/-1;justify-self:end;display:inline-flex!important;align-items:center;gap:9px;min-width:143px;min-height:41px;margin:16px 0 0!important;padding:0 17px;border:1px solid rgba(255,112,85,.66);border-radius:999px;background:rgba(255,70,42,.05);color:#fff!important;font-size:10px!important;font-weight:950!important;letter-spacing:.075em;white-space:nowrap}
.onlyfans-card .action-pill{border-color:rgba(255,255,255,.68);background:rgba(255,255,255,.05)}
.action-card:hover .action-pill{background:rgba(255,84,54,.12);transform:translateX(2px)}
.onlyfans-card:hover .action-pill{background:rgba(255,255,255,.10)}
.action-pill b,.support-pill b{font-size:16px;font-weight:600;transition:transform .2s ease}.action-card:hover .action-pill b,.support-item:hover .support-pill b,.request-card:hover .support-pill b{transform:translateX(3px)}

.glass-panel{margin-top:18px;padding:20px 22px 8px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(145deg,rgba(8,6,6,.88),rgba(17,9,8,.76));box-shadow:0 16px 44px rgba(0,0,0,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.section-heading{display:flex;align-items:center;gap:18px;padding:0 2px 14px}
.section-heading h2{margin:0;white-space:nowrap;font-size:14px;letter-spacing:.20em;font-weight:750;color:#ece4e0}
.section-heading h2 span{color:#ff664e}
.section-heading div{height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.65),rgba(255,255,255,.10))}
.support-list{border-top:1px solid rgba(255,255,255,.10)}
.support-item,.request-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:15px;align-items:center;min-height:88px;padding:12px 8px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.13);transition:background .2s ease,transform .2s ease}
.support-item:last-child{border-bottom:0}.support-item:hover,.request-card:hover{background:rgba(255,86,55,.045);transform:translateX(3px)}
.support-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;font-size:26px;font-weight:950}
.drawer-icon{color:#ff6148;border:2px solid #ff6148;background:rgba(255,79,49,.06);font-size:32px;transform:rotate(0deg)}
.kofi-icon{color:#ff4b35;background:#fff;font-size:24px;border-radius:11px}
.paypal-icon{color:#fff;background:#1769cf;font-family:Arial,sans-serif;font-style:italic;font-size:28px}
.amazon-icon{color:#fff;background:#111;font-family:Georgia,serif;font-size:34px;box-shadow:inset 0 -4px 0 #ff9900}
.request-icon{color:#fff;background:#f65038;border-radius:50%;font-size:20px}
.support-copy{min-width:0}.support-copy strong{display:block;font-size:clamp(17px,1.7vw,22px);line-height:1.03;font-weight:950;letter-spacing:-.025em}.support-copy small{display:block;margin-top:5px;color:#cfc4bf;font-size:12.5px;line-height:1.3}
.support-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:144px;min-height:40px;padding:0 16px;border:1px solid rgba(255,103,76,.62);border-radius:999px;background:rgba(255,76,47,.04);font-size:10px;font-weight:950;letter-spacing:.075em;white-space:nowrap;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.support-item:hover .support-pill,.request-card:hover .support-pill{background:rgba(255,83,51,.10);border-color:rgba(255,122,96,.90)}
.request-panel{padding-bottom:14px}
.request-card{border:1px solid rgba(255,106,79,.38);border-radius:14px;background:linear-gradient(135deg,rgba(24,11,9,.62),rgba(10,7,7,.72));padding:13px 16px;min-height:92px}
.site-footer{text-align:center;padding:30px 0 8px;text-shadow:0 2px 8px #000}
.site-footer a{display:inline-flex;gap:9px;align-items:center;color:#fff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.04em}.site-footer a span{font-size:17px}.site-footer p{margin:9px 0 0;color:#b6aaa4;font-size:10px;letter-spacing:.18em}

/* Larger background footprint on desktop for the editorial collage feel. */
@media(min-width:700px){
  .photo-wall{width:100vw!important;left:0!important;right:0!important;transform:none!important;padding:2.5vh 0!important}
  .wall-row{width:100vw!important;height:31vh!important;min-height:235px!important;max-height:365px!important;opacity:.46!important}
  .row-b{opacity:.39!important}.row-c{opacity:.44!important}
  .wall-set{gap:12px!important;padding-right:12px!important}
}

@media(max-width:900px){
  main.site-shell{width:min(calc(100% - 28px),760px)!important;padding-top:24px!important}
  .site-header .brand{font-size:clamp(44px,10.4vw,72px)!important}
  .launch-banner{min-height:330px}
  .launch-photo{width:75%}.launch-copy{width:68%;padding:31px 28px}
  .action-grid{grid-template-columns:1fr}
  .action-card{min-height:118px;grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:1fr;padding:18px 17px;align-items:center}
  .platform-icon{width:46px;height:46px}
  .action-card .action-pill{grid-column:auto;align-self:center;margin:0!important;min-width:128px}
}

@media(max-width:620px){
  main.site-shell{width:100%!important;padding:20px 12px 24px!important}
  .site-header{padding:6px 2px 16px}.site-header .eyebrow{font-size:10px;margin-bottom:7px}.site-header .brand{font-size:clamp(31px,10vw,49px)!important}.site-header .tagline{font-size:17px;margin:9px 0 6px}.brand-deck{font-size:11px;max-width:420px}
  .launch-banner{min-height:360px;border-radius:17px}.launch-photo{width:100%;height:100%;object-position:61% 43%;filter:brightness(.78) saturate(1.03)}.launch-shade{background:linear-gradient(90deg,rgba(7,4,4,.97) 0%,rgba(7,4,4,.86) 54%,rgba(7,4,4,.23) 100%),linear-gradient(0deg,rgba(0,0,0,.23),transparent)}.launch-copy{width:82%;padding:28px 20px 24px}.launch-kicker{font-size:10px}.launch-copy h2{font-size:31px}.launch-subhead{font-size:19px}.launch-description{font-size:11.5px;max-width:335px;margin-bottom:17px}.launch-button{min-width:190px;min-height:46px;font-size:11px}
  .action-grid{gap:9px}.action-card{grid-template-columns:43px minmax(0,1fr);grid-template-rows:auto auto;min-height:145px;padding:17px 15px 14px;column-gap:12px}.platform-icon{width:43px;height:43px;font-size:15px}.mail-icon{font-size:21px}.telegram-icon{font-size:18px}.action-copy strong{font-size:16px}.action-copy small{font-size:10.5px}.action-card .action-pill{grid-column:1/-1;justify-self:end;margin:12px 0 0!important;min-width:116px;min-height:35px;font-size:9px!important;padding:0 12px}
  .glass-panel{padding:16px 13px 7px;border-radius:15px}.section-heading{gap:11px;padding-bottom:11px}.section-heading h2{font-size:10px;letter-spacing:.14em}.support-item,.request-card{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;min-height:79px;padding:10px 3px}.support-icon{width:39px;height:39px;font-size:21px}.drawer-icon{font-size:27px}.amazon-icon{font-size:29px}.support-copy strong{font-size:15px}.support-copy small{font-size:10.5px}.support-pill{min-width:88px;min-height:33px;padding:0 9px;font-size:8px;gap:5px}.support-pill b{font-size:13px}.request-card{padding:11px 8px}.request-card .support-copy small{max-width:245px}
  .site-footer{padding-top:23px}
}

@media(max-width:420px){
  .site-header .brand{font-size:9.55vw!important}
  .launch-copy{width:91%}
  .support-item,.request-card{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto}.support-pill{grid-column:1/-1;justify-self:end;margin-top:-1px}.support-icon{width:36px;height:36px}.support-copy strong{font-size:14.5px}.support-copy small{font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ember-layer i,.card-embers i,.onlyfans-card:after,.onlyfans-card:before{animation:none!important}
}


/* ==========================================
   2026-10-01 launch revision notes
   ========================================== */

/* Carousel: more consistent tiles, with gentler cropping for the few landscape shots. */
.photo-wall .wall-set{align-items:stretch}
.photo-wall .wall-set img{
  width:clamp(122px,16.8vw,198px) !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center 24% !important;
  border-radius:10px;
}
.photo-wall .wall-set img.ticker-wide{
  width:clamp(180px,26vw,316px) !important;
}
.photo-wall .wall-set img.ticker-26{object-position:58% 42% !important}
.photo-wall .wall-set img.ticker-27{object-position:52% 24% !important}
.photo-wall .wall-set img.ticker-30{object-position:48% 31% !important}
.photo-wall .wall-set img.ticker-33{object-position:50% 30% !important}

/* Launch banner copy refinements. */
.launch-subhead{max-width:520px}
.launch-description{font-size:15px;max-width:560px}

/* Main button subtext just a touch larger. */
.action-copy small{font-size:13px;line-height:1.3}
.support-copy small{font-size:13.5px;line-height:1.32}
.video-modal .conversion-action small{font-size:12.6px;line-height:1.3}

/* Telegram plane styling. */
.telegram-icon svg,.request-icon svg,.conversion-platform-icon svg,.drawer-icon svg{display:block;width:62%;height:62%}
.telegram-icon svg,.request-icon svg{transform:translateX(1px) rotate(-7deg)}
.request-icon svg{width:56%;height:56%}

/* Drawer icon becomes a square badge with mocked underwear + socks. */
.drawer-icon{
  color:#ff6a51;
  border:2px solid rgba(255,101,75,.90);
  background:rgba(255,84,54,.06);
  border-radius:14px;
  font-size:0;
  padding:5px;
}
.drawer-icon svg{width:100%;height:100%}

/* Slightly bigger support panel action pills for readability. */
.support-pill{font-size:10.5px;min-width:152px;min-height:42px}
.action-card .action-pill{font-size:10.5px !important;min-width:150px;min-height:42px}

/* Popup uses the same visual family as the featured banner. */
.video-modal{
  border-color:rgba(255,100,72,.72);
  box-shadow:0 34px 110px rgba(0,0,0,.78),0 0 44px rgba(255,88,54,.14),inset 0 0 30px rgba(255,74,44,.08);
}
.video-modal-shade{
  background:linear-gradient(90deg,rgba(7,4,4,.98) 0%,rgba(7,4,4,.95) 33%,rgba(7,4,4,.63) 56%,rgba(7,4,4,.14) 100%),linear-gradient(0deg,rgba(0,0,0,.26),transparent 62%);
}
.video-modal-vignette{
  box-shadow:inset 0 0 120px rgba(0,0,0,.50);
  background:radial-gradient(circle at 72% 36%,transparent 0 24%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.42) 100%);
}
.video-modal .conversion-action{
  display:flex;
  align-items:center;
  gap:13px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,rgba(14,8,8,.76),rgba(26,12,10,.64));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.video-modal .conversion-of{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,164,139,.74);
  background:linear-gradient(135deg,rgba(241,61,37,.96),rgba(100,28,18,.90));
  box-shadow:0 14px 38px rgba(175,44,25,.34),0 0 28px rgba(255,82,50,.13);
}
.video-modal .conversion-of:after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:18px;
  border:2px solid rgba(255,112,80,.18);
  box-shadow:0 0 16px rgba(255,83,52,.22),inset 0 0 14px rgba(255,255,255,.08);
  animation:of-glow 5.2s ease-in-out infinite;
  pointer-events:none;
}
.video-modal .conversion-of:before{
  content:"";
  position:absolute;
  z-index:1;
  top:-45%;left:-60%;width:45%;height:190%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(255,255,255,.65),rgba(255,255,255,.06),transparent);
  filter:blur(.2px);
  animation:of-shimmer 5.2s ease-in-out infinite;
  pointer-events:none;
}
.conversion-platform-icon{
  position:relative;
  z-index:2;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border-radius:50%;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}
.video-modal .conversion-action-copy,.video-modal .conversion-action-pill{position:relative;z-index:2}
.video-modal .onlyfans-icon{font-size:15px;letter-spacing:-.08em}
.video-modal .mail-icon{font-size:21px}

/* Mobile refinements for the larger subtext and icons. */
@media(max-width:620px){
  .action-copy small{font-size:11.3px}
  .support-copy small{font-size:11.15px}
  .action-card .action-pill{font-size:9.2px !important;min-width:118px;min-height:36px}
  .support-pill{font-size:8.8px;min-width:92px;min-height:34px}
  .video-modal .conversion-action small{font-size:10.7px}
  .conversion-platform-icon{width:38px;height:38px;flex-basis:38px}
}
@media(max-width:420px){
  .photo-wall .wall-set img{width:108px !important}
  .photo-wall .wall-set img.ticker-wide{width:156px !important}
}


/* ==========================================
   Carousel crop/framing pass B
   Preserve full landscape compositions where forced crop risks faces/hoods.
   ========================================== */
.photo-wall .wall-set img{
  object-position:center 20% !important;
}
.photo-wall .wall-set img.ticker-wide{
  width:auto !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  flex:0 0 auto;
}
/* Fine framing for portrait images where the face/hood sits higher or off-center. */
.photo-wall .wall-set img.ticker-3,
.photo-wall .wall-set img.ticker-13,
.photo-wall .wall-set img.ticker-21,
.photo-wall .wall-set img.ticker-28,
.photo-wall .wall-set img.ticker-29,
.photo-wall .wall-set img.ticker-31{object-position:center 12% !important}
.photo-wall .wall-set img.ticker-14,
.photo-wall .wall-set img.ticker-15,
.photo-wall .wall-set img.ticker-16,
.photo-wall .wall-set img.ticker-32,
.photo-wall .wall-set img.ticker-36{object-position:center 10% !important}
.photo-wall .wall-set img.ticker-1,
.photo-wall .wall-set img.ticker-7,
.photo-wall .wall-set img.ticker-8,
.photo-wall .wall-set img.ticker-17,
.photo-wall .wall-set img.ticker-18,
.photo-wall .wall-set img.ticker-22,
.photo-wall .wall-set img.ticker-23,
.photo-wall .wall-set img.ticker-25,
.photo-wall .wall-set img.ticker-34,
.photo-wall .wall-set img.ticker-35{object-position:center 16% !important}
@media(max-width:420px){
  .photo-wall .wall-set img.ticker-wide{width:auto !important}
}

/* ==========================================
   Rev C — popup fidelity + supplied drawer icon
   ========================================== */

/* Solid site ember fixes the muddy two-tone GET MORE rendering. */
.video-modal h2 .conversion-accent{
  color:var(--red2)!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:var(--red2)!important;
}
.video-modal .conversion-kicker{color:var(--red2)!important}

/* Popup icons deliberately reuse the main-page platform icon treatments. */
.video-modal .popup-platform-icon{
  width:50px;
  height:50px;
  flex:0 0 50px;
  position:relative;
  z-index:2;
}
.video-modal .popup-platform-icon.onlyfans-icon{
  color:#159bd2;
  background:#fff;
  border:0;
  border-radius:50%;
  font-size:16px;
  font-weight:500;
  letter-spacing:-.08em;
}
.video-modal .popup-platform-icon.mail-icon{
  color:var(--red2);
  background:rgba(255,255,255,.06);
  border:2px solid var(--red2);
  border-radius:11px;
  font-size:24px;
}

/* Desktop: video remains bright on the right and dissolves naturally into true black on the left. */
@media(min-width:800px){
  .video-modal{background:#000;border-color:rgba(255,105,72,.52)}
  .video-modal-media{
    width:61%;
    left:auto;
    right:0;
    object-position:center 40%;
    filter:none!important;
    opacity:1!important;
  }
  .video-modal-shade{
    background:
      linear-gradient(90deg,#000 0%,#000 38%,rgba(0,0,0,.96) 43%,rgba(0,0,0,.74) 50%,rgba(0,0,0,.36) 58%,rgba(0,0,0,.08) 67%,transparent 78%),
      linear-gradient(180deg,transparent 0 67%,rgba(0,0,0,.18) 100%);
  }
  .video-modal-vignette{
    background:radial-gradient(circle at 77% 40%,transparent 0 36%,rgba(0,0,0,.05) 60%,rgba(0,0,0,.24) 100%);
    box-shadow:inset 0 0 90px rgba(0,0,0,.28);
  }
  .video-modal-content{width:57%;padding:44px 46px}
}

/* Mobile: true two-zone layout. The video itself is NOT darkened/faded.
   Copy/actions sit on an opaque black lower panel rather than over the image. */
@media(max-width:520px){
  .video-conversion{padding:6px}
  .video-modal{
    width:100%;
    height:calc(100svh - 12px);
    min-height:0;
    border-radius:20px;
    background:#000;
    border-color:rgba(255,105,72,.68);
    display:grid;
    grid-template-rows:minmax(34svh,44%) minmax(0,56%);
  }
  .video-modal-media{
    position:relative;
    inset:auto;
    grid-row:1;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 38%;
    transform:none;
    filter:none!important;
    opacity:1!important;
    z-index:1;
  }
  .video-modal-shade,
  .video-modal-vignette{
    display:none!important;
  }
  .video-modal-content{
    position:relative;
    inset:auto;
    grid-row:2;
    width:100%;
    min-height:0;
    z-index:3;
    justify-content:center;
    padding:16px 15px calc(13px + env(safe-area-inset-bottom));
    background:#000;
    text-shadow:none;
  }
  .video-modal .conversion-kicker{margin-bottom:5px;font-size:8.5px}
  .video-modal h2{font-size:clamp(29px,9.3vw,40px);line-height:.91}
  .video-modal .conversion-copy{margin:7px 0 10px;font-size:11.5px}
  .video-modal-actions{gap:7px}
  .video-modal .conversion-action{
    min-height:66px;
    padding:9px 10px;
    gap:9px;
    border-radius:14px;
  }
  .video-modal .popup-platform-icon{width:40px;height:40px;flex-basis:40px}
  .video-modal .popup-platform-icon.onlyfans-icon{font-size:13px}
  .video-modal .popup-platform-icon.mail-icon{font-size:19px;border-radius:10px}
  .video-modal .conversion-action strong{font-size:11.5px;line-height:1.05}
  .video-modal .conversion-action small{font-size:9.4px;line-height:1.17;max-width:none}
  .video-modal .conversion-action-pill{min-height:30px;padding:0 8px;font-size:7.8px!important}
  .video-modal .conversion-continue{margin-top:8px;font-size:9px}
}

/* Supplied underwear + socks artwork, inside the existing square support badge. */
.drawer-icon{
  overflow:hidden;
  padding:0!important;
  background:#050405!important;
  border-color:var(--red2)!important;
  box-shadow:0 0 12px rgba(255,105,72,.18);
}
.drawer-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}

/* ==========================================
   Rev D — supplied icons, split wordmark, true vertical mobile video, popup embers
   ========================================== */

/* Brand treatment: SCORCH white · INHEAT ember · .COM white. */
.brand-scortch{} /* harmless legacy guard */
.brand-scotch{}
.brand-scorch,.conversion-brand-scorch,.launch-brand-scorch{color:#fff!important;-webkit-text-fill-color:#fff!important}
.brand-inheat,.conversion-brand-inheat,.launch-brand-inheat{color:var(--red2)!important;-webkit-text-fill-color:var(--red2)!important}
.brand-dotcom,.conversion-brand-dotcom,.launch-brand-dotcom{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
.site-header .brand span{background:none!important}
.launch-banner h2 .launch-brand-dotcom{color:#fff!important}
.video-modal .conversion-kicker span{background:none!important}

/* Supplied mail artwork is used everywhere mail appears. */
.mail-icon{font-size:0!important;overflow:hidden}
.mail-icon img{display:block;width:64%;height:64%;object-fit:contain;margin:auto;filter:none}
.video-modal .popup-platform-icon.mail-icon img{width:62%;height:62%}

/* Keep OF centered identically in the main page and popup. */
.onlyfans-icon{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  text-align:center!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  text-indent:0!important;
}
.video-modal .popup-platform-icon.onlyfans-icon{font-size:16px!important}

/* User-supplied underwear + socks artwork inside the site square. */
.drawer-icon{padding:6px!important;background:#050405!important;border:2px solid var(--red2)!important}
.drawer-icon img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}

/* Popup gets the same restrained ember language as the feature banner. */
.popup-embers{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:inherit}
.popup-embers i{position:absolute;display:block;width:4px;height:4px;border-radius:50%;background:var(--red2);box-shadow:0 0 7px #ff4a2b,0 0 14px rgba(255,104,73,.74);opacity:0;animation:popup-ember-rise 6.2s linear infinite}
.popup-embers i:nth-child(1){left:5%;bottom:2%;animation-delay:-1.1s}.popup-embers i:nth-child(2){left:17%;bottom:0;animation-delay:-4.4s;width:3px;height:3px}.popup-embers i:nth-child(3){left:34%;bottom:4%;animation-delay:-2.6s}.popup-embers i:nth-child(4){left:51%;bottom:0;animation-delay:-5.5s;width:2px;height:2px}.popup-embers i:nth-child(5){left:68%;bottom:3%;animation-delay:-3.4s}.popup-embers i:nth-child(6){left:82%;bottom:0;animation-delay:-.7s;width:3px;height:3px}.popup-embers i:nth-child(7){left:93%;bottom:5%;animation-delay:-4.9s}.popup-embers i:nth-child(8){left:59%;bottom:1%;animation-delay:-1.9s;width:2px;height:2px}
@keyframes popup-ember-rise{0%{transform:translate3d(0,20px,0) scale(.65);opacity:0}12%{opacity:.85}55%{opacity:.5}100%{transform:translate3d(20px,-220px,0) scale(1.15);opacity:0}}
.video-modal-content{z-index:4!important}

/* Make the existing feature-banner embers a touch easier to see without making them busy. */
.launch-banner .ember-layer i{opacity:0;box-shadow:0 0 8px #ff4a2b,0 0 16px rgba(255,104,73,.82)}

/* Mobile: preserve the source video's true 9:16 vertical frame. No crop and no image fade. */
@media(max-width:520px){
  .video-modal{
    height:calc(100svh - 12px);
    display:flex!important;
    flex-direction:column;
    overflow:auto;
    background:#000;
  }
  .video-modal-media{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:9/16!important;
    object-fit:contain!important;
    object-position:center center!important;
    flex:0 0 auto;
    background:#000;
    filter:none!important;
    opacity:1!important;
  }
  .video-modal-shade,.video-modal-vignette{display:none!important}
  .video-modal-content{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:auto!important;
    flex:0 0 auto;
    justify-content:flex-start!important;
    padding:16px 15px calc(15px + env(safe-area-inset-bottom))!important;
    background:#000!important;
  }
  .popup-embers{position:absolute;inset:0;z-index:3}
  .video-modal .conversion-kicker{margin-top:0}
}

@media(prefers-reduced-motion:reduce){.popup-embers i{animation:none!important}}

/* ==========================================
   Rev E — mobile hero + primary action experience
   Scope intentionally limited to feature banner and top action cards.
   Support + Requests/Inquiries are untouched.
   ========================================== */
@media(max-width:620px){
  /* Feature banner: reserve the upper third for the photo so Scorch can breathe. */
  .launch-banner{
    min-height:620px!important;
    display:flex;
    align-items:flex-end;
    border-radius:20px!important;
    background:#080504;
  }
  .launch-photo{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:58% 38%!important;
    filter:saturate(1.04) contrast(1.02) brightness(.98)!important;
  }
  .launch-shade{
    display:block!important;
    z-index:1;
    background:
      linear-gradient(180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 29%,
        rgba(7,4,4,.22) 35%,
        rgba(7,4,4,.82) 45%,
        rgba(7,4,4,.97) 58%,
        #070404 74%,
        #070404 100%)!important;
  }
  .launch-copy{
    width:100%!important;
    min-height:66%;
    padding:0 22px 26px!important;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
  }
  .launch-kicker{font-size:11px!important;margin-bottom:9px!important}
  .launch-copy h2{font-size:clamp(34px,10vw,43px)!important;line-height:.92!important;max-width:440px}
  .launch-subhead{font-size:22px!important;line-height:1.08!important;max-width:390px;margin:11px 0 9px!important}
  .launch-description{font-size:14px!important;line-height:1.38!important;max-width:410px!important;margin-bottom:20px!important;color:rgba(255,255,255,.90)!important}
  .launch-button{
    min-width:0!important;
    width:min(100%,300px);
    min-height:54px!important;
    font-size:12px!important;
    letter-spacing:.08em;
    box-shadow:0 0 0 1px rgba(255,110,80,.18),0 10px 30px rgba(234,48,24,.40),0 0 24px rgba(255,86,52,.12)!important;
  }

  /* Top three conversion cards: mobile-first, centered and much easier to scan/tap. */
  .action-grid{gap:12px!important;margin-top:14px!important}
  .action-card{
    min-height:0!important;
    padding:22px 20px 20px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    row-gap:0!important;
    justify-items:center!important;
    text-align:center!important;
    border-radius:20px!important;
  }
  .platform-icon{
    width:58px!important;
    height:58px!important;
    margin:0 auto 13px!important;
    align-self:center!important;
    justify-self:center!important;
    font-size:18px!important;
  }
  .mail-icon{border-radius:14px!important}
  .telegram-icon{font-size:23px!important}
  .action-copy{
    width:100%;
    text-align:center!important;
    justify-self:center!important;
  }
  .action-copy strong{
    font-size:21px!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
    max-width:340px;
    margin:0 auto;
  }
  .action-copy small{
    margin:9px auto 0!important;
    max-width:390px;
    font-size:13.5px!important;
    line-height:1.34!important;
    color:rgba(255,255,255,.86)!important;
  }
  .action-card .action-pill{
    grid-column:1!important;
    grid-row:3!important;
    justify-self:center!important;
    margin:18px auto 0!important;
    min-width:190px!important;
    min-height:48px!important;
    padding:0 20px!important;
    font-size:10.5px!important;
    letter-spacing:.08em!important;
    border-width:1px!important;
    box-shadow:0 6px 18px rgba(0,0,0,.16);
  }
  .onlyfans-card .action-pill{
    background:rgba(255,255,255,.08)!important;
    border-color:rgba(255,255,255,.72)!important;
  }
}

@media(max-width:420px){
  .launch-banner{min-height:600px!important}
  .launch-copy{padding:0 18px 22px!important}
  .launch-copy h2{font-size:34px!important}
  .launch-subhead{font-size:20px!important}
  .launch-description{font-size:13px!important}
  .action-card{padding:20px 16px 18px!important}
  .platform-icon{width:54px!important;height:54px!important;margin-bottom:12px!important}
  .action-copy strong{font-size:19px!important}
  .action-copy small{font-size:12.5px!important;max-width:330px}
  .action-card .action-pill{min-width:178px!important;min-height:46px!important;font-size:10px!important}
}

/* ==========================================
   Rev F — mobile fold, compact actions, carousel reset
   ========================================== */

/* Original brand pattern: SCORCHINHEAT white · .COM ember. */
.brand-scorch,.brand-inheat,
.conversion-brand-scorch,.conversion-brand-inheat,
.launch-brand-scorch,.launch-brand-inheat{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
.brand-dotcom,.conversion-brand-dotcom,.launch-brand-dotcom{
  color:var(--red2)!important;-webkit-text-fill-color:var(--red2)!important;
}
.launch-banner h2 .launch-brand-dotcom{color:var(--red2)!important}

/* Mail artwork sits on black everywhere, without squeezing the source art. */
.mail-icon{background:#050405!important}
.mail-icon img{width:70%!important;height:70%!important;object-fit:contain!important;aspect-ratio:auto!important}

/* Carousel: portrait images return to their natural portrait proportions. */
.photo-wall .wall-set img{
  width:auto!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  flex:0 0 auto!important;
}
/* Only landscape shots get a controlled crop for the moving wall. */
.photo-wall .wall-set img.ticker-26,
.photo-wall .wall-set img.ticker-27,
.photo-wall .wall-set img.ticker-30,
.photo-wall .wall-set img.ticker-33{
  width:clamp(190px,31svh,290px)!important;
  height:100%!important;
  object-fit:cover!important;
}
.photo-wall .wall-set img.ticker-26{object-position:62% 42%!important}
.photo-wall .wall-set img.ticker-27{object-position:48% 44%!important}
.photo-wall .wall-set img.ticker-30{object-position:46% 40%!important}
.photo-wall .wall-set img.ticker-33{object-position:58% 42%!important}

/* A quicker, deliberately irregular OF shimmer: quick pass, longer uneven rest. */
.onlyfans-card:before{animation:of-shimmer-attention 3.75s cubic-bezier(.2,.65,.35,1) infinite!important}
.onlyfans-card:after{animation:of-glow-attention 3.75s ease-in-out infinite!important}
@keyframes of-shimmer-attention{
  0%,54%{left:-60%;opacity:0}
  58%{opacity:.95}
  76%{left:125%;opacity:.88}
  79%,100%{left:125%;opacity:0}
}
@keyframes of-glow-attention{
  0%,46%,100%{box-shadow:0 0 16px rgba(255,83,52,.20),inset 0 0 14px rgba(255,255,255,.07)}
  57%{box-shadow:0 0 27px rgba(255,83,52,.42),inset 0 0 17px rgba(255,255,255,.12)}
  74%{box-shadow:0 0 19px rgba(255,83,52,.27),inset 0 0 14px rgba(255,255,255,.08)}
}

@media(max-width:620px){
  /* Keep the launch photography treatment; center the mobile launch CTA. */
  .launch-button{align-self:center!important;margin-left:auto!important;margin-right:auto!important}

  /* Compact the three primary actions so the scroll target reveals useful choices immediately. */
  .action-grid{gap:9px!important;margin-top:10px!important}
  .action-card{
    padding:14px 14px 13px!important;
    border-radius:18px!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:11px!important;
    row-gap:7px!important;
    justify-items:stretch!important;
    text-align:left!important;
    align-items:center!important;
  }
  .platform-icon{
    grid-column:1!important;grid-row:1 / span 2!important;
    width:48px!important;height:48px!important;min-width:48px!important;
    margin:0!important;align-self:center!important;justify-self:center!important;
    flex:0 0 48px!important;aspect-ratio:1/1!important;
  }
  .mail-icon{border-radius:12px!important}
  .telegram-icon{font-size:20px!important}
  .action-copy{grid-column:2 / 4!important;grid-row:1!important;text-align:left!important;width:auto!important}
  .action-copy strong{font-size:16px!important;line-height:1.02!important;letter-spacing:-.015em!important;margin:0!important;max-width:none!important}
  .action-copy small{font-size:11.2px!important;line-height:1.25!important;margin:5px 0 0!important;max-width:none!important}
  .action-card .action-pill{
    grid-column:2 / 4!important;grid-row:2!important;
    justify-self:start!important;
    margin:0!important;min-width:142px!important;min-height:37px!important;
    padding:0 14px!important;font-size:9.3px!important;
  }
  .onlyfans-card .action-pill{min-width:132px!important}
}

/* Popup on phones: keep the full vertical video uncropped, but overlap the copy panel
   onto its lower edge so the complete modal fits the viewport without scrolling. */
@media(max-width:520px){
  .video-conversion{padding:5px!important}
  .video-modal{
    height:calc(100svh - 10px)!important;
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    background:#000!important;
  }
  .video-modal-media{
    width:100%!important;
    height:55svh!important;
    aspect-ratio:auto!important;
    flex:0 0 55svh!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#000!important;
  }
  .video-modal-content{
    margin-top:-7svh!important;
    min-height:0!important;
    flex:1 1 auto!important;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;
    justify-content:flex-end!important;
    background:linear-gradient(180deg,transparent 0,#000 8svh,#000 100%)!important;
    position:relative!important;
    z-index:4!important;
  }
  .video-modal .conversion-kicker{margin:0 0 4px!important;font-size:8px!important}
  .video-modal h2{font-size:clamp(25px,7.9vw,34px)!important;line-height:.91!important;margin:0!important}
  .video-modal .conversion-copy{margin:5px 0 7px!important;font-size:10.5px!important;line-height:1.15!important}
  .video-modal-actions{gap:6px!important}
  .video-modal .conversion-action{min-height:57px!important;padding:7px 8px!important;gap:8px!important;border-radius:13px!important}
  .video-modal .popup-platform-icon{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;aspect-ratio:1/1!important;margin:0!important}
  .video-modal .popup-platform-icon.mail-icon{background:#050405!important}
  .video-modal .conversion-action strong{font-size:10.4px!important;line-height:1.02!important}
  .video-modal .conversion-action small{font-size:8.25px!important;line-height:1.12!important;margin-top:3px!important}
  .video-modal .conversion-action-pill{min-height:28px!important;padding:0 7px!important;font-size:7.2px!important;white-space:nowrap!important}
  .video-modal .conversion-continue{margin-top:5px!important;font-size:8.2px!important;line-height:1!important}
}

@media(max-width:380px){
  .video-modal-media{height:53svh!important;flex-basis:53svh!important}
  .video-modal-content{margin-top:-6svh!important}
  .video-modal .conversion-action small{font-size:7.8px!important}
  .action-card{grid-template-columns:44px minmax(0,1fr) auto!important;padding:12px!important;column-gap:9px!important}
  .platform-icon{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}
}

/* Rev G — mobile primary links use the same compact row grammar as Support Scorch. */
@media(max-width:620px){
  .action-grid{gap:8px!important;margin-top:10px!important}
  .action-card{
    min-height:79px!important;
    padding:10px 13px!important;
    border-radius:18px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    grid-template-rows:1fr!important;
    gap:10px!important;
    align-items:center!important;
    justify-items:stretch!important;
    text-align:left!important;
  }
  .action-card .platform-icon{
    grid-column:1!important;grid-row:1!important;
    width:39px!important;height:39px!important;min-width:39px!important;
    flex:0 0 39px!important;aspect-ratio:1/1!important;
    margin:0!important;align-self:center!important;justify-self:center!important;
  }
  .action-card .action-copy{
    grid-column:2!important;grid-row:1!important;
    width:auto!important;min-width:0!important;text-align:left!important;
  }
  .action-card .action-copy strong{
    display:block!important;font-size:15px!important;line-height:1.03!important;
    letter-spacing:-.025em!important;margin:0!important;
  }
  .action-card .action-copy small{
    display:block!important;font-size:10.5px!important;line-height:1.28!important;
    margin:5px 0 0!important;color:#d8cfca!important;
  }
  .action-card .action-pill{
    grid-column:3!important;grid-row:1!important;
    justify-self:end!important;align-self:center!important;
    min-width:88px!important;min-height:33px!important;
    margin:0!important;padding:0 9px!important;
    font-size:8px!important;gap:5px!important;
  }
  .action-card .action-pill b{font-size:13px!important}
  .onlyfans-card .action-pill{min-width:88px!important}
}
@media(max-width:420px){
  .action-card{
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    padding:10px 12px!important;
  }
  .action-card .platform-icon{width:36px!important;height:36px!important;min-width:36px!important;grid-column:1!important;grid-row:1!important}
  .action-card .action-copy{grid-column:2!important;grid-row:1!important}
  .action-card .action-copy strong{font-size:14.5px!important}
  .action-card .action-copy small{font-size:10px!important}
  .action-card .action-pill{
    grid-column:1/-1!important;grid-row:2!important;
    justify-self:end!important;margin-top:-1px!important;
  }
}

/* Rev H — equalize the three primary mobile CTA pills. */
@media (max-width:620px){
  .action-card .action-pill,
  .onlyfans-card .action-pill{
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    min-height:36px!important;
    padding:0 12px!important;
    justify-content:space-between!important;
    justify-self:end!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:420px){
  .action-card .action-pill,
  .onlyfans-card .action-pill{
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    justify-self:end!important;
  }
}
\n\n/* Rev O — larger desktop conversion popup; copy mirrors main action cards. */
@media (min-width:800px){
  .video-conversion{padding:18px!important}
  .video-modal{
    width:min(94vw,1280px)!important;
    height:min(90vh,860px)!important;
    min-height:650px!important;
    border-radius:28px!important;
  }
  .video-modal-media{width:56%!important;object-position:center 40%!important}
  .video-modal-content{width:57%!important;padding:clamp(48px,5vw,78px)!important}
  .video-modal .conversion-kicker{font-size:13px!important;margin-bottom:10px!important}
  .video-modal h2{max-width:720px!important;font-size:clamp(58px,5.4vw,88px)!important;line-height:.88!important}
  .video-modal .conversion-copy{max-width:620px!important;font-size:18px!important;line-height:1.35!important;margin:17px 0 24px!important}
  .video-modal-actions{max-width:610px!important;gap:13px!important}
  .video-modal .conversion-action{min-height:104px!important;padding:16px 18px!important;gap:16px!important;border-radius:20px!important}
  .video-modal .popup-platform-icon{width:54px!important;height:54px!important;min-width:54px!important;flex:0 0 54px!important}
  .video-modal .conversion-action strong{font-size:16px!important;line-height:1.08!important}
  .video-modal .conversion-action small{font-size:13.5px!important;line-height:1.28!important;margin-top:6px!important}
  .video-modal .conversion-action-pill{min-width:118px!important;min-height:42px!important;padding:0 13px!important;font-size:10px!important}
  .video-modal .conversion-continue{font-size:12px!important;margin-top:18px!important}
}

/* Rev P — email wording + six-product drawer + denser ember field */
.action-copy strong em,.conversion-action-copy strong em{font-family:Georgia,serif;font-weight:700;font-style:italic;letter-spacing:-.02em}
.drawer-feature-photo{margin:18px auto 16px;max-width:760px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,105,72,.38);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.drawer-feature-photo img{display:block;width:100%;height:auto}
.wishlist-product{display:flex!important;flex-direction:column;justify-content:stretch;min-height:100%}
.wishlist-question{display:grid;place-items:center;flex:1;min-height:300px;background:radial-gradient(circle at 50% 42%,rgba(255,105,72,.2),transparent 45%),linear-gradient(145deg,#17100e,#090707);font-size:clamp(110px,14vw,190px);font-weight:950;color:#ff6948;text-shadow:0 0 32px rgba(255,105,72,.3)}
.wishlist-link{display:flex;align-items:center;justify-content:center;text-decoration:none}
/* 36 embers: three interleaved passes across the viewport. */
.drawer-embers i:nth-child(n+13){animation-duration:6.4s;box-shadow:0 0 8px #ff4a2b,0 0 18px rgba(255,105,72,.88)}
.drawer-embers i:nth-child(13){left:3%;animation-delay:-.7s}.drawer-embers i:nth-child(14){left:9%;animation-delay:-3.1s}.drawer-embers i:nth-child(15){left:17%;animation-delay:-5.7s}.drawer-embers i:nth-child(16){left:25%;animation-delay:-1.8s}.drawer-embers i:nth-child(17){left:33%;animation-delay:-4.9s}.drawer-embers i:nth-child(18){left:39%;animation-delay:-2.2s}.drawer-embers i:nth-child(19){left:46%;animation-delay:-6.1s}.drawer-embers i:nth-child(20){left:55%;animation-delay:-3.8s}.drawer-embers i:nth-child(21){left:63%;animation-delay:-.9s}.drawer-embers i:nth-child(22){left:72%;animation-delay:-5.2s}.drawer-embers i:nth-child(23){left:81%;animation-delay:-2.9s}.drawer-embers i:nth-child(24){left:91%;animation-delay:-6.3s}
.drawer-embers i:nth-child(n+25){animation-duration:8s;width:4px;height:4px}
.drawer-embers i:nth-child(25){left:7%;animation-delay:-6.7s}.drawer-embers i:nth-child(26){left:15%;animation-delay:-2.5s}.drawer-embers i:nth-child(27){left:20%;animation-delay:-7.4s}.drawer-embers i:nth-child(28){left:29%;animation-delay:-4.4s}.drawer-embers i:nth-child(29){left:37%;animation-delay:-1.3s}.drawer-embers i:nth-child(30){left:49%;animation-delay:-5.6s}.drawer-embers i:nth-child(31){left:58%;animation-delay:-2.1s}.drawer-embers i:nth-child(32){left:67%;animation-delay:-7.1s}.drawer-embers i:nth-child(33){left:75%;animation-delay:-3.5s}.drawer-embers i:nth-child(34){left:84%;animation-delay:-.4s}.drawer-embers i:nth-child(35){left:89%;animation-delay:-4.8s}.drawer-embers i:nth-child(36){left:97%;animation-delay:-2.7s}
@media(min-width:1000px){
 .drawer-shell{width:min(100%,1500px)}
 .available-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;justify-content:stretch}
 .available .item-copy h2{font-size:24px}
 .wishlist-question{min-height:360px}
}
@media(max-width:620px){.drawer-feature-photo{margin:14px 0}.wishlist-question{min-height:230px}.drawer-embers i:nth-child(n+19){display:none}}

/* Rev Q — typography continuity + Drawer orientation/scale refinements */
/* Keep JUST FOR YOU in the same display face; italic only, no serif substitution. */
.action-copy strong em,
.conversion-action-copy strong em{
  font-family:inherit!important;
  font-weight:inherit!important;
  font-style:italic!important;
  letter-spacing:inherit!important;
}
.action-copy strong,
.conversion-action-copy strong{
  white-space:nowrap;
}

/* Drawer hero is now physically rotated upright; preserve it naturally. */
.drawer-feature-photo{max-width:980px}
.drawer-feature-photo img{width:100%;height:auto;object-fit:contain}
.drawer-intro{
  max-width:760px!important;
  font-size:16px!important;
  line-height:1.48!important;
  margin-top:10px!important;
}
.drawer-intro .sold-intro-line{display:inline-block;margin-top:2px}

/* Match the earlier large two-up product-card proportions on desktop. */
@media(min-width:680px){
  .available-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
  }
  .available-grid > .item-card.available{
    grid-column:auto!important;
    display:block!important;
    width:100%!important;
  }
  .available-grid .photo-pair img,
  .available-grid .photo-placeholder{
    min-height:330px!important;
    max-height:440px!important;
  }
  .available-grid .wishlist-question{min-height:330px!important}
}
@media(min-width:1000px){
  .drawer-shell{width:min(96vw,1500px)!important}
  .available-grid{gap:22px!important}
  .available-grid .item-copy{padding:20px 22px 22px!important}
  .available-grid .item-copy h2{font-size:26px!important}
  .available-grid .price{font-size:22px!important}
  .available-grid .included{font-size:13px!important}
  .available-grid .select-item{min-height:60px!important;font-size:13px!important}
}
@media(max-width:620px){
  .action-copy strong,
  .conversion-action-copy strong{
    white-space:nowrap!important;
    font-size:13.5px!important;
    letter-spacing:-.025em!important;
  }
  .drawer-intro{font-size:15px!important;line-height:1.45!important}
}
\n\n/* Rev R — wishlist card matches product-card sizing */\n@media(min-width:680px){\n  .available-grid .wishlist-product{display:flex!important;flex-direction:column!important}\n  .available-grid .wishlist-question{height:330px!important;min-height:330px!important;max-height:440px!important;flex:none!important}\n}\n@media(min-width:1000px){\n  .available-grid .wishlist-question{height:440px!important;min-height:440px!important;max-height:440px!important}\n}\n@media(max-width:679px){\n  .wishlist-product .wishlist-question{min-height:230px!important}\n}\n

/* V23 — responsive polish across homepage + Drawer */
/* Featured banner: distribute copy more evenly across the text half. */
@media (min-width:900px){
  .launch-banner{min-height:410px!important}
  .launch-copy{width:52%!important;max-width:760px!important;padding:38px 28px 36px 30px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .launch-copy h2{font-size:clamp(42px,4.1vw,66px)!important;line-height:.94!important;max-width:720px!important;margin-bottom:18px!important}
  .launch-subhead{font-size:clamp(23px,2vw,34px)!important;line-height:1.08!important;max-width:690px!important;margin-bottom:14px!important}
  .launch-description{font-size:clamp(15px,1.15vw,19px)!important;line-height:1.4!important;max-width:700px!important;margin-bottom:24px!important}
  .launch-button{min-width:270px!important;min-height:56px!important;font-size:14px!important}

  /* Reduce unused vertical buffer inside the three primary action cards. */
  .action-card{min-height:150px!important;padding:20px 24px!important;align-content:center!important}
  .action-card .action-pill{margin-top:8px!important}
  .action-copy small{margin-top:5px!important}
}

/* Main-page email title intentionally stacks the promise under EMAIL EXCLUSIVES. */
.inbox-card .action-copy strong{white-space:normal!important}
.inbox-card .action-copy strong em{display:inline-block!important}

/* Drawer: use the large canvas better while preserving readable measure. */
@media (min-width:900px){
  .drawer-head .eyebrow{font-size:13px!important;letter-spacing:.24em!important}
  .drawer-head h1{font-size:clamp(58px,5.4vw,82px)!important}
  .drawer-tagline{font-size:clamp(21px,1.7vw,28px)!important;line-height:1.25!important;margin:14px 0 16px!important}
  .drawer-intro{max-width:920px!important;font-size:clamp(16px,1.25vw,20px)!important;line-height:1.5!important;margin-top:16px!important}
  .drawer-heading-main h2,.sold-heading h2{font-size:clamp(34px,3vw,50px)!important;letter-spacing:-.035em!important}
  .sold-heading .mini-label{font-size:12px!important}
}

/* Keep every available product, including Wishlist, aligned as equal-height cards. */
@media (min-width:680px){
  .available-grid{align-items:stretch!important}
  .available-grid > .item-card{height:100%!important}
  .available-grid > .item-card.available{display:flex!important;flex-direction:column!important}
  .available-grid .photo-pair,
  .available-grid .wishlist-question{height:clamp(330px,30vw,440px)!important;min-height:330px!important;max-height:440px!important;flex:0 0 auto!important}
  .available-grid .item-copy{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
  .available-grid .included{margin-bottom:16px!important}
  .available-grid .select-item{margin-top:auto!important}
  .available-grid .wishlist-link{margin-top:auto!important}
}

/* Fluid desktop/tablet scaling: avoid clipping as the browser narrows. */
@media (min-width:621px) and (max-width:1100px){
  .site-shell{width:min(96vw,1100px)!important}
  .launch-copy{width:61%!important;padding:28px 24px!important}
  .launch-copy h2{font-size:clamp(36px,5.1vw,52px)!important}
  .launch-subhead{font-size:clamp(20px,2.7vw,27px)!important}
  .launch-description{font-size:14px!important}
  .action-grid{grid-template-columns:1fr!important}
  .action-card{min-height:112px!important;grid-template-columns:58px minmax(0,1fr) 170px!important;grid-template-rows:1fr!important;padding:16px 18px!important}
  .action-card .action-pill{grid-column:3!important;grid-row:1!important;margin:0!important;width:160px!important;min-width:160px!important}
  .drawer-shell{width:min(96vw,1000px)!important}
}

/* Mobile remains compact, readable, and free of horizontal overflow. */
@media (max-width:620px){
  html,body{max-width:100%;overflow-x:hidden}
  .launch-copy h2{overflow-wrap:anywhere}
  .launch-subhead,.launch-description{max-width:100%!important}
  .inbox-card .action-copy strong{white-space:normal!important}
  .inbox-card .action-copy strong em{display:block!important}
  .drawer-shell{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
  .drawer-head h1{font-size:clamp(40px,14vw,58px)!important}
  .drawer-tagline{font-size:18px!important}
  .drawer-intro{font-size:14px!important;max-width:94%!important}
  .drawer-feature-photo{max-width:100%!important}
  .available-grid{grid-template-columns:1fr!important}
  .available-grid .photo-pair,
  .available-grid .wishlist-question{height:auto!important;min-height:230px!important;max-height:none!important}
  .available-grid .item-copy h2{font-size:22px!important}
}

/* V43 — mobile-first fit, no-overhang typography, larger conversion actions */
.brand{white-space:nowrap!important}
.launch-brand-lock{white-space:nowrap!important;display:inline-block}

@media (max-width:620px){
  /* Never split SCORCHINHEAT.COM; scale the whole wordmark to the viewport. */
  .site-header .brand{font-size:clamp(31px,10.2vw,48px)!important;letter-spacing:-.055em!important;line-height:.95!important}
  .launch-copy h2{overflow-wrap:normal!important;word-break:normal!important;font-size:clamp(31px,9.1vw,42px)!important;line-height:.93!important}
  .launch-brand-lock{font-size:.92em!important}
  .launch-live{display:block!important;margin-top:2px}

  /* Primary mobile actions: clean vertical hierarchy with centered, prominent pills. */
  .action-grid{gap:10px!important}
  .action-card{
    grid-template-columns:50px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:8px 12px!important;
    min-height:0!important;
    padding:14px 15px 13px!important;
    align-items:center!important;
  }
  .action-card .platform-icon{grid-column:1!important;grid-row:1!important;width:48px!important;height:48px!important;min-width:48px!important}
  .action-card .action-copy{grid-column:2!important;grid-row:1!important;min-width:0!important}
  .action-card .action-copy strong{font-size:clamp(15px,4.35vw,18px)!important;line-height:1.02!important;white-space:normal!important;letter-spacing:-.025em!important}
  .action-card .action-copy small{font-size:clamp(10.5px,3vw,12.5px)!important;line-height:1.25!important;margin-top:5px!important}
  .action-card .action-pill,.onlyfans-card .action-pill{
    grid-column:1/-1!important;grid-row:2!important;
    justify-self:center!important;margin:3px auto 0!important;
    width:min(100%,240px)!important;max-width:240px!important;min-width:0!important;
    min-height:44px!important;padding:0 17px!important;font-size:11px!important;
    justify-content:center!important;gap:16px!important;
  }
  .inbox-card .action-copy strong em{display:block!important}

  /* Support rows: let copy breathe and make the CTA a consistent centered touch target. */
  .support-item{
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:8px 12px!important;padding:13px 12px!important;
  }
  .support-item .support-icon{grid-column:1!important;grid-row:1!important;width:44px!important;height:44px!important;min-width:44px!important}
  .support-item .support-copy{grid-column:2!important;grid-row:1!important;min-width:0!important}
  .support-item .support-copy strong{font-size:15px!important;line-height:1.05!important}
  .support-item .support-copy small{font-size:11.5px!important;line-height:1.28!important;margin-top:4px!important}
  .support-item .support-pill{
    grid-column:1/-1!important;grid-row:2!important;justify-self:center!important;
    width:min(100%,220px)!important;min-height:42px!important;padding:0 15px!important;
    justify-content:center!important;gap:15px!important;font-size:10.5px!important;
  }
  .request-card{
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;gap:8px 12px!important;padding:14px 12px!important;
  }
  .request-card .support-icon{grid-column:1!important;grid-row:1!important;width:44px!important;height:44px!important}
  .request-card .support-copy{grid-column:2!important;grid-row:1!important;min-width:0!important}
  .request-card .support-copy strong{font-size:15px!important;line-height:1.05!important}
  .request-card .support-copy small{font-size:11.5px!important;line-height:1.3!important;margin-top:4px!important}
  .request-card .support-pill{grid-column:1/-1!important;grid-row:2!important;justify-self:center!important;width:190px!important;min-height:42px!important;justify-content:center!important;gap:15px!important}

  /* Actual opening popup adopts the full-screen video prototype, with larger readable actions. */
  .video-conversion{padding:0!important;align-items:stretch!important;justify-content:stretch!important}
  .video-modal{width:100vw!important;height:100svh!important;max-height:none!important;min-height:0!important;border:0!important;border-radius:0!important;background:#000!important}
  .video-modal-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 32%!important;filter:none!important}
  .video-modal-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.84) 62%,#000 75%,#000 100%)!important}
  .video-modal-vignette{background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 20%,transparent 80%,rgba(0,0,0,.08))!important}
  .video-modal-content{position:absolute!important;z-index:4!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:auto!important;padding:0 14px calc(10px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:6px!important;background:none!important}
  .video-modal .conversion-kicker{font-size:9px!important;line-height:1!important;margin:0!important;white-space:nowrap!important}
  .video-modal h2{font-size:clamp(32px,9.4vw,42px)!important;line-height:.88!important;letter-spacing:-.045em!important;margin:0!important;max-width:360px!important}
  .video-modal .conversion-copy{font-size:11.5px!important;line-height:1.2!important;margin:1px 0 2px!important}
  .video-modal-actions{display:grid!important;gap:7px!important;width:100%!important;max-width:none!important}
  .video-modal .conversion-action{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;min-height:68px!important;padding:9px 10px!important;border-radius:15px!important}
  .video-modal .popup-platform-icon{width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important}
  .video-modal .conversion-action-copy{min-width:0!important}
  .video-modal .conversion-action strong{font-size:11.5px!important;line-height:1.05!important;white-space:normal!important;letter-spacing:-.015em!important}
  .video-modal .conversion-action small{font-size:8.5px!important;line-height:1.2!important;margin-top:4px!important}
  .video-modal .conversion-action-pill{min-width:92px!important;min-height:36px!important;padding:0 10px!important;font-size:8px!important;gap:7px!important}
  .video-modal .conversion-continue{font-size:9px!important;line-height:1.1!important;margin:0!important;padding:5px 0 1px!important}
}
@media (max-width:380px){
  .site-header .brand{font-size:clamp(29px,9.8vw,38px)!important}
  .video-modal-content{padding-left:11px!important;padding-right:11px!important}
  .video-modal h2{font-size:30px!important}
  .video-modal .conversion-action{grid-template-columns:42px minmax(0,1fr) 84px!important;padding:8px!important;gap:7px!important}
  .video-modal .popup-platform-icon{width:42px!important;height:42px!important;min-width:42px!important}
  .video-modal .conversion-action strong{font-size:10.5px!important}
  .video-modal .conversion-action small{font-size:7.7px!important}
  .video-modal .conversion-action-pill{min-width:84px!important;padding:0 7px!important;font-size:7.3px!important}
}

/* V45 — mobile accessibility, readable conversion overlay, compact support cards */
@media (max-width:620px){
  /* Main landing wordmark: centered and kept intact. */
  .site-header{text-align:center!important}
  .site-header .brand{display:block!important;width:100%!important;text-align:center!important;white-space:nowrap!important;margin-left:auto!important;margin-right:auto!important}

  /* Mobile conversion: photograph stays image-first, interface gets predictable contrast. */
  .video-modal-shade{
    background:linear-gradient(180deg,
      rgba(0,0,0,.02) 0%, rgba(0,0,0,.03) 34%, rgba(0,0,0,.20) 45%,
      rgba(8,5,4,.68) 57%, rgba(8,5,4,.86) 68%, rgba(5,3,3,.94) 82%, rgba(0,0,0,.97) 100%)!important;
  }
  .video-modal-content{gap:8px!important;padding:0 16px calc(12px + env(safe-area-inset-bottom))!important}
  .video-modal .conversion-kicker{font-size:11px!important;line-height:1.1!important;letter-spacing:.08em!important;color:#fff!important;text-align:left!important}
  .video-modal h2{font-size:clamp(34px,9.8vw,44px)!important;line-height:.94!important;letter-spacing:-.04em!important;max-width:390px!important}
  .video-modal h2 .conversion-accent,.video-modal h2 .conversion-white{display:block!important}
  .video-modal .conversion-copy{font-size:14px!important;line-height:1.3!important;color:#f7f3f1!important;margin:0 0 2px!important}
  .video-modal-actions{gap:9px!important}
  .video-modal .conversion-action{
    grid-template-columns:48px minmax(0,1fr) 28px!important;min-height:72px!important;
    padding:10px 12px!important;gap:11px!important;border-radius:16px!important;
    background:rgba(15,10,9,.91)!important;border:1px solid rgba(255,88,42,.48)!important;
    backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
  }
  .video-modal .conversion-of{border-color:#ff582a!important;box-shadow:0 0 20px rgba(255,88,42,.17)!important;background:rgba(22,10,7,.94)!important}
  .video-modal .popup-platform-icon{width:48px!important;height:48px!important;min-width:48px!important}
  .video-modal .conversion-action strong{font-size:14px!important;line-height:1.08!important;color:#fff!important;letter-spacing:-.01em!important}
  .video-modal .conversion-action small{font-size:11.5px!important;line-height:1.22!important;color:#f1e9e6!important;margin-top:4px!important}
  .video-modal .conversion-action-pill{display:flex!important;width:28px!important;min-width:28px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;align-items:center!important;justify-content:center!important;font-size:0!important}
  .video-modal .conversion-action-pill span:first-child{display:none!important}
  .video-modal .conversion-action-pill span:last-child{display:block!important;font-size:22px!important;color:#fff!important}
  .video-modal .conversion-continue{font-size:12px!important;line-height:1.2!important;color:#fff!important;opacity:1!important;min-height:44px!important;margin:0!important;padding:9px 4px!important;text-decoration:underline;text-underline-offset:3px}

  /* Compact mobile support section. */
  .support-panel{padding:15px 12px!important}
  .support-heading-desktop{display:none!important}
  .support-panel .section-heading{margin-bottom:10px!important}
  .support-panel .section-heading h2{font-size:12px!important;letter-spacing:.12em!important}
  .support-list{display:flex!important;flex-direction:column!important;gap:8px!important}
  .support-item{
    display:grid!important;grid-template-columns:48px minmax(0,1fr) 28px!important;grid-template-rows:auto!important;
    gap:0 11px!important;align-items:center!important;padding:10px 11px!important;min-height:68px!important;
    border:1px solid rgba(255,88,42,.24)!important;border-radius:15px!important;background:rgba(12,8,8,.88)!important;
    text-decoration:none!important;
  }
  .support-item .support-icon{grid-column:1!important;grid-row:1!important;width:46px!important;height:46px!important;min-width:46px!important;margin:0!important}
  .support-item .support-copy{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
  .support-item .support-copy strong{font-size:15.5px!important;line-height:1.04!important;color:#fff!important}
  .support-item .support-copy small{font-size:12px!important;line-height:1.2!important;color:#ddd2ce!important;margin-top:4px!important}
  .support-item .support-pill{grid-column:3!important;grid-row:1!important;display:flex!important;width:28px!important;min-width:28px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;background:none!important;font-size:0!important;align-items:center!important;justify-content:center!important;margin:0!important}
  .support-item .support-pill b{font-size:20px!important;color:#fff!important}
  .support-eyebrow{display:none}
  .support-drawer-feature{border-color:rgba(255,88,42,.75)!important;box-shadow:0 0 14px rgba(255,88,42,.10)!important;background:rgba(18,9,7,.93)!important}
  .support-drawer-feature .support-eyebrow{display:block!important;font-size:9px!important;line-height:1!important;letter-spacing:.12em!important;color:#ff6948!important;font-weight:900!important;margin-bottom:4px!important}
}
@media (max-width:380px){
  .video-modal-content{padding-left:13px!important;padding-right:13px!important}
  .video-modal h2{font-size:33px!important}
  .video-modal .conversion-action{grid-template-columns:44px minmax(0,1fr) 26px!important;padding:9px 10px!important;gap:9px!important}
  .video-modal .popup-platform-icon{width:44px!important;height:44px!important;min-width:44px!important}
  .video-modal .conversion-action strong{font-size:13px!important}
  .video-modal .conversion-action small{font-size:10.5px!important}
}

/* V46 — darker homepage, lightweight ember atmosphere, Drawer CTA breath */
.atmosphere{background:#050404!important}
.atmosphere video{display:none!important}
.smoke-shade{background:radial-gradient(ellipse at 50% 8%,rgba(92,24,15,.10),transparent 45%),linear-gradient(180deg,#070505 0%,#040303 100%)!important}
.homepage-embers{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:strict}
.homepage-embers i{position:absolute;bottom:-10px;width:2px;height:2px;border-radius:50%;background:#ff582a;opacity:0;box-shadow:0 0 5px rgba(255,88,42,.45);animation:home-ember 13s linear infinite;will-change:transform,opacity}
.homepage-embers i:nth-child(3n){width:1px;height:1px;filter:brightness(.7);animation-duration:17s}
.homepage-embers i:nth-child(4n){width:3px;height:3px;box-shadow:0 0 7px rgba(255,88,42,.52);animation-duration:11s}
.homepage-embers i:nth-child(1){left:4%;animation-delay:-2s}.homepage-embers i:nth-child(2){left:11%;animation-delay:-11s}.homepage-embers i:nth-child(3){left:18%;animation-delay:-5s}.homepage-embers i:nth-child(4){left:27%;animation-delay:-14s}.homepage-embers i:nth-child(5){left:34%;animation-delay:-7s}.homepage-embers i:nth-child(6){left:42%;animation-delay:-1s}.homepage-embers i:nth-child(7){left:49%;animation-delay:-10s}.homepage-embers i:nth-child(8){left:57%;animation-delay:-4s}.homepage-embers i:nth-child(9){left:64%;animation-delay:-16s}.homepage-embers i:nth-child(10){left:71%;animation-delay:-8s}.homepage-embers i:nth-child(11){left:78%;animation-delay:-3s}.homepage-embers i:nth-child(12){left:86%;animation-delay:-13s}.homepage-embers i:nth-child(13){left:93%;animation-delay:-6s}.homepage-embers i:nth-child(14){left:22%;animation-delay:-18s}.homepage-embers i:nth-child(15){left:53%;animation-delay:-12s}.homepage-embers i:nth-child(16){left:82%;animation-delay:-20s}.homepage-embers i:nth-child(17){left:38%;animation-delay:-15s}.homepage-embers i:nth-child(18){left:68%;animation-delay:-19s}
@keyframes home-ember{0%{transform:translate3d(0,5vh,0) scale(.65);opacity:0}10%{opacity:.18}38%{opacity:.42}63%{opacity:.12}100%{transform:translate3d(18px,-105vh,0) scale(1.05);opacity:0}}
.photo-wall{z-index:1}.homepage-embers{z-index:1}.site-shell{z-index:2}
.support-drawer-feature{transform-origin:center;will-change:transform;animation:drawer-breathe 9.7s ease-in-out infinite}
@keyframes drawer-breathe{0%,72%,100%{transform:scale(1);box-shadow:inherit}78%{transform:scale(1.03);box-shadow:0 0 18px rgba(255,88,42,.18)}84%{transform:scale(1);box-shadow:inherit}}
@media(max-width:620px){
 .homepage-embers i:nth-child(even){display:none}
 .support-drawer-feature{transform-origin:center;max-width:calc(100% - 4px);margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:340px){.support-drawer-feature{animation-name:drawer-breathe-small}@keyframes drawer-breathe-small{0%,72%,100%{transform:scale(1)}78%{transform:scale(1.018)}84%{transform:scale(1)}}}
@media(prefers-reduced-motion:reduce){.homepage-embers i,.support-drawer-feature{animation:none!important}.homepage-embers i{display:none!important}}


/* V47 — consolidated mobile readability, entry CTA, centered wordmark, uniform support cards */
.conversion-of{position:relative;overflow:hidden}
.conversion-of::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 0 38%,rgba(255,88,42,0) 43%,rgba(255,118,82,.72) 49%,rgba(255,88,42,0) 55%,transparent 60%);background-size:260% 100%;opacity:0;animation:conversion-of-shimmer 8.9s ease-in-out infinite}
@keyframes conversion-of-shimmer{0%,70%,100%{opacity:0;background-position:120% 0}74%{opacity:.75}82%{opacity:0;background-position:-120% 0}}
.conversion-entry{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
.conversion-entry-label{font-size:9px;font-weight:900;letter-spacing:.16em;color:#e8ded9;text-align:center}
@keyframes entry-arrow-cue{0%,74%,100%{transform:translateY(0)}79%{transform:translateY(3px)}84%{transform:translateY(0)}}
.entry-arrow{display:inline-block;animation:entry-arrow-cue 7.7s ease-in-out infinite}

/* Same resting geometry for every support card. Drawer hierarchy comes from border/eyebrow/motion only. */
.support-drawer-feature{min-height:88px;padding:12px 8px}

@media(max-width:620px){
  /* True centered mobile header + unbreakable complete wordmark. */
  .site-header{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding-left:14px!important;padding-right:14px!important}
  .site-header .eyebrow,.site-header .tagline{width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .site-header .brand{display:block!important;width:fit-content!important;max-width:100%!important;margin-inline:auto!important;text-align:center!important;white-space:nowrap!important;font-size:clamp(26px,9.2vw,42px)!important;letter-spacing:clamp(-2.2px,-.42vw,-1px)!important;line-height:.92!important;overflow:visible!important}

  /* Localized readability gradient: image remains visible above, predictable contrast below. */
  .video-modal-shade{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.02) 34%,rgba(5,3,3,.20) 44%,rgba(6,4,3,.60) 55%,rgba(6,4,3,.78) 66%,rgba(4,3,3,.88) 78%,rgba(2,2,2,.94) 100%)!important}
  .video-modal h2{text-shadow:0 1px 1px rgba(0,0,0,.8),0 2px 7px rgba(0,0,0,.34)!important;-webkit-text-stroke:.35px rgba(0,0,0,.45)}
  .video-modal .conversion-kicker{font-size:12px!important;font-weight:900!important;color:#fff!important}
  .video-modal .conversion-copy{font-size:14px!important;font-weight:600!important;color:#fff!important}
  .video-modal .conversion-action{background:rgba(15,10,9,.92)!important;min-height:72px!important}
  .video-modal .conversion-of{background:rgba(20,9,7,.95)!important;border-color:#ff582a!important}
  .video-modal .conversion-action strong{font-size:14px!important}
  .video-modal .conversion-action small{font-size:11.5px!important;color:#f4eeeb!important}

  /* Clear gateway into the actual site. */
  .conversion-entry{gap:4px!important;margin-top:1px!important}
  .conversion-entry-label{font-size:9px!important;color:#eee5e1!important}
  .video-modal .conversion-continue{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:min(100%,310px)!important;min-height:44px!important;padding:8px 14px!important;margin:0 auto!important;border:1px solid rgba(255,88,42,.72)!important;border-radius:999px!important;background:rgba(8,5,4,.70)!important;color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important;letter-spacing:.045em!important}
  .video-modal .conversion-continue .entry-arrow{color:#ff6948!important;font-size:15px!important}

  /* Uniform support resting dimensions. */
  .support-item,.support-drawer-feature{width:100%!important;max-width:none!important;min-height:68px!important;padding:10px 11px!important;margin-left:0!important;margin-right:0!important}
}
@media(max-width:340px){
  .site-header{padding-left:12px!important;padding-right:12px!important}
  .site-header .brand{font-size:clamp(24px,8.75vw,30px)!important;letter-spacing:-1.25px!important}
  .video-modal .conversion-kicker{font-size:11px!important}
  .video-modal .conversion-copy{font-size:13px!important}
  .video-modal h2{font-size:31px!important}
  .conversion-entry-label{font-size:8px!important}
  .video-modal .conversion-continue{font-size:10px!important;width:min(100%,280px)!important}
}
@media(prefers-reduced-motion:reduce){.conversion-of::after,.entry-arrow{animation:none!important}}

/* V48 — mobile opening wordmark true centering / no clipping */
@media (max-width:620px){
  .site-header{
    width:100%!important;
    max-width:100%!important;
    padding-inline:16px!important;
    overflow:visible!important;
  }
  .site-header .brand{
    display:flex!important;
    align-items:baseline!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    font-size:clamp(25px,8.35vw,42px)!important;
    letter-spacing:-1.45px!important;
    line-height:.94!important;
    overflow:visible!important;
  }
  .site-header .brand > span{
    display:inline-block!important;
    flex:0 0 auto!important;
  }
}
@media (max-width:360px){
  .site-header{padding-inline:13px!important}
  .site-header .brand{font-size:clamp(24px,8.05vw,29px)!important;letter-spacing:-1.2px!important}
}
@media (max-width:330px){
  .site-header{padding-inline:12px!important}
  .site-header .brand{font-size:24px!important;letter-spacing:-1.1px!important}
}

/* V50 — desktop hierarchy refinements */
@media (min-width: 621px){
  /* Match the desktop Drawer card hierarchy to the mobile treatment. */
  .support-drawer-feature .support-eyebrow{
    display:block;
    margin:0 0 5px;
    color:#ff6948;
    font-family:inherit;
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .support-drawer-feature .support-copy strong{
    color:#fff;
    font-family:inherit;
    font-weight:950;
  }
  .support-drawer-feature{
    border-color:rgba(255,88,42,.62);
    background:linear-gradient(135deg,rgba(24,11,9,.82),rgba(12,7,7,.78));
  }

  /* Give the desktop full-site gateway clear visual weight and true centering. */
  .conversion-entry{
    width:100%;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:10px;
    text-align:center;
  }
  .conversion-entry-label{
    display:block;
    width:100%;
    margin:0 auto;
    color:#fff;
    font-size:13px;
    line-height:1.1;
    font-weight:950;
    letter-spacing:.17em;
    text-align:center;
  }
  .video-modal .conversion-continue{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:min(100%,420px);
    min-height:52px;
    margin:0 auto;
    padding:10px 22px;
    border:1px solid rgba(255,88,42,.68);
    border-radius:999px;
    background:rgba(8,5,4,.68);
    color:#fff;
    font-size:13px;
    font-weight:950;
    letter-spacing:.055em;
    text-align:center;
  }
  .video-modal .conversion-continue .entry-arrow{
    color:#ff6948;
    font-size:17px;
  }
}


/* V52 — Drawer desktop hover parity and persistent ember border */
@media (min-width:621px){
  .support-drawer-feature{
    border:1px solid rgba(255,88,42,.72)!important;
    transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
  }
  .support-drawer-feature:hover{
    transform:translateX(3px)!important;
    border-color:#ff6948!important;
    box-shadow:0 0 18px rgba(255,88,42,.14)!important;
  }
  .support-drawer-feature:hover .support-pill{transform:translateX(3px)!important}
  .support-drawer-feature:hover .support-pill b{transform:translateX(4px)!important}
}


/* V56 — popup cleanup: single explore CTA + main-page orange OnlyFans treatment */
.conversion-entry-label{display:none!important}
.video-modal .conversion-of{
  background:linear-gradient(145deg,#f13d25 0%,#ff6549 73%,#ff745a 100%)!important;
  border-color:rgba(255,195,183,.64)!important;
  box-shadow:0 14px 36px rgba(238,56,31,.28),0 0 30px rgba(255,74,43,.10)!important;
}
.video-modal .conversion-of:hover,.video-modal .conversion-of:focus-visible{
  background:linear-gradient(145deg,#f7462d 0%,#ff6d52 73%,#ff7b62 100%)!important;
  border-color:rgba(255,220,210,.78)!important;
}
@media(max-width:620px){
  .video-modal .conversion-of{
    background:linear-gradient(145deg,#f13d25 0%,#ff6549 73%,#ff745a 100%)!important;
    border-color:rgba(255,195,183,.64)!important;
    box-shadow:0 12px 30px rgba(238,56,31,.30),0 0 24px rgba(255,74,43,.12)!important;
  }
  .conversion-entry{margin-top:4px!important}
}


/* V57 — use the Scorch underwear + socks mark in the wishlist product card. */
.wishlist-question img{
  width:min(54%,220px);
  height:min(54%,220px);
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 22px rgba(255,88,42,.18));
}
@media(max-width:679px){
  .wishlist-question img{width:min(46%,180px);height:min(46%,180px)}
}

/* V58 — desktop launch headline: keep IS LIVE together on line two */
@media (min-width:680px){
  .launch-copy h2 .launch-live{
    display:block!important;
    margin-top:2px!important;
    white-space:nowrap!important;
  }
}


/* V62 — Mobile Video Notes completion pass. */
@media(max-width:620px){
  .video-conversion{min-height:100svh!important;min-height:100dvh!important}
  .video-modal{height:100svh!important;height:100dvh!important;min-height:100%!important}
  .video-modal-media{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 32%!important}
  .video-modal-content{max-height:100%!important;overflow:visible!important}
  .video-modal .conversion-action,.video-modal .conversion-continue{touch-action:manipulation}
}
@media(prefers-reduced-motion:reduce){
  .video-modal .conversion-of::after{animation:none!important}
}