:root{
  --ink:#FFFFFF;
  --ink-dim:rgba(255,255,255,.74);
  --ink-faint:rgba(255,255,255,.5);
  --acc:#CE0A78;
  --acc-hi:#E8318F;
  --vio:#9E7BEF;
  --berry:#A80B55;
  --berry-deep:#6B0335;
  --aub:#42002A;
  --aub-deep:#25001D;
  --indigo:#1F1150;
  --indigo-deep:#150B36;
  --night:#0E0824;
  --cone-bg:#8C0B4B;
  --white:#FFFFFF;

  --f-disp:"Instrument Serif",Georgia,"Times New Roman",serif;
  --f-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;

  --gutter:clamp(18px,4.2vw,72px);
  --maxw:1360px;
  --soft:cubic-bezier(.22,1,.36,1);
  --gel:cubic-bezier(.16,1.08,.3,1);
  --melt-from:var(--berry);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
[id]{scroll-margin-top:clamp(92px,7.6vw,116px)}
body{
  margin:0;min-width:320px;overflow-x:clip;
  background:var(--aub-deep);color:var(--ink);
  font-family:var(--f-body);font-size:clamp(15px,1.02vw,17px);line-height:1.62;
  font-weight:400;letter-spacing:.002em;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block}
img{height:auto}
h1,h2,h3{font-family:var(--f-disp);font-weight:400;letter-spacing:-.012em;margin:0}
h1{font-size:clamp(46px,7.4vw,104px);line-height:.94}
h2{font-size:clamp(34px,4.6vw,66px);line-height:1.02}
h3{font-size:clamp(19px,1.5vw,25px);line-height:1.18}
p{margin:0}
a{color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--acc);color:#fff;padding:12px 18px;border-radius:0 0 10px 0}
.skip:focus{left:0}
:where(a,button,[tabindex]):focus-visible{outline:2.5px solid var(--vio);outline-offset:3px;border-radius:4px}


.btn{
  display:inline-flex;align-items:center;gap:.62em;
  font-weight:600;font-size:clamp(13px,.86vw,14.5px);letter-spacing:.04em;
  padding:.95em 1.55em;border-radius:999px;text-decoration:none;
  transition:transform .42s var(--gel),background-color .3s ease,box-shadow .42s var(--gel);
  min-height:44px;
}
.btn-solid{background:var(--acc);color:#fff;box-shadow:0 10px 26px -12px rgba(206,10,120,.9)}
.btn-solid:hover{background:var(--acc-hi);transform:translateY(-2px) scale(1.015);box-shadow:0 16px 34px -12px rgba(232,49,143,.95)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.42);color:#fff}
.btn-ghost:hover{border-color:var(--vio);transform:translateY(-2px) scale(1.015);background:rgba(158,123,239,.14)}
.btn-lg{padding:1.15em 1.9em;font-size:clamp(13.5px,.92vw,15.5px)}
.btn-arrow{transition:transform .42s var(--gel)}
.btn:hover .btn-arrow{transform:translateX(5px)}


.drip-link,.why-more a,.jr h3{position:relative;text-decoration:none}
.drip-link::after,.why-more a::after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform .5s var(--gel);border-radius:2px;
}
.drip-link:hover::after,.why-more a:hover::after{transform:scaleX(1)}


.melt{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:3;
  height:clamp(82px,11.8vw,190px)}
.melt-svg{width:100%;height:100%;display:block}
.melt-svg path,.melt-svg circle{fill:currentColor}
.melt-soft .melt-svg{filter:drop-shadow(0 8px 14px rgba(6,0,16,.68))}
.melt-cone-sec{color:#a80b55}
.melt-odd-sec{color:var(--cone-bg)}
.melt-build-sec{color:var(--indigo)}
.melt-why-sec{color:var(--berry)}
.melt-read-sec{color:var(--white)}
.melt-faq-sec{color:#360c38}
.melt-jr-sec{color:#3a0728}
.melt-cta-sec{color:#1c1046}


.bar{position:fixed;inset:0 0 auto 0;z-index:40;transition:background-color .5s var(--soft),backdrop-filter .5s,box-shadow .5s}
.bar-in{display:flex;align-items:center;gap:clamp(14px,3vw,52px);
  max-width:var(--maxw);margin-inline:auto;padding:clamp(14px,1.5vw,26px) var(--gutter)}
.bar.is-stuck{background:rgba(48,2,32,.82);backdrop-filter:blur(14px) saturate(1.2);
  box-shadow:inset 0 -1px 0 rgba(206,10,120,.55);padding-block:0}
.bar.is-stuck .bar-in{padding-block:clamp(9px,.85vw,14px)}
.mark{display:flex;align-items:flex-end;gap:.1em;text-decoration:none;flex:0 0 auto}
.mark-stack{flex-direction:column;align-items:flex-start;gap:0}
.mark-stack .mark-icon{margin:0 0 -.22em .06em}
.mark-icon{width:clamp(24px,2.1vw,32px);height:auto;margin-bottom:.42em;overflow:visible}
.mark-icon.sm{width:26px;margin:0 0 18px}
.mk-core{fill:none;stroke:var(--acc-hi);stroke-width:2.6}
.mk-ray{stroke:var(--acc-hi);stroke-width:2.4;stroke-linecap:round;opacity:.95}
.mark-word{font-family:var(--f-disp);font-size:clamp(25px,2.5vw,37px);line-height:1;letter-spacing:.03em}
.nav{margin-left:auto;display:flex;align-items:center;gap:clamp(16px,2.4vw,40px)}
.nav ul{display:flex;gap:clamp(14px,2.1vw,36px)}
.nav a{text-decoration:none;font-size:14.5px;font-weight:500;position:relative;padding:.4em 0}
.nav a.nav-cta{padding:.92em 1.7em}
.nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--acc-hi);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--gel)}
.nav ul a:hover::after{transform:scaleX(1)}
.burger{display:none;margin-left:auto;width:44px;height:44px;flex:0 0 auto;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .4s var(--gel)}
.burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}


.hero{position:relative;isolation:isolate;overflow:hidden;
  min-height:100svh;display:flex;align-items:center;
  padding:clamp(104px,10.5vw,148px) 0 clamp(74px,8.5vw,132px)}
.field{position:absolute;inset:0;z-index:0}

.field::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(18,0,10,.4) 0,rgba(18,0,10,.16) 24%,transparent 46%)}
.field-l{position:absolute;inset:0;opacity:0;transition:opacity .95s var(--soft)}
.field-l[data-on]{opacity:1}
.field-blob{position:absolute;top:6%;right:-8%;width:min(74vw,900px);aspect-ratio:1;
  border-radius:48% 52% 44% 56%/52% 46% 54% 48%;
  background:radial-gradient(circle at 42% 40%,var(--blob,rgba(232,49,143,.62)),transparent 68%);
  filter:blur(14px);transform:scale(1);transition:background 1s var(--soft),transform 1.1s var(--gel)}
.hero-in{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin-inline:auto;
  padding-inline:var(--gutter);display:grid;gap:clamp(24px,3vw,44px);
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center}
.eyebrow{font-size:clamp(11px,.8vw,12px);letter-spacing:.24em;text-transform:uppercase;
  font-weight:700;color:var(--acc-hi);margin-bottom:clamp(14px,1.6vw,22px)}
.hero h1{margin-bottom:clamp(18px,1.9vw,26px)}
.lede{max-width:31ch;color:var(--ink-dim);font-size:clamp(15px,1.06vw,17.5px);margin-bottom:clamp(24px,2.6vw,36px)}
.hero .lede{max-width:42ch}
.pads{margin-top:clamp(32px,4vw,58px)}
.pads-row{position:relative;display:flex;gap:clamp(10px,1.5vw,26px);align-items:flex-start}
.pad{display:flex;flex-direction:column;align-items:center;gap:.72em;padding:4px 2px 14px;min-width:64px}
.pad-img{display:block;width:clamp(56px,5.4vw,80px);aspect-ratio:1;border-radius:50%;overflow:hidden;
  position:relative;transition:transform .55s var(--gel),box-shadow .55s var(--gel)}
.pad-img::after{content:"";position:absolute;inset:-5px;border-radius:50%;
  border:2px solid var(--acc-hi);opacity:0;transform:scale(.86);
  transition:opacity .5s var(--gel),transform .5s var(--gel)}
.pad-img img{width:100%;height:100%;object-fit:cover}
.pad-name{font-size:clamp(11.5px,.8vw,13px);letter-spacing:.05em;color:var(--ink-faint);
  transition:color .4s ease;text-align:center;line-height:1.25}
.pad:hover .pad-img{transform:translateY(-4px) scale(1.03)}
.pad.is-on .pad-img{transform:translateY(-7px) scale(1.06);box-shadow:0 14px 30px -14px rgba(0,0,0,.7)}
.pad.is-on .pad-img::after{opacity:1;transform:scale(1)}
.pad.is-on .pad-name{color:#fff;font-weight:600}
.pad-bar{position:absolute;bottom:0;height:2px;background:#fff;border-radius:2px;
  transition:transform .62s var(--gel),width .62s var(--gel);width:40px;transform:translateX(0)}

.hero-stage{position:relative}
.bowl-stage{position:relative;aspect-ratio:1;width:min(126%,700px,71vh);margin-left:auto;
  margin-right:calc(var(--gutter) * -1.9)}
.orbit{position:absolute;inset:0;transform-origin:52% 128%;will-change:transform}
.orbit[data-slot=b]{visibility:hidden}
.bowl{width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 34px 50px rgba(30,0,18,.5));will-change:transform,opacity,filter}
.bits{position:absolute;inset:-14% -10%;pointer-events:none;overflow:clip}
.bit{position:absolute;width:26px;height:26px;opacity:0;will-change:transform,opacity}
.bit img{width:100%;height:100%;object-fit:contain}
.stage-ui{position:relative;z-index:6;display:flex;align-items:center;justify-content:center;
  gap:clamp(14px,2vw,30px);margin-top:clamp(6px,1vw,14px)}
.arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);
  display:grid;place-items:center;font-size:16px;
  transition:transform .45s var(--gel),background-color .3s,border-color .3s}
.arrow:hover{background:rgba(255,255,255,.14);border-color:#fff;transform:scale(1.08)}
.stage-hint{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.76);
  position:relative;padding-inline:clamp(10px,3vw,54px)}
.stage-hint::before,.stage-hint::after{content:"";position:absolute;top:52%;width:clamp(8px,2.6vw,44px);
  height:1px;background:repeating-linear-gradient(90deg,var(--acc-hi) 0 3px,transparent 3px 7px)}
.stage-hint::before{left:-2px}.stage-hint::after{right:-2px}

.drips{position:absolute;left:0;right:0;bottom:-2px;z-index:4;height:clamp(90px,12vw,190px);pointer-events:none}
.hero-melt{width:100%;height:100%;color:var(--melt-from);transform:scaleY(-1)}


.cone-sec{position:relative;background:var(--cone-bg);height:190vh}
.cone-sec::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 55% at 18% 30%,rgba(66,0,42,.55),transparent 70%),
             radial-gradient(60% 60% at 88% 70%,rgba(232,49,143,.24),transparent 72%)}
.sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.cone-in{position:relative;z-index:2;height:100%;max-width:var(--maxw);margin-inline:auto;
  padding:clamp(96px,10vw,130px) var(--gutter) clamp(48px,6vw,90px);
  display:grid;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);
  grid-template-areas:"copy stage steps";gap:clamp(16px,2.4vw,40px);align-items:center}
.cone-copy{grid-column:1;grid-row:1;align-self:end;padding-bottom:clamp(16px,2vw,30px)}
.cone-copy h2{margin-bottom:clamp(14px,1.6vw,22px)}
.cone-copy p{color:var(--ink-dim);max-width:30ch}
.cone-stage{grid-column:2;grid-row:1/3;position:relative;height:100%;display:grid;place-items:end center}
.cone{width:min(46%,240px);position:relative;z-index:0;
  filter:drop-shadow(0 22px 34px rgba(30,0,18,.55));
  transform:translateY(var(--cone-y,40px));opacity:var(--cone-o,0);
  transition:transform .9s var(--gel),opacity .7s ease}
.stream-wrap{position:absolute;top:-11%;bottom:31%;left:50%;transform:translateX(-50%);
  width:min(58%,222px);z-index:1;filter:drop-shadow(0 14px 26px rgba(30,0,18,.42))}
.stream{width:100%;height:100%;object-fit:cover;object-position:bottom center;
  
  --mask:linear-gradient(180deg,transparent 0,
    #000 calc(var(--fill,0%) * .14),#000 calc(var(--fill,0%) * .9),
    transparent var(--fill,0%));
  -webkit-mask-image:var(--mask);mask-image:var(--mask);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%}
.steps{display:flex;flex-direction:column;gap:clamp(20px,3vw,52px)}
.steps-r{grid-column:3;grid-row:1/3;align-self:center}
.steps-l{grid-column:1;grid-row:2;align-self:start;max-width:30ch}
.step{opacity:.24;transform:translateY(10px);transition:opacity .7s var(--soft),transform .7s var(--gel)}
.step.is-on{opacity:1;transform:none}
.step-n,.step-k{display:inline-block;vertical-align:top}
.step-n{font-family:var(--f-disp);font-size:clamp(22px,1.9vw,30px);color:var(--ink-faint);margin-right:.5em}
.step.is-on .step-n{color:var(--acc-hi)}
.step-k{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;padding-top:.55em}
.step-t{display:block;color:var(--ink-dim);font-size:13.5px;margin-top:.5em;max-width:30ch}
.trace{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.tr{fill:none;stroke:rgba(255,255,255,.42);stroke-width:1.4;stroke-dasharray:2 7;stroke-linecap:round}


.odd-sec{position:relative;background:var(--indigo);overflow:hidden;
  padding:clamp(132px,15vw,220px) 0 clamp(112px,13vw,190px)}
.odd-sec::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 52% at 74% 44%,rgba(158,123,239,.3),transparent 72%),
             radial-gradient(60% 50% at 8% 84%,rgba(206,10,120,.2),transparent 70%)}
.odd-in{position:relative;z-index:2;display:grid;gap:clamp(20px,3vw,48px);
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center}
.odd-copy h2{margin-bottom:clamp(16px,1.8vw,24px)}
.odd-copy>p{color:var(--ink-dim);max-width:32ch}
.count{display:flex;align-items:center;gap:.7em;margin:clamp(24px,3vw,40px) 0 clamp(22px,2.6vw,34px)}
.count-n{font-family:var(--f-disp);font-size:clamp(58px,6.6vw,96px);line-height:.8;color:var(--acc-hi)}
.count-k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;line-height:1.5}
.odd-stage{position:relative;aspect-ratio:1/.86}
.odd-scoop{position:absolute;top:8%;left:24%;width:52%;
  filter:drop-shadow(0 30px 46px rgba(8,2,28,.62));will-change:transform}
.ing{position:absolute;margin:0;width:17%;will-change:transform;
  opacity:0;transform:translateY(16px) scale(.92);transition:opacity .8s var(--soft),transform .9s var(--gel)}
.ing.is-on{opacity:1;transform:none}
.ing a{display:block;text-decoration:none;color:inherit;
  transition:transform .45s var(--gel),filter .45s ease}
.ing a:hover{transform:translateY(-4px) scale(1.045)}
.ing a:hover figcaption{background:#fff;color:#7A0140}
.ing a:focus-visible{outline:2px solid var(--acc-hi);outline-offset:8px;border-radius:6px}
.ing img{filter:drop-shadow(0 14px 22px rgba(8,2,28,.55))}
.ing figcaption{cursor:pointer;
  position:absolute;white-space:nowrap;font-size:clamp(9.6px,.7vw,11px);font-weight:800;
  letter-spacing:.13em;text-transform:uppercase;line-height:1.42;color:#3A0025;
  background:#F3E6DE;padding:.55em .8em;
  clip-path:polygon(1% 6%,99% 0,100% 92%,2% 100%);
  box-shadow:0 8px 18px -8px rgba(0,0,0,.6);
}
.i1{top:10%;left:6%}     .i1 figcaption{right:112%;top:30%}
.i2{top:12%;right:4%}    .i2 figcaption{left:112%;top:36%}
.i3{top:46%;left:3%}     .i3 figcaption{right:112%;top:44%}
.i4{top:54%;right:6%}    .i4 figcaption{left:112%;top:48%}
.i5{bottom:6%;left:34%}  .i5 figcaption{left:114%;top:26%}
.odd-stage .ing::before{content:"";position:absolute;top:46%;width:0;height:1px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 3px,transparent 3px 7px);
  transition:width .8s var(--soft) .2s}
.i1::before,.i3::before{right:100%}
.i2::before,.i4::before,.i5::before{left:100%}
.ing.is-on::before{width:clamp(8px,2vw,34px)}


.build-sec{position:relative;background:var(--berry);height:200vh}
.build-sec::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(62% 54% at 24% 22%,rgba(107,3,53,.6),transparent 70%),
             radial-gradient(56% 52% at 82% 78%,rgba(232,49,143,.28),transparent 72%)}
.build-in{position:relative;z-index:2;height:100%;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);
  gap:clamp(16px,2.4vw,40px);align-items:center;
  padding-block:clamp(82px,8vw,116px) clamp(40px,5vw,72px)}
.build-copy h2{margin-bottom:clamp(12px,1.4vw,20px)}
.build-copy p{color:var(--ink-dim);max-width:24ch}
.build-stage{position:relative;height:100%;display:grid;place-items:end center}
.tower{position:relative;display:block;align-self:end;
  width:min(52%,212px,23vh);aspect-ratio:560/1172}
.bl{position:absolute;will-change:transform,opacity}
.bl-cone{left:0;bottom:0;width:100%;z-index:0;filter:drop-shadow(0 22px 34px rgba(40,0,22,.6))}
.bl-scoop{left:0%;bottom:79%;width:100%;z-index:2;opacity:0;
  filter:drop-shadow(0 14px 22px rgba(40,0,22,.5))}
.bl-sauce{left:-4%;bottom:102%;width:100%;z-index:3;opacity:0;
  transform-origin:50% 70%;rotate:-8deg}
.bl-crunch{left:20%;bottom:138%;width:68%;z-index:3;opacity:0;
  filter:drop-shadow(0 8px 14px rgba(40,0,22,.45))}
