/* ═══════════════════════════════════════════════════════════════
   SKÁLO Street & Music Festival
   Palette + type pulled straight from the official brand guide.
   ═══════════════════════════════════════════════════════════════ */

@font-face{
  font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;
  src:url(assets/fonts/archivo-var-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;
  src:url(assets/fonts/archivo-var-latinext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/archivoblack-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/archivoblack-latinext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  /* brand guide palette */
  --pink:#FF44B6;
  --blue:#0078E7;
  --orange:#F97226;
  --teal:#4AA390;
  --yellow:#FBC841;

  --ink:#0B0B0F;
  --ink-2:#141419;
  --paper:#F6F2EA;

  --accent:var(--pink);
  --accent-ink:#fff;

  --display:'Archivo Black','Archivo',Impact,system-ui,sans-serif;
  --ui:'Archivo',system-ui,-apple-system,sans-serif;

  --pad:clamp(16px,4vw,72px);
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-slam:cubic-bezier(.2,1.5,.35,1);
}

*,*::before,*::after{box-sizing:border-box}
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth }
body{
  margin:0; background:var(--ink); color:var(--paper);
  font-family:var(--ui); font-size:16px; line-height:1.45;
  overflow-x:hidden; -webkit-font-smoothing:antialiased;
}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p{margin:0}
::selection{background:var(--accent);color:#fff}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ─────────────── film grain + scanline ─────────────── */
.grain{
  position:fixed; inset:-50%; z-index:9000; pointer-events:none; opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grainShift 700ms steps(3) infinite; mix-blend-mode:overlay;
}
@keyframes grainShift{
  0%{transform:translate(0,0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}100%{transform:translate(0,0)}
}

/* ─────────────── spray cursor ─────────────── */
.spray{position:fixed;inset:0;z-index:8800;pointer-events:none}
.cursor{
  position:fixed;left:0;top:0;z-index:8900;pointer-events:none;
  width:22px;height:22px;margin:-11px 0 0 -11px;
  transition:transform .18s var(--ease),opacity .3s;
  opacity:0;
}
.cursor span{
  display:block;width:100%;height:100%;border-radius:50%;
  border:2px solid var(--accent); background:color-mix(in srgb,var(--accent) 22%,transparent);
  transition:background .3s,border-color .3s;
}
.cursor.is-on{opacity:1}
.cursor.is-hot{transform:scale(2.6)}
.cursor.is-hot span{background:var(--accent)}
@media (hover:none),(pointer:coarse){ .cursor,.spray{display:none} }

/* ─────────────── scroll progress ─────────────── */
.progress{position:fixed;left:0;top:0;width:100%;height:4px;z-index:8700;background:rgba(255,255,255,.08)}
.progress b{display:block;height:100%;width:0;background:var(--accent);transition:background .5s}

/* ═══════════════ LOADER ═══════════════ */
.loader{position:fixed;inset:0;z-index:9500;background:var(--ink);display:grid;place-items:center}
.loader.is-done{pointer-events:none}
.loader__stripes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr)}
.loader__stripes i{background:var(--c);transform:scaleY(0);transform-origin:bottom;transition:transform .75s var(--ease)}
.loader.is-done .loader__stripes i{transform:scaleY(1)}
.loader.is-done .loader__stripes i:nth-child(2){transition-delay:.06s}
.loader.is-done .loader__stripes i:nth-child(3){transition-delay:.12s}
.loader.is-done .loader__stripes i:nth-child(4){transition-delay:.18s}
.loader.is-gone{opacity:0;transition:opacity .35s .55s;pointer-events:none}
.loader__inner{position:relative;z-index:2;width:min(78vw,760px);text-align:center;transition:opacity .3s}
.loader.is-done .loader__inner{opacity:0}
.loader__mark{width:100%;aspect-ratio:2.1354}
.loader__mark svg{width:100%;height:100%;overflow:visible}
.loader__mark path{fill:none;stroke:#fff;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.loader__meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:26px;
  font-size:11px;letter-spacing:.28em;font-weight:700}
.loader__num{font-family:var(--display);font-size:clamp(28px,6vw,54px);letter-spacing:-.03em}
.loader__bar{height:3px;background:rgba(255,255,255,.14);margin-top:10px;overflow:hidden}
.loader__bar b{display:block;height:100%;width:0;background:var(--pink)}

/* ═══════════════ NAV ═══════════════ */
.nav{
  position:fixed;left:0;top:0;width:100%;z-index:8600;
  display:flex;align-items:center;gap:16px;
  padding:14px calc(var(--pad) + clamp(96px,9.5vw,140px)) 14px var(--pad);
  mix-blend-mode:difference;
  transition:transform .5s var(--ease);
}
.nav.is-hidden{transform:translateY(-130%)}
.nav__brand{flex:0 0 auto}
.nav__mark{width:clamp(74px,7vw,110px);aspect-ratio:2.1354;fill:#fff}
.nav__links{margin-left:auto;display:flex;gap:clamp(14px,2.5vw,34px);
  font-size:12px;font-weight:800;letter-spacing:.2em}
@media(max-width:640px){ .nav__links{display:none} }

/* ═══════════════ HERO ═══════════════ */
.hero{position:relative;height:230svh;min-height:1200px;isolation:isolate}
.hero__stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}
.hero__plate{position:absolute;inset:0;z-index:0}
.hero__video{width:100%;height:100%;object-fit:cover}
.hero__plate .hero__video{
  filter:grayscale(.92) brightness(.30) contrast(1.3);
  transform:scale(1.06);
}
/* end of the hero scroll: the letters dissolve and the reel opens up full-bleed */
.hero__plate .hero__video{transition:filter .9s var(--ease)}
.hero__wash{transition:opacity .85s var(--ease)}
.hero__lettersWrap{transition:opacity .7s var(--ease)}
.hero.is-open .hero__lettersWrap{opacity:0}
.hero.is-open .hero__wash{opacity:.28}
.hero.is-open .hero__plate .hero__video{
  filter:grayscale(0) brightness(.98) contrast(1.08) saturate(1.4);
}
.hero__wash{
  position:absolute;inset:0;
  background:
    radial-gradient(120% 80% at 50% 105%, color-mix(in srgb,var(--pink) 55%,transparent) 0%, transparent 62%),
    radial-gradient(90% 60% at 12% 0%, color-mix(in srgb,var(--blue) 42%,transparent) 0%, transparent 60%),
    linear-gradient(180deg, rgba(11,11,15,.72) 0%, rgba(11,11,15,.15) 38%, rgba(11,11,15,.9) 100%);
  mix-blend-mode:normal;
}

/* the wordmark, cut out of the vivid footage */
.hero__lettersWrap{
  position:absolute;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none;
  filter:drop-shadow(0 26px 55px rgba(0,0,0,.7));
}
.hero__letters{
  width:min(88vw,1180px); aspect-ratio:2.1354;
  -webkit-clip-path:url(#skaloClip);
  clip-path:url(#skaloClip);
  transform:scale(var(--wm-s,1)) translateY(var(--wm-y,0px));
  transform-origin:50% 50%;
  will-change:transform;
  opacity:0;
}
.hero__letters.is-live{opacity:1}
.hero__lettersInner{
  position:absolute;left:50%;top:50%;width:100vw;height:100svh;
  margin:-50svh 0 0 -50vw;
  transform:scale(calc(1 / var(--wm-s,1)));
  transform-origin:50% 50%;
  will-change:transform;
}
.hero__video--vivid{filter:saturate(1.6) contrast(1.18) brightness(1.12)}

/* white ink copy: drops in letter-by-letter, then thins to a sticker outline */
.hero__ink{
  position:absolute; width:min(88vw,1180px); aspect-ratio:2.1354;
  left:50%; top:50%;
  transform:translate(-50%,-50%) scale(var(--wm-s,1)) translateY(var(--wm-y,0px));
  transform-origin:50% 50%;
  overflow:visible; will-change:transform;
  fill:#fff; fill-opacity:1;
  stroke:#fff; stroke-width:2.4; stroke-opacity:0;
  filter:drop-shadow(0 18px 40px rgba(0,0,0,.5));
}
.hero__ink path{vector-effect:non-scaling-stroke;paint-order:stroke fill}
.hero__ink g{transform-box:fill-box;transform-origin:50% 100%}
.hero__ink.is-out{
  fill-opacity:0; stroke-opacity:1; filter:none;
  transition:fill-opacity .55s .05s,stroke-opacity .5s .05s;
}

.hero__ui{position:absolute;inset:0;z-index:3;padding:calc(var(--pad) + 46px) var(--pad) var(--pad);
  display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.hero__ui a,.hero__ui button{pointer-events:auto}
.hero__top{display:flex;justify-content:center}
.hero__tagline{width:min(62vw,620px);height:auto;filter:drop-shadow(0 4px 18px rgba(0,0,0,.55));opacity:.97}

.hero__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.hero__date{display:flex;align-items:flex-end;gap:10px;line-height:.78}
.hero__date-d{font-family:var(--display);font-size:clamp(64px,11vw,150px);letter-spacing:-.05em;
  text-shadow:0 10px 40px rgba(0,0,0,.5)}
.hero__date-m{font-weight:900;font-size:clamp(13px,1.5vw,20px);letter-spacing:.2em;padding-bottom:.45em}
.hero__date-m i{font-style:normal;opacity:.5;margin:0 .3em}

.hero__count{display:flex;gap:clamp(10px,2vw,26px)}
.cd{text-align:center;min-width:52px}
.cd b{display:block;font-family:var(--display);font-size:clamp(26px,3.6vw,50px);letter-spacing:-.04em;
  font-variant-numeric:tabular-nums}
.cd span{display:block;font-size:9px;letter-spacing:.24em;font-weight:800;opacity:.6;margin-top:4px}

.hero__place{display:inline-flex;align-items:center;gap:9px;font-weight:900;font-size:clamp(11px,1.2vw,14px);
  letter-spacing:.16em;padding:12px 18px;border:2px solid rgba(255,255,255,.35);border-radius:999px;
  backdrop-filter:blur(6px);transition:background .3s,border-color .3s,color .3s}
.hero__place svg{width:16px;height:16px}
.hero__place i{font-style:normal;opacity:.45;margin:0 .1em}
.hero__place:hover{background:var(--accent);border-color:var(--accent);color:#fff}

.hero__sound{
  position:absolute;left:var(--pad);top:calc(var(--pad) + 52px);
  display:inline-flex;align-items:center;gap:10px;
  background:none;border:0;color:inherit;font:inherit;cursor:pointer;
  font-size:10px;letter-spacing:.22em;font-weight:800;opacity:.75;transition:opacity .3s
}
.hero__sound:hover{opacity:1}
.bars{display:flex;align-items:flex-end;gap:2px;height:14px}
.bars i{width:2px;height:4px;background:currentColor;transition:height .2s}
.hero__sound[aria-pressed=true] .bars i{animation:eq .9s ease-in-out infinite}
.hero__sound[aria-pressed=true] .bars i:nth-child(2){animation-delay:.15s}
.hero__sound[aria-pressed=true] .bars i:nth-child(3){animation-delay:.3s}
.hero__sound[aria-pressed=true] .bars i:nth-child(4){animation-delay:.45s}
@keyframes eq{0%,100%{height:3px}50%{height:14px}}

.hero__scroll{position:absolute;left:calc(var(--pad) - 4px);top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;align-items:center;gap:12px;
  font-size:9px;letter-spacing:.34em;font-weight:800;opacity:.5}
.hero__scroll span{writing-mode:vertical-rl}
.hero__scroll i{display:block;width:1px;height:34px;background:linear-gradient(#fff,transparent);
  animation:drip 1.8s ease-in-out infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}55%{transform:scaleY(1);transform-origin:top}
  56%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

@media(max-width:720px){
  .hero__bottom{flex-direction:column;align-items:flex-start;gap:14px}
  .hero__count{width:100%;justify-content:space-between}
  .hero__tagline{width:76vw}
}

/* ═══════════════ TICKER ═══════════════ */
.ticker{background:var(--pink);color:#fff;padding:0;overflow:hidden;
  border-top:5px solid var(--ink);border-bottom:5px solid var(--ink)}
.ticker__row{overflow:hidden;white-space:nowrap;padding:clamp(8px,1.2vw,16px) 0;
  transform:skewY(var(--tk-skew,0deg));transition:transform .4s var(--ease)}
.ticker__row--alt{background:var(--blue)}
.ticker__track{display:inline-flex;align-items:center;gap:clamp(14px,2vw,30px);will-change:transform}
.ticker__track span{font-family:var(--display);font-size:clamp(32px,6.5vw,96px);letter-spacing:-.035em;line-height:1}
.ticker__track em{font-style:normal;font-size:clamp(16px,2.4vw,34px);opacity:.6}

/* ═══════════════ MANIFESTO ═══════════════ */
.mani{position:relative;background:var(--orange);color:#fff;padding:clamp(118px,11vw,170px) var(--pad) clamp(40px,6vw,80px);overflow:hidden}
.mani__grid{max-width:1400px;margin:0 auto}
.mani__eyebrow{font-size:11px;letter-spacing:.34em;font-weight:900;opacity:.8;margin-bottom:clamp(24px,4vw,52px)}
.mani__body{
  font-family:var(--display);
  font-size:clamp(26px,3.7vw,60px);line-height:1.06;letter-spacing:-.035em;
}
.mani__body mark{background:none;color:var(--ink);position:relative;padding:0 .08em;
  isolation:isolate;z-index:0}
.mani__body mark::before{content:'';position:absolute;inset:.1em -.02em .12em;background:#fff;z-index:-1;
  transform:skewX(-4deg) scaleX(var(--mk,0));transform-origin:left;transition:transform .55s var(--ease)}
.mani__body mark.is-in::before{transform:skewX(-4deg) scaleX(1)}
.mani__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2vw,30px);
  margin-top:clamp(48px,7vw,110px);border-top:4px solid rgba(255,255,255,.35);padding-top:22px}
.stat b{display:block;font-family:var(--display);font-size:clamp(40px,7vw,110px);line-height:.85;letter-spacing:-.05em}
.stat span{display:block;font-size:10px;letter-spacing:.24em;font-weight:900;opacity:.75;margin-top:8px}
.mani__genres{width:100%;margin-top:clamp(40px,6vw,90px);opacity:.92}


/* ═══════════════ AREAS ═══════════════ */
.areas{position:relative;background:var(--ink);padding:clamp(118px,10vw,150px) 0 clamp(50px,7vw,110px);overflow:hidden}
.areas__head{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,50px);
  padding:0 var(--pad);margin-bottom:clamp(46px,7vw,100px)}
.areas__lock{height:clamp(88px,17vw,240px);width:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}
.areas__x{font-family:var(--display);font-size:clamp(26px,4vw,64px);opacity:.3}

.areas__list{border-top:2px solid rgba(255,255,255,.14)}
.area{
  position:relative;display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"n t g" "n d g";
  align-items:center;column-gap:clamp(14px,3vw,48px);row-gap:14px;
  padding:clamp(20px,2.8vw,38px) var(--pad);
  border-bottom:2px solid rgba(255,255,255,.14);
  cursor:pointer;overflow:hidden;
}
.area::before{
  content:'';position:absolute;inset:0;background:var(--c,var(--pink));z-index:0;
  transform:translateY(101%);transition:transform .55s var(--ease);
}
.area:hover::before,.area.is-open::before{transform:translateY(0)}
.area>*{position:relative;z-index:2}
.area__n{grid-area:n;align-self:start;font-family:var(--display);
  font-size:clamp(20px,2.6vw,40px);opacity:.3;letter-spacing:-.03em;
  padding-top:.35em;transition:opacity .4s,color .4s}
.area:hover .area__n{opacity:1;color:#fff}
.area__t{grid-area:t;font-family:var(--display);font-size:clamp(30px,7vw,108px);
  line-height:.82;letter-spacing:-.05em;transition:color .4s}
.area__d{grid-area:d;max-width:52ch;font-size:clamp(13px,1.15vw,17px);line-height:1.55;
  opacity:.7;transition:opacity .4s}
.area:hover .area__d,.area.is-open .area__d{opacity:1}
.area__tags{grid-area:g;display:flex;flex-direction:column;gap:7px;align-items:flex-end;
  font-size:10px;letter-spacing:.2em;font-weight:900;opacity:.35;transition:opacity .4s}
.area:hover .area__tags{opacity:1}
.area__tags li{border:1.5px solid currentColor;border-radius:999px;padding:5px 12px;white-space:nowrap}

/* floating image that follows the pointer across the list */
.areaimg{
  position:fixed;left:0;top:0;width:clamp(160px,17vw,280px);aspect-ratio:9/16;
  z-index:8500;pointer-events:none;opacity:0;overflow:hidden;border-radius:4px;
  transform:translate(-50%,-50%) scale(.85) rotate(-5deg);
  transition:opacity .35s,transform .5s var(--ease);
  box-shadow:0 30px 70px rgba(0,0,0,.55);
}
.areaimg.is-on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-5deg)}
.areaimg img{width:100%;height:100%;object-fit:cover}
@media (hover:none),(pointer:coarse){ .areaimg{display:none} }

.areas__parties{width:calc(100% - var(--pad)*2);margin:clamp(40px,6vw,90px) var(--pad) 0;opacity:.55}
@media(max-width:760px){
  .area{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"n t" ". d"}
  .area__tags{display:none}
  .area__d{opacity:.85}
}

/* ═══════════════ LINE-UP ═══════════════ */
.lineup{position:relative;background:var(--paper);color:var(--ink);padding:clamp(112px,9vw,140px) 0 clamp(60px,9vw,130px);overflow:hidden}
.lineup__label{display:flex;justify-content:space-between;align-items:baseline;
  padding:0 var(--pad) clamp(20px,3vw,40px);font-size:11px;letter-spacing:.34em;font-weight:900}
.lineup__label i{font-style:normal;opacity:.45}

.lineup__list{border-top:3px solid var(--ink)}
.act{
  position:relative;display:flex;align-items:center;gap:clamp(10px,2vw,28px);
  padding:clamp(10px,1.6vw,22px) var(--pad);border-bottom:3px solid var(--ink);
  overflow:hidden;
}
.act::before{content:'';position:absolute;inset:0;background:var(--c,var(--pink));
  transform:translateY(101%);transition:transform .5s var(--ease);z-index:0}
.act:hover::before{transform:translateY(0)}
.act>*{position:relative;z-index:2;transition:color .35s}
.act:hover>*{color:#fff}
.act__flag{flex:0 0 auto;width:clamp(26px,2.6vw,40px);border:1.5px solid rgba(0,0,0,.3);overflow:hidden;
  transition:border-color .35s,transform .5s var(--ease)}
.act:hover .act__flag{border-color:rgba(255,255,255,.55);transform:rotate(-6deg) scale(1.1)}
.act__n{
  font-family:var(--display);letter-spacing:-.055em;line-height:.86;
  font-size:clamp(28px,7.8vw,118px);
  white-space:nowrap;
}
.act--head .act__n{font-size:clamp(38px,11.6vw,180px)}
.act--trio .act__n{font-size:clamp(22px,5.4vw,80px)}
.act__meta{margin-left:auto;padding-left:clamp(12px,2vw,30px);font-size:10px;letter-spacing:.24em;font-weight:900;opacity:.5;
  writing-mode:horizontal-tb;white-space:nowrap}
.act:hover .act__meta{opacity:.9}

.lineup__host{display:flex;align-items:baseline;gap:clamp(10px,2vw,26px);flex-wrap:wrap;
  padding:clamp(26px,4vw,56px) var(--pad) 0}
.lineup__hostLabel{font-size:11px;letter-spacing:.3em;font-weight:900;opacity:.5}
.lineup__hostName{font-family:var(--display);font-size:clamp(26px,5.4vw,84px);letter-spacing:-.045em;line-height:.9}

.lineup__club{margin:clamp(34px,5vw,70px) var(--pad) 0;border-top:3px solid var(--ink);padding-top:clamp(20px,3vw,40px)}
.lineup__clubT{font-size:11px;letter-spacing:.3em;font-weight:900;opacity:.5;margin-bottom:14px}
.lineup__clubActs{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(10px,2vw,26px)}
.lineup__clubActs span{font-family:var(--display);font-size:clamp(20px,4.2vw,60px);letter-spacing:-.04em;
  transition:color .3s,transform .4s var(--ease);cursor:default}
.lineup__clubActs span:hover{color:var(--pink);transform:translateY(-4px) rotate(-2deg)}
.lineup__clubActs i{width:10px;height:10px;border-radius:50%;background:var(--ink);opacity:.35}

/* ═══════════════ SMOKE ═══════════════ */
.smoke{position:relative;min-height:96svh;display:grid;place-items:center;overflow:hidden;
  background:#0d2b33}
.smoke__bg{position:absolute;inset:0;background:url(assets/img/smoke.jpg) center/cover no-repeat;
  filter:saturate(.75) contrast(1.05) brightness(.9)}
.smoke__bg::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,11,15,.55) 0%,rgba(11,11,15,.12) 45%,rgba(11,11,15,.75) 100%)}
.smoke__cv{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen}
.smoke__in{position:relative;z-index:2;text-align:center;padding:0 var(--pad)}
.smoke__k{font-family:var(--display);color:#fff;letter-spacing:-.045em;line-height:.94;
  font-size:clamp(30px,6.4vw,104px);text-shadow:0 12px 50px rgba(0,40,60,.4)}
.smoke__swatches{display:flex;justify-content:center;gap:12px;margin-top:clamp(24px,4vw,50px)}
.smoke__swatches i{width:clamp(28px,4vw,60px);height:clamp(28px,4vw,60px);border-radius:50%;
  background:var(--c);box-shadow:0 8px 30px rgba(0,0,0,.25)}

/* ═══════════════ INFO ═══════════════ */
.info{background:var(--teal);color:#fff;padding:clamp(64px,9vw,140px) var(--pad) 0;overflow:hidden}
.info__h{font-family:var(--display);font-size:clamp(46px,13vw,200px);letter-spacing:-.055em;line-height:.85;
  margin-bottom:clamp(30px,5vw,70px)}
.info__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;
  background:rgba(255,255,255,.28)}
@media(max-width:900px){ .info__grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
.fact{background:var(--teal);padding:clamp(20px,2.6vw,34px)}
.fact dt{font-size:10px;letter-spacing:.26em;font-weight:900;opacity:.7;margin-bottom:12px}
.fact dd{font-family:var(--display);font-size:clamp(17px,1.9vw,27px);line-height:1.15;letter-spacing:-.02em}
.fact--wide{grid-column:span 2}
.fact--wide dd a{display:inline-block;border-bottom:3px solid rgba(255,255,255,.4);
  transition:border-color .3s,transform .4s var(--ease);will-change:transform}
.fact--wide dd a:hover{border-color:#fff}
@media(max-width:560px){ .info__grid{grid-template-columns:1fr} .fact--wide{grid-column:span 1} }

.info__strip{display:flex;gap:2px;margin:clamp(40px,6vw,90px) calc(var(--pad)*-1) 0;overflow:hidden}
.info__strip img{flex:1;min-width:0;height:clamp(180px,26vw,380px);object-fit:cover;
  filter:saturate(1.1);transition:flex .6s var(--ease),filter .4s}
.info__strip img:hover{flex:2.2;filter:saturate(1.4)}

/* ═══════════════ CTA ═══════════════ */
.cta{position:relative;background:var(--pink);color:#fff;padding:clamp(112px,8vw,130px) 0 clamp(34px,5vw,70px);overflow:hidden;text-align:center}
.cta__link{display:block}
.cta__row{display:flex;align-items:center;gap:clamp(16px,2.4vw,40px);white-space:nowrap;will-change:transform}
.cta__row b{font-family:var(--display);font-size:clamp(44px,11.5vw,180px);letter-spacing:-.05em;line-height:1;
  transition:color .3s}
.cta__row em{font-style:normal;font-size:clamp(18px,3vw,54px);opacity:.5}
.cta__row--b{margin-top:-.06em}
.cta__row--b b{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.75)}
.cta__link:hover .cta__row b{color:var(--ink)}
.cta__link:hover .cta__row--b b{color:transparent;-webkit-text-stroke-color:var(--ink)}
.cta__sub{margin-top:clamp(18px,3vw,38px);padding:0 var(--pad);font-size:clamp(9px,1.1vw,11px);
  letter-spacing:.22em;font-weight:900;opacity:.85}

/* ═══════════════ PARTNERS ═══════════════ */
.partners{position:relative;background:var(--ink);padding:clamp(118px,8vw,120px) var(--pad) clamp(46px,6vw,90px)}
.partners__label{display:block;text-align:center;font-size:10px;letter-spacing:.34em;font-weight:900;
  opacity:.45;margin-bottom:clamp(24px,4vw,50px)}
.partners__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(26px,6vw,88px)}
.partners__row img{height:clamp(30px,4vw,52px);width:auto;opacity:.55;
  transition:opacity .4s,transform .5s var(--ease)}
.partners__row img:hover{opacity:1;transform:translateY(-5px) scale(1.06)}

/* ═══════════════ FOOTER ═══════════════ */
.foot{background:var(--ink);padding:clamp(30px,5vw,70px) var(--pad) clamp(24px,4vw,44px);overflow:hidden}
.foot__mark{width:100%;aspect-ratio:2.1354;fill:#fff;opacity:.08;margin-bottom:clamp(20px,3vw,40px)}
.foot__cols{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,80px);
  border-top:2px solid rgba(255,255,255,.14);padding-top:clamp(20px,3vw,34px)}
.foot__k{display:block;font-size:9px;letter-spacing:.3em;font-weight:900;opacity:.45;margin-bottom:8px}
.foot__cols a{font-family:var(--display);font-size:clamp(14px,1.6vw,22px);letter-spacing:-.02em;
  transition:color .3s}
.foot__cols a:hover{color:var(--pink)}
.foot__legal{margin-top:clamp(26px,4vw,50px);font-size:10px;letter-spacing:.22em;font-weight:800;opacity:.35}

/* ═══════════════ TEXT SPLIT / REVEAL ═══════════════ */
[data-split]{display:block}
.sp-line{display:block;overflow:hidden}
.sp-w,.sp-c{display:inline-block;will-change:transform,opacity}

[data-anim] .sp-c,[data-anim] .sp-w{
  transform:translateY(105%) rotate(4deg); opacity:0;
  transition:transform .8s var(--ease),opacity .5s;
}
[data-anim].is-in .sp-c,[data-anim].is-in .sp-w{transform:none;opacity:1}

[data-anim=slam] .sp-c{
  transform:translateY(60%) scaleY(1.7) scaleX(.62); opacity:0;
  transition:transform .62s var(--ease-slam),opacity .3s;
}
[data-anim=slam].is-in .sp-c{transform:none;opacity:1}

[data-anim=drop] .sp-c{
  transform:translateY(-130%) rotate(-10deg); opacity:0;
  transition:transform .9s var(--ease-slam),opacity .3s;
}
[data-anim=drop].is-in .sp-c{transform:none;opacity:1}

/* variable-font width/weight morph on hover */
[data-hover]{
  font-variation-settings:'wght' 800,'wdth' 100;
  transition:font-variation-settings .45s var(--ease),color .3s;
}
[data-hover]:hover{font-variation-settings:'wght' 900,'wdth' 125}

/* generic scroll-in for blocks */
.reveal{opacity:0;transform:translateY(46px);transition:opacity .7s var(--ease),transform .9s var(--ease)}
.reveal.is-in{opacity:1;transform:none}

/* ═══════════════ REDUCED MOTION ═══════════════ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .grain{animation:none}
  [data-anim] .sp-c,[data-anim] .sp-w{transform:none!important;opacity:1!important}
  .reveal{opacity:1;transform:none}
  .hero__ink{opacity:1}
}

/* ─── responsive tightening ─── */
@media(max-width:1024px){ .act__meta{display:none} }
@media(max-width:640px){
  .info__strip img:nth-child(n+3){display:none}
  .info__strip img{height:clamp(200px,52vw,320px)}
  .mani__stats{grid-template-columns:repeat(2,1fr);row-gap:26px}
}

@media(max-width:900px){ .hero__scroll{display:none} }

/* ═══════════════ DRIP SEAMS ═══════════════ */
.seam{position:absolute;left:0;top:0;width:100%;height:90px;z-index:5;pointer-events:none;
  background-repeat:repeat-x;background-position:0 0;background-size:480px 90px}
.seam--pink{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%2790%27%20viewBox%3D%270%200%20480%2090%27%3E%3Cpath%20d%3D%27M0%200%20H480%20V14%20L460%2014%20C460%2040.4%20456.8%2062%20452%2062%20C447.2%2062%20444%2040.4%20444%2014%20L428%2014%20C428%2032.7%20424%2048%20418%2048%20C412%2048%20408%2032.7%20408%2014%20L396%2014%20C396%2047%20393.6%2074%20390%2074%20C386.4%2074%20384%2047%20384%2014%20L366%2014%20C366%2026.1%20360.4%2036%20352%2036%20C343.6%2036%20338%2026.1%20338%2014%20L327%2014%20C327%2036%20322.6%2054%20316%2054%20C309.4%2054%20305%2036%20305%2014%20L293%2014%20C293%2051.4%20291%2082%20288%2082%20C285%2082%20283%2051.4%20283%2014%20L264%2014%20C264%2030.5%20259.2%2044%20252%2044%20C244.8%2044%20240%2030.5%20240%2014%20L229%2014%20C229%2042.6%20226.2%2066%20222%2066%20C217.8%2066%20215%2042.6%20215%2014%20L199%2014%20C199%2025%20193%2034%20184%2034%20C175%2034%20169%2025%20169%2014%20L160%2014%20C160%2033.8%20156%2050%20150%2050%20C144%2050%20140%2033.8%20140%2014%20L127%2014%20C127%2054.7%20125%2088%20122%2088%20C119%2088%20117%2054.7%20117%2014%20L98%2014%20C98%2027.2%2092.4%2038%2084%2038%20C75.6%2038%2070%2027.2%2070%2014%20L58%2014%20C58%2045.9%2055.6%2072%2052%2072%20C48.4%2072%2046%2045.9%2046%2014%20L31%2014%20C31%2030.5%2026.6%2044%2020%2044%20C13.4%2044%209%2030.5%209%2014%20L0%2014%20Z%27%20fill%3D%27%23FF44B6%27%2F%3E%3C%2Fsvg%3E")}
.seam--blue{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%2790%27%20viewBox%3D%270%200%20480%2090%27%3E%3Cpath%20d%3D%27M0%200%20H480%20V14%20L460%2014%20C460%2040.4%20456.8%2062%20452%2062%20C447.2%2062%20444%2040.4%20444%2014%20L428%2014%20C428%2032.7%20424%2048%20418%2048%20C412%2048%20408%2032.7%20408%2014%20L396%2014%20C396%2047%20393.6%2074%20390%2074%20C386.4%2074%20384%2047%20384%2014%20L366%2014%20C366%2026.1%20360.4%2036%20352%2036%20C343.6%2036%20338%2026.1%20338%2014%20L327%2014%20C327%2036%20322.6%2054%20316%2054%20C309.4%2054%20305%2036%20305%2014%20L293%2014%20C293%2051.4%20291%2082%20288%2082%20C285%2082%20283%2051.4%20283%2014%20L264%2014%20C264%2030.5%20259.2%2044%20252%2044%20C244.8%2044%20240%2030.5%20240%2014%20L229%2014%20C229%2042.6%20226.2%2066%20222%2066%20C217.8%2066%20215%2042.6%20215%2014%20L199%2014%20C199%2025%20193%2034%20184%2034%20C175%2034%20169%2025%20169%2014%20L160%2014%20C160%2033.8%20156%2050%20150%2050%20C144%2050%20140%2033.8%20140%2014%20L127%2014%20C127%2054.7%20125%2088%20122%2088%20C119%2088%20117%2054.7%20117%2014%20L98%2014%20C98%2027.2%2092.4%2038%2084%2038%20C75.6%2038%2070%2027.2%2070%2014%20L58%2014%20C58%2045.9%2055.6%2072%2052%2072%20C48.4%2072%2046%2045.9%2046%2014%20L31%2014%20C31%2030.5%2026.6%2044%2020%2044%20C13.4%2044%209%2030.5%209%2014%20L0%2014%20Z%27%20fill%3D%27%230078E7%27%2F%3E%3C%2Fsvg%3E")}
.seam--orange{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%2790%27%20viewBox%3D%270%200%20480%2090%27%3E%3Cpath%20d%3D%27M0%200%20H480%20V14%20L460%2014%20C460%2040.4%20456.8%2062%20452%2062%20C447.2%2062%20444%2040.4%20444%2014%20L428%2014%20C428%2032.7%20424%2048%20418%2048%20C412%2048%20408%2032.7%20408%2014%20L396%2014%20C396%2047%20393.6%2074%20390%2074%20C386.4%2074%20384%2047%20384%2014%20L366%2014%20C366%2026.1%20360.4%2036%20352%2036%20C343.6%2036%20338%2026.1%20338%2014%20L327%2014%20C327%2036%20322.6%2054%20316%2054%20C309.4%2054%20305%2036%20305%2014%20L293%2014%20C293%2051.4%20291%2082%20288%2082%20C285%2082%20283%2051.4%20283%2014%20L264%2014%20C264%2030.5%20259.2%2044%20252%2044%20C244.8%2044%20240%2030.5%20240%2014%20L229%2014%20C229%2042.6%20226.2%2066%20222%2066%20C217.8%2066%20215%2042.6%20215%2014%20L199%2014%20C199%2025%20193%2034%20184%2034%20C175%2034%20169%2025%20169%2014%20L160%2014%20C160%2033.8%20156%2050%20150%2050%20C144%2050%20140%2033.8%20140%2014%20L127%2014%20C127%2054.7%20125%2088%20122%2088%20C119%2088%20117%2054.7%20117%2014%20L98%2014%20C98%2027.2%2092.4%2038%2084%2038%20C75.6%2038%2070%2027.2%2070%2014%20L58%2014%20C58%2045.9%2055.6%2072%2052%2072%20C48.4%2072%2046%2045.9%2046%2014%20L31%2014%20C31%2030.5%2026.6%2044%2020%2044%20C13.4%2044%209%2030.5%209%2014%20L0%2014%20Z%27%20fill%3D%27%23F97226%27%2F%3E%3C%2Fsvg%3E")}
.seam--teal{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%2790%27%20viewBox%3D%270%200%20480%2090%27%3E%3Cpath%20d%3D%27M0%200%20H480%20V14%20L460%2014%20C460%2040.4%20456.8%2062%20452%2062%20C447.2%2062%20444%2040.4%20444%2014%20L428%2014%20C428%2032.7%20424%2048%20418%2048%20C412%2048%20408%2032.7%20408%2014%20L396%2014%20C396%2047%20393.6%2074%20390%2074%20C386.4%2074%20384%2047%20384%2014%20L366%2014%20C366%2026.1%20360.4%2036%20352%2036%20C343.6%2036%20338%2026.1%20338%2014%20L327%2014%20C327%2036%20322.6%2054%20316%2054%20C309.4%2054%20305%2036%20305%2014%20L293%2014%20C293%2051.4%20291%2082%20288%2082%20C285%2082%20283%2051.4%20283%2014%20L264%2014%20C264%2030.5%20259.2%2044%20252%2044%20C244.8%2044%20240%2030.5%20240%2014%20L229%2014%20C229%2042.6%20226.2%2066%20222%2066%20C217.8%2066%20215%2042.6%20215%2014%20L199%2014%20C199%2025%20193%2034%20184%2034%20C175%2034%20169%2025%20169%2014%20L160%2014%20C160%2033.8%20156%2050%20150%2050%20C144%2050%20140%2033.8%20140%2014%20L127%2014%20C127%2054.7%20125%2088%20122%2088%20C119%2088%20117%2054.7%20117%2014%20L98%2014%20C98%2027.2%2092.4%2038%2084%2038%20C75.6%2038%2070%2027.2%2070%2014%20L58%2014%20C58%2045.9%2055.6%2072%2052%2072%20C48.4%2072%2046%2045.9%2046%2014%20L31%2014%20C31%2030.5%2026.6%2044%2020%2044%20C13.4%2044%209%2030.5%209%2014%20L0%2014%20Z%27%20fill%3D%27%234AA390%27%2F%3E%3C%2Fsvg%3E")}
.seam--ink{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%2790%27%20viewBox%3D%270%200%20480%2090%27%3E%3Cpath%20d%3D%27M0%200%20H480%20V14%20L460%2014%20C460%2040.4%20456.8%2062%20452%2062%20C447.2%2062%20444%2040.4%20444%2014%20L428%2014%20C428%2032.7%20424%2048%20418%2048%20C412%2048%20408%2032.7%20408%2014%20L396%2014%20C396%2047%20393.6%2074%20390%2074%20C386.4%2074%20384%2047%20384%2014%20L366%2014%20C366%2026.1%20360.4%2036%20352%2036%20C343.6%2036%20338%2026.1%20338%2014%20L327%2014%20C327%2036%20322.6%2054%20316%2054%20C309.4%2054%20305%2036%20305%2014%20L293%2014%20C293%2051.4%20291%2082%20288%2082%20C285%2082%20283%2051.4%20283%2014%20L264%2014%20C264%2030.5%20259.2%2044%20252%2044%20C244.8%2044%20240%2030.5%20240%2014%20L229%2014%20C229%2042.6%20226.2%2066%20222%2066%20C217.8%2066%20215%2042.6%20215%2014%20L199%2014%20C199%2025%20193%2034%20184%2034%20C175%2034%20169%2025%20169%2014%20L160%2014%20C160%2033.8%20156%2050%20150%2050%20C144%2050%20140%2033.8%20140%2014%20L127%2014%20C127%2054.7%20125%2088%20122%2088%20C119%2088%20117%2054.7%20117%2014%20L98%2014%20C98%2027.2%2092.4%2038%2084%2038%20C75.6%2038%2070%2027.2%2070%2014%20L58%2014%20C58%2045.9%2055.6%2072%2052%2072%20C48.4%2072%2046%2045.9%2046%2014%20L31%2014%20C31%2030.5%2026.6%2044%2020%2044%20C13.4%2044%209%2030.5%209%2014%20L0%2014%20Z%27%20fill%3D%27%230B0B0F%27%2F%3E%3C%2Fsvg%3E")}
.seam--paper{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27480%27%20height%3D%2790%27%20viewBox%3D%270%200%20480%2090%27%3E%3Cpath%20d%3D%27M0%200%20H480%20V14%20L460%2014%20C460%2040.4%20456.8%2062%20452%2062%20C447.2%2062%20444%2040.4%20444%2014%20L428%2014%20C428%2032.7%20424%2048%20418%2048%20C412%2048%20408%2032.7%20408%2014%20L396%2014%20C396%2047%20393.6%2074%20390%2074%20C386.4%2074%20384%2047%20384%2014%20L366%2014%20C366%2026.1%20360.4%2036%20352%2036%20C343.6%2036%20338%2026.1%20338%2014%20L327%2014%20C327%2036%20322.6%2054%20316%2054%20C309.4%2054%20305%2036%20305%2014%20L293%2014%20C293%2051.4%20291%2082%20288%2082%20C285%2082%20283%2051.4%20283%2014%20L264%2014%20C264%2030.5%20259.2%2044%20252%2044%20C244.8%2044%20240%2030.5%20240%2014%20L229%2014%20C229%2042.6%20226.2%2066%20222%2066%20C217.8%2066%20215%2042.6%20215%2014%20L199%2014%20C199%2025%20193%2034%20184%2034%20C175%2034%20169%2025%20169%2014%20L160%2014%20C160%2033.8%20156%2050%20150%2050%20C144%2050%20140%2033.8%20140%2014%20L127%2014%20C127%2054.7%20125%2088%20122%2088%20C119%2088%20117%2054.7%20117%2014%20L98%2014%20C98%2027.2%2092.4%2038%2084%2038%20C75.6%2038%2070%2027.2%2070%2014%20L58%2014%20C58%2045.9%2055.6%2072%2052%2072%20C48.4%2072%2046%2045.9%2046%2014%20L31%2014%20C31%2030.5%2026.6%2044%2020%2044%20C13.4%2044%209%2030.5%209%2014%20L0%2014%20Z%27%20fill%3D%27%23F6F2EA%27%2F%3E%3C%2Fsvg%3E")}

/* ─── phone: stop the hero chrome stacking on itself ─── */
@media(max-width:720px){
  .hero__ui{padding-top:calc(var(--pad) + 104px)}
  .hero__sound{top:calc(var(--pad) + 56px);left:var(--pad)}
  .hero__tagline{width:70vw}
  .foot__legal{line-height:1.7}
}

/* ═══════════════ FLOATING TICKET BUTTON ═══════════════ */
.tfab{
  position:fixed; top:14px; right:var(--pad); z-index:8650;
  width:clamp(84px,8.6vw,118px); aspect-ratio:1;
  display:grid; place-items:center; border-radius:50%;
  background:var(--fab,var(--pink)); color:#fff; text-decoration:none;
  box-shadow:0 16px 38px rgba(0,0,0,.42), inset 0 0 0 3px rgba(255,255,255,.94), 0 0 0 2px rgba(11,11,15,.16);
  transition:background .55s var(--ease), box-shadow .35s, transform .3s var(--ease);
  will-change:transform;
}
.tfab:hover{box-shadow:0 24px 54px rgba(0,0,0,.5), inset 0 0 0 3px #fff, 0 0 0 2px rgba(11,11,15,.2)}
.tfab:focus-visible{outline:3px solid #fff;outline-offset:5px}
.tfab__ring{
  position:absolute; inset:0; width:100%; height:100%;
  animation:tfabSpin 16s linear infinite; transform-origin:50% 50%;
}
.tfab__ring text{
  font-family:var(--ui); font-size:10.4px; font-weight:900;
  letter-spacing:.14em; fill:#fff;
}
@keyframes tfabSpin{to{transform:rotate(360deg)}}
.tfab__core{
  position:relative; z-index:2; width:44%; aspect-ratio:1; border-radius:50%;
  background:#fff; color:var(--fab,var(--pink)); display:grid; place-items:center;
  transition:transform .45s var(--ease), background .3s, color .3s;
}
.tfab__core svg{width:54%;height:auto}
.tfab:hover .tfab__core{transform:rotate(45deg) scale(1.08)}
.tfab__pulse{
  position:absolute; inset:-5px; border-radius:50%;
  border:2px solid var(--fab,var(--pink)); pointer-events:none;
  animation:tfabPulse 2.6s cubic-bezier(.22,1,.36,1) infinite;
}
@keyframes tfabPulse{
  0%{transform:scale(.94);opacity:.8} 70%{transform:scale(1.22);opacity:0} 100%{opacity:0}
}
@media(max-width:640px){ .tfab{width:80px;top:10px} .tfab__ring text{font-size:11px} }
@media (prefers-reduced-motion:reduce){ .tfab__ring,.tfab__pulse{animation:none} .tfab__pulse{opacity:0} }

/* ═══════════════ MANIFESTO: paste-up column ═══════════════ */
.mani__cols{
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(30px,5vw,80px); align-items:center;
}
.mani__paste{position:relative; width:100%; max-width:540px; aspect-ratio:4/5; justify-self:center}
.paste{
  position:absolute; margin:0; background:#fff; padding:12px 12px 0;
  box-shadow:0 30px 66px rgba(0,0,0,.34);
}
.paste img{width:100%; height:auto; aspect-ratio:3/4; object-fit:cover; display:block}
.paste figcaption{
  font-size:9px; letter-spacing:.2em; font-weight:900; color:var(--ink);
  text-align:center; padding:11px 2px 10px;
}
.paste figcaption i{font-style:normal;opacity:.4;margin:0 .35em}
.paste--a{width:64%; left:0; top:3%; transform:rotate(-5deg) translateY(var(--drift,0)); z-index:2}
.paste--b{width:52%; right:0; bottom:2%; transform:rotate(7deg) translateY(var(--drift,0)); padding-bottom:12px; z-index:1}
.paste__stamp{
  position:absolute; z-index:3; right:4%; top:-2%;
  width:clamp(78px,7.6vw,108px); aspect-ratio:1; border-radius:50%;
  background:var(--blue); color:#fff; display:grid; place-content:center;
  transform:rotate(-13deg); box-shadow:0 14px 30px rgba(0,0,0,.35); line-height:1;
}
.paste__stamp b{font-family:var(--display); font-size:clamp(26px,2.6vw,38px); letter-spacing:-.04em}
.paste__stamp i{font-style:normal; font-size:9px; letter-spacing:.24em; font-weight:900;
  display:block; text-align:center; margin-top:5px}
@media(max-width:1000px){
  .mani__cols{grid-template-columns:1fr; gap:clamp(40px,7vw,70px)}
  .mani__paste{max-width:440px; aspect-ratio:5/4; margin-top:14px}
  .paste--a{width:54%; top:6%}
  .paste--b{width:44%; bottom:6%}
}
@media(max-width:560px){ .mani__paste{max-width:none;aspect-ratio:1/1} }