:root{
    --bg:#0a0a0b;
    --bg2:#121214;
    --panel:#16161a;
    --ink:#f5f2ec;
    --muted:#8e8980;
    --coral:#f26f65;
    --coral-deep:#d24c41;
    --line:rgba(245,242,236,.12);
    --maxw:1340px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:'Archivo',sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    line-height:1.5;
  }
  body.lock{overflow:hidden;height:100vh}
  ::selection{background:var(--coral);color:#0a0a0b}
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}

  .display{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.92}
  .label{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;font-weight:600}

  /* ===== FILM GRAIN ===== */
  .grain{
    position:fixed;inset:-50%;z-index:9000;pointer-events:none;opacity:.05;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    animation:grain 1.2s steps(4) infinite;
  }
  @keyframes grain{
    0%{transform:translate(0,0)}25%{transform:translate(-4%,3%)}
    50%{transform:translate(3%,-3%)}75%{transform:translate(-2%,4%)}100%{transform:translate(2%,-2%)}
  }

  /* ===== LOADER ===== */
  #loader{
    position:fixed;inset:0;z-index:10000;background:#070708;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;
    transition:opacity .7s ease,visibility .7s ease;
  }
  #loader.done{opacity:0;visibility:hidden}
  .ld-logo{width:min(300px,66vw);height:auto;animation:bob 1.9s ease-in-out infinite}
  @keyframes ring{0%{transform:scale(.8);opacity:.6}100%{transform:scale(1.5);opacity:0}}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  .ld-bar{width:200px;height:2px;background:rgba(255,255,255,.12);overflow:hidden}
  .ld-bar i{display:block;height:100%;width:0;background:var(--coral);animation:fill 1.8s ease forwards}
  @keyframes fill{to{width:100%}}
  .ld-txt{font-size:.7rem;letter-spacing:.4em;color:var(--muted);text-transform:uppercase}

  /* ===== TOP BAR ===== */
  header{
    position:fixed;top:0;left:0;right:0;z-index:5000;
    display:flex;align-items:center;justify-content:space-between;
    padding:22px clamp(18px,4vw,48px);
    transition:background .4s ease,padding .4s ease,border-color .4s;
    border-bottom:1px solid transparent;
  }
  header.scrolled{background:rgba(10,10,11,.82);backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);padding-top:14px;padding-bottom:14px}
  .brand{display:flex;align-items:center;gap:14px}
  .brand img{height:62px;filter:saturate(1.05)}
  .onair{display:flex;align-items:center;gap:8px;font-size:.62rem;letter-spacing:.28em;
    color:var(--ink);text-transform:uppercase;font-weight:700}
  .onair .dot{width:8px;height:8px;border-radius:50%;background:var(--coral);
    box-shadow:0 0 0 0 rgba(242,111,101,.7);animation:live 1.8s infinite}
  @keyframes live{0%{box-shadow:0 0 0 0 rgba(242,111,101,.7)}
    70%{box-shadow:0 0 0 10px rgba(242,111,101,0)}100%{box-shadow:0 0 0 0 rgba(242,111,101,0)}}
  @media(max-width:640px){.onair{display:none}.brand img{height:48px}}

  /* hamburger */
  .burger{display:flex;align-items:center;gap:14px;cursor:pointer;background:none;border:0;color:var(--ink)}
  .burger .txt{font-size:.7rem;letter-spacing:.3em;font-weight:700;text-transform:uppercase}
  .burger .lines{width:34px;height:14px;position:relative}
  .burger .lines span{position:absolute;left:0;height:2px;width:100%;background:var(--ink);transition:.35s cubic-bezier(.7,0,.2,1)}
  .burger .lines span:nth-child(1){top:0}
  .burger .lines span:nth-child(2){top:6px;width:70%}
  .burger .lines span:nth-child(3){top:12px}
  .burger:hover .lines span:nth-child(2){width:100%}
  @media(max-width:640px){.burger .txt{display:none}}

  /* ===== FULLSCREEN MENU (piggybanx-style takeover) ===== */
  #menu{
    position:fixed;inset:0;z-index:6000;background:#070708;
    clip-path:circle(0% at calc(100% - 60px) 40px);
    transition:clip-path .8s cubic-bezier(.76,0,.24,1);
    display:flex;flex-direction:column;
    pointer-events:none;
  }
  #menu.open{clip-path:circle(150% at calc(100% - 60px) 40px);pointer-events:auto}
  .menu-top{display:flex;align-items:center;justify-content:space-between;
    padding:22px clamp(18px,4vw,48px);border-bottom:1px solid var(--line)}
  .menu-top img{height:40px}
  .close{background:none;border:0;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:12px;
    font-size:.7rem;letter-spacing:.3em;font-weight:700;text-transform:uppercase}
  .close .x{position:relative;width:24px;height:24px}
  .close .x span{position:absolute;top:11px;left:0;width:100%;height:2px;background:var(--ink)}
  .close .x span:first-child{transform:rotate(45deg)}
  .close .x span:last-child{transform:rotate(-45deg)}
  .close:hover .x span{background:var(--coral)}

  .menu-body{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
  .menu-body::-webkit-scrollbar{width:0;display:none}
  @media(max-width:880px){.menu-body{grid-template-columns:1fr}}
  .menu-nav{display:flex;flex-direction:column;margin-block:auto;
    padding:clamp(18px,4vw,56px) clamp(20px,5vw,70px);gap:clamp(2px,1vh,10px)}
  .menu-nav a{
    font-family:'Anton';text-transform:uppercase;
    font-size:clamp(2.2rem,min(7vw,8.4vh),5.4rem);line-height:.95;letter-spacing:.005em;
    color:transparent;-webkit-text-stroke:1.4px rgba(245,242,236,.85);
    display:flex;align-items:baseline;gap:18px;width:max-content;max-width:100%;
    transition:color .3s,-webkit-text-stroke-color .3s,transform .4s cubic-bezier(.7,0,.2,1);
    opacity:0;transform:translateY(40px);
  }
  #menu.open .menu-nav a{opacity:1;transform:translateY(0);
    transition:color .3s,-webkit-text-stroke-color .3s,opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}
  #menu.open .menu-nav a:nth-child(1){transition-delay:.18s}
  #menu.open .menu-nav a:nth-child(2){transition-delay:.25s}
  #menu.open .menu-nav a:nth-child(3){transition-delay:.32s}
  #menu.open .menu-nav a:nth-child(4){transition-delay:.39s}
  #menu.open .menu-nav a:nth-child(5){transition-delay:.46s}
  #menu.open .menu-nav a:nth-child(6){transition-delay:.53s}
  #menu.open .menu-nav a:nth-child(7){transition-delay:.60s}
  #menu.open .menu-nav a:nth-child(8){transition-delay:.67s}
  #menu.open .menu-nav a:nth-child(9){transition-delay:.74s}
  .menu-nav a.menu-auction{font-family:'Archivo';-webkit-text-stroke:0;color:var(--coral);font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-top:clamp(8px,1.4vh,12px);border-bottom:1px solid rgba(242,111,101,.45);padding-bottom:4px;width:max-content}
  .menu-nav a.partner-link + a.menu-auction{margin-top:clamp(20px,3vh,30px)}
  .menu-nav a.menu-auction:hover{color:#fff;-webkit-text-stroke:0;border-color:#fff;transform:none}
  .menu-nav a .num{font-family:'Archivo';font-weight:700;font-size:.8rem;letter-spacing:.1em;
    color:var(--coral);-webkit-text-stroke:0;transform:translateY(-.4em)}
  .menu-nav a:hover{color:var(--coral);-webkit-text-stroke-color:var(--coral);transform:translateX(22px)}

  .menu-side{position:relative;border-left:1px solid var(--line);overflow:hidden;
    background:#0c0c0e;display:flex;flex-direction:column;justify-content:flex-end}
  @media(max-width:880px){.menu-side{display:none}}
  .menu-side .pic{position:absolute;inset:0;background-size:cover;background-position:center top;
    filter:grayscale(1) contrast(1.05);opacity:.5;transform:scale(1.08);transition:opacity .6s}
  .menu-side::before{content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg,rgba(7,7,8,.5) 0%,rgba(7,7,8,.2) 45%,rgba(7,7,8,.95) 100%)}
  .menu-side .meta{position:relative;z-index:2;padding:40px}
  .menu-side .meta .label{color:var(--coral);margin-bottom:14px}
  .menu-side .meta p{font-size:1.05rem;color:var(--ink);max-width:300px;line-height:1.4}
  .menu-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;
    padding:20px clamp(18px,4vw,48px);border-top:1px solid var(--line)}
  .socials{display:flex;gap:26px}
  .socials a{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--muted);transition:color .25s}
  .socials a:hover{color:var(--coral)}
  .menu-foot .tag{font-size:.7rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}

  /* ===== HERO ===== */
  .hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
  .hero-bg{position:absolute;inset:0;z-index:0;background-size:cover;
    background-position:center 14%;transform-origin:center top;filter:grayscale(1) contrast(1.08) brightness(.92);
    animation:slowzoom 22s ease-in-out infinite alternate}
  @keyframes slowzoom{from{transform:scale(1.03)}to{transform:scale(1.1)}}
  .hero::before{content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg,rgba(8,8,9,.55),rgba(8,8,9,.32) 45%,rgba(8,8,9,.62))}
  .hero::after{content:"";position:absolute;inset:0;z-index:1;
    background:radial-gradient(75% 65% at 50% 50%,rgba(0,0,0,.5) 0%,rgba(0,0,0,.1) 52%,rgba(0,0,0,.72) 100%)}
  .hero-inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;
    padding:0 clamp(18px,4vw,48px)}
  .eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--coral);margin-bottom:22px;
    opacity:0;animation:rise .8s ease .2s forwards}
  .hero h1{font-size:clamp(2.3rem,6.4vw,5.6rem);width:max-content;max-width:100%;margin:0 auto}
  .hero h1 .ln{display:block;overflow:hidden}
  .hero h1 .ln b{display:block;font-weight:400;transform:translateY(110%);
    animation:reveal .9s cubic-bezier(.2,.7,.2,1) forwards}
  .hero h1 .ln:nth-child(1) b{animation-delay:.25s}
  .hero h1 .ln:nth-child(2) b{animation-delay:.38s}
  .hero h1 .ln:nth-child(2) b{color:var(--coral)}
  @keyframes reveal{to{transform:translateY(0)}}
  @keyframes rise{to{opacity:1}}
  .hero-sub{margin-top:30px;display:flex;gap:clamp(20px,3vw,40px);flex-wrap:wrap;align-items:center;justify-content:center;
    opacity:0;animation:rise .8s ease .4s forwards}
  .hero-sub p{max-width:46ch;color:#d8d3cb;font-size:1.05rem}
  .stat{display:flex;flex-direction:column;gap:2px;padding-right:30px;border-right:1px solid var(--line)}
  .stat:last-child{border:0}
  .stat b{font-family:'Anton';font-size:2.1rem;line-height:1;color:var(--ink)}
  .stat span{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
  .scrollcue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;
    display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}
  .scrollcue .ln{width:1px;height:42px;background:linear-gradient(var(--coral),transparent);animation:drop 1.8s ease-in-out infinite}
  @keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}
    51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
  .scrollcue span{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase}

  /* ===== SECTIONS ===== */
  section{position:relative}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(70px,12vh,150px) clamp(18px,4vw,48px)}
  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:54px}
  .sec-head .label{color:var(--coral)}
  .sec-head h2{font-family:'Anton';text-transform:uppercase;font-size:clamp(2.2rem,6vw,5rem);line-height:.92;margin-top:14px}
  .sec-head p{max-width:36ch;color:var(--muted);font-size:1rem}

  .reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}

  /* about / show */
  .show{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .show-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
  @media(max-width:840px){.show-grid{grid-template-columns:1fr}}
  .show-copy h3{font-family:'Anton';font-size:clamp(1.8rem,4vw,3rem);text-transform:uppercase;line-height:.95;margin-bottom:22px}
  .show-copy p{color:#cfcabf;margin-bottom:18px;font-size:1.05rem}
  .show-copy .coral{color:var(--coral);font-weight:700}
  .figframe{position:relative}
  .figframe .ph{aspect-ratio:1054/1140;background-size:cover;background-position:center;
    filter:grayscale(1) contrast(1.06);border:1px solid var(--line)}
  .figframe .badge{position:absolute;left:-14px;bottom:26px;background:var(--coral);color:#0a0a0b;
    padding:14px 20px;font-family:'Anton';text-transform:uppercase;font-size:1.1rem;letter-spacing:.02em;
    transform:rotate(-3deg);box-shadow:0 18px 40px rgba(0,0,0,.5)}
  .figframe .corner{position:absolute;top:14px;right:14px;color:var(--coral);font-size:.66rem;
    letter-spacing:.26em;font-weight:700;text-transform:uppercase;
    background:rgba(7,7,8,.6);backdrop-filter:blur(6px);padding:8px 12px;border:1px solid var(--line)}

  /* episodes */
  .ep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  @media(max-width:900px){.ep-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:560px){.ep-grid{grid-template-columns:1fr}}
  .ep{position:relative;border:1px solid var(--line);background:var(--panel);overflow:hidden;
    transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s}
  .ep:hover{transform:translateY(-6px);border-color:var(--coral)}
  .ep .thumb{aspect-ratio:16/10;background:#1a1a1e;position:relative;overflow:hidden;
    display:flex;align-items:center;justify-content:center}
  .ep .thumb .epnum{font-family:'Anton';font-size:5rem;color:rgba(255,255,255,.05);text-transform:uppercase}
  .ep .play{position:absolute;width:58px;height:58px;border-radius:50%;background:rgba(242,111,101,.92);
    display:grid;place-items:center;transition:transform .4s,background .3s}
  .ep:hover .play{transform:scale(1.12)}
  .ep .play::after{content:"";border-left:16px solid #0a0a0b;border-top:10px solid transparent;
    border-bottom:10px solid transparent;margin-left:4px}
  .ep .info{padding:20px}
  .ep .info .label{color:var(--coral);font-size:.62rem;margin-bottom:10px}
  .ep .info h4{font-size:1.18rem;font-weight:700;line-height:1.2;margin-bottom:6px}
  .ep .info .dur{font-size:.78rem;color:var(--muted);letter-spacing:.04em}

  /* vault ticker */
  .vault{background:#070708;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:0}
  .ticker{display:flex;white-space:nowrap;will-change:transform;animation:scrollx 26s linear infinite}
  .ticker span{font-family:'Anton';font-size:clamp(2.4rem,6vw,5rem);text-transform:uppercase;
    padding:26px 34px;color:transparent;-webkit-text-stroke:1px rgba(245,242,236,.28);display:flex;align-items:center;gap:34px}
  .ticker span em{color:var(--coral);-webkit-text-stroke:0;font-style:normal}
  .ticker .dot{width:12px;height:12px;border-radius:50%;background:var(--coral);display:inline-block}
  @keyframes scrollx{to{transform:translateX(-50%)}}

  /* cards row */
  .cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  @media(max-width:900px){.cards-row{grid-template-columns:repeat(2,1fr)}}
  .slab{aspect-ratio:3/4;border:1px solid var(--line);background:
    linear-gradient(160deg,#17171b,#0d0d10);position:relative;overflow:hidden;
    display:flex;flex-direction:column;justify-content:space-between;padding:16px;
    transition:transform .4s,border-color .4s}
  .slab:hover{transform:translateY(-8px) rotate(-1deg);border-color:var(--coral)}
  .slab .grade{align-self:flex-end;width:46px;height:46px;border-radius:50%;background:var(--coral);
    color:#0a0a0b;font-family:'Anton';display:grid;place-items:center;font-size:1.3rem}
  .slab .center{flex:1;display:grid;place-items:center}
  .slab .center .hh{font-family:'Anton';font-size:3.4rem;color:rgba(242,111,101,.18);letter-spacing:-4px;transform:skewX(-8deg)}
  .slab .foot{display:flex;justify-content:space-between;align-items:flex-end}
  .slab .foot b{font-weight:700;font-size:.82rem}
  .slab .foot span{font-size:.62rem;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}

  /* CTA */
  .cta{position:relative;background:var(--coral);color:#0a0a0b;overflow:hidden}
  .cta .wrap{text-align:center}
  .cta h2{font-family:'Anton';text-transform:uppercase;font-size:clamp(2.4rem,8vw,7rem);line-height:.9}
  .cta p{max-width:48ch;margin:22px auto 36px;font-size:1.12rem;font-weight:500}
  .cta .ghost{position:absolute;font-family:'Anton';font-size:30vw;color:rgba(10,10,11,.06);
    top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;pointer-events:none;white-space:nowrap}
  .btn{display:inline-flex;align-items:center;gap:14px;background:#0a0a0b;color:var(--ink);
    padding:18px 38px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;
    transition:transform .3s,background .3s}
  .btn:hover{transform:translateY(-3px);background:#000}
  .btn .arr{transition:transform .3s}.btn:hover .arr{transform:translateX(6px)}

  /* FOOTER (minimal, piggybanx-style) */
  footer{background:#070708;padding:clamp(40px,8vh,80px) clamp(18px,4vw,48px) 34px}
  .foot-top{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:30px;padding-bottom:50px;border-bottom:1px solid var(--line)}
  .foot-top img{height:44px}
  .foot-nav{display:flex;gap:30px;flex-wrap:wrap}
  .foot-nav a{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--muted);transition:color .25s}
  .foot-nav a:hover{color:var(--coral)}
  .foot-bot{max-width:var(--maxw);margin:28px auto 0;display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:14px}
  .foot-bot p,.foot-bot a{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
  .foot-bot a:hover{color:var(--coral)}

  /* ===== FEED (horizontal scroll) ===== */
  .feed{position:relative;z-index:1;background:var(--bg);padding-top:106px;padding-bottom:clamp(50px,8vh,90px)}
  .feed-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;
    padding-top:clamp(70px,12vh,140px);padding-bottom:42px}
  .feed-head .label{color:var(--coral)}
  .feed-head h2{font-family:'Anton';text-transform:uppercase;font-size:clamp(2.2rem,6vw,5rem);line-height:.9;margin-top:12px}
  .feed-links{display:flex;gap:12px;flex-wrap:wrap}
  .flink{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border:1px solid var(--line);
    font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--ink);transition:.3s}
  .flink.yt:hover{background:#ff0033;border-color:#ff0033;color:#fff;transform:translateY(-2px)}
  .flink.ig:hover{background:linear-gradient(45deg,#f09433,#dc2743 45%,#bc1888);border-color:transparent;color:#fff;transform:translateY(-2px)}

  .feed-rail{position:relative}
  .feed-track{display:flex;align-items:center;gap:18px;overflow-x:auto;overflow-y:hidden;
    padding:10px clamp(18px,4vw,48px) 30px;scroll-snap-type:x proximity;cursor:grab;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    scrollbar-width:none;-ms-overflow-style:none;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
            mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
  .feed-track::-webkit-scrollbar{display:none}
  .feed-track.drag{cursor:grabbing}
  .feed-track.drag a{pointer-events:none}

  .tile{flex:0 0 auto;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);
    overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;
    transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s}
  .tile:hover{transform:translateY(-6px)}
  .tile.yt{width:clamp(290px,32vw,380px)}
  .tile.yt:hover{border-color:var(--coral)}
  .tile.ig{width:clamp(232px,24vw,292px)}
  .tile.ig:hover{border-color:var(--coral)}
  .tile .media{position:relative;overflow:hidden;background:#1a1a1e}
  .tile.yt .media{aspect-ratio:16/9}
  .tile .media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
  .tile:hover .media img{transform:scale(1.06)}
  .badge{position:absolute;left:14px;bottom:14px;width:42px;height:42px;border-radius:50%;
    display:grid;place-items:center;background:rgba(255,0,51,.94);box-shadow:0 6px 18px rgba(0,0,0,.5)}
  .badge::after{content:"";border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
  .ig-media{aspect-ratio:4/5;display:grid;place-items:center;
    background:linear-gradient(135deg,#feda75,#fa7e1e 24%,#d62976 56%,#962fbf 80%,#4f5bd5)}
  .ig-media svg{width:56px;height:56px;stroke:#fff;fill:none;stroke-width:2;opacity:.96;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}
  .ig-tag{position:absolute;top:12px;right:14px;color:#fff;font-size:.6rem;letter-spacing:.18em;font-weight:700;text-transform:uppercase;opacity:.92}
  .tile .meta{padding:16px}
  .tile .meta h4{font-size:.96rem;font-weight:700;line-height:1.3;margin-bottom:11px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
  .tile .meta .sub{display:flex;align-items:center;gap:10px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .tile .meta .src{color:var(--coral);font-weight:700}
  .dot2{width:4px;height:4px;border-radius:50%;background:var(--muted)}

  .rail-btn{position:absolute;top:38%;z-index:5;width:48px;height:48px;border-radius:50%;
    border:1px solid var(--line);background:rgba(10,10,11,.72);backdrop-filter:blur(8px);color:var(--ink);
    font-size:1.7rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.3s;opacity:0}
  .feed-rail:hover .rail-btn{opacity:1}
  .rail-btn:hover{background:var(--coral);color:#0a0a0b;border-color:var(--coral)}
  .rail-btn.prev{left:clamp(8px,2vw,22px)}
  .rail-btn.next{right:clamp(8px,2vw,22px)}
  @media(max-width:760px){.rail-btn{display:none}.feed-track{-webkit-mask-image:none;mask-image:none}}

  /* ===== MOBILE-FIRST OPTIMIZATION ===== */
  @media (max-width:640px){
    .hero{min-height:100svh}
    /* reframe so both faces stay in shot; static (better perf + framing) */
    .hero-bg{background-position:60% 14%;animation:none;transform:scale(1.02)}
    .hero-inner{padding-bottom:0}
    .eyebrow{margin-bottom:16px}
    .eyebrow.label{font-size:.6rem;letter-spacing:.22em}
    .hero h1{font-size:clamp(2.2rem,10.5vw,3.7rem)}
    .hero-sub{margin-top:22px;gap:0 16px;justify-content:center}
    .hero-sub p{font-size:.95rem}
    .stat{padding-right:14px;gap:2px}
    .stat b{font-size:1.4rem}
    .stat span{font-size:.55rem;letter-spacing:.13em}
    .scrollcue{bottom:16px}
    .scrollcue .ln{height:32px}

    /* fullscreen menu: never overflow short phones */
    .menu-body{overflow-y:auto}
    .menu-top{padding-top:18px;padding-bottom:18px}

    /* feed: roomy single-card view */
    .feed-head{padding-bottom:30px}
    .feed-links{width:100%}
    .flink{flex:1;justify-content:center;padding:13px 12px;font-size:.68rem}
    .feed-track{gap:14px}
    .tile.yt{width:84vw;max-width:340px}
    .tile.ig{width:66vw;max-width:260px}
    .tile .meta{padding:15px}
    .tile .meta h4{font-size:1rem}

    /* footer stacks cleanly */
    .foot-top{flex-direction:column;align-items:flex-start;gap:22px;padding-bottom:34px}
    .foot-nav{gap:18px 24px}
    .foot-bot{gap:10px}
  }
  /* slightly tighter tablet */
  @media (min-width:641px) and (max-width:880px){
    .tile.yt{width:46vw}
    .tile.ig{width:34vw}
  }
  @media (prefers-reduced-motion:reduce){
    .hero-bg{animation:none}
    .grain{animation:none}
    html{scroll-behavior:auto}
    *{transition-duration:.01ms !important}
  }

  /* ===== PARTNER CTA + CONTACT FORM ===== */
  .hero-ctas{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,38px);flex-wrap:wrap;margin-top:26px}
  .hero-ctas .partner-cta{margin-top:0}
  .partner-cta{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:6px 2px;
    background:none;color:var(--coral);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;
    border:0;transition:color .3s;
    opacity:0;animation:rise .8s ease .58s forwards}
  .partner-cta:hover{color:#fff;border-color:#fff}
  .partner-cta.cta-auction{color:#fff}
  .partner-cta.cta-auction:hover{color:var(--coral)}
  .partner-cta .pc-arrow{transition:transform .3s}
  .partner-cta:hover .pc-arrow{transform:translateY(4px)}

  .contact{position:relative;background:#0b0b0d;border-top:1px solid var(--line);overflow:hidden;scroll-margin-top:72px}
  .contact::before{content:"";position:absolute;top:-130px;right:-120px;width:400px;height:400px;border-radius:50%;
    background:radial-gradient(circle,rgba(242,111,101,.16),transparent 68%);pointer-events:none}
  .contact-wrap{position:relative;z-index:1}
  .contact-head{max-width:640px;margin-bottom:38px}
  .contact-head .label{color:var(--coral)}
  .contact-head h2{font-family:'Anton';text-transform:uppercase;font-size:clamp(2.4rem,6vw,5rem);line-height:.92;margin:12px 0 16px}
  .contact-head p{color:var(--muted);font-size:1.05rem;line-height:1.5}

  .tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
  .tab{padding:14px 22px;border:1px solid var(--line);background:transparent;color:var(--muted);
    font-family:'Archivo';font-weight:700;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:.25s}
  .tab:hover{color:var(--ink);border-color:var(--ink)}
  .tab.active{background:var(--coral);border-color:var(--coral);color:#0a0a0b}

  .cform{max-width:860px}
  .panel{display:none}
  .panel.active{display:block;animation:fadeup .4s ease}
  @keyframes fadeup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .field{display:flex;flex-direction:column;gap:8px}
  .field.full{grid-column:1/-1}
  .field label{font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:#c4bfb4}
  .field input,.field select,.field textarea{background:#1c1c21;border:1px solid rgba(245,242,236,.2);color:var(--ink);
    padding:14px 16px;font-family:'Archivo';font-size:.95rem;border-radius:2px;width:100%;transition:border-color .25s,background .25s}
  .field textarea{resize:vertical;min-height:112px}
  .field input::placeholder,.field textarea::placeholder{color:#847f77}
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--coral);background:#212126}
  .field select{appearance:none;-webkit-appearance:none;cursor:pointer;
    background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
    background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
  .field select option{background:#141417;color:var(--ink)}

  .form-foot{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
  .submit-btn{display:inline-flex;align-items:center;gap:12px;background:var(--coral);color:#0a0a0b;border:0;
    padding:17px 38px;font-family:'Archivo';font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;
    cursor:pointer;transition:transform .3s,background .3s}
  .submit-btn:hover{transform:translateY(-3px);background:#fff}
  .submit-btn .arr{transition:transform .3s}.submit-btn:hover .arr{transform:translateX(5px)}
  .form-note{font-size:.7rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
  .panel-intro{color:#fff;font-weight:600;font-size:1rem;line-height:1.5;max-width:62ch;margin-bottom:22px;
    border-left:2px solid var(--coral);padding-left:16px}
  .check-field{justify-content:center}
  .checkbox{display:inline-flex;align-items:center;gap:11px;cursor:pointer;color:#c4bfb4;
    font-size:.82rem;letter-spacing:.06em;text-transform:none;font-weight:600}
  .checkbox input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid rgba(245,242,236,.3);
    background:#1c1c21;border-radius:3px;cursor:pointer;position:relative;transition:.2s;flex:0 0 auto}
  .checkbox input:checked{background:var(--coral);border-color:var(--coral)}
  .checkbox input:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;
    border:solid #0a0a0b;border-width:0 2px 2px 0;transform:rotate(45deg)}
  .pledge-note{font-size:.78rem;line-height:1.5;color:#9a958c;max-width:64ch;margin-top:20px;letter-spacing:.01em}

  @media(max-width:640px){
    .form-grid{grid-template-columns:1fr}
    .tabs{display:grid;grid-template-columns:1fr 1fr}
    .tab{padding:13px 10px;font-size:.64rem;text-align:center;justify-content:center}
    .tab:last-child:nth-child(odd){grid-column:1 / -1}
    .contact-head{margin-bottom:28px}
    .form-foot{gap:14px}
    .submit-btn{width:100%;justify-content:center}
  }
  .menu-intro{display:block;font-family:'Archivo';color:var(--coral);font-weight:700;
    font-size:clamp(.72rem,2vw,.92rem);letter-spacing:.26em;text-transform:uppercase;margin-bottom:24px;
    opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}
  #menu.open .menu-intro{opacity:1;transform:none;transition-delay:.12s}

  /* two-row feed */
  .feed-head{padding-bottom:20px}
  .row-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:18px;padding:4px clamp(18px,4vw,48px) 0}
  .row-label{font-family:'Anton';text-transform:uppercase;font-size:clamp(2.2rem,5.6vw,4.6rem);line-height:.92;letter-spacing:.01em;color:var(--ink)}
  #feed > div:nth-of-type(1) .row-label{transform:translateY(-40px)}
  #feed > div:nth-of-type(3){margin-top:77px}
  #feed > div:nth-of-type(3) .row-label{transform:translateY(-40px)}
  @media(min-width:641px){
    #feed > div:nth-of-type(1) .row-label{transform:translateY(-48px)}
    #feed > div:nth-of-type(3){margin-top:90px}
    #feed > div:nth-of-type(3) .row-label{transform:translateY(-48px)}
  }
  .row-link{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--coral);transition:color .25s;white-space:nowrap}
  .row-link:hover{color:#fff}
  .ig-shot{aspect-ratio:4/5}
  .ig-shot img{width:100%;height:100%;object-fit:cover}
  @media(max-width:640px){.row-head{margin-top:10px}}
  .ig-badge{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
    background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);box-shadow:0 4px 12px rgba(0,0,0,.45)}
  .ig-badge svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2}
  .ig-shot .ig-tag{text-shadow:0 1px 6px rgba(0,0,0,.6)}

  /* hero subline */
  .hero h1 .grow b{text-transform:none;font-size:.52em;letter-spacing:.01em;font-weight:400}

  /* partners strip */
  .partners{background:#0b0b0d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .partners-wrap{display:flex;align-items:center;gap:clamp(20px,5vw,56px);flex-wrap:wrap;
    padding-top:26px;padding-bottom:26px}
  .partners-label{font-size:.64rem;letter-spacing:.28em;text-transform:uppercase;font-weight:700;color:var(--ink);white-space:nowrap}
  .partners-row{flex:1;min-width:0;display:flex;justify-content:center;overflow:hidden}
  .partners-track{display:flex;align-items:center;gap:clamp(40px,8vw,130px);width:max-content}
  .partners-row.marquee{justify-content:flex-start;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
            mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
  .partners-row.marquee .partners-track{animation:partners-scroll var(--marquee-dur,30s) linear infinite;will-change:transform}
  .partners-row.marquee:hover .partners-track{animation-play-state:paused}
  @keyframes partners-scroll{from{transform:translateX(0)}to{transform:translateX(var(--marquee-x,-50%))}}
  .plogo{display:inline-flex;align-items:center;flex:0 0 auto;opacity:.7;transition:opacity .3s;text-decoration:none}
  .plogo:hover{opacity:1}
  .plogo img{width:auto;display:block;filter:brightness(0) invert(1)}
  .pl-unrl{height:clamp(15px,2.1vw,23px)}
  .pl-wx{height:clamp(32px,4.4vw,48px)}
  .pl-tam{height:clamp(23px,3.1vw,34px)}
  .pl-alt{height:clamp(20px,2.8vw,30px)}
  .pl-baird{height:clamp(30px,3.9vw,44px)}
  .plogo:hover{opacity:1;color:#fff}
  @media(max-width:640px){
    .partners-wrap{flex-direction:column;gap:16px;padding-top:22px;padding-bottom:22px}
    .partners-label{letter-spacing:.24em}
    .partners-row{width:100%}
    .partners-track{gap:clamp(30px,9vw,64px)}
  }
  @media(prefers-reduced-motion:reduce){
    .partners-row.marquee{-webkit-mask-image:none;mask-image:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .partners-row.marquee::-webkit-scrollbar{display:none}
    .partners-row.marquee .partners-track{animation:none}
  }
  /* keep the smaller "…and growing" line from clipping its descenders */
  .hero h1 .ln.grow{overflow:visible}
  .hero h1 .ln.grow b{font-family:"Sedgwick Ave Display","sedgwick-ave-display",'Permanent Marker',cursive;font-size:calc(.64em - 5px);letter-spacing:.01em;text-align:right;transform:none;line-height:1;margin-top:-0.28em;padding-bottom:.16em;opacity:0;animation:rise .8s ease .5s forwards}
  .menu-nav a.menu-about{font-family:'Archivo';-webkit-text-stroke:0;color:var(--coral);font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-top:clamp(8px,1.4vh,12px);border-bottom:1px solid rgba(242,111,101,.45);padding-bottom:4px;width:max-content}
  .menu-nav a.menu-about:hover{color:#fff;-webkit-text-stroke:0;border-color:#fff;transform:none}
  .row-title{display:flex;align-items:baseline;gap:clamp(10px,1.6vw,18px);flex-wrap:wrap}
  .row-stat{font-family:'Archivo';font-size:clamp(.62rem,1.3vw,.78rem);letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--coral);white-space:nowrap}
  .count{display:inline-block;min-width:1.15em;text-align:center;font-variant-numeric:tabular-nums}
  .plus{opacity:0;display:inline-block;transform-origin:50% 50%;will-change:transform;position:relative;top:-0.07em}
  .plus.pop{animation:plusPop .95s cubic-bezier(.2,.8,.25,1.1) forwards}
  @keyframes plusPop{0%{opacity:0;transform:scale(.3);text-shadow:0 0 0 rgba(255,255,255,0)}28%{opacity:1;transform:scale(1.55);text-shadow:0 0 26px rgba(255,255,255,.85),0 0 60px rgba(255,255,255,.45)}58%{transform:scale(.9);text-shadow:0 0 14px rgba(255,255,255,.35)}100%{opacity:1;transform:scale(1);text-shadow:0 0 0 rgba(255,255,255,0)}}

  /* ===== CHARITY CARD AUCTION ===== */
  .auction{position:relative;background:#0c0c0e;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
  .auction::before{content:"";position:absolute;top:-180px;right:-140px;width:560px;height:560px;border-radius:50%;
    background:radial-gradient(circle,rgba(216,178,92,.16),rgba(242,111,101,.06) 45%,transparent 70%);pointer-events:none;z-index:0}
  .auction::after{content:"";position:absolute;bottom:-160px;left:-120px;width:420px;height:420px;border-radius:50%;
    background:radial-gradient(circle,rgba(242,111,101,.10),transparent 68%);pointer-events:none;z-index:0}
  .auction-wrap{position:relative;z-index:1;overflow:hidden;max-width:var(--maxw);margin:0 auto;padding:clamp(70px,12vh,150px) clamp(18px,4vw,48px) clamp(56px,8vh,78px)}

  .auc-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:clamp(34px,5vw,58px)}
  .auc-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--coral);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;font-weight:600}
  .auc-coop{display:flex;align-items:center;gap:14px}
  .auc-coop .lbl{font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--coral);font-weight:700;white-space:nowrap}
  .auc-coop img{height:20px;width:auto;display:block;filter:brightness(0) invert(1);opacity:.95}
  .auc-coop .x{color:var(--coral);font-weight:700;font-size:.9rem}
  .auc-coop .ogp{font-family:'Anton';text-transform:uppercase;font-size:1.1rem;letter-spacing:.01em;color:var(--ink);line-height:1}

  .auc-grid{position:relative;z-index:1;display:grid;grid-template-columns:0.88fr 1.12fr;gap:clamp(34px,6vw,84px);align-items:center}
  @media(max-width:880px){.auc-grid{grid-template-columns:1fr;gap:clamp(40px,8vw,56px)}}

  /* card visual */
  .auc-card{position:relative;display:flex;justify-content:center;align-items:center;min-height:0}
  .auc-card .glow{position:absolute;inset:-6% -4%;z-index:0;
    background:radial-gradient(circle at 50% 44%,rgba(216,178,92,.30),rgba(242,111,101,.12) 42%,transparent 70%);filter:blur(8px)}
  .auc-card .cardframe{position:relative;z-index:1;width:min(100%,440px)}
  .auc-card .cardframe iframe{width:100%;height:600px;border:0;display:block;background:transparent}
  @media(max-width:880px){.auc-card .cardframe{width:min(92%,380px)} .auc-card .cardframe iframe{height:540px}}

  /* copy */
  .auc-copy h2{font-family:'Anton';text-transform:uppercase;font-size:clamp(2.2rem,5.6vw,4.6rem);line-height:.92;margin-bottom:18px}
  .auc-copy h2 .hl{color:var(--coral)}
  .auc-copy p{color:#cfcabf;font-size:1.05rem;line-height:1.55;max-width:50ch;margin-bottom:26px}
  .auc-copy p .em{color:#fff;font-weight:700}

  .auc-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
  .bid-link{display:inline-flex;align-items:baseline;gap:10px;color:var(--coral);
    font-family:'Anton';text-transform:uppercase;letter-spacing:.05em;font-size:1.5rem;line-height:1;
    transition:color .3s}
  .bid-link:hover{color:#fff}
  .bid-link .arr{display:inline-block;transition:transform .35s}
  .bid-link:hover .arr{transform:translateX(6px)}
  .match-link{display:inline-flex;align-items:baseline;gap:10px;color:var(--ink);
    font-family:'Anton';text-transform:uppercase;letter-spacing:.05em;font-size:1.5rem;line-height:1;
    transition:color .3s}
  .match-link:hover{color:var(--coral)}
  .match-link .arr{display:inline-block;transition:transform .35s}
  .match-link:hover .arr{transform:translateX(6px)}
  .auc-hosted{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600}
  .auc-hosted b{color:#cfcabf}
  .match-note{color:#fff;font-weight:600;font-size:1rem;line-height:1.5;max-width:52ch;
    border-left:2px solid var(--coral);padding-left:16px;margin-bottom:26px}
  .ogp-link{color:var(--coral);border-bottom:1px solid rgba(242,111,101,.4);transition:color .25s}
  .ogp-link:hover{color:#fff}
  .auc-partner{position:relative;background:var(--bg)}
  .auc-partner-inner{position:relative;overflow:hidden;max-width:var(--maxw);margin:0 auto;
    padding:clamp(46px,7vh,74px) clamp(18px,4vw,48px);
    border-top:1px solid var(--line);
    display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center}
  .auc-mark{position:absolute;left:0;right:0;bottom:0;height:clamp(120px,17vh,160px);z-index:0;pointer-events:none;overflow:hidden}
  .auc-mark svg{position:absolute;inset:0;width:100%;height:100%;display:block}
  .auc-mark-dot{animation:aucMktPulse 2.8s ease-in-out infinite}
  @keyframes aucMktPulse{0%,100%{fill-opacity:.5}50%{fill-opacity:.18}}
  @media (prefers-reduced-motion:reduce){.auc-mark-dot{animation:none}}
  .auc-partner img{height:28px;width:auto;display:block;filter:brightness(0) invert(1);opacity:.95;position:relative;z-index:1}
  .auc-partner-k{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:700;white-space:nowrap;position:relative;z-index:1}
  #auction .bid-link{display:inline-flex;margin-top:24px}
  #auction .match-note{margin-top:24px}

  /* ===== MATCHING DONOR PANEL (coral break) ===== */
  .match-panel{position:relative;overflow:hidden;background:var(--coral);color:#0a0a0b}
  .mp-inner{position:relative;z-index:1;max-width:780px;margin:0 auto;text-align:center;
    padding:clamp(46px,7vw,84px) clamp(18px,4vw,48px)}
  .mp-eyebrow{display:inline-block;font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;font-weight:700;color:#0a0a0b;opacity:.6;margin-bottom:16px}
  .mp-title{font-family:'Anton';text-transform:uppercase;font-size:clamp(2.2rem,5vw,3.6rem);line-height:.92;letter-spacing:.005em;color:#0a0a0b;margin:0 0 18px}
  .mp-intro{font-size:1.02rem;line-height:1.55;color:#0a0a0b;opacity:.85;max-width:48ch;margin:0 auto;font-weight:500}
  .mp-chev{display:inline-block;font-size:.9em}
  /* slide-down reveal — fields expand, the single button slides down with them */
  .mp-form{max-width:560px;margin:0 auto;text-align:center}
  .mp-fields{display:grid;grid-template-rows:0fr;opacity:0;
    transition:grid-template-rows .55s cubic-bezier(.7,0,.2,1),opacity .45s ease}
  .mp-fields.open{grid-template-rows:1fr;opacity:1}
  .mp-fields-inner{overflow:hidden;min-height:0;padding-top:34px;text-align:left}
  .mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
  .mp-full{grid-column:1/-1}
  .mp-field{display:flex;flex-direction:column;gap:7px;min-width:0}
  .mp-field label{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#0a0a0b;opacity:.72}
  .mp-field input{background:rgba(22,22,26,.5);border:1px solid rgba(245,242,236,.3);color:var(--ink);
    padding:14px 16px;font-family:'Archivo';font-size:.95rem;border-radius:2px;width:100%;transition:border-color .25s,background .25s}
  .mp-field input::placeholder{color:rgba(245,242,236,.55)}
  .mp-field input:focus{outline:none;border-color:#f5f2ec;background:rgba(22,22,26,.36)}
  .mp-checkbox{grid-column:1/-1;display:inline-flex;align-items:center;gap:11px;cursor:pointer;
    color:#0a0a0b;font-size:.84rem;font-weight:600;margin-top:2px}
  .mp-checkbox input{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex:0 0 auto;
    border:1px solid rgba(245,242,236,.4);background:rgba(22,22,26,.5);border-radius:3px;cursor:pointer;position:relative;transition:.2s}
  .mp-checkbox input:checked{background:#0a0a0b;border-color:#0a0a0b}
  .mp-checkbox input:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #f5f2ec;border-width:0 2px 2px 0;transform:rotate(45deg)}
  .mp-submit{display:inline-flex;align-items:center;gap:12px;background:#0a0a0b;color:#fff;border:0;cursor:pointer;
    font-family:'Archivo';font-weight:700;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;
    padding:15px 30px;border-radius:2px;margin-top:24px;transition:transform .25s,background .25s,color .25s}
  .mp-submit:hover{transform:translateY(-3px);background:#fff;color:#0a0a0b}
  .mp-submit .arr{transition:transform .3s}.mp-submit:hover .arr{transform:translateX(5px)}
  .mp-note{font-size:.75rem;line-height:1.5;color:#0a0a0b;opacity:.6;margin-top:18px;max-width:52ch}
  @media(max-width:560px){.mp-grid{grid-template-columns:1fr}.mp-submit,.mp-toggle{width:100%;justify-content:center}}

  @media(max-width:640px){
    .auc-top{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:36px}
    .auc-actions{gap:16px}
  }


  /* ===== SHOP ===== */
  .shop{position:relative;background:#0a0a0b;border-bottom:1px solid var(--line);overflow:hidden}
  .shop::before{content:"";position:absolute;top:-140px;left:-120px;width:440px;height:440px;border-radius:50%;
    background:radial-gradient(circle,rgba(242,111,101,.12),transparent 68%);pointer-events:none;z-index:0}
  .shop-wrap{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:clamp(70px,12vh,150px) clamp(18px,4vw,48px)}
  .shop-top{display:flex;align-items:center;justify-content:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:clamp(34px,5vw,58px)}
  .shop-title{font-family:'Anton';text-transform:uppercase;font-size:clamp(2.4rem,6vw,5.4rem);line-height:.9;margin:0}
  .shop-title .hl{color:var(--coral)}
  @media(max-width:880px){.shop-top{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:36px}}
  .shop-grid{display:grid;grid-template-columns:0.88fr 1.12fr;gap:clamp(34px,6vw,84px);align-items:center}
  @media(max-width:880px){.shop-grid{grid-template-columns:1fr;gap:clamp(36px,7vw,52px)}}

  .shop-copy .label{color:var(--coral);display:block;margin-bottom:14px}
  .shop-copy p{color:#cfcabf;font-size:1.05rem;line-height:1.55;max-width:50ch;margin-bottom:26px}
  .shop-copy p .em{color:#fff;font-weight:700}
  .shop-copy h2{font-family:'Anton';text-transform:uppercase;font-size:clamp(2.4rem,6vw,5.4rem);line-height:.9;margin-bottom:20px}
  .shop-copy h2 .hl{color:var(--coral)}
  .shop-all{display:inline-flex;align-items:baseline;gap:10px;color:var(--coral);
    font-family:'Anton';text-transform:uppercase;letter-spacing:.05em;font-size:1.5rem;line-height:1;transition:color .3s}
  .shop-all:hover{color:#fff}
  .shop-all .arr{display:inline-block;transition:transform .35s}
  .shop-all:hover .arr{transform:translateX(6px)}

  /* single product tile */
  .shop-tile{position:relative;display:block;justify-self:center;width:min(100%,420px);
    background:transparent;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
  .shop-tile::before{content:"";position:absolute;inset:-8%;z-index:0;pointer-events:none;
    background:radial-gradient(closest-side,rgba(242,111,101,.34),rgba(242,111,101,.12) 55%,transparent 78%);
    filter:blur(26px)}
  .shop-tile img{position:relative;z-index:1;display:block;width:100%;height:auto}
  .shop-tile:hover{transform:translateY(-6px)}

  /* merch carousel */
  .merch-card{position:relative;display:flex;justify-content:center;align-items:center;min-height:0}
  .merch-carousel{position:relative;width:min(100%,430px)}
  .merch-viewport{position:relative;overflow:hidden;touch-action:pan-y}
  .merch-track{display:flex;transition:transform .7s cubic-bezier(.4,.7,.2,1)}
  .merch-slide{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;gap:20px;
    text-decoration:none;color:var(--ink)}
  .merch-figure{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:7% 0}
  .merch-figure::before{content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;
    background:radial-gradient(closest-side,rgba(247,140,60,.42),rgba(240,120,55,.15) 54%,transparent 76%);
    filter:blur(34px)}
  .merch-figure img,.merch-figure .garment{position:relative;z-index:1;display:block;
    width:min(82%,340px);height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1);
    filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
  .merch-slide:hover .merch-figure img,.merch-slide:hover .merch-figure .garment{transform:translateY(-8px)}
  .merch-name{font-family:'Anton';text-transform:uppercase;letter-spacing:.04em;font-size:1.2rem;
    display:inline-flex;align-items:baseline;gap:12px}
  .merch-name .px{color:var(--coral);font-size:.78rem;letter-spacing:.2em;transition:transform .35s}
  .merch-slide:hover .merch-name .px{transform:translateX(5px)}
  .merch-dots{display:flex;gap:11px;justify-content:center;margin-top:24px}
  .merch-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;
    background:rgba(245,242,236,.22);transition:background .3s,transform .3s}
  .merch-dots button.on{background:var(--coral);transform:scale(1.3)}
  .merch-arrow{display:none}

  .auc-title{font-family:'Anton';text-transform:uppercase;font-size:clamp(2.4rem,6vw,5.4rem);line-height:.9;margin:0}
  .auc-copy .auc-coop{margin-bottom:20px}
  .hl{color:var(--coral)}
/* ============================================================
   HEY HENRY SHOW — WordPress / Blocksy compatibility layer
   Appended to /assets/css/theme.css
   This block overrides Blocksy's default typography, container
   widths, header padding, etc. so the mockup's design wins.
   ============================================================ */

/* Reset Blocksy's max-width on the main content container
   so our sections can span full viewport width. */
.hey-henry-show .site-main,
.hey-henry-show .entry-content,
.hey-henry-show .wp-block,
.hey-henry-show [class*="ct-container"] {
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
}

/* Elementor canvas: remove default section paddings so our
   mockup-accurate .wrap padding controls the rhythm. */
.hey-henry-show .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: none !important;
}
.hey-henry-show .elementor-widget:not(:last-child) {
        margin-bottom: 0;
}

/* Elementor Top Bar offset: the mockup's #hdr is position:fixed
   so push the page content down by 0 (the hero is full viewport
   anyway and the header overlays it). */
.hey-henry-show .elementor-location-header {
        position: fixed;
        top: 0; left: 0; right: 0;
        z-index: 5000;
}

/* Elementor widgets need their default padding zeroed so the
   mockup's own .wrap rules apply. */
.hey-henry-show .elementor-widget-container {
        padding: 0;
}

/* Disable Elementor's default column gap so the mockup's
   custom grid gaps take over. */
.hey-henry-show .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-widget-wrap {
        padding: 0;
}

/* Make sure the body bg stays dark. */
body.hey-henry-show {
        background: var(--bg) !important;
        color: var(--ink) !important;
        font-family: 'Archivo', sans-serif !important;
        overflow-x: hidden;
}

/* Blocksy buttons → mockup button styles. */
.hey-henry-show button,
.hey-henry-show .wp-block-button__link,
.hey-henry-show .elementor-button {
        font-family: 'Archivo', sans-serif;
}

/* WP admin bar offset: when logged in, the loader needs to start
   below the 32px admin bar. */
.admin-bar #loader,
.admin-bar #menu,
.admin-bar header {
        top: 32px;
}
@media (max-width: 782px) {
        .admin-bar #loader,
        .admin-bar #menu,
        .admin-bar header {
                top: 46px;
        }
}

/* WordPress image alignment helpers. */
.hey-henry-show .alignfull,
.hey-henry-show .alignwide {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
}

/* captions */
.hey-henry-show figcaption {
        color: var(--muted);
        font-size: .8rem;
        letter-spacing: .12em;
        text-transform: uppercase;
        text-align: center;
        margin-top: 8px;
}

/* Elementor Form (Pro Form widget) restyle so it matches
   the mockup's contact form fields. */
.hey-henry-show .elementor-form-fields-wrapper,
.hey-henry-show .elementor-form-fields-wrapper .elementor-field-type-text,
.hey-henry-show .elementor-form-fields-wrapper .elementor-field-type-email,
.hey-henry-show .elementor-form-fields-wrapper .elementor-field-type-tel,
.hey-henry-show .elementor-form-fields-wrapper .elementor-field-type-textarea,
.hey-henry-show .elementor-form-fields-wrapper .elementor-field-type-select {
        margin-bottom: 14px;
}
.hey-henry-show .elementor-field-group .elementor-field-textual,
.hey-henry-show .elementor-field-group .elementor-field-textual::placeholder {
        background: #0a0a0b !important;
        border: 1px solid var(--line) !important;
        color: var(--ink) !important;
        font-family: 'Archivo', sans-serif !important;
        font-size: 1rem !important;
        padding: 12px 14px !important;
        border-radius: 0 !important;
}
.hey-henry-show .elementor-field-group .elementor-field-textual:focus {
        border-color: var(--coral) !important;
        outline: none !important;
}
.hey-henry-show .elementor-field-label {
        font-size: .72rem !important;
        letter-spacing: .22em !important;
        text-transform: uppercase !important;
        color: var(--muted) !important;
        font-weight: 600 !important;
        margin-bottom: 6px !important;
}
.hey-henry-show .elementor-button.elementor-size-md {
        background: var(--coral) !important;
        color: #0a0a0b !important;
        font-family: 'Archivo', sans-serif !important;
        font-weight: 700 !important;
        letter-spacing: .14em !important;
        text-transform: uppercase !important;
        padding: 18px 38px !important;
        border-radius: 0 !important;
}

/* Screen-reader-text / WP accessibility helpers stay default. */
.screen-reader-text { position: absolute !important; }

/* Elementor editor preview: ensure the loader doesn't block editing. */
body.elementor-editor-active #loader,
body.elementor-editor-active #menu,
body.elementor-editor-active #grain {
        display: none !important;
}
body.elementor-editor-active.lock { overflow: auto !important; }

/* Elementor editor: reveal hidden-on-scroll elements so the user
   can edit them without scrolling into view first. */
body.elementor-editor-active .reveal {
        opacity: 1 !important;
        transform: none !important;
}

/* Admin bar in mobile preview shouldn't cover hero. */
body.elementor-editor-active #wpadminbar { display: none !important; }
/* ============================================================
   HEY HENRY SHOW — v1.0.1 hotfix
   Blocksy compatibility patches for full-width layout + header.
   Appended to /assets/css/theme.css
   ============================================================ */

/* ---- FIX 1: Beat Blocksy's section width constraint ----
   Blocksy's elementor-frontend.min.css applies this rule to every
   .elementor-top-section that isn't .ct-section-stretched:
     .ct-elementor-default-template .elementor-top-section:not(.ct-section-stretched):not(.elementor-sticky) {
       width: var(--theme-block-width);
       max-width: var(--theme-normal-container-max-width);  /* 1290px */
     }
   Our mockup requires sections to span the full viewport. Override
   with the highest specificity we can manage. */

.hey-henry-show.ct-elementor-default-template .elementor-top-section,
.hey-henry-show .elementor-top-section:not(.ct-section-stretched):not(.elementor-sticky),
.hey-henry-show .elementor-section.elementor-section-boxed > .elementor-container,
.hey-henry-show .elementor-section .elementor-container,
.hey-henry-show .elementor-section-full_width > .elementor-container {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
}

/* Also neutralize the Blocksy CSS variables that drive the constraint,
   so any rule that falls back to them also gets full-width. */
.hey-henry-show {
        --theme-normal-container-max-width: none !important;
        --theme-narrow-container-max-width: none !important;
        --theme-block-width: 100% !important;
        --theme-block-max-width: none !important;
        --theme-container-width: 100% !important;
        --theme-container-width-base: 100% !important;
        --has-wide: 0 !important;
}

/* Blocksy wraps .site-main in a constrained container by default. */
.hey-henry-show #main-container,
.hey-henry-show #main,
.hey-henry-show .site-main,
.hey-henry-show .entry-content,
.hey-henry-show .content-area,
.hey-henry-show .ct-container,
.hey-henry-show .ct-container-narrow,
.hey-henry-show .ct-container-fluid {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
}

/* ---- FIX 2: Header full-width + position:fixed without transform ----
   Blocksy sometimes applies transform to fixed headers, which breaks
   position:fixed on descendant #menu (transforms create a new
   containing block for fixed descendants). Force transform:none. */

.hey-henry-show header[data-elementor-type="header"],
.hey-henry-show .elementor-location-header,
.hey-henry-show .elementor-location-header .elementor-top-section,
.hey-henry-show #hdr {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        z-index: 5000 !important;
        transform: none !important;
        perspective: none !important;
        will-change: auto !important;
}

/* The header section's inner container should respect the mockup's
   horizontal padding (22px 48px) but span full width. */
.hey-henry-show .elementor-location-header .elementor-container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
}

/* Remove the default 20px column gap Blocksy/Elementor add so the
   logo and burger button sit flush at the edges. */
.hey-henry-show .elementor-location-header .elementor-column-gap-default {
        gap: 0 !important;
        column-gap: 0 !important;
}

/* Header inner columns: don't let Blocksy add padding. */
.hey-henry-show .elementor-location-header .elementor-column > .elementor-widget-wrap {
        padding: 0 !important;
}

/* ---- FIX 3: Hide broken menu-top logo until JS replaces src ----
   The menu-top <img data-hey-henry-logo src="#"> shows a broken image
   icon until the inline script runs. Hide it visually if src is "#"
   or empty; the JS (or server-side filter) will set a real src and
   the img becomes visible. */

.hey-henry-show #menu .menu-top img[data-hey-henry-logo][src="#"],
.hey-henry-show #menu .menu-top img[data-hey-henry-logo][src=""],
.hey-henry-show #menu .menu-top img[data-hey-henry-logo]:not([src]),
.hey-henry-show footer img[data-hey-henry-logo][src="#"],
.hey-henry-show footer img[data-hey-henry-logo][src=""] {
        visibility: hidden !important;
}
/* Once a real src is set, show it. */
.hey-henry-show #menu .menu-top img[data-hey-henry-logo][src]:not([src="#"]):not([src=""]),
.hey-henry-show footer img[data-hey-henry-logo][src]:not([src="#"]):not([src=""]) {
        visibility: visible !important;
}

/* ---- FIX 4: #menu must beat every Elementor layer ----
   Elementor Theme Builder header has z-index 5000 (set above).
   Our #menu has z-index 6000 in the original CSS — keep it. */

.hey-henry-show #menu {
        z-index: 9999 !important;
        /* Re-assert position:fixed in case any ancestor created a
           containing block. */
        position: fixed !important;
        inset: 0 !important;
}

/* ---- FIX 5: Admin bar offset for the fixed header ----
   When logged in, #wpadminbar is 32px tall (desktop) / 46px (mobile).
   Push our fixed header down so it doesn't get covered. */

.admin-bar.hey-henry-show header[data-elementor-type="header"],
.admin-bar.hey-henry-show .elementor-location-header,
.admin-bar.hey-henry-show #hdr {
        top: 32px !important;
}
@media (max-width: 782px) {
        .admin-bar.hey-henry-show header[data-elementor-type="header"],
        .admin-bar.hey-henry-show .elementor-location-header,
        .admin-bar.hey-henry-show #hdr {
                top: 46px !important;
        }
}

/* ---- FIX 6: Blocksy adds spacing around .elementor widgets ----
   Elementor's default --widgets-spacing: 20px 20px adds gaps between
   widgets inside a column. Our widgets handle their own spacing. */

.hey-henry-show .elementor-widget {
        margin-bottom: 0 !important;
        --kit-widget-spacing: 0 !important;
}
.hey-henry-show .elementor-element {
        --widgets-spacing: 0 0 !important;
        --widgets-spacing-row: 0 !important;
        --widgets-spacing-column: 0 !important;
}

/* ---- FIX 7: Body padding reset ----
   Blocksy's default template sometimes adds body padding for the
   frame layout. Nuke it. */

.hey-henry-show body,
body.hey-henry-show {
        padding: 0 !important;
        margin: 0 !important;
}

/* ---- FIX 8: Elementor canvas page — no extra wrappers ----
   The full-canvas page template shouldn't have any Blocksy chrome
   (title bar, breadcrumb, etc.) that constrains content. */

.hey-henry-show.page-template-page-templatesfull-canvas-php .site-main,
.hey-henry-show.page-template-full-canvas .site-main {
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important;
        width: 100% !important;
}

/* ---- FIX 9: Elementor editor — keep header visible while editing ----
   The position:fixed header in the editor can overlap the editor
   toolbar. Push it down 50px in editor mode only. */

body.elementor-editor-active.hey-henry-show header[data-elementor-type="header"],
body.elementor-editor-active.hey-henry-show .elementor-location-header {
        top: 50px !important;
}

/* ---- FIX 10: Loader overlay should cover everything including
   the fixed header (z-index 10000 was in mockup, re-assert). ---- */

.hey-henry-show #loader {
        z-index: 100000 !important;
}
.hey-henry-show .grain {
        z-index: 99999 !important;
        pointer-events: none !important;
}
/* ============================================================
   HEY HENRY SHOW — v1.0.2 hotfix
   Header layout fixes + logo sizing + burger button right-align.
   Appended to /assets/css/theme.css
   ============================================================ */

/* ---- FIX 11: Header logo sizing ----
   The Elementor "Site Logo" widget wraps the <img> in <a class="elementor-widget-image">
   and applies its own size attribute (300px by default). The original
   mockup CSS targeted `.brand img { height: 62px }` but that selector
   doesn't match the Elementor widget output. Force the correct size. */

.hey-henry-show .elementor-location-header .elementor-widget-image img,
.hey-henry-show .elementor-location-header .elementor-widget-theme-site-logo img,
.hey-henry-show #hdr img {
        height: 62px !important;
        width: auto !important;
        max-width: none !important;
        max-height: 62px !important;
        object-fit: contain !important;
}
@media (max-width: 640px) {
        .hey-henry-show .elementor-location-header .elementor-widget-image img,
        .hey-henry-show .elementor-location-header .elementor-widget-theme-site-logo img,
        .hey-henry-show #hdr img {
                height: 48px !important;
                max-height: 48px !important;
        }
}

/* ---- FIX 12: Burger button — push to right edge of its column ----
   The right Elementor column has the burger button as its only child,
   but the column's widget-wrap aligns content left by default. We
   need the burger flush to the right edge of the viewport. */

.hey-henry-show .elementor-location-header .elementor-column:last-child .elementor-widget-wrap {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        padding: 0 !important;
}

/* Also push the burger button itself with margin-left:auto as a
   belt-and-suspenders fix in case the column wrapper isn't flex. */
.hey-henry-show .elementor-location-header .burger {
        margin-left: auto !important;
}

/* ---- FIX 13: Kill remaining column padding in header ----
   Elementor columns have implicit 10px padding. Nuke it so the
   logo sits flush left and the burger sits flush right (matching
   the original mockup's padding: 22px clamp(18px,4vw,48px) on <header>). */

.hey-henry-show .elementor-location-header .elementor-column,
.hey-henry-show .elementor-location-header .elementor-column > .elementor-element-populated,
.hey-henry-show .elementor-location-header .elementor-widget-wrap {
        padding: 0 !important;
        margin: 0 !important;
}

/* ---- FIX 14: Header section gets the mockup's padding ----
   The original <header> had padding: 22px clamp(18px,4vw,48px).
   Apply this to the Elementor section instead, so the logo and
   burger button respect the horizontal padding without the
   column-gap that Elementor adds by default. */

.hey-henry-show .elementor-location-header .elementor-top-section,
.hey-henry-show #hdr.elementor-top-section {
        padding: 22px clamp(18px, 4vw, 48px) !important;
}
@media (max-width: 640px) {
        .hey-henry-show .elementor-location-header .elementor-top-section,
        .hey-henry-show #hdr.elementor-top-section {
                padding: 18px !important;
        }
}

/* ---- FIX 15: Header scrolled state ----
   The mockup JS adds .scrolled to #hdr when scrollY > 40. The
   Elementor section also has id="hdr" so this works — but the
   inner container needs to inherit the transition. */

.hey-henry-show .elementor-location-header,
.hey-henry-show .elementor-location-header .elementor-top-section,
.hey-henry-show #hdr {
        transition: background .4s ease, padding .4s ease, border-color .4s !important;
        border-bottom: 1px solid transparent !important;
}
.hey-henry-show .elementor-location-header.scrolled,
.hey-henry-show .elementor-location-header .scrolled,
.hey-henry-show #hdr.scrolled {
        background: rgba(10, 10, 11, .82) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        border-bottom: 1px solid var(--line) !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
}

/* ---- FIX 16: Make sure the burger button's parent <a> (if any)
   doesn't add underline or color shift. ---- */

.hey-henry-show .elementor-location-header .burger,
.hey-henry-show .elementor-location-header .burger:hover {
        text-decoration: none !important;
        color: var(--ink) !important;
        background: none !important;
        border: 0 !important;
}

/* ---- FIX 17: Header logo <a> wrapper reset ----
   The Elementor Site Logo widget wraps the img in <a> which can
   inherit theme link styling. Reset it. */

.hey-henry-show .elementor-location-header .elementor-widget-image a,
.hey-henry-show .elementor-location-header .elementor-widget-theme-site-logo a {
        display: inline-flex !important;
        align-items: center !important;
        text-decoration: none !important;
        border: 0 !important;
        background: none !important;
        padding: 0 !important;
}


/* ============================================================
   HEY HENRY SHOW — About + Auction pages CSS
   Ported from about.html and auction.html mockups.
   Only rules not already in theme.css are included.
   ============================================================ */


#loader { position:fixed;inset:0;z-index:10000;background:#070708; display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px; transition:opacity .7s ease,visibility .7s ease; }

header { position:fixed;top:0;left:0;right:0;z-index:5000; display:flex;align-items:center;justify-content:space-between; padding:22px clamp(18px,4vw,48px); transition:background .4s ease,padding .4s ease,border-color .4s; border-bottom:1px solid transparent; }

.burger { display:flex;align-items:center;gap:14px;cursor:pointer;background:none;border:0;color:var(--ink) }

#menu { position:fixed;inset:0;z-index:6000;background:#070708; clip-path:circle(0% at calc(100% - 60px) 40px); transition:clip-path .8s cubic-bezier(.76,0,.24,1); display:flex;flex-direction:column; pointer-events:none; }

.hero { position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden }

section { position:relative }

.show { background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line) }

.ep-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px }

.vault { background:#070708;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:0 }

.cards-row { display:grid;grid-template-columns:repeat(4,1fr);gap:18px }

.cta { position:relative;background:var(--coral);color:#0a0a0b;overflow:hidden }

.how { background:var(--bg);border-bottom:1px solid var(--line) }

.how-wrap { max-width:var(--maxw);margin:0 auto;padding:clamp(60px,10vh,120px) clamp(18px,4vw,48px) }

.how-head { margin-bottom:clamp(34px,5vw,52px) }

.how-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,40px) }

.how-step { border-top:2px solid var(--coral);padding-top:22px }

.how-num { font-family:'Anton';font-size:1.1rem;color:var(--coral);letter-spacing:.1em }

.how-step h3 { font-family:'Anton';text-transform:uppercase;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1;margin:12px 0 12px;color:var(--ink);letter-spacing:.01em }

.how-step p { color:#cfcabf;font-size:1rem;line-height:1.55;max-width:36ch }

.how-note { margin-top:clamp(30px,4vw,48px);color:#cfcabf;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.55;max-width:62ch }

.how-note em { font-style:italic;color:#fff;font-weight:600 }

.cta-actions { display:flex;gap:16px;justify-content:center;flex-wrap:wrap }

.cta-btn { font-family:'Archivo';font-weight:700;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase; padding:15px 28px;border-radius:2px;transition:transform .25s,background .25s,color .25s,border-color .25s }

.cta-btn.solid { background:#0a0a0b;color:var(--ink) }

.cta-btn.solid:hover { transform:translateY(-2px) }

.cta-btn.ghostbtn { background:transparent;color:#0a0a0b;border:1px solid rgba(10,10,11,.4) }

.cta-btn.ghostbtn:hover { background:#0a0a0b;color:var(--ink);border-color:#0a0a0b }

footer { background:#070708;padding:clamp(40px,8vh,80px) clamp(18px,4vw,48px) 34px }

.feed { background:var(--bg);padding-top:clamp(46px,8vh,86px);padding-bottom:clamp(50px,8vh,90px) }

@media (max-width:640px) { .hero{min-height:100svh} .hero-bg{background-position:60% 14%;animation:none;transform:scale(1.02)} .hero-inner{padding-bottom:0} .eyebrow{margin-bottom:16px} .eyebrow.label{font-size:.6rem;letter-spacing:.22em} .hero h1{font-size:clamp(2.2rem,10.5vw,3.7rem)} .hero-sub{margin-top:22px;gap:0 16px;justify-content:center} .hero-sub p{font-size:.95rem} .stat{padding-right:14px;gap:2px} .stat b{font-size:1.4rem} .stat span{font-size:.55rem;letter-spacing:.13em} .scrollcue{bottom:16px} .scrollcue .ln{height:32px} .menu-body{overflow-y:auto} .menu-top{padding-top:18px;padding-bottom:18px} .feed-head{padding-bottom:30px} .feed-links{width:100%} .flink{flex:1;justify-content:center;padding:13px 12px;font-size:.68rem} .feed-track{gap:14px} .tile.yt{width:84vw;max-width:340px} .tile.ig{width:66vw;max-width:260px} .tile .meta{padding:15px} .tile .meta h4{font-size:1rem} .foot-top{flex-direction:column;align-items:flex-start;gap:22px;padding-bottom:34px} .foot-nav{gap:18px 24px} .foot-bot{gap:10px} }

@media (min-width:641px) and (max-width:880px) { .tile.yt{width:46vw} .tile.ig{width:34vw} }

.hero h1 .grow b { text-transform:none;font-size:.52em;letter-spacing:.01em;font-weight:400 }

.partners { background:#0b0b0d;border-top:1px solid var(--line);border-bottom:1px solid var(--line) }

.hero h1 .ln.grow { overflow:visible }

.about-hero { position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden }

.about-bg { position:absolute;inset:0;z-index:0;background-size:cover;background-position:center 26%;filter:grayscale(1) contrast(1.08) brightness(.82);transform:scale(1.05) }

.about-hero::before { content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,8,9,.96) 0%,rgba(8,8,9,.82) 40%,rgba(8,8,9,.42) 72%,rgba(8,8,9,.6) 100%) }

.about-hero::after { content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(120% 90% at 40% 50%,transparent 42%,rgba(0,0,0,.5) 100%) }

.about-inner { position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding:130px clamp(18px,4vw,48px) 90px }

.about-eyebrow { display:inline-flex;align-items:center;gap:12px;color:var(--coral);margin-bottom:28px;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;font-weight:700 }

.about-statement { max-width:920px;font-family:'Archivo',sans-serif;font-weight:600;font-size:clamp(1.55rem,3.9vw,3.35rem);line-height:1.24;letter-spacing:-.01em }

.about-statement .hl { color:var(--coral) }

.about-video { position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none }

.about-video iframe { position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.78vh;transform:translate(-50%,-50%);border:0;filter:grayscale(1) contrast(1.05) brightness(.82) }

.about-cta { display:inline-flex;align-items:center;gap:12px;margin-top:clamp(30px,4vw,44px);padding:15px 34px;border:1.5px solid var(--coral);color:var(--coral);font-family:'Archivo';font-weight:700;font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;border-radius:2px;transition:background .3s,color .3s,transform .3s }

.about-cta:hover { background:var(--coral);color:#0a0a0b;transform:translateY(-2px) }

.about-cta span { transition:transform .3s }

.about-cta:hover span { transform:translateX(5px) }

.hero-ctas { display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,38px);flex-wrap:wrap;margin-top:26px }

.auction { position:relative;background:#0c0c0e;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden }

.auc-card { position:relative;display:flex;justify-content:center;align-items:center;min-height:0 }

.auc-copy h2 { font-family:'Anton';text-transform:uppercase;font-size:clamp(2.2rem,5.6vw,4.6rem);line-height:.92;margin-bottom:18px }

.shop { position:relative;background:#0a0a0b;border-bottom:1px solid var(--line);overflow:hidden }

.shop-tile { position:relative;display:block;justify-self:center;width:min(100%,420px); background:transparent;transition:transform .4s cubic-bezier(.2,.7,.2,1) }

.merch-card { position:relative;display:flex;justify-content:center;align-items:center;min-height:0 }

.ahero { position:relative;min-height:92vh;min-height:92svh;display:flex;align-items:center;overflow:hidden; border-bottom:1px solid var(--line);background:radial-gradient(120% 90% at 50% -10%,#1a1413 0%,#0c0c0e 46%,#0a0a0b 100%) }

.ahero-bg { position:absolute;inset:0;z-index:0;pointer-events:none; background:radial-gradient(40% 55% at 78% 18%,rgba(242,111,101,.20),transparent 70%), radial-gradient(46% 60% at 12% 88%,rgba(210,76,65,.16),transparent 72%) }

.ahero-inner { position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;width:100%; padding:clamp(120px,18vh,200px) clamp(18px,4vw,48px) clamp(70px,10vh,120px);text-align:center; display:flex;flex-direction:column;align-items:center }

.ahero .auc-eyebrow { margin-bottom:24px }

.ahero-h1 { font-size:clamp(3.2rem,11vw,9rem);margin-bottom:22px }

.ahero-sub { max-width:56ch;color:#cfcabf;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.6;margin-bottom:clamp(40px,6vh,64px) }

.ahero-sub b { color:#fff;font-weight:700 }

.raised { display:flex;flex-direction:column;align-items:center;gap:8px; padding:clamp(26px,4vw,40px) clamp(34px,6vw,72px);border:1px solid var(--line);border-radius:18px; background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008));backdrop-filter:blur(4px) }

.raised-label { font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-weight:600 }

.raised-num { font-family:'Anton';font-size:clamp(3.4rem,11vw,7.2rem);line-height:.9;color:var(--coral);letter-spacing:.01em }

.raised-foot { font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted) }

.ahero-cue { margin-top:clamp(40px,7vh,70px);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase; font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:10px;transition:color .3s }

.ahero-cue span { color:var(--coral);animation:cuebob 1.8s ease-in-out infinite;display:inline-block }

.ahero-cue:hover { color:var(--coral) }

@keyframes cuebob { 0%,100%{transform:translateY(0)}50%{transform:translateY(5px)} }

.auc-live { display:flex;gap:14px;flex-wrap:wrap;margin:0 0 28px }

.auc-live .al { flex:1 1 0;min-width:120px;border:1px solid var(--line);border-radius:12px; padding:14px 18px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:6px }

.auc-live .al-k { font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:600 }

.auc-live .al-v { font-family:'Anton';font-size:1.5rem;color:var(--ink);line-height:1;letter-spacing:.01em }

#auc-countdown { color:var(--coral) }

.impact { background:var(--bg);border-bottom:1px solid var(--line) }

.impact-wrap { max-width:var(--maxw);margin:0 auto;padding:clamp(50px,8vh,86px) clamp(18px,4vw,48px); display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px) }

.istat { text-align:center;display:flex;flex-direction:column;gap:10px }

.istat b { font-family:'Anton';font-size:clamp(2.6rem,6vw,4.4rem);line-height:.9;color:var(--coral);font-weight:400 }

.istat span { font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600 }

.past { background:#0c0c0e;border-bottom:1px solid var(--line) }

.past-wrap { max-width:var(--maxw);margin:0 auto;padding:clamp(70px,12vh,150px) clamp(18px,4vw,48px) }

.past-head { margin-bottom:clamp(26px,4vw,38px) }

.past-sub { color:#cfcabf;font-size:1.02rem;line-height:1.55;max-width:62ch;margin-top:18px }

.ph-note { display:block;margin-top:8px;font-size:.78rem;letter-spacing:.04em;color:var(--muted) }

.pa-filters { display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(28px,4vw,42px) }

.pa-chip-btn { font-family:'Archivo';font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700; color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:2px; padding:9px 18px;cursor:pointer;transition:color .25s,border-color .25s,background .25s }

.pa-chip-btn:hover { color:var(--ink);border-color:rgba(245,242,236,.32) }

.pa-chip-btn.on { color:#0a0a0b;background:var(--coral);border-color:var(--coral) }

.pa-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px);perspective:1200px }

.pa-card { position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#121214; transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s;will-change:transform }

.pa-card:hover { border-color:rgba(242,111,101,.5) }

.pa-media { position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden }

.pa-media.g1 { background:linear-gradient(150deg,#f58529,#d62976 60%,#5851db) }

.pa-media.g2 { background:linear-gradient(150deg,#2b5876,#4e4376) }

.pa-media.g3 { background:linear-gradient(150deg,#d24c41,#7a1f1a) }

.pa-media::after { content:"";position:absolute;inset:0;background:radial-gradient(80% 80% at 50% 35%,transparent,rgba(0,0,0,.45)) }

.pa-glyph { position:relative;z-index:1;font-size:2.6rem;color:rgba(255,255,255,.85);filter:drop-shadow(0 6px 14px rgba(0,0,0,.4)) }

.pa-tag { position:absolute;top:14px;left:14px;z-index:2;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase; font-weight:700;color:#0a0a0b;background:var(--ink);padding:5px 10px;border-radius:4px }

.pa-body { padding:22px 22px 24px }

.pa-amount { font-family:'Anton';font-size:1.9rem;line-height:1;color:var(--coral);margin-bottom:10px }

.pa-name { font-size:1.02rem;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:12px }

.pa-meta { display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.78rem;color:var(--muted);margin-bottom:18px }

.pa-dot { width:4px;height:4px;border-radius:50%;background:var(--muted) }

.pa-link { display:inline-flex;align-items:baseline;gap:8px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase; font-weight:700;color:var(--ink);transition:color .25s }

.pa-link .arr { transition:transform .3s }

.pa-link:hover { color:var(--coral) }

.pa-link:hover .arr { transform:translateX(5px) }

.road { background:#0c0c0e;border-bottom:1px solid var(--line) }

.road-wrap { max-width:var(--maxw);margin:0 auto;padding:clamp(60px,10vh,120px) clamp(18px,4vw,48px) }

.road-head { margin-bottom:clamp(34px,5vw,58px);max-width:780px }

.road-head .auc-eyebrow { margin-bottom:16px }

.road-intro { color:#cfcabf;font-size:1.02rem;line-height:1.55;margin-top:16px;max-width:62ch }

.road-grid { display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(28px,5vw,72px);align-items:start }

.road-track { position:sticky;top:96px;align-self:start;border:1px solid var(--line);border-radius:18px; padding:clamp(24px,3vw,34px);background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.008)) }

.rt-label { font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-weight:600 }

.rt-num { font-family:'Anton';font-size:clamp(2.8rem,6vw,4.8rem);line-height:.9;color:var(--coral);letter-spacing:.01em;margin:10px 0 4px }

.rt-goal { font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted) }

.rt-bar { position:relative;height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:22px 0 12px }

.rt-fill { position:absolute;left:0;top:0;height:100%;width:0;border-radius:999px; background:linear-gradient(90deg,var(--coral-deep),var(--coral));box-shadow:0 0 16px rgba(242,111,101,.55) }

.rt-pct { font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#cfcabf;font-weight:600 }

.rt-pct span { color:var(--coral) }

.road-line { position:relative;padding-left:46px }

.spine { position:absolute;left:13px;top:6px;bottom:6px;width:2px;background:rgba(245,242,236,.14) }

.spine-fill { position:absolute;left:13px;top:6px;width:2px;height:0; background:linear-gradient(180deg,var(--coral),var(--coral-deep));box-shadow:0 0 12px rgba(242,111,101,.6);transition:height .25s ease-out }

.ms-list { list-style:none;display:flex;flex-direction:column;gap:clamp(24px,4vw,44px) }

.ms { position:relative }

.ms-node { position:absolute;left:-39px;top:4px;width:14px;height:14px;border-radius:50%;background:#0c0c0e; border:2px solid rgba(245,242,236,.3);transition:border-color .35s,background .35s,box-shadow .35s;z-index:1 }

.ms.active .ms-node { border-color:var(--coral);background:var(--coral);box-shadow:0 0 0 5px rgba(242,111,101,.18) }

.ms-card { border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:#121214; transition:border-color .35s,transform .35s }

.ms.active .ms-card { border-color:rgba(242,111,101,.4);transform:translateX(4px) }

.ms-top { display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:8px }

.ms-date { font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600 }

.ms-amt { font-family:'Anton';font-size:1.35rem;color:var(--coral);letter-spacing:.01em }

.ms-name { font-size:1.06rem;font-weight:700;color:var(--ink);line-height:1.3 }

.ms-charity { font-size:.92rem;color:#cfcabf;margin-top:4px }

.ms-run { font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:14px }

.ms-run b { color:var(--ink);font-weight:700 }

.road-final { margin-top:clamp(36px,5vw,60px);display:flex;flex-direction:column;gap:5px;align-items:flex-start; border-top:1px solid var(--line);padding-top:26px }

.rf-k { font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-weight:600 }

.rf-v { font-family:'Anton';font-size:clamp(2rem,4vw,3.2rem);color:var(--ink);line-height:.9 }

.rf-note { font-size:.78rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase }

.ms-row { display:flex;gap:clamp(16px,2vw,26px);align-items:center;border:1px solid var(--line);border-radius:14px; padding:18px 20px;background:#121214;transition:border-color .35s,transform .35s;perspective:900px }

.ms.active .ms-row { border-color:rgba(242,111,101,.4);transform:translateX(4px) }

.ms-info { flex:1;min-width:0 }

.ms.active .slab { transform:translateY(-4px);box-shadow:0 16px 36px rgba(242,111,101,.28),0 10px 22px rgba(0,0,0,.5) }

.slab-top { display:none }

.slab-set { font-size:.42rem;letter-spacing:.05em;font-weight:700;color:#222;text-transform:uppercase; white-space:nowrap;overflow:hidden;text-overflow:ellipsis }

.slab-grade { font-size:.46rem;font-weight:800;color:#b00018;letter-spacing:.02em;white-space:nowrap; border:1px solid #b00018;border-radius:3px;padding:1px 4px }

.slab-window { position:relative;aspect-ratio:2.5/3.5;border-radius:5px;overflow:hidden; display:flex;align-items:flex-end;justify-content:center }

.sport-basketball .slab-window { background:linear-gradient(160deg,#e0641a,#7a1f10) }

.sport-baseball .slab-window { background:linear-gradient(160deg,#1f4e79,#0c2236) }

.sport-football .slab-window { background:linear-gradient(160deg,#2f7d44,#10301a) }

.slab-window::before { content:"";position:absolute;inset:0;opacity:.16;mix-blend-mode:overlay; background:repeating-linear-gradient(115deg,#f00 0 8px,#ff0 8px 16px,#0f0 16px 24px,#0ff 24px 32px,#00f 32px 40px,#f0f 40px 48px) }

.slab-player { position:relative;z-index:2;font-family:'Anton';color:rgba(255,255,255,.94); font-size:clamp(.72rem,1.5vw,1rem);letter-spacing:.02em;text-transform:uppercase;text-align:center; padding:0 4px 9px;line-height:.92;text-shadow:0 2px 8px rgba(0,0,0,.55) }

.slab-rc { position:absolute;top:7px;left:7px;z-index:3;font-family:'Anton';font-size:.5rem;letter-spacing:.04em; color:#0a0a0b;background:var(--coral);padding:2px 5px;border-radius:3px }

.slab-holo { position:absolute;inset:0;z-index:1;mix-blend-mode:color-dodge;opacity:0; background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.6) 44%,rgba(120,200,255,.55) 50%,rgba(255,120,200,.55) 56%,transparent 70%); background-size:250% 250%;background-position:50% 50% }

.ms.active .slab-holo { animation:holoSweep 3s ease-in-out infinite }

.slab.hovering .slab-holo { animation:none }

@keyframes holoSweep { 0%{background-position:18% 50%;opacity:.16}50%{background-position:82% 50%;opacity:.5}100%{background-position:18% 50%;opacity:.16} }

.slab-glare { position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .3s; background:radial-gradient(140px 140px at var(--gx,50%) var(--gy,25%),rgba(255,255,255,.45),transparent 60%) }

.slab:hover .slab-glare { opacity:1 }

@media(max-width:420px) { .slab{width:86px} }

.cardface { position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0 }

.ms:nth-child(odd) .ms-row { transform:translate(-34px,42px) rotateY(9deg) scale(.95) }

.ms:nth-child(even) .ms-row { transform:translate(34px,42px) rotateY(-9deg) scale(.95) }

.ms.in-view .ms-row { opacity:1;transform:none }

.ms.in-view.active .ms-row { transform:translateX(4px) }

.ms.in-view .slab { opacity:1;transform:none }

.ms.in-view.active .slab { transform:translateY(-4px) }

.road-video { position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none }

.road-video iframe { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;aspect-ratio:9/16;min-width:100%;border:0;opacity:.8;pointer-events:none }

.road-video::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,11,.44),rgba(10,10,11,.4)) }

.rt-cta { display:flex;flex-direction:column;gap:10px;margin-top:20px }

.rt-btn { display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden; font-family:'Archivo';font-weight:700;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase; padding:14px 18px;border-radius:2px;white-space:nowrap; transition:transform .25s,background .25s,color .25s,border-color .25s,box-shadow .25s }

.rt-btn .arr { transition:transform .3s }

.rt-btn:hover .arr { transform:translateX(4px) }

.rt-btn.bid { background:var(--coral);color:#0a0a0b;box-shadow:0 6px 20px rgba(242,111,101,.32) }

.rt-btn.bid:hover { transform:translateY(-2px);box-shadow:0 10px 28px rgba(242,111,101,.5) }

.rt-btn.bid::after { content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;pointer-events:none; background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg); animation:btnShine 3.6s ease-in-out infinite }

@keyframes btnShine { 0%{left:-65%}24%{left:135%}100%{left:135%} }

.rt-btn.match { background:transparent;color:var(--ink);border:1px solid var(--line) }

.rt-btn.match:hover { border-color:var(--coral);color:var(--coral) }

.ms-link { display:inline-flex;align-items:baseline;gap:7px;margin-top:14px;font-size:.7rem;letter-spacing:.16em; text-transform:uppercase;font-weight:700;color:var(--ink);transition:color .25s }

.ms-link .arr { transition:transform .3s }

.ms-link:hover { color:var(--coral) }

.ms-link:hover .arr { transform:translateX(4px) }

.ms-link.strong { color:var(--coral) }

.ms-link.strong:hover { color:#fff }

.ms-current .ms-row { border-color:rgba(242,111,101,.55); box-shadow:0 0 0 1px rgba(242,111,101,.22),0 20px 46px rgba(242,111,101,.16); background:linear-gradient(180deg,rgba(242,111,101,.08),#121214) }

.ms-current .slab { box-shadow:0 0 0 2px var(--coral),0 14px 32px rgba(242,111,101,.34) }

.ms-live { display:inline-flex;align-items:center;gap:8px;font-size:.66rem;letter-spacing:.2em; text-transform:uppercase;font-weight:700;color:var(--coral) }

.ms-live .dot { width:8px;height:8px;border-radius:50%;background:var(--coral);animation:livePulse 1.8s ease-out infinite }

@keyframes livePulse { 0%{box-shadow:0 0 0 0 rgba(242,111,101,.55)}70%{box-shadow:0 0 0 9px rgba(242,111,101,0)}100%{box-shadow:0 0 0 0 rgba(242,111,101,0)} }

.ms-amt.live { font-family:'Archivo';font-size:.62rem;font-weight:800;letter-spacing:.16em;color:#0a0a0b; background:var(--coral);padding:4px 10px;border-radius:5px;align-self:center }

.ms-current .ms-node { border-color:var(--coral);background:var(--coral); box-shadow:0 0 0 5px rgba(242,111,101,.18);animation:livePulse 1.8s ease-out infinite }
/* ============================================================
   HEY HENRY SHOW — v1.0.3 hotfix
   Fixes for:
   1. Menu overlay only works from top of page (backdrop-filter trap)
   2. Site not truly full-width (remaining container padding)
   3. Text rendered blue instead of white (Blocksy color variable override)
   4. Auction page cardface missing background image
   Appended to /assets/css/theme.css
   ============================================================ */

/* ---- FIX 18: #menu z-index bump (now that it's relocated to body) ----
   The menu.js now moves #menu to be a direct child of <body>. This
   ensures no ancestor's backdrop-filter/transform can trap it. Bump
   z-index above everything. */

.hey-henry-show #menu,
#menu {
        z-index: 1000000 !important;
}

/* ---- FIX 19: Override ALL Blocksy color variables ----
   Blocksy sets --theme-text-color to #3A4F66 (blue-gray) and
   --theme-link-initial-color to #192a3d (dark blue). These cascade
   to ALL text and links via `a { color: var(--theme-link-initial-color) }`
   and heading/paragraph rules. Override them all at the body level. */

.hey-henry-show,
body.hey-henry-show {
        --theme-text-color: #f5f2ec !important;
        --theme-heading-color: #f5f2ec !important;
        --theme-link-initial-color: #f5f2ec !important;
        --theme-link-hover-color: #f26f65 !important;
        --theme-palette-color-1: #f26f65 !important;
        --theme-palette-color-2: #d24c41 !important;
        --theme-palette-color-3: #f5f2ec !important;
        --theme-palette-color-4: #f5f2ec !important;
        --theme-palette-color-5: #16161a !important;
        --theme-palette-color-6: #121214 !important;
        --theme-palette-color-7: #0a0a0b !important;
        --theme-palette-color-8: #f5f2ec !important;
        --theme-block-text-color: #f5f2ec !important;
        --theme-button-text-initial-color: #0a0a0b !important;
        --theme-button-text-hover-color: #0a0a0b !important;
        --theme-button-background-initial-color: #f26f65 !important;
        --theme-button-background-hover-color: #d24c41 !important;
}

/* Also override on the root :root so any non-body-scoped rules
   that fall back to these variables get the right values. */
:root {
        --theme-text-color: #f5f2ec;
        --theme-heading-color: #f5f2ec;
        --theme-link-initial-color: #f5f2ec;
        --theme-link-hover-color: #f26f65;
}

/* Explicit color overrides for all text elements — beat Blocksy's
   heading/paragraph/link color rules with !important. */

.hey-henry-show,
.hey-henry-show body,
body.hey-henry-show {
        color: #f5f2ec !important;
}

.hey-henry-show h1,
.hey-henry-show h2,
.hey-henry-show h3,
.hey-henry-show h4,
.hey-henry-show h5,
.hey-henry-show h6,
.hey-henry-show p,
.hey-henry-show span,
.hey-henry-show b,
.hey-henry-show strong,
.hey-henry-show em,
.hey-henry-show li,
.hey-henry-show td,
.hey-henry-show th,
.hey-henry-show label,
.hey-henry-show blockquote {
        color: #f5f2ec !important;
}

.hey-henry-show a,
.hey-henry-show a:link,
.hey-henry-show a:visited {
        color: inherit !important;
}

.hey-henry-show a:hover,
.hey-henry-show a:focus {
        color: #f26f65 !important;
}

/* Muted text elements that should be gray, not blue */
.hey-henry-show .muted,
.hey-henry-show .label,
.hey-henry-show .sub,
.hey-henry-show .stat span,
.hey-henry-show .dur,
.hey-henry-show .dot2,
.hey-henry-show .ms-date,
.hey-henry-show .ms-charity,
.hey-henry-show .rt-goal,
.hey-henry-show .rt-pct,
.hey-henry-show .rf-k,
.hey-henry-show .rf-note,
.hey-henry-show .istat span,
.hey-henry-show .how-num,
.hey-henry-show .partners-label,
.hey-henry-show .row-label,
.hey-henry-show .auc-eyebrow,
.hey-henry-show .about-eyebrow,
.hey-henry-show .mp-eyebrow,
.hey-henry-show .mp-note,
.hey-henry-show .ld-txt,
.hey-henry-show .scrollcue span,
.hey-henry-show .foot-nav a,
.hey-henry-show .foot-bot p,
.hey-henry-show .foot-bot a,
.hey-henry-show .socials a,
.hey-henry-show .menu-foot .tag,
.hey-henry-show .menu-intro,
.hey-henry-show .slab-set,
.hey-henry-show .slab-grade,
.hey-henry-show .ms-link,
.hey-henry-show .auc-partner-k {
        color: #8e8980 !important;
}

/* Coral accent text — headings, highlights, CTAs */
.hey-henry-show .hl,
.hey-henry-show .coral,
.hey-henry-show .auc-eyebrow,
.hey-henry-show .about-eyebrow,
.hey-henry-show .mp-eyebrow,
.hey-henry-show .sec-head .label,
.hey-henry-show .feed-head .label,
.hey-henry-show .row-label .hl,
.hey-henry-show .ep .info .label,
.hey-henry-show .auc-title .hl,
.hey-henry-show .shop-title .hl,
.hey-henry-show .partner-cta,
.hey-henry-show .bid-link,
.hey-henry-show .ms-live,
.hey-henry-show .ms-amt.live,
.hey-henry-show .rt-label,
.hey-henry-show .ahero-cue,
.hey-henry-show .how-num,
.hey-henry-show .cta-btn.solid,
.hey-henry-show .bid-link .arr,
.hey-henry-show .cta-btn .arr {
        color: #f26f65 !important;
}

/* White text on coral backgrounds */
.hey-henry-show .cta,
.hey-henry-show .cta h2,
.hey-henry-show .cta p,
.hey-henry-show .cta-btn.solid,
.hey-henry-show .hero h1 .ln:nth-child(2) b,
.hey-henry-show .ahero-h1 .hl {
        color: #0a0a0b !important;
}

/* The hero's second line "…and growing" should be coral */
.hey-henry-show .hero h1 .ln.grow b {
        color: #f26f65 !important;
}

/* The hero's first line "30+ Million Views" should be white */
.hey-henry-show .hero h1 .ln:nth-child(1) b,
.hey-henry-show .hero h1 .ln:first-child b {
        color: #f5f2ec !important;
}

/* Auction hero "$1,000,000." should be coral */
.hey-henry-show .ahero-h1 .hl {
        color: #f26f65 !important;
}

/* ---- FIX 20: Kill ALL remaining Elementor/Blocksy container padding ----
   The user reports the hero-bg is "cropped with padding all around".
   This is because Elementor adds padding to .elementor-widget-container
   and .elementor-widget-wrap, and Blocksy adds padding to .site-main
   and .entry-content. Kill all of it. */

.hey-henry-show .elementor-widget-container,
.hey-henry-show .elementor-widget-wrap,
.hey-henry-show .elementor-widget,
.hey-henry-show .elementor-column,
.hey-henry-show .elementor-column > .elementor-element-populated,
.hey-henry-show .elementor-row,
.hey-henry-show .elementor-container {
        padding: 0 !important;
        margin: 0 !important;
        max-width: none !important;
        width: 100% !important;
}

/* The .elementor element itself (the page wrapper) */
.hey-henry-show .elementor,
.hey-henry-show .elementor-294,
.hey-henry-show [data-elementor-type="wp-page"] {
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
}

/* Blocksy's main content wrapper */
.hey-henry-show .ct-container,
.hey-henry-show .ct-container-narrow,
.hey-henry-show .ct-container-fluid,
.hey-henry-show .ct-elementor-default-template .elementor,
.hey-henry-show .ct-elementor-default-template .elementor-section,
.hey-henry-show .ct-elementor-default-template .elementor-top-section {
        max-width: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
}

/* Kill the column-gap that Elementor adds between columns */
.hey-henry-show .elementor-column-gap-default,
.hey-henry-show .elementor-column-gap-narrow,
.hey-henry-show .elementor-column-gap-extended,
.hey-henry-show .elementor-column-gap-wide,
.hey-henry-show .elementor-column-gap-wider {
        gap: 0 !important;
        column-gap: 0 !important;
        row-gap: 0 !important;
}

/* ---- FIX 21: Ensure hero-bg and all section backgrounds span full width ---- */

.hey-henry-show .hero,
.hey-henry-show .hero-bg,
.hey-henry-show .ahero,
.hey-henry-show .ahero-bg,
.hey-henry-show .about-hero,
.hey-henry-show .about-bg,
.hey-henry-show .partners,
.hey-henry-show .auction,
.hey-henry-show .road,
.hey-henry-show .feed,
.hey-henry-show .shop,
.hey-henry-show .contact,
.hey-henry-show .how,
.hey-henry-show .impact,
.hey-henry-show .cta,
.hey-henry-show footer {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        overflow-x: clip !important;
}

/* The inner .wrap / .auction-wrap / .shop-wrap / .road-wrap etc.
   should still respect the mockup's max-width: 1340px centering. */
.hey-henry-show .wrap,
.hey-henry-show .auction-wrap,
.hey-henry-show .shop-wrap,
.hey-henry-show .road-wrap,
.hey-henry-show .how-wrap,
.hey-henry-show .impact-wrap,
.hey-henry-show .contact-wrap,
.hey-henry-show .feed-head,
.hey-henry-show .partners-wrap,
.hey-henry-show .hero-inner,
.hey-henry-show .ahero-inner,
.hey-henry-show .about-inner,
.hey-henry-show .foot-top,
.hey-henry-show .foot-bot {
        max-width: 1340px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: clamp(18px, 4vw, 48px) !important;
        padding-right: clamp(18px, 4vw, 48px) !important;
        width: 100% !important;
}

/* ---- FIX 22: Remove the 100vw negative margin from sections that
   are ALREADY full-width (the hero/ahero/about-hero are full-bleed
   backgrounds, not centered content). Reset their inner containers
   to not use the negative margin trick. ---- */

.hey-henry-show .hero-bg,
.hey-henry-show .ahero-bg,
.hey-henry-show .about-bg {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
}

/* ---- FIX 23: Auction page graded slab cards ----
   The mockup uses sport-specific classes (.sport-basketball, .sport-baseball,
   .sport-football) on the .ms <li> elements to give each slab a different
   gradient background. Our Road Journey widget doesn't add sport classes,
   so all slabs get the fallback dark background (#0d0d0f).
   
   Fix: give each slab a colorful gradient based on its nth-child position,
   restore the holo shimmer pattern, and show the slab-top (set name + grade)
   so the cards look like real graded card slabs. ---- */

/* Default slab-window: basketball orange (most common in the mockup) */
.hey-henry-show .slab-window {
        background: linear-gradient(160deg, #e0641a, #7a1f10) !important;
}

/* Vary the gradient by milestone position for visual variety */
.hey-henry-show .ms:nth-child(3n+1) .slab-window {
        background: linear-gradient(160deg, #e0641a, #7a1f10) !important; /* basketball orange */
}
.hey-henry-show .ms:nth-child(3n+2) .slab-window {
        background: linear-gradient(160deg, #1f4e79, #0c2236) !important; /* baseball blue */
}
.hey-henry-show .ms:nth-child(3n+3) .slab-window {
        background: linear-gradient(160deg, #2f7d44, #10301a) !important; /* football green */
}

/* Restore the holo shimmer pattern overlay */
.hey-henry-show .slab-window::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        opacity: 0.16 !important;
        mix-blend-mode: overlay !important;
        background: repeating-linear-gradient(115deg, #f00 0 8px, #ff0 8px 16px, #0f0 16px 24px, #0ff 24px 32px, #00f 32px 40px, #f0f 40px 48px) !important;
}

/* The cardface should be transparent so the slab-window gradient shows through */
.hey-henry-show .cardface {
        background: transparent !important;
}

/* Show the slab-top (set name + grade) — the mockup hides it but we want
   the user to see what card it is */
.hey-henry-show .slab-top {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 6px 8px !important;
        font-size: 0.55rem !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        font-weight: 700 !important;
        color: rgba(245, 242, 236, 0.9) !important;
        background: rgba(0, 0, 0, 0.4) !important;
}

.hey-henry-show .slab-set {
        color: rgba(245, 242, 236, 0.9) !important;
}

.hey-henry-show .slab-grade {
        color: #f26f65 !important;
}

/* Slab RC badge */
.hey-henry-show .slab-rc {
        color: #f26f65 !important;
        font-weight: 700 !important;
}

/* Ensure the slab has the right size and 3D perspective */
.hey-henry-show .slab {
        perspective: 600px !important;
        transform-style: preserve-3d !important;
}

/* The holo overlay should be visible and animated */
.hey-henry-show .slab-holo {
        display: block !important;
        opacity: 0.3 !important;
}

/* The glare effect on hover */
.hey-henry-show .slab-glare {
        display: block !important;
}

/* ---- FIX 24: Auction page heading text transparency fix ----
   The ahero-h1 .hl span needs explicit coral color, and the
   ahero-sub needs explicit white. Already covered by Fix 19
   above, but add extra specificity for the auction page. ---- */

.hey-henry-show .ahero-h1 {
        color: #f5f2ec !important;
}
.hey-henry-show .ahero-h1 .hl {
        color: #f26f65 !important;
        -webkit-text-fill-color: #f26f65 !important;
}
.hey-henry-show .ahero-sub {
        color: #d8d3cb !important;
}
.hey-henry-show .ahero-sub b {
        color: #f5f2ec !important;
}

/* Road section heading */
.hey-henry-show .road-head .auc-title {
        color: #f5f2ec !important;
}
.hey-henry-show .road-head .auc-title .hl {
        color: #f26f65 !important;
        -webkit-text-fill-color: #f26f65 !important;
}

/* Menu nav links — preserve the transparent stroke effect */
.hey-henry-show .menu-nav a {
        color: transparent !important;
        -webkit-text-stroke: 1.4px rgba(245, 242, 236, 0.85) !important;
}
.hey-henry-show .menu-nav a:hover {
        color: #f26f65 !important;
        -webkit-text-stroke-color: #f26f65 !important;
}
.hey-henry-show .menu-nav a .num {
        color: #f26f65 !important;
        -webkit-text-stroke: 0 !important;
}
.hey-henry-show .menu-nav a.menu-auction {
        color: #f26f65 !important;
        -webkit-text-stroke: 0 !important;
}

/* Ticker text — preserve transparent stroke */
.hey-henry-show .ticker span {
        color: transparent !important;
        -webkit-text-stroke: 1px rgba(245, 242, 236, 0.28) !important;
}
.hey-henry-show .ticker span em {
        color: #f26f65 !important;
        -webkit-text-stroke: 0 !important;
}

/* Ghost text in CTA */
.hey-henry-show .cta .ghost {
        color: rgba(10, 10, 11, 0.06) !important;
}

/* ---- FIX 25: Remove Blocksy's default heading font + size overrides ----
   Blocksy sets heading font-family and font-size via CSS variables.
   Override so our mockup's .display class (Anton) wins. ---- */

.hey-henry-show h1, .hey-henry-show h2, .hey-henry-show h3,
.hey-henry-show h4, .hey-henry-show h5, .hey-henry-show h6 {
        font-family: inherit !important;
        --theme-heading-color: #f5f2ec !important;
}

/* ---- FIX 26: Blocksy adds a "frame" around the site on some layouts ----
   Check for --theme-frame-size and kill it. ---- */

.hey-henry-show {
        --theme-frame-size: 0px !important;
}

/* ---- FIX 27: Ensure the body has no max-width (Blocksy sometimes
   constrains body to --theme-container-width on narrow layouts) ---- */

.hey-henry-show body,
body.hey-henry-show {
        max-width: none !important;
        width: 100% !important;
        overflow-x: hidden !important;
}

/* ---- FIX 28: The .elementor-location-header should NOT get the
   100vw treatment (it's already position:fixed and spans full width) ---- */

.hey-henry-show .elementor-location-header,
.hey-henry-show .elementor-location-header .elementor-top-section,
.hey-henry-show .elementor-location-header .elementor-container,
.hey-henry-show .elementor-location-header .elementor-column,
.hey-henry-show .elementor-location-header .elementor-widget-wrap,
.hey-henry-show .elementor-location-header .elementor-widget,
.hey-henry-show .elementor-location-header .elementor-widget-container {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
}
/* ============================================================
   HEY HENRY SHOW — v1.0.4 hotfix
   Fixes for:
   1. Display headings rendering as Archivo instead of Anton
      (Blocksy's `body,h1,h2,...{font:inherit}` reset overrides
      our font-family:'Anton' because Blocksy loads AFTER our CSS)
   2. Footer logo not editable via Elementor (fixed via new footer.json)
   3. Road Journey card backgrounds not editable (fixed via widget update)
   ============================================================ */

/* ---- FIX 29: Force Anton font on ALL display headings ----
   Blocksy's reset rule `body,h1,h2,h3,h4,h5,h6,...{font:inherit}`
   loads AFTER our theme.css and overrides every font-family declaration.
   The fix: add !important to all Anton font-family rules. ---- */

.hey-henry-show .display,
.hey-henry-show .auc-title,
.hey-henry-show .ahero-h1,
.hey-henry-show .shop-title,
.hey-henry-show .sec-head h2,
.hey-henry-show .hero h1,
.hey-henry-show .hero h1 b,
.hey-henry-show .hero h1 .ln b,
.hey-henry-show .contact-head h2,
.hey-henry-show .feed-head h2,
.hey-henry-show .mp-title,
.hey-henry-show .rt-num,
.hey-henry-show .rf-v,
.hey-henry-show .istat b,
.hey-henry-show .how-num,
.hey-henry-show .cta h2,
.hey-henry-show .about-statement,
.hey-henry-show .show-copy h3,
.hey-henry-show .ep .info h4,
.hey-henry-show .tile .meta h4,
.hey-henry-show .ms-name,
.hey-henry-show .auc-title,
.hey-henry-show .vault .ticker span,
.hey-henry-show .cards-row .slab .center .hh,
.hey-henry-show .ep .thumb .epnum,
.hey-henry-show .figframe .badge,
.hey-henry-show .slab .grade,
.hey-henry-show .bid-link,
.hey-henry-show .cta-btn,
.hey-henry-show .btn,
.hey-henry-show .submit-btn,
.hey-henry-show .mp-submit,
.hey-henry-show .partner-cta,
.hey-henry-show .flink,
.hey-henry-show .ahero-cue,
.hey-henry-show .rt-btn,
.hey-henry-show .ms-link,
.hey-henry-show .ogp-link,
.hey-henry-show .ld-txt {
	font-family: 'Anton', sans-serif !important;
	font-weight: 400 !important;
}

/* Permanent Marker / Sedgwick Ave Display for the "…and growing" hero line */
.hey-henry-show .hero h1 .ln.grow b,
.hey-henry-show .hero h1 .ln:nth-child(2) b {
	font-family: 'Sedgwick Ave Display', 'sedgwick-ave-display', 'Permanent Marker', cursive !important;
}

/* Body text stays Archivo */
.hey-henry-show body,
.hey-henry-show p,
.hey-henry-show .road-intro,
.hey-henry-show .ahero-sub,
.hey-henry-show .auc-copy p,
.hey-henry-show .shop-copy p,
.hey-henry-show .mp-intro,
.hey-henry-show .mp-note,
.hey-henry-show .how-step p,
.hey-henry-show .how-note,
.hey-henry-show .cta p,
.hey-henry-show .contact-head p,
.hey-henry-show .sec-head p {
	font-family: 'Archivo', sans-serif !important;
}

/* Labels / eyebrows stay Archivo (uppercase, letter-spaced) */
.hey-henry-show .label,
.hey-henry-show .auc-eyebrow,
.hey-henry-show .about-eyebrow,
.hey-henry-show .mp-eyebrow,
.hey-henry-show .partners-label,
.hey-henry-show .row-label,
.hey-henry-show .rt-label,
.hey-henry-show .rf-k,
.hey-henry-show .rf-note,
.hey-henry-show .istat span,
.hey-henry-show .how-step h3,
.hey-henry-show .ms-charity,
.hey-henry-show .ms-date,
.hey-henry-show .ms-top,
.hey-henry-show .slab-set,
.hey-henry-show .slab-grade,
.hey-henry-show .menu-intro,
.hey-henry-show .burger .txt,
.hey-henry-show .close,
.hey-henry-show .socials a,
.hey-henry-show .foot-nav a,
.hey-henry-show .foot-bot p,
.hey-henry-show .foot-bot a,
.hey-henry-show .menu-foot .tag,
.hey-henry-show .stat span,
.hey-henry-show .scrollcue span,
.hey-henry-show .tile .meta .sub,
.hey-henry-show .tile .meta .src,
.hey-henry-show .ep .info .label,
.hey-henry-show .ep .info .dur,
.hey-henry-show .auc-partner-k,
.hey-henry-show .rt-goal,
.hey-henry-show .rt-pct,
.hey-henry-show .al-k,
.hey-henry-show .match-note,
.hey-henry-show .ph-note {
	font-family: 'Archivo', sans-serif !important;
}

/* ---- FIX 30: Footer logo sizing (same as header) ----
   The footer template now uses the Elementor Site Logo widget
   (rebuilt in v1.0.4). Force the logo to 44px height to match
   the mockup, regardless of the widget's size setting. ---- */

.hey-henry-show footer .elementor-widget-image img,
.hey-henry-show footer .elementor-widget-theme-site-logo img,
.hey-henry-show .elementor-location-footer img {
	height: 44px !important;
	width: auto !important;
	max-width: none !important;
	max-height: 44px !important;
	object-fit: contain !important;
}
@media (max-width: 640px) {
	.hey-henry-show footer .elementor-widget-image img,
	.hey-henry-show footer .elementor-widget-theme-site-logo img,
	.hey-henry-show .elementor-location-footer img {
		height: 36px !important;
		max-height: 36px !important;
	}
}

/* Footer layout: match the mockup's flex layout */
.hey-henry-show .elementor-location-footer .elementor-top-section,
.hey-henry-show footer .elementor-top-section {
	padding: clamp(40px, 8vh, 80px) clamp(18px, 4vw, 48px) 34px !important;
	background: #070708 !important;
}

.hey-henry-show .elementor-location-footer .elementor-container,
.hey-henry-show footer .elementor-container {
	width: 100% !important;
	max-width: 1340px !important;
	margin: 0 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 30px !important;
}

/* Footer columns: logo on left, nav on right */
.hey-henry-show .elementor-location-footer .elementor-column,
.hey-henry-show footer .elementor-column {
	flex: 0 0 auto !important;
	width: auto !important;
}

.hey-henry-show .elementor-location-footer .elementor-column:last-child,
.hey-henry-show footer .elementor-column:last-child {
	text-align: right !important;
}

.hey-henry-show .elementor-location-footer .elementor-widget-wrap,
.hey-henry-show footer .elementor-widget-wrap {
	justify-content: flex-end !important;
}

/* Footer nav links styling */
.hey-henry-show footer .foot-nav a,
.hey-henry-show .elementor-location-footer .foot-nav a {
	font-size: .74rem !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	color: #8e8980 !important;
	transition: color .25s !important;
	display: inline-block !important;
	margin-left: 30px !important;
}
.hey-henry-show footer .foot-nav a:first-child,
.hey-henry-show .elementor-location-footer .foot-nav a:first-child {
	margin-left: 0 !important;
}
.hey-henry-show footer .foot-nav a:hover,
.hey-henry-show .elementor-location-footer .foot-nav a:hover {
	color: #f26f65 !important;
}

/* ---- FIX 31: Road Journey card backgrounds ----
   The Road Journey widget now supports a card_image field per milestone.
   When set, it's applied as a background-image on .cardface.
   When not set, the slab-window gradient shows through (from FIX 23). ---- */

.hey-henry-show .cardface[style*="background-image"] {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

/* ---- FIX 32: Ensure the .display class always uses Anton ----
   The .display class is used on hero h1, ahero-h1, etc. Blocksy's
   font:inherit reset was overriding it. Force with !important + high
   specificity. ---- */

.hey-henry-show h1.display,
.hey-henry-show h2.display,
.hey-henry-show .display,
.hey-henry-show h1.display b,
.hey-henry-show h2.display b,
.hey-henry-show .display b {
	font-family: 'Anton', sans-serif !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: .01em !important;
	line-height: .92 !important;
}