.sprinkles{position:absolute;inset:0;z-index:6;pointer-events:none}
.spr{position:absolute;width:7px;height:3px;border-radius:2px;opacity:0;will-change:transform,opacity}
.layers{display:flex;flex-direction:column;gap:clamp(18px,2.6vw,44px);align-self:center;position:relative}
.layers::before{content:"";position:absolute;left:5px;top:14px;bottom:14px;width:1.5px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.42))}
.ly{position:relative;padding-left:34px;opacity:.26;transform:translateX(-8px);
  transition:opacity .7s var(--soft),transform .7s var(--gel)}
.ly.is-on{opacity:1;transform:none}
.ly-dot{position:absolute;left:0;top:9px;width:12px;height:12px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.55);background:var(--berry);transition:background-color .5s,border-color .5s}
.ly.is-on .ly-dot{background:var(--acc-hi);border-color:#fff}
.ly-n{font-family:var(--f-disp);font-size:clamp(20px,1.7vw,27px);color:var(--ink-faint);margin-right:.5em}
.ly.is-on .ly-n{color:#fff}
.ly-k{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.ly-t{display:block;color:var(--ink-dim);font-size:13.5px;margin-top:.34em}


.why-sec{position:relative;background:var(--white);color:#2A0620;
  padding:clamp(128px,14vw,206px) 0 clamp(84px,9vw,132px);overflow:hidden}
.why-in{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:clamp(22px,3vw,54px);align-items:center}
.why-sec h2{color:#3A0025;margin-bottom:clamp(24px,3vw,42px)}
.why-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,30px)}
.why-n{display:block;font-family:var(--f-disp);font-size:clamp(20px,1.7vw,27px);color:var(--acc);margin-bottom:.25em}
.why-sec h3{font-family:var(--f-body);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:800;color:#3A0025;margin-bottom:.7em}
.why-cols p{font-size:13.6px;line-height:1.6;color:#5A3348}
.why-more{margin-top:clamp(24px,3vw,40px);font-size:14px;font-weight:600;color:var(--acc)}
.why-more a{display:inline-flex;align-items:center;min-height:34px}
.why-fig{margin:0;position:relative}
.why-fig img{width:calc(100% + var(--gutter) + 4vw);max-width:none;border-radius:22px 0 0 22px;
  box-shadow:0 40px 70px -34px rgba(58,0,37,.55)}


.jr-sec{position:relative;overflow:hidden;
  background:linear-gradient(168deg,#241257 0%,#2E0E44 52%,#3A0B33 100%);
  padding:clamp(128px,14vw,210px) 0 clamp(120px,13vw,190px)}
.jr-in{position:relative;z-index:2;display:grid;gap:clamp(24px,3vw,44px);
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center}
.jr-copy h2{margin-bottom:clamp(12px,1.4vw,20px)}
.jr-copy>p{color:var(--ink-dim);max-width:26ch;margin-bottom:clamp(20px,2.4vw,32px)}
.jr-track{position:relative;aspect-ratio:1/.44;min-height:290px}
.jr-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.jrl{fill:none;stroke:url(#none) var(--acc-hi);stroke:var(--acc-hi);stroke-width:8;stroke-linecap:round;
  filter:drop-shadow(0 6px 14px rgba(206,10,120,.5))}
.jr{position:absolute;margin:0;opacity:0;transform:translateY(14px) scale(.96);
  transition:opacity .8s var(--soft),transform .9s var(--gel)}
.jr.is-on{opacity:1;transform:none}
.jr a{text-decoration:none;display:block}
.jr-portal{display:block;border-radius:50%;overflow:hidden;position:relative;
  box-shadow:0 22px 40px -18px rgba(8,2,28,.8);
  transition:transform .6s var(--gel),box-shadow .6s var(--gel)}
.jr-portal::after{content:"";position:absolute;inset:0;border-radius:50%;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.24)}
.jr-portal img{width:100%;aspect-ratio:1;object-fit:cover}
.jr-cat{display:block;font-size:10.6px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:800;color:var(--acc-hi);margin:1em 0 .5em}
.jr h3{font-size:clamp(17px,1.32vw,22px);margin-bottom:.4em}
.jr p{font-size:12.8px;color:var(--ink-dim);max-width:22ch}
.jr a:hover .jr-portal{transform:scale(1.05);box-shadow:0 26px 48px -16px rgba(206,10,120,.6)}
.jr-1{left:6%;top:6%;width:33%}
.jr-1 .jr-portal{width:100%}
.jr-1 .jr-txt{width:100%}
.jr-2{left:44%;top:0;width:26%}
.jr-2 .jr-portal{width:62%}
.jr-3{right:0;top:34%;width:24%}
.jr-3 .jr-portal{width:66%}


.cta-sec{position:relative;overflow:hidden;background:linear-gradient(180deg,#2A0A33,#1B0B36);
  padding:clamp(150px,17vw,250px) 0 clamp(96px,11vw,160px);text-align:center}
.arch{position:absolute;left:50%;top:clamp(70px,8vw,120px);transform:translateX(-50%);
  width:min(150%,1500px);aspect-ratio:1500/700;pointer-events:none;z-index:1}
.arch-h{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;
  transition:transform 1.3s var(--gel),opacity 1s ease;opacity:0}
.arch-h img{position:absolute;top:0;width:200%;max-width:none;height:100%;object-fit:cover}
.arch-l{left:0;transform:translateX(-9%)}
.arch-l img{left:0}
.arch-r{right:0;transform:translateX(9%)}
.arch-r img{right:0}
.cta-sec.is-on .arch-h{opacity:1;transform:translateX(0)}
.cta-in{position:relative;z-index:3;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.cta-sec h2{margin-bottom:clamp(22px,2.6vw,36px)}


.foot{background:var(--night);padding:clamp(40px,5vw,64px) 0 clamp(22px,2.4vw,32px)}
.foot-in{display:flex;flex-wrap:wrap;gap:clamp(22px,3vw,60px);align-items:flex-start;
  justify-content:space-between;padding-bottom:clamp(26px,3vw,42px)}
.foot-brand p{font-size:13px;color:var(--ink-faint);margin-top:.9em;line-height:1.5}
.foot-nav ul{display:flex;flex-wrap:wrap;gap:clamp(14px,2.2vw,38px)}
.foot-nav a{font-size:13.5px;font-weight:500;text-decoration:none;position:relative;padding:.4em 0}
.foot-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--acc-hi);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--gel)}
.foot-nav a:hover::after{transform:scaleX(1)}
.foot-b{display:flex;flex-wrap:wrap;gap:14px 32px;justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.1);padding-top:clamp(16px,1.8vw,24px)}
.foot-b p{font-size:10.6px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.42)}


[data-rev]{opacity:0;transform:translateY(22px);
  transition:opacity .9s var(--soft),transform 1s var(--gel)}
[data-rev].is-on{opacity:1;transform:none}


@media (max-width:1080px){
  .hero-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .bowl-stage{width:min(100%,480px)}
  .cone-in,.build-in{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);
    grid-template-areas:none}
  .cone-copy{grid-column:1;grid-row:1;align-self:end;padding-bottom:14px}
  .steps-l{grid-column:1;grid-row:2}
  .steps-r{grid-column:1;grid-row:3;align-self:start;padding:0}
  .cone-stage{grid-column:2;grid-row:1/4}
  .layers{grid-column:1;grid-row:2}
  .build-stage{grid-column:2;grid-row:1/3}
  .why-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jr-in{grid-template-columns:minmax(0,1fr)}
  .jr-track{aspect-ratio:1/.58}
}


@media (max-width:1099px){
  .nav ul a{padding:.75em 0;min-height:44px;display:inline-flex;align-items:center}
  .foot-nav a{padding:.85em 0;min-height:44px;display:inline-flex;align-items:center}
  .why-more a{min-height:44px}
  .mark{min-height:44px;align-items:center}
  .arrow{width:48px;height:48px}
}


@media (max-width:760px){
  .nav{position:fixed;inset:0 0 auto 0;flex-direction:column;align-items:stretch;gap:0;
    background:rgba(40,2,26,.97);backdrop-filter:blur(16px);
    padding:84px var(--gutter) 28px;transform:translateY(-102%);
    transition:transform .6s var(--gel);margin:0;visibility:hidden}
  .nav.is-open{transform:none;visibility:visible}
  .nav ul{flex-direction:column;gap:0}
  .nav ul a{display:block;padding:1.05em 0;font-size:18px;
    border-bottom:1px solid rgba(255,255,255,.1)}
  .nav-cta{margin-top:22px;justify-content:center}
  .burger{display:flex}
  .hero{min-height:0;padding:104px 0 clamp(80px,16vw,120px)}
  .hero-in{grid-template-columns:minmax(0,1fr);gap:26px}
  .hero-copy{display:contents}
  .eyebrow{order:1}
  .hero h1{order:2;margin-bottom:14px}
  .lede{order:3;max-width:none;margin-bottom:0}
  .hero-stage{order:4;margin-top:6px}
  .pads{order:5;margin-top:4px;margin-inline:0;overflow:visible}
  .pads-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;padding-inline:0;min-width:0;padding-top:12px;align-items:start}
  .pad{min-width:0;padding:4px 0 14px}
  .pad-img{width:min(100%,64px);margin-inline:auto}
  .pad-name{font-size:11.5px;overflow-wrap:break-word;hyphens:auto}
  .btn-lg{order:6;align-self:center;justify-self:center}
  .bowl-stage{width:min(84vw,380px)}
  .field-blob{top:12%;right:-28%;width:118vw}
  .cone-sec,.build-sec{height:auto}
  .sticky{position:static;height:auto;overflow:visible}
  .cone-in{grid-template-columns:minmax(0,1fr);grid-template-areas:none;
    gap:26px;padding-block:clamp(96px,20vw,130px) clamp(56px,12vw,84px);height:auto}
  .cone-copy{grid-column:1;grid-row:1;padding-bottom:0}
  .cone-stage{grid-column:1;grid-row:2}
  .steps-l{grid-column:1;grid-row:3}
  .steps-r{grid-column:1;grid-row:4;padding:0}
  .bowl-stage{margin-inline:auto}
  .cone-stage{height:auto;min-height:46vh;place-items:end center;overflow:hidden}
  .cone{width:min(30vw,15vh,190px)}
  .stream-wrap{width:min(33vw,16.5vh,210px);top:auto;bottom:43%;height:97%}
  .trace{display:none}
  .step{opacity:1;transform:none}
  .odd-in{grid-template-columns:minmax(0,1fr);gap:34px}
  .odd-stage{aspect-ratio:1/1.02;margin-top:8px}
  .odd-scoop{top:16%;left:20%;width:60%}
  .odd-copy .btn{display:flex;width:fit-content;margin-inline:auto}
  .ing{width:24%}
  .ing figcaption{white-space:normal;max-width:112%;font-size:10.4px;
    padding:.5em .62em;letter-spacing:.09em;text-wrap:balance}
  .i1{top:2%;left:0}   .i1 figcaption{right:auto;left:0;top:104%}
  .i2{top:4%;right:0}  .i2 figcaption{left:auto;right:0;top:104%}
  .i3{top:46%;left:0} .i3 figcaption{right:auto;left:0;top:104%}
  .i4{top:50%;right:0} .i4 figcaption{left:auto;right:0;top:104%}
  .i5{bottom:0;left:36%} .i5 figcaption{left:50%;transform:translateX(-50%);top:104%}
  .ing::before{display:none}
  .build-in{grid-template-columns:minmax(0,1fr);gap:30px;
    padding-block:clamp(96px,20vw,130px) clamp(56px,12vw,84px)}
  .build-stage{grid-column:1;grid-row:auto;height:auto;min-height:500px}
  .layers{grid-column:1;grid-row:auto;flex-direction:column-reverse}
  .ly{opacity:1;transform:none}
  .tower{width:min(33vw,132px)}
  .why-in{grid-template-columns:minmax(0,1fr);gap:30px}
  .why-cols{grid-template-columns:minmax(0,1fr);gap:22px}
  .why-fig img{width:calc(100% + var(--gutter));border-radius:18px 0 0 18px}
  .jr-track{aspect-ratio:auto;min-height:0;display:grid;gap:26px}
  .jr-line{display:none}
  .jr{position:static;width:100%;opacity:1;transform:none}
  .jr-1 .jr-portal,.jr-2 .jr-portal,.jr-3 .jr-portal{width:min(62%,240px);margin-inline:auto}
  .jr-copy .btn{display:flex;width:fit-content;margin-inline:auto}
  .jr p{max-width:34ch}
  .arch{width:210%;top:clamp(48px,12vw,90px)}
  .build-stage{overflow-x:clip}
  .mark{min-height:44px;align-items:center}
  .mark-icon{margin-bottom:.34em}
  .foot-nav a{padding:.85em 0;min-height:44px;display:inline-flex;align-items:center}
  .why-more a{display:inline-flex;align-items:center;min-height:44px}
  .arrow{width:48px;height:48px}
  .melt{height:clamp(52px,13vw,90px)}
  .drips{height:clamp(60px,15vw,100px)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .field-l{transition:opacity .35s linear!important}
  .bits,.sprinkles{display:none}
  [data-rev],.step,.ly,.ing,.jr{opacity:1!important;transform:none!important}
  .arch-h{opacity:1!important;transform:none!important}
}


.orbit{filter:drop-shadow(0 34px 50px rgba(30,0,18,.5))}
.bowl{filter:none}

.spr.is-on{animation:sprFall var(--dur,1.5s) var(--soft) var(--del,0s) forwards}
@keyframes sprFall{
  from{opacity:0;transform:translate3d(0,-40px,0) rotate(0)}
  12%{opacity:1}
  to{opacity:.92;transform:translate3d(var(--dx,0),var(--dy,220px),0) rotate(var(--rot,220deg))}}



.read-sec{position:relative;overflow:hidden;background:#3A0728;
  padding:clamp(126px,14vw,206px) 0 clamp(92px,10vw,150px)}
.read-sec::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(62% 48% at 16% 12%,rgba(168,11,85,.34),transparent 70%),
             radial-gradient(56% 46% at 88% 82%,rgba(158,123,239,.16),transparent 72%)}
.read-in{position:relative;z-index:2}
.read-head{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(20px,3vw,52px);align-items:end;margin-bottom:clamp(38px,5vw,76px)}
.read-lede{color:var(--ink-dim);font-size:clamp(15.5px,1.14vw,18.5px);max-width:56ch}
.read-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.8vw,52px)}
.read-c{position:relative;padding-top:clamp(18px,2vw,28px)}
.read-c::before{content:"";position:absolute;top:0;left:0;width:clamp(34px,4vw,58px);height:2px;
  background:var(--acc-hi);border-radius:2px}
.read-c h3{font-family:var(--f-disp);font-size:clamp(20px,1.62vw,27px);line-height:1.14;
  margin-bottom:.7em;max-width:22ch}
.read-c p{color:var(--ink-dim);font-size:14.4px;line-height:1.68}
.read-c p+p{margin-top:.9em}
.read-c a{color:#fff;font-weight:600}
.read-foot{margin-top:clamp(34px,4vw,64px);padding-top:clamp(20px,2.4vw,32px);
  border-top:1px solid rgba(255,255,255,.14);color:var(--ink-faint);
  
  font-size:14px;max-width:none}
.read-foot a{color:#fff;font-weight:600}


.faq-sec{position:relative;overflow:hidden;background:#1C1046;
  padding:clamp(126px,14vw,206px) 0 clamp(96px,11vw,158px)}
.faq-sec::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 50% at 84% 18%,rgba(158,123,239,.26),transparent 72%),
             radial-gradient(56% 48% at 6% 88%,rgba(206,10,120,.2),transparent 70%)}
.faq-in{position:relative;z-index:2;display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(24px,3.4vw,68px);align-items:start}
.faq-head{position:sticky;top:clamp(96px,11vw,140px)}
.faq-head h2{margin-bottom:clamp(12px,1.4vw,20px)}
.faq-head p{color:var(--ink-dim);max-width:26ch}
.faq-list{display:flex;flex-direction:column}
.q{border-top:1px solid rgba(255,255,255,.16)}
.q:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.q summary{display:flex;align-items:center;gap:1em;cursor:pointer;list-style:none;
  padding:clamp(17px,1.9vw,25px) 0;min-height:44px}
.q summary::-webkit-details-marker{display:none}
.q summary h3{font-family:var(--f-body);font-size:clamp(15px,1.1vw,17.5px);font-weight:600;
  line-height:1.4;letter-spacing:0;margin:0;flex:1 1 auto;
  transition:color .35s ease}
.q[open] summary h3,.q summary:hover h3{color:var(--acc-hi)}
.q-mark{position:relative;flex:0 0 auto;width:20px;height:20px}
.q-mark::before,.q-mark::after{content:"";position:absolute;inset:50% 0 auto 0;height:2px;
  background:currentColor;border-radius:2px;transform:translateY(-50%);
  transition:transform .45s var(--gel),opacity .35s ease}
.q-mark::after{transform:translateY(-50%) rotate(90deg)}
.q[open] .q-mark::after{transform:translateY(-50%) rotate(0);opacity:0}
.q-a{padding:0 0 clamp(19px,2.1vw,27px);max-width:64ch}
.q-a p{color:var(--ink-dim);font-size:14.4px;line-height:1.7}
.q-a a{color:#fff;font-weight:600}


.totop{position:fixed;right:clamp(14px,2.4vw,32px);bottom:clamp(14px,2.4vw,32px);z-index:38;
  width:52px;height:52px;border-radius:50%;background:var(--acc);color:#fff;
  display:grid;place-items:center;
  box-shadow:0 14px 30px -12px rgba(206,10,120,.95),0 0 0 1px rgba(255,255,255,.16) inset;
  opacity:0;transform:translateY(14px) scale(.9);pointer-events:none;
  transition:opacity .5s var(--soft),transform .55s var(--gel),background-color .3s ease}
.totop svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.totop.is-on{opacity:1;transform:none;pointer-events:auto}
.totop:hover{background:var(--acc-hi);transform:translateY(-3px) scale(1.05)}
.totop:active{transform:translateY(0) scale(.97)}

@media (max-width:1080px){
  .read-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-in{grid-template-columns:minmax(0,1fr);gap:clamp(22px,3vw,38px)}
  .faq-head{position:static}
}
@media (max-width:760px){
  .read-head{grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
  .read-cols{grid-template-columns:minmax(0,1fr);gap:34px}
  .read-c p{font-size:14.8px}
  .q-a p{font-size:14.8px}
  .totop{width:48px;height:48px;right:14px;bottom:14px}
}


.page main{display:block}


.ph{position:relative;overflow:hidden;padding:clamp(128px,13vw,190px) 0 clamp(74px,8vw,124px)}
.ph::after{content:"";position:absolute;inset:0;pointer-events:none}
.ph-berry{background:linear-gradient(112deg,#42002A 0,#42002A 24%,#A80B55 82%)}
.ph-berry::after{background:radial-gradient(58% 50% at 80% 34%,rgba(255,110,170,.26),transparent 70%)}
.ph-indigo{background:linear-gradient(112deg,#150B36 0,#180D3E 24%,#3A2478 82%)}
.ph-indigo::after{background:radial-gradient(58% 50% at 80% 34%,rgba(158,123,239,.3),transparent 72%)}
.ph-toffee{background:linear-gradient(112deg,#2C1206 0,#331606 24%,#8A4A1E 82%)}
.ph-toffee::after{background:radial-gradient(58% 50% at 80% 34%,rgba(240,182,120,.24),transparent 72%)}
.ph-olive{background:linear-gradient(112deg,#16240A 0,#1A2B0C 24%,#3E6B2A 82%)}
.ph-olive::after{background:radial-gradient(58% 50% at 80% 34%,rgba(186,222,120,.24),transparent 72%)}
.ph-aub{background:linear-gradient(112deg,#25001D 0,#2E0522 24%,#6B0335 82%)}
.ph-aub::after{background:radial-gradient(58% 50% at 80% 34%,rgba(206,10,120,.26),transparent 72%)}
.ph-in{position:relative;z-index:2;display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:clamp(24px,3.4vw,64px);align-items:center}
.ph h1{font-size:clamp(34px,4.5vw,62px);line-height:1.02;margin-bottom:clamp(16px,1.9vw,26px);max-width:22ch}
.ph .lede{max-width:46ch;font-size:clamp(15.5px,1.14vw,18.5px);color:var(--ink-dim)}
.ph-fig{margin:0;position:relative}
.ph-fig img{width:100%;border-radius:20px;box-shadow:0 40px 70px -34px rgba(12,0,8,.75)}


.rd{position:relative;padding:clamp(112px,12vw,180px) 0 clamp(78px,9vw,130px)}
.rd-white{background:#fff;color:#2A0620}
.rd-white h2,.rd-white h3{color:#3A0025}
.rd-white a{color:var(--acc);font-weight:600}
.rd-in{position:relative;z-index:2;display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(22px,3.4vw,66px);align-items:start}
.rd-head{position:sticky;top:clamp(96px,11vw,140px)}
.rd-head h2{font-size:clamp(28px,3.4vw,48px);line-height:1.04;margin-bottom:.5em}
.rd-lede{font-size:14.6px;line-height:1.66;color:#6B4257;max-width:30ch}
.rd-body{max-width:70ch}
.rd-body h3,.rd-body h2.rd-h{font-family:var(--f-disp);font-weight:400;
  font-size:clamp(20px,1.66vw,28px);line-height:1.16;letter-spacing:-.01em;
  margin:clamp(30px,3.4vw,52px) 0 .55em}
.rd-body h3:first-child,.rd-body h2.rd-h:first-child{margin-top:0}
.rd-body p{font-size:15.4px;line-height:1.74;color:#4A2A3C}
.rd-body p+p{margin-top:1em}
.rd-fig{margin:clamp(20px,2.4vw,34px) 0;max-width:340px}
.rd-fig img{width:100%;height:auto;border-radius:18px;display:block;
  box-shadow:0 30px 54px -30px rgba(58,0,37,.5)}
.rd-fig a{display:block;transition:transform .5s var(--gel)}
.rd-fig a:hover{transform:translateY(-3px)}
.rd-list{margin:1.1em 0 0;display:grid;gap:.62em}
.rd-list li{position:relative;padding-left:1.5em;font-size:15px;line-height:1.66;color:#4A2A3C}
.rd-list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;
  border-radius:50% 50% 50% 0;background:var(--acc);transform:rotate(-45deg)}
.rd-note{margin:1.5em 0 0;padding:1.1em 1.3em 1.15em;font-size:14.4px;line-height:1.66;
  color:#5A3348;background:linear-gradient(#FDF3F8,#FBEAF2);
  border-left:0;border-radius:0 16px 16px 0;
  clip-path:polygon(0 0,100% 2%,99% 100%,1% 97%)}
.rd-note strong{color:#3A0025}
.tw{overflow-x:auto;margin:1.6em 0 0;-webkit-overflow-scrolling:touch}
.tw table{border-collapse:collapse;width:100%;min-width:460px;font-size:14.4px}
.tw caption{text-align:left;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:800;color:var(--acc);padding-bottom:.9em}
.tw th,.tw td{text-align:left;padding:.78em .9em;border-bottom:1px solid rgba(58,0,37,.14)}
.tw thead th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#3A0025;
  border-bottom:2px solid rgba(58,0,37,.3)}
.tw tbody th{font-weight:600;color:#3A0025}
.tw tbody td{color:#5A3348}


.gr{position:relative;overflow:hidden;padding:clamp(120px,13vw,196px) 0 clamp(92px,10vw,150px)}
.gr-indigo{background:#1F1150}
.gr-indigo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 50% at 82% 20%,rgba(158,123,239,.26),transparent 72%),
             radial-gradient(56% 48% at 8% 86%,rgba(206,10,120,.2),transparent 70%)}
.gr-aub{background:#3A0728}
.gr-aub::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 48% at 18% 14%,rgba(168,11,85,.32),transparent 70%)}
.gr-in{position:relative;z-index:2}
.gr-head{max-width:62ch;margin-bottom:clamp(36px,4.4vw,68px)}
.gr-head h2{margin-bottom:.5em}
.gr-head p{color:var(--ink-dim);max-width:none}
.gr-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,54px)}
.gr-c{padding-top:clamp(16px,1.8vw,26px);position:relative}
.gr-c::before{content:"";position:absolute;top:0;left:0;width:clamp(30px,3.6vw,52px);height:2px;
  background:var(--acc-hi);border-radius:2px}
.gr-c h3{font-family:var(--f-disp);font-size:clamp(19px,1.5vw,25px);margin-bottom:.5em}
.gr-c>p{color:var(--ink-faint);font-size:13.6px;line-height:1.62;margin-bottom:1.1em}
.gr-c dl{margin:0}
.gr-c dt{font-size:13.6px;font-weight:700;letter-spacing:.01em;margin-top:.95em}
.gr-c dt:first-child{margin-top:0}
.gr-c dd{margin:.18em 0 0;font-size:13.2px;line-height:1.6;color:var(--ink-dim)}

@media (max-width:1080px){
  .ph-in{grid-template-columns:minmax(0,1fr);gap:26px}
  .ph-fig img{border-radius:16px}
  .rd-in{grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,34px)}
  .rd-head{position:static}
  .rd-lede{max-width:56ch}
  .gr-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .ph{padding:clamp(104px,22vw,140px) 0 clamp(54px,11vw,86px)}
  .rd-body{max-width:none}
  .rd-body p,.rd-list li{font-size:15.6px}
  .gr-cols{grid-template-columns:minmax(0,1fr);gap:32px}
}


.mp{position:relative;overflow:hidden;padding:clamp(118px,13vw,196px) 0 clamp(88px,10vw,146px)}
.mp-toffee{background:#2C1206}
.mp-toffee::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 50% at 78% 26%,rgba(240,182,120,.18),transparent 72%)}
.mp-indigo{background:#1B1046}
.mp-indigo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 50% at 78% 26%,rgba(158,123,239,.22),transparent 72%)}
.mp-in{position:relative;z-index:2;display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(26px,4vw,72px);align-items:center}
.mp-copy h2{margin-bottom:.55em}
.mp-copy>p{color:var(--ink-dim);max-width:48ch}
.mp-notes{margin-top:clamp(22px,2.6vw,36px);display:grid;gap:.9em}
.mp-notes li{display:grid;grid-template-columns:minmax(0,10.5em) minmax(0,1fr);gap:1em;
  padding-top:.85em;border-top:1px solid rgba(255,255,255,.14)}
.mn-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--acc-hi)}
.mn-v{font-size:13.8px;line-height:1.6;color:var(--ink-dim)}
.mp-fig{margin:0}
.mp-fig figcaption{margin-top:1.1em;font-size:12.4px;line-height:1.6;color:var(--ink-faint);max-width:44ch}
.map{width:100%;height:auto;max-height:clamp(360px,46vw,560px);display:block;overflow:visible}
.map .land{fill:rgba(232,49,143,.16);stroke:var(--acc-hi);stroke-width:1.5;stroke-linejoin:round}
.map .thames{fill:none;stroke:var(--vio);stroke-width:7;stroke-linecap:round;opacity:.7}
.map .mk circle{fill:var(--acc-hi)}
.map .mk .mk-p{fill:none;stroke:var(--acc-hi);stroke-width:1;opacity:.5}
.map .mk .mk-hit{fill:transparent;stroke:none}
.map .mk-hub circle:not(.mk-hit){fill:#fff}
.map .mk-hub .mk-p{stroke:#fff}
.map .mk text{fill:#fff;font-family:var(--f-body);font-size:11px;font-weight:600;
  paint-order:stroke;stroke:rgba(20,4,14,.75);stroke-width:3px;stroke-linejoin:round}
.map .mk-a{cursor:pointer}
.map .mk-a .mk circle,.map .mk-a .mk text{transition:transform .35s var(--gel),fill .3s ease}
.map .mk-a:hover .mk .mk-p{opacity:1;stroke-width:2}
.map .mk-a:hover .mk circle:not(.mk-hit){fill:#fff}
.map .mk-a:hover .mk text{fill:var(--acc-hi);stroke:rgba(20,4,14,.9)}
.map .mk-a:focus{outline:none}
.map .mk-a:focus-visible .mk .mk-p{opacity:1;stroke:#fff;stroke-width:2.4}
.map .mk-a:focus-visible .mk text{fill:var(--acc-hi)}


.ft{position:relative;padding:clamp(112px,12vw,182px) 0 clamp(80px,9vw,132px)}
.ft-white{background:#fff;color:#2A0620}
.ft-white h2{color:#3A0025}
.ft-in{position:relative;z-index:2}
.ft-head{max-width:none;margin-bottom:clamp(28px,3.4vw,48px)}
.ft-head h2{margin-bottom:.45em}
.ft-head p{color:#6B4257}
.ft-tw{overflow-x:auto;margin:0;background:linear-gradient(178deg,#FFFBF4,#FDF3E7);
  border:1px solid rgba(58,0,37,.13);border-radius:14px;
  padding:clamp(18px,2.4vw,38px) clamp(14px,2vw,32px);
  box-shadow:0 30px 60px -40px rgba(58,0,37,.5)}
.ft-tw table{border-collapse:collapse}
.ft-tw caption{text-align:center;font-family:var(--f-disp);font-size:clamp(17px,1.5vw,23px);
  letter-spacing:.02em;text-transform:none;color:#3A0025;padding-bottom:.2em;
  border-bottom:3px double rgba(58,0,37,.28);margin-bottom:1.1em}
.ft-tw thead th{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap}
.ftab tbody th{display:flex;align-items:center;gap:.7em;font-weight:400;white-space:nowrap}
.ft-tw tbody th,.ft-tw tbody td{border-bottom:1px dotted rgba(58,0,37,.3);
  padding:.66em .9em;vertical-align:middle}
.ft-tw tbody th{width:1%;padding-right:1.6em}
.ft-tw tbody .fg{width:1%;padding-left:1.4em}
.ft-tw tbody tr:last-child th,.ft-tw tbody tr:last-child td{border-bottom:0}
.ft-tw tbody tr:hover th,.ft-tw tbody tr:hover td{background:rgba(206,10,120,.045)}
.ftab .fn{font-family:var(--f-disp);font-size:clamp(16px,1.32vw,20px);color:#3A0025;
  line-height:1.2}
.ftab .fnote{color:#6B4257;font-size:13.6px;line-height:1.5}
.ft-tw tbody .fg{text-align:right}
.fs{position:relative;width:30px;height:30px;flex:0 0 auto;display:block}
.fs-svg{width:30px;height:30px;display:block}
.fs-ic{position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);
  width:12px;height:12px;line-height:0;
  filter:drop-shadow(0 0 1px rgba(255,255,255,.75)) drop-shadow(0 0 .8px rgba(46,8,30,.5))}
.fi{width:15px;height:15px;flex:0 0 auto;display:block}
.fn{font-size:14.4px}
.ftab .fg{white-space:nowrap;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:700;color:var(--acc)}
.ft-tw tbody .fg span{display:inline-block;padding:.34em .7em;border-radius:999px;
  background:rgba(206,10,120,.09);box-shadow:inset 0 0 0 1px rgba(206,10,120,.22)}
.ft-tw table{min-width:660px}


.cbs{position:relative;overflow:hidden;padding:clamp(118px,13vw,196px) 0 clamp(92px,10vw,150px)}
.cbs-indigo{background:#1F1150}
.cbs-indigo::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(56% 48% at 84% 16%,rgba(158,123,239,.24),transparent 72%),
             radial-gradient(54% 46% at 6% 88%,rgba(206,10,120,.18),transparent 70%)}
.cbs-in{position:relative;z-index:2}
.cbs-head{max-width:none;margin-bottom:clamp(32px,4vw,60px)}
.cbs-head h2{margin-bottom:.5em}
.cbs-head p{color:var(--ink-dim)}
.cbs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,3vw,52px)}
.cb{position:relative}
.cb-fig{margin:0 0 1.1em}
.cb-fig img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;
  box-shadow:0 26px 44px -22px rgba(8,2,28,.85)}
.cb-rank{font-family:var(--f-disp);font-size:clamp(24px,2vw,32px);line-height:1;
  color:var(--acc-hi);margin-bottom:.28em}
.cb h3{font-family:var(--f-disp);font-size:clamp(19px,1.5vw,25px);margin-bottom:.6em}
.cb-why{font-size:13.4px;line-height:1.62;color:#fff;margin-bottom:.7em}
.cb-why span{display:block;font-size:10.6px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:800;color:var(--acc-hi);margin-bottom:.35em}
.cb-note{font-size:13.2px;line-height:1.62;color:var(--ink-faint)}


.mx{position:relative;overflow:hidden;padding:clamp(112px,12vw,182px) 0 clamp(84px,9vw,138px)}
.mx-aub{background:#3A0728}
.mx-aub::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 46% at 16% 12%,rgba(168,11,85,.3),transparent 70%)}
.mx-in{position:relative;z-index:2}
.mx-head{max-width:none;margin-bottom:clamp(26px,3vw,42px)}
.mx-head h2{margin-bottom:.5em}
.mx-head>p{color:var(--ink-dim)}
.mx-key{display:flex;flex-wrap:wrap;gap:1.4em;margin-top:1.3em;
  font-size:12.4px;letter-spacing:.06em;color:var(--ink-dim)}
.mx-key li{display:flex;align-items:center;gap:.5em}
.mx-key span{font-size:15px;line-height:1}
.mx-y,.mx-m,.mx-n,.mxt .mx-y span,.mxt .mx-m span,.mxt .mx-n span{color:var(--acc-hi)}
.mxt{min-width:620px}
.mxt th,.mxt td{border-bottom:1px solid rgba(255,255,255,.14);padding:.72em .8em}
.mxt thead th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;
  border-bottom:2px solid rgba(255,255,255,.32)}
.mxt tbody th{font-weight:600;color:#fff;font-size:13.8px;white-space:nowrap}
.mxt td{text-align:center;font-size:17px;line-height:1}
.mxt .mx-y{color:#fff}
.mxt .mx-m{color:rgba(255,255,255,.62)}
.mxt .mx-n{color:rgba(255,255,255,.3)}
.mxt caption{text-align:left;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:800;color:var(--acc-hi);padding-bottom:.9em}

@media (max-width:1080px){
  .mp-in{grid-template-columns:minmax(0,1fr);gap:30px}
  .mp-copy{display:contents}
  .mp-copy h2{order:-2;margin-bottom:0}
  .mp-fig{order:-1}
  .mp-copy>p{order:0}
  .mp-notes{order:1;margin-top:0}
}
@media (max-width:1080px){
  .cbs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .mp-notes li{grid-template-columns:minmax(0,1fr);gap:.25em}
  .cbs-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .cb-fig img{border-radius:14px}
}


.rc-fig{display:block;margin-bottom:clamp(16px,1.8vw,26px);border-radius:14px;overflow:hidden;
  box-shadow:0 22px 38px -20px rgba(8,2,28,.8);
  transition:transform .55s var(--gel),box-shadow .55s var(--gel)}
.rc-fig img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;
  transition:transform .7s var(--gel)}
.read-c:hover .rc-fig{transform:translateY(-3px)}
.read-c:hover .rc-fig img{transform:scale(1.04)}
.read-c h3 a{color:inherit;text-decoration:none}
.read-c h3 a:hover{color:var(--acc-hi)}
.rc-more{margin-top:1.1em;font-size:13.4px;font-weight:600}
.rc-more a{color:#fff}
.read-c::before{top:auto;bottom:calc(100% + 0px);display:none}
.read-c{padding-top:0}
.read-c h3{margin-top:0}




.ph-rich{padding:clamp(120px,12vw,176px) 0 clamp(66px,7vw,110px)}
.ph-rich .ph-in{grid-template-columns:minmax(0,7.5em) minmax(0,1.02fr) minmax(0,1.06fr);
  gap:clamp(18px,2.6vw,44px);align-items:center}
.ph-bleed{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.ph-thread{position:absolute;right:-4%;top:6%;width:min(56%,760px);height:auto;overflow:visible}
.ph-thread path{fill:none;stroke:var(--acc-hi);stroke-width:1.4;stroke-dasharray:2 8;
  stroke-linecap:round;opacity:.5}
.hs{position:absolute;width:clamp(46px,5vw,84px);height:auto;
  filter:drop-shadow(0 14px 22px rgba(8,2,20,.6))}
.hs-1{top:12%;right:44%;transform:rotate(-12deg)}
.hs-2{top:64%;right:6%;transform:rotate(14deg);width:clamp(38px,4vw,68px)}
.hs-3{top:8%;right:8%;transform:rotate(6deg);width:clamp(34px,3.4vw,58px)}
.hs-4{bottom:6%;right:38%;transform:rotate(-20deg);width:clamp(30px,3vw,52px)}
.ph-rail{position:relative;z-index:3;display:grid;gap:clamp(18px,2.2vw,32px);align-self:start;
  padding-top:.6em}
.ph-rail li{padding-top:.7em;border-top:1px solid rgba(255,255,255,.24)}
.hr-n{display:block;font-family:var(--f-disp);font-size:clamp(19px,1.6vw,26px);line-height:1;
  color:#fff;margin-bottom:.22em}
.hr-l{display:block;font-size:10.6px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:700;color:var(--acc-hi)}
.ph-rich .ph-copy,.ph-rich .ph-fig{position:relative;z-index:3}
.ph-rich .ph-fig img{border-radius:22px}


.meltp{position:relative;z-index:5;margin:0;line-height:0;pointer-events:none;
  
  background:var(--meltp-bg,#251357)}
.meltp img{width:100%;height:auto;display:block;margin-top:-1px}


.rr{position:relative;background:#fff;color:#2A0620;overflow:hidden;
  padding:clamp(118px,12vw,186px) 0 clamp(84px,9vw,140px)}
.rr-tex{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(circle at 1px 1px,rgba(58,0,37,.11) 1px,transparent 0);
  background-size:22px 22px;
  -webkit-mask-image:radial-gradient(72% 60% at 12% 24%,#000,transparent 72%);
  mask-image:radial-gradient(72% 60% at 12% 24%,#000,transparent 72%)}
.rr-in{position:relative;z-index:2;display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,.78fr) minmax(0,1.06fr);
  grid-template-areas:"head steps fig" "inset quote fig" "note note note";
  gap:clamp(22px,3vw,52px) clamp(24px,3.4vw,60px);align-items:start}
.rr-head{grid-area:head}
.rr-head h2{color:#3A0025;font-size:clamp(28px,3.4vw,46px);line-height:1.04;margin-bottom:.5em}
.rr-lede{font-size:15px;line-height:1.7;color:#5A3348;max-width:34ch}
.rr-steps{grid-area:steps;position:relative;display:grid;gap:clamp(20px,2.4vw,34px);
  padding-left:34px;margin-top:.4em}
.rr-steps::before{content:"";position:absolute;left:9px;top:10px;bottom:10px;width:2px;
  background-image:linear-gradient(var(--acc) 42%,transparent 0);background-size:2px 9px}
.rr-steps li{position:relative}
.st-n{position:absolute;left:-34px;top:1px;width:20px;height:20px;border-radius:50%;
  background:var(--acc);color:#fff;font-size:9.6px;font-weight:800;letter-spacing:.03em;
  display:grid;place-items:center}
.rr-steps h3{font-family:var(--f-body);font-size:13.6px;font-weight:800;letter-spacing:.02em;
  color:#3A0025;margin-bottom:.35em}
.rr-steps p{font-size:13.4px;line-height:1.62;color:#5A3348}
.rr-fig{grid-area:fig;margin:0;position:relative}
.rr-fig img{width:100%;border-radius:22px;
  box-shadow:0 44px 72px -34px rgba(58,0,37,.5)}

.rr-fig.is-cut img{width:100%;border-radius:0;background:none;box-shadow:none;
  filter:drop-shadow(0 34px 46px rgba(58,0,37,.34))}
.rr-inset{grid-area:inset;margin:0;align-self:end}
.rr-inset img{width:min(100%,232px);aspect-ratio:1;object-fit:contain;padding:13%;
  border-radius:50%;background:radial-gradient(circle at 42% 34%,#FFFDFA,#F6E7DC 78%);
  box-shadow:0 26px 44px -22px rgba(58,0,37,.45),inset 0 0 0 1px rgba(58,0,37,.06)}
.rr-quote{grid-area:quote;margin:0;align-self:end;position:relative;padding-left:1.1em}
.rr-quote::before{content:"\201C";position:absolute;left:-.06em;top:-.16em;
  font-family:var(--f-disp);font-size:clamp(52px,5vw,84px);line-height:1;color:var(--acc);opacity:.5}
.rr-quote p{font-family:var(--f-disp);font-size:clamp(21px,2.1vw,32px);line-height:1.14;
  color:#3A0025;letter-spacing:-.012em}
.rr-note{grid-area:note;position:relative;margin-top:clamp(14px,2vw,26px);
  padding:1.05em clamp(1.4em,3vw,2.6em) 1.15em;color:#fff;font-size:14px;line-height:1.62;
  background:linear-gradient(101deg,var(--acc) 0%,var(--acc-hi) 62%,#B0075F 100%);
  clip-path:polygon(0.4% 16%,99.6% 0,100% 82%,0.8% 100%);
  box-shadow:0 22px 40px -22px rgba(206,10,120,.7)}
.rr-note span{font-weight:800;letter-spacing:.02em;margin-right:.5em}
.rr-note a{color:#fff;text-decoration:underline;text-underline-offset:3px}


.bls{position:relative;overflow:hidden;background:linear-gradient(172deg,#251357 0%,#2A0F4C 54%,#1E0C40 100%);
  padding:clamp(112px,12vw,182px) 0 clamp(96px,10vw,158px)}
.bls::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(52% 42% at 82% 12%,rgba(158,123,239,.24),transparent 72%),
             radial-gradient(50% 44% at 8% 82%,rgba(206,10,120,.2),transparent 70%)}
.bls-in{position:relative;z-index:2}
.bls-head{display:block;margin-bottom:clamp(34px,4.4vw,72px)}
.bls-title{display:flex;align-items:flex-end;justify-content:space-between;gap:2.6em;
  flex-wrap:wrap;margin-bottom:1.1em}
.bls-head h2{margin:0}
.bls-head>p{color:var(--ink-dim);max-width:none}
.bls-scale{flex:0 0 auto;display:flex;align-items:center;gap:.7em;
  font-size:11.6px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;
  color:var(--ink-faint);white-space:nowrap}
.bls-scale span:last-child{color:var(--acc-hi)}
.bls-arrow{width:clamp(28px,5vw,68px);height:2px;border-radius:2px;font-size:0;
  background:linear-gradient(90deg,rgba(255,255,255,.35),var(--acc-hi))}
.bls-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(26px,3vw,56px) clamp(20px,2.6vw,44px)}
.bl-c{position:relative;padding:clamp(24px,2.6vw,40px) clamp(30px,3.4vw,48px) clamp(44px,4.6vw,66px);
  background:linear-gradient(158deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 26px 48px -30px rgba(8,2,28,.9);
  border-radius:34% 40% 30% 36%/26% 24% 34% 32%;
  transition:transform .6s var(--gel),box-shadow .6s var(--gel)}
.bl-c:nth-child(2){border-radius:40% 32% 38% 30%/30% 36% 26% 34%}
.bl-c:nth-child(3){border-radius:30% 38% 34% 40%/36% 28% 34% 30%}
.bl-c:nth-child(4){border-radius:38% 32% 42% 28%/28% 36% 30% 34%}
.bl-c:nth-child(5){border-radius:32% 40% 28% 42%/34% 30% 36% 28%}
.bl-c:nth-child(6){border-radius:42% 30% 36% 34%/30% 38% 26% 32%}
.bl-c:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(232,49,143,.4)}
.bl-num{position:absolute;top:clamp(14px,1.6vw,24px);left:clamp(18px,2vw,30px);
  width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;
  font-size:10.4px;font-weight:800;display:grid;place-items:center;z-index:3}
.bl-img{position:absolute;width:clamp(118px,13vw,186px);height:auto;right:-9%;top:-14%;z-index:2;
  filter:drop-shadow(0 20px 30px rgba(8,2,28,.7));
  transition:transform .7s var(--gel)}
.bl-c:hover .bl-img{transform:translateY(-5px) rotate(-3deg)}
.bl-txt{position:relative;z-index:3;padding-top:clamp(62px,6.4vw,96px)}
.bl-txt h3{font-family:var(--f-disp);font-size:clamp(20px,1.62vw,27px);margin-bottom:.24em}
.bl-txt>p.bl-count{font-size:10.6px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:var(--acc-hi);margin:0 0 .9em}
.bl-txt>p{color:var(--ink-faint);font-size:13.2px;line-height:1.6;margin-bottom:1em;max-width:26ch}
.bl-list{display:grid;gap:.42em}
.bl-list li{position:relative;padding-left:1.05em;font-size:13.4px;line-height:1.5;color:var(--ink-dim)}
.bl-list li::before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;
  border-radius:50% 50% 50% 0;background:var(--acc-hi);transform:rotate(-45deg)}


.scl{position:relative;overflow:hidden;background:linear-gradient(150deg,#1E0C40,#2B0F4E 60%,#3A0C41);
  padding:clamp(76px,8vw,128px) 0}
.scl::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(46% 60% at 62% 46%,rgba(232,49,143,.24),transparent 72%)}
.scl-in{position:relative;z-index:2;display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(22px,3vw,58px);align-items:center}
.scl-copy h2{font-size:clamp(25px,2.6vw,38px);line-height:1.06;margin-bottom:.5em}
.scl-copy>p{color:var(--ink-dim);max-width:30ch;font-size:14.4px}
.scl-out{margin-top:1.1em;font-size:13.6px;line-height:1.6;color:#fff;min-height:3.2em;
  padding-left:.9em;border-left:2px solid var(--acc-hi)}
.scl-stage{position:relative;min-height:clamp(190px,20vw,270px)}
.scl-arc{position:absolute;inset:auto 0 26% 0;width:100%;height:auto}
.scl-arc path{fill:none;stroke:var(--acc-hi);stroke-width:1.6;stroke-dasharray:2 8;
  stroke-linecap:round;opacity:.65}
.scl-cone{position:absolute;left:50%;bottom:-14%;width:clamp(64px,7vw,104px);height:auto;
  transform:translateX(-50%);filter:drop-shadow(0 16px 26px rgba(8,2,28,.7));z-index:2}
.scl-pts{position:absolute;inset:0}
.sc-p{position:absolute;width:clamp(54px,6vw,88px);aspect-ratio:1;padding:0;border-radius:50%;
  transition:transform .6s var(--gel),filter .5s ease;filter:saturate(.7) brightness(.86)}
.sc-p img{width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 12px 20px rgba(8,2,28,.7))}
.sc-p1{left:4%;top:52%}
.sc-p2{left:50%;top:2%;transform:translateX(-50%);width:clamp(66px,7.4vw,108px);z-index:3}
.sc-p3{right:4%;top:52%}
.sc-p:hover,.sc-p[aria-pressed="true"]{filter:none;transform:translateY(-6px)}
.sc-p2:hover,.sc-p2[aria-pressed="true"]{transform:translateX(-50%) translateY(-6px)}
.scl-ends{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--ink-faint)}
.scl-ends span:last-child{color:var(--acc-hi)}

@media (max-width:1080px){
  .ph-rich .ph-in{grid-template-columns:minmax(0,1fr);gap:24px}
  .ph-rail{display:flex;flex-wrap:wrap;gap:1.4em 2.4em;padding-top:0}
  .ph-rail li{border-top:0;border-left:2px solid rgba(255,255,255,.24);padding:.1em 0 .1em .8em}
  .rr-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"head fig" "steps fig" "quote inset" "note note"}

  .bls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scl-in{grid-template-columns:minmax(0,1fr);gap:30px}
}
@media (max-width:760px){
  .ph-thread,.hs-3,.hs-4{display:none}
  .rr-in{grid-template-columns:minmax(0,1fr);
    grid-template-areas:"head" "fig" "steps" "quote" "inset" "note";gap:26px}
  .rr-inset{justify-self:center}
  .rr-inset img{margin-inline:auto}
  .rr-fig img{border-radius:16px}
  .bls-grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .bl-txt{text-align:center}
  .bl-txt>p{max-width:none}
  .bl-list{justify-items:center}
  .bl-list li{padding-left:0}
  .bl-list li::before{display:none}
  .bl-img{width:104px;right:-2%}
  .bls-title{gap:.9em}
  .sc-p{width:52px}.sc-p2{width:60px}
}
.rr-body{grid-area:body;max-width:none;column-width:min(33ch,100%);
  column-gap:clamp(26px,3vw,54px);margin-top:clamp(18px,2.4vw,34px)}
.rr-body p{font-size:14.6px;line-height:1.72;color:#4A2A3C;break-inside:avoid}
.rr-body p+p{margin-top:.9em}
.rr-body h2.rd-h{font-family:var(--f-disp);font-weight:400;font-size:clamp(19px,1.5vw,25px);
  line-height:1.16;color:#3A0025;margin:1.4em 0 .45em;break-after:avoid}
.rr-body h2.rd-h:first-child{margin-top:0}
.rr-body a{color:var(--acc);font-weight:600}
.rr-in{grid-template-areas:"head steps fig" "inset quote fig" "note note note" "body body body"}
@media (max-width:1080px){
  .rr-in{grid-template-areas:"head fig" "steps fig" "quote inset" "note note" "body body"}
  .rr-body{column-count:2}
}
@media (max-width:760px){
  .rr-in{grid-template-areas:"head" "fig" "steps" "quote" "inset" "note" "body"}
  .rr-body{column-count:1;max-width:none}
}

.faq-head,.faq-list{position:relative;z-index:3}
.faq-side{position:absolute;right:-2%;top:18%;width:clamp(120px,14vw,230px);height:auto;z-index:1;
  filter:drop-shadow(0 24px 36px rgba(8,2,28,.7));pointer-events:none}
.faq-sec{overflow:hidden}
@media (max-width:1080px){.faq-side{display:none}.faq-head{top:auto}}


.bar-in{position:relative}
.nav{margin-right:clamp(8px,1.4vw,22px)}
.cone-btn{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;
  transition:transform .5s var(--gel),background-color .35s ease}
.cone-btn svg{width:26px;height:auto;overflow:visible}
.cn-scoop{fill:var(--acc-hi)}
.cn-dot{fill:rgba(66,0,42,.55)}
.cn-cone{fill:#E7B471}
.cn-lat{stroke:rgba(120,70,20,.55);stroke-width:1.3;stroke-linecap:round;fill:none}
.cone-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-2px) rotate(-6deg)}
.cone-btn[aria-expanded="true"]{background:rgba(255,255,255,.14);transform:rotate(-8deg)}
.allp{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:min(92vw,720px);
  background:linear-gradient(158deg,#33062A 0%,#2A0A44 62%,#1E0C40 100%);
  border-radius:22px;box-shadow:0 40px 70px -28px rgba(6,0,14,.9),inset 0 0 0 1px rgba(255,255,255,.12);
  opacity:0;transform:translateY(-10px) scale(.985);pointer-events:none;
  max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  transition:opacity .4s var(--soft),transform .5s var(--gel)}
.allp.is-open{opacity:1;transform:none;pointer-events:auto}
.allp-in{padding:clamp(20px,2.4vw,30px) clamp(20px,2.4vw,32px) clamp(16px,1.8vw,24px)}
.allp-k{font-size:10.4px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;
  color:var(--acc-hi);margin-bottom:1.2em}
.allp-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,30px)}
.allp-cols h2{font-family:var(--f-body);font-size:10.6px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:800;color:var(--ink-faint);margin-bottom:.9em;padding-bottom:.6em;
  border-bottom:1px solid rgba(255,255,255,.14)}
.allp-cols ul{display:grid;gap:.5em}
.allp-cols li a{display:block;font-size:14px;font-weight:600;text-decoration:none;color:#fff;
  transition:color .3s ease}
.allp-cols li a:hover{color:var(--acc-hi)}
.allp-cols li span{display:block;font-size:11.6px;line-height:1.4;color:var(--ink-faint)}
.allp-cols li{padding:.28em 0}
.allp-foot{margin-top:1.4em;padding-top:1em;border-top:1px solid rgba(255,255,255,.14);
  font-size:12.4px}
.allp-foot a{color:var(--ink-dim);text-decoration:none}
.allp-foot a:hover{color:#fff}
@media (max-width:1080px){
  .rr-inset,.rr-inset img{margin-inline:auto}
}

@media (min-width:600px) and (max-width:1080px){
  .hero .lede,.cone-copy p,.odd-copy>p,.jr-copy>p,.faq-head p,.step-t,.mp-copy>p,
  .ph .lede,.steps-l,.build-copy p,.jr p,.rd-lede,.rr-lede,.bl-txt>p,
  .scl-copy>p,.mp-fig figcaption,.lede{max-width:60ch}
  .ph h1,.read-c h3{max-width:none}
  .layers{margin-inline:auto;width:fit-content}
}

@media (min-width:481px) and (max-width:760px){
  .ing figcaption{font-size:11.5px;letter-spacing:.1em}
}

@media (min-width:761px) and (max-width:1599px){
  .ing figcaption{white-space:normal;max-width:170px;font-size:11.5px;
    letter-spacing:.1em;text-wrap:balance}
  .i1 figcaption{right:auto;left:0;top:104%}
  .i2 figcaption{left:auto;right:0;top:104%}
  .i3 figcaption{right:auto;left:0;top:104%}
  .i4 figcaption{left:auto;right:0;top:104%}
  .i5 figcaption{left:50%;transform:translateX(-50%);top:auto;bottom:104%}
}

@media (max-width:400px){
  .ing figcaption{font-size:9px;letter-spacing:.1em}
}

@media (max-width:760px){
  .cone-btn{order:0;margin-left:auto}
  .bar-in{gap:10px}
  .burger,.nav{display:none}
  .allp{width:calc(100vw - 20px);right:10px}
  .allp-cols{grid-template-columns:minmax(0,1fr);gap:18px}
}

@media (max-width:899px){
  .map{max-height:min(150vw,620px)}
}

@media (max-width:899px){
  .allp-k{font-size:11.5px;letter-spacing:.16em}
  .allp-cols h2{font-size:11.5px;letter-spacing:.13em}
  .bl-txt>p.bl-count{font-size:11.5px;letter-spacing:.15em}
  .cb-why span{font-size:11.5px;letter-spacing:.14em}
  .hr-l{font-size:11.5px;letter-spacing:.13em}
  .foot-b p{font-size:11.6px;letter-spacing:.1em}
  .eyebrow{font-size:11.6px;letter-spacing:.19em}
  .scl-ends span{font-size:11.6px}
  .ftab thead th{font-size:11.6px;letter-spacing:.1em}
  .ftab .fg span{font-size:11.6px}
  .read-c h3{margin-bottom:.4em}
  .read-c h3 a{display:inline-block;padding:.52em 0}
}