:root{
    --paper:#efe7d6; --paper-2:#e7dcc6; --ink:#181410;
    --red:#e2241a; --red-d:#b81a12; --pink:#f26fae; --muted:#6d6558;
    --nav-h:62px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{
    background:var(--paper); color:var(--ink);
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    -webkit-font-smoothing:antialiased; overflow-x:hidden;
  }
  body::before{
    content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
    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='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
    opacity:.05; mix-blend-mode:multiply;
  }
  a{color:inherit; text-decoration:none}

  /* ---------- SCROLL PROGRESS ---------- */
  #progress{position:fixed; top:0; left:0; height:3px; width:0; background:var(--red); z-index:60; transition:width .08s linear}

  /* ---------- NAV (solid dark, always) ---------- */
  header{
    position:sticky; top:0; z-index:50; height:var(--nav-h);
    display:flex; align-items:center; gap:18px;
    padding:0 clamp(14px,4vw,40px);
    background:rgba(15,13,11,.96); backdrop-filter:blur(10px) saturate(1.1);
    border-bottom:1px solid rgba(255,255,255,.08);
    transition:box-shadow .35s ease;
  }
  .brand{font-family:'Anton',sans-serif; font-size:22px; letter-spacing:.5px; text-transform:uppercase; white-space:nowrap; flex:0 0 auto; color:#fff}
  .brand b{color:var(--red); font-weight:400}
  nav{flex:1 1 auto; display:flex; gap:0; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; margin-left:clamp(10px,3vw,28px)}
  nav::-webkit-scrollbar{display:none}
  nav a{
    position:relative; font-size:12.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase;
    color:rgba(255,255,255,.78); padding:8px 16px; white-space:nowrap; transition:color .15s;
  }
  /* hairline dividers between items (Eraf-style) */
  nav a:not(:first-child)::before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:15px; background:rgba(255,255,255,.16)}
  nav a::after{content:""; position:absolute; left:16px; right:16px; bottom:4px; height:2px; background:var(--red); transform:scaleX(0); transform-origin:left; transition:transform .22s}
  nav a:hover{color:#fff}
  nav a:hover::after, nav a.active::after{transform:scaleX(1)}
  nav a.active{color:#fff}
  /* set-apart Instagram link on the right */
  .ig{flex:0 0 auto; position:relative; display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:rgba(255,255,255,.78); padding:0 clamp(14px,2.4vw,26px) 0 clamp(16px,2.6vw,28px); transition:color .15s}
  .ig::before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:22px; background:rgba(255,255,255,.16)}
  .ig svg{width:17px; height:17px}
  .ig:hover{color:#fff}
  header .menu-btn{border-color:rgba(255,255,255,.5)}
  header .menu-btn span{background:#fff}
  .book{
    flex:0 0 auto; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.5px;
    background:var(--red); color:#fff; padding:10px 18px; border-radius:999px;
    box-shadow:0 6px 18px rgba(226,36,26,.4);
    transition:background .15s, transform .15s, box-shadow .15s;
  }
  .book:hover{background:var(--red-d); transform:translateY(-1px); box-shadow:0 10px 26px rgba(226,36,26,.55)}
  /* on scroll: same dark bar, just a shadow for separation */
  header.solid{box-shadow:0 6px 22px rgba(0,0,0,.4)}

  /* ---------- HERO (futuristic) ---------- */
  .hero{
    position:relative; scroll-margin-top:var(--nav-h);
    min-height:calc(100svh - var(--nav-h));
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center; overflow:hidden; isolation:isolate;
    background:#0b0a09; color:#f4efe4;
  }
  /* background: portfolio photo + scrim (mobile-first) */
  .hero-bg{position:absolute; inset:0; z-index:-2; overflow:hidden; background:#0a0908}
  .hero-photo{position:absolute; inset:0; background:url("/images/hero-hd5.jpg") center 4%/cover no-repeat; transform-origin:center top; animation:kenburns 24s ease-in-out infinite alternate; opacity:.42}
  @keyframes kenburns{from{transform:scale(1.04)} to{transform:scale(1.14)}}
  .hero-scrim{position:absolute; inset:0; background:linear-gradient(0deg,#0a0908 5%,rgba(10,9,8,.5) 44%,rgba(10,9,8,.7) 100%)}

  .hero-inner{position:relative; z-index:1; width:100%; display:flex; flex-direction:column; align-items:center; padding:clamp(30px,6vw,56px) clamp(18px,4vw,24px) clamp(20px,4vw,34px)}
  .hero-eyebrow{display:inline-flex; align-items:center; gap:9px; font-size:11.5px; letter-spacing:2.2px; text-transform:uppercase; font-weight:800; color:#f4efe4; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); padding:8px 16px; border-radius:999px; backdrop-filter:blur(6px)}
  .hero-eyebrow .live{width:8px; height:8px; border-radius:50%; background:#39d353; animation:pulse 2s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(57,211,83,.55)}70%{box-shadow:0 0 0 8px rgba(57,211,83,0)}100%{box-shadow:0 0 0 0 rgba(57,211,83,0)}}

  .hero-name{font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(58px,15vw,168px); line-height:.92; letter-spacing:1px; margin:20px 0 14px}
  .hero-name span{display:block; position:relative}
  .hero-name .l1{background:linear-gradient(180deg,#fff,#c9c0ad); -webkit-background-clip:text; background-clip:text; color:transparent}
  .hero-name .l1::after{content:attr(data-t); position:absolute; inset:0; background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.9) 50%,transparent 68%); -webkit-background-clip:text; background-clip:text; color:transparent; background-size:230% 100%; animation:sheen 5.5s ease-in-out infinite}
  @keyframes sheen{0%{background-position:190% 0}55%,100%{background-position:-70% 0}}
  .hero-name .l2{color:var(--red); text-shadow:0 0 34px rgba(226,36,26,.55),0 0 10px rgba(226,36,26,.4)}

  .hero-roles{display:inline-flex; align-items:center; gap:12px; font-size:clamp(15px,2.6vw,22px); font-weight:700; letter-spacing:.4px; color:#f4efe4}
  .hero-roles .bar{width:3px; height:1.1em; background:var(--red); border-radius:2px; box-shadow:0 0 10px rgba(226,36,26,.8); animation:blink 1.1s steps(1) infinite}
  @keyframes blink{50%{opacity:.25}}
  #rot{display:inline-block; min-width:1ch; transition:opacity .22s ease, transform .22s ease}

  .hero-stats{display:grid; grid-template-columns:repeat(2,1fr); gap:18px 26px; margin:24px auto 8px; max-width:320px; width:100%}
  .stat{text-align:center}
  .stat .num{font-family:'Anton',sans-serif; font-size:clamp(26px,3.4vw,38px); line-height:1; letter-spacing:.5px; background:linear-gradient(180deg,#fff 40%,#f7a8d0); -webkit-background-clip:text; background-clip:text; color:transparent; transition:filter .2s}
  .stat:hover .num{filter:drop-shadow(0 0 14px rgba(247,168,208,.4))}
  .stat .lbl{position:relative; margin-top:9px; padding-top:9px; font-size:10px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:rgba(244,239,228,.56); line-height:1.3}
  .stat .lbl::before{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:22px; height:2px; border-radius:2px; background:var(--red); box-shadow:0 0 10px rgba(226,36,26,.5)}

  .hero-cta{display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:30px}

  .hero-marquee{position:absolute; left:0; right:0; bottom:26px; z-index:1; width:100%; padding:8px 0; overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
  .hero-marquee .track{display:inline-flex; white-space:nowrap; animation:scrollx 30s linear infinite}
  .hero-marquee .track span{font-family:'Anton',sans-serif; text-transform:uppercase; font-size:14px; letter-spacing:1.5px; color:rgba(244,239,228,.5); padding:0 22px}
  .hero-marquee .track span::before{content:"◆"; color:var(--red); margin-right:22px; font-size:8px; vertical-align:middle}
  @keyframes scrollx{to{transform:translateX(-50%)}}

  .scroll-cue{position:absolute; left:0; right:0; bottom:16px; z-index:1; text-align:center; margin:0; font-size:22px; color:rgba(244,239,228,.7); animation:bob 1.8s ease-in-out infinite}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}

  /* hero entrance */
  .hero-inner > *{animation:rise .85s cubic-bezier(.2,.75,.25,1) both}
  .hero-inner .hero-eyebrow{animation-delay:.05s}
  .hero-inner .hero-name{animation-delay:.16s}
  .hero-inner .hero-roles{animation-delay:.32s}
  .hero-inner .hero-stats{animation-delay:.46s}
  .hero-inner .hero-cta{animation-delay:.60s}
  @keyframes rise{from{opacity:0; transform:translateY(26px)} to{opacity:1; transform:none}}
  @media (prefers-reduced-motion:reduce){
    .hero-photo,.hero-name .l1::after,.hero-marquee .track,.hero-roles .bar,.scroll-cue,.hero-eyebrow .live{animation:none !important}
    .hero-inner > *{animation:none !important}
  }
  /* desktop: subject photo on the right, content on the left */
  @media (min-width:861px){
    .hero-photo{left:auto; right:0; width:60%; opacity:1; background-position:center top; transform-origin:right top;
      -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%); mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
    .hero-scrim{background:linear-gradient(90deg,#0a0908 0%,rgba(10,9,8,.72) 26%,rgba(10,9,8,.18) 48%,transparent 62%),linear-gradient(0deg,#0a0908 3%,transparent 22%)}
    .hero-inner{align-items:flex-start; text-align:left; max-width:1200px; margin:0 auto; padding-left:clamp(24px,5vw,54px); padding-right:min(50%,660px)}
    .hero-name{font-size:clamp(52px,8.4vw,128px)}
    .hero-stats{margin-inline:0; grid-template-columns:repeat(4,1fr); max-width:600px; gap:22px}
    .stat{text-align:left}
    .stat .lbl::before{left:0; transform:none}
  }
  /* mobile: show his face up top, content sits at the bottom on a gradient */
  @media (max-width:860px){
    .hero{justify-content:flex-end}
    .hero-inner{padding-bottom:92px}
    .hero-photo{opacity:.98; background-position:center 10%; background-size:auto 138%}
    .hero-scrim{background:linear-gradient(0deg,#0a0908 0%,#0a0908 24%,rgba(10,9,8,.9) 46%,rgba(10,9,8,.3) 70%,transparent 92%)}
    .hero-eyebrow{display:none}
    .hero-name{font-size:clamp(40px,11vw,56px); margin:12px 0 10px}
    .hero-roles{font-size:14.5px}
    /* single compact row so the block is short and the name sits low, clearing his face */
    .hero-stats{grid-template-columns:repeat(4,1fr); max-width:100%; gap:10px; margin-top:16px}
    .stat .num{font-size:clamp(19px,5.4vw,27px)}
    .stat .lbl{font-size:9px; letter-spacing:.3px; margin-top:7px; padding-top:8px}
    .stat .lbl::before{width:18px; height:2px}
    .hero-cta{margin-top:18px}
  }

  /* ---------- CTA BUTTONS ---------- */
  .cta{display:inline-flex; align-items:center; gap:9px; font-weight:800; font-size:15px; padding:15px 26px; border-radius:999px; transition:transform .16s, background .16s, color .16s, border-color .16s, box-shadow .16s}
  .cta.primary{background:linear-gradient(135deg,#ff5a3c,#e2241a); color:#fff; position:relative; overflow:hidden; box-shadow:0 10px 30px rgba(226,36,26,.38)}
  .cta.primary::after{content:""; position:absolute; top:0; left:-70%; width:45%; height:100%; background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent); transform:skewX(-20deg); transition:left .55s ease}
  .cta.primary:hover::after{left:140%}
  .cta.primary:hover{transform:translateY(-2px); box-shadow:0 16px 40px rgba(226,36,26,.55)}
  .cta.ghost-dark{border:2px solid var(--ink); color:var(--ink)}
  .cta.ghost-dark:hover{background:var(--ink); color:var(--paper); transform:translateY(-2px)}
  .cta.ghost{border:2px solid rgba(239,231,214,.35); color:var(--paper)}
  .cta.ghost:hover{border-color:var(--paper); background:var(--paper); color:var(--ink); transform:translateY(-2px)}

  /* ---------- HINT ---------- */
  .hint{max-width:1180px; margin:20px auto 0; padding:0 clamp(16px,4vw,24px); display:flex; align-items:center; gap:10px; justify-content:center; font-size:13.5px; font-weight:600; color:var(--muted); text-align:center}
  .hint .dot{display:inline-flex; width:22px; height:22px; border-radius:999px; background:var(--red); color:#fff; align-items:center; justify-content:center; font-size:10px; flex:0 0 auto}

  /* ---------- SECTION HEADERS ---------- */
  .sec{scroll-margin-top:var(--nav-h); max-width:1180px; margin:0 auto; padding:clamp(52px,8vw,96px) clamp(20px,4vw,24px) clamp(22px,3vw,34px)}
  .sec-idx{font-family:'Anton',sans-serif; font-size:15px; letter-spacing:2px; color:var(--red)}
  .sec-title{font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(38px,7vw,86px); line-height:.92; letter-spacing:.5px; margin:6px 0 12px}
  .sec-rule{height:5px; width:0; background:var(--red); border-radius:3px; margin-bottom:14px}
  .sec.in .sec-rule{width:96px; transition:width .7s .15s cubic-bezier(.2,.7,.2,1)}
  .sec-desc{font-size:clamp(15px,2vw,18px); font-weight:600; color:var(--muted); max-width:640px}

  /* ---------- SLIDES ---------- */
  .deck{max-width:1180px; margin:0 auto; padding:0 clamp(0px,4vw,24px)}
  .opener{max-width:1180px; margin:26px auto 0; padding:0 clamp(0px,4vw,24px)}
  .slide{position:relative; line-height:0; margin:14px 0; border-radius:12px; overflow:hidden; box-shadow:0 12px 34px rgba(24,20,16,.16)}
  .slide img{width:100%; height:auto; display:block}

  /* reveal-on-scroll */
  .js .reveal{opacity:0; transform:translateY(34px) scale(.985)}
  .js .reveal.in{opacity:1; transform:none; transition:opacity .7s ease, transform .8s cubic-bezier(.2,.7,.2,1)}

  /* ---------- HOTSPOTS ---------- */
  .hot{position:absolute; display:block; border-radius:9px; transition:box-shadow .18s, background .18s, transform .18s}
  .hot::before{content:"\25B6"; position:absolute; top:7px; left:7px; width:22px; height:22px; border-radius:999px; background:var(--red); color:#fff; font-size:9px; line-height:22px; text-align:center; opacity:.92; box-shadow:0 2px 8px rgba(0,0,0,.35); transition:transform .18s}
  .hot::after{content:"WATCH"; position:absolute; bottom:8px; left:8px; background:var(--ink); color:#fff; font-size:10px; font-weight:800; letter-spacing:1.5px; line-height:1; padding:6px 9px; border-radius:6px; opacity:0; transform:translateY(6px); transition:opacity .18s, transform .18s}
  .hot:hover{background:rgba(226,36,26,.10); box-shadow:0 0 0 3px var(--red), 0 12px 26px rgba(226,36,26,.32); transform:scale(1.012)}
  .hot:hover::before{transform:scale(1.16)}
  .hot:hover::after{opacity:1; transform:none}
  .hot.tiny::before, .hot.tiny::after{display:none}

  /* ---------- CAREER ---------- */
  #career{scroll-margin-top:var(--nav-h); max-width:1080px; margin:0 auto; padding:clamp(52px,8vw,96px) clamp(20px,4vw,24px) 20px}
  .timeline{margin-top:30px; border-left:2px solid rgba(24,20,16,.16)}
  .tl-item{position:relative; padding:0 0 30px 28px}
  .tl-item:last-child{padding-bottom:6px}
  .tl-item::before{content:""; position:absolute; left:-8px; top:5px; width:13px; height:13px; border-radius:999px; background:var(--red); box-shadow:0 0 0 4px var(--paper); transition:transform .2s ease, box-shadow .2s ease}
  .tl-item:hover::before{transform:scale(1.5); box-shadow:0 0 0 4px var(--paper), 0 0 0 7px rgba(226,36,26,.2)}
  .tl-item:hover .tl-role{color:var(--red)}
  .tl-role{transition:color .2s ease}
  .tl-when{font-family:'Anton',sans-serif; color:var(--red); font-size:14px; letter-spacing:1px}
  .tl-role{font-weight:800; font-size:clamp(16px,2.4vw,19px); margin:2px 0 4px; line-height:1.25}
  .tl-role em{color:var(--muted); font-weight:600; font-style:normal}
  .tl-co{display:inline-flex; align-items:center; gap:8px; vertical-align:middle}
  .tl-logo{height:26px; max-width:104px; width:auto; object-fit:contain; background:transparent; transition:transform .18s ease}
  .tl-item:hover .tl-logo{transform:translateY(-1px) scale(1.06)}
  .tl-desc{color:var(--muted); font-size:14.5px; line-height:1.55; max-width:660px}
  .credits{margin-top:46px}
  .credits>div+div{margin-top:30px}
  .credits h4{font-family:'Anton',sans-serif; text-transform:uppercase; font-size:15px; letter-spacing:1px; color:var(--red); margin-bottom:12px}
  .brandwall{display:grid; grid-template-columns:repeat(auto-fill,minmax(138px,1fr)); gap:12px; margin-top:4px}
  .brandcard{aspect-ratio:5/3; background:#fff; border:1px solid rgba(24,20,16,.1); border-radius:12px; display:flex; align-items:center; justify-content:center; padding:10px; box-shadow:0 6px 16px rgba(24,20,16,.06); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
  .brandcard:hover{transform:translateY(-4px); box-shadow:0 14px 30px rgba(24,20,16,.16); border-color:rgba(226,36,26,.35)}
  .brandcard img{width:100%; height:100%; object-fit:contain; opacity:.95; transition:opacity .25s ease, transform .25s ease}
  .brandcard:hover img{opacity:1; transform:scale(1.05)}
  .brandcard.tint{background:#0b5cff; border-color:#0b5cff}
  .brandcard.tint img{opacity:1; max-height:34px}
  .brandcard.dark{background:#17130f; border-color:#17130f}
  .brandcard.dark img{opacity:1}
  .brandcard .bname{font-weight:800; font-size:14.5px; letter-spacing:.2px; color:var(--ink); text-align:center; opacity:.5; transition:opacity .25s ease, color .25s ease}
  .brandcard:hover .bname{opacity:1; color:var(--red)}
  .chips{display:flex; flex-wrap:wrap; gap:8px}
  .chips span{font-size:13px; font-weight:600; color:var(--ink); background:rgba(24,20,16,.05); border:1px solid rgba(24,20,16,.12); padding:6px 12px; border-radius:999px; transition:transform .15s, background .15s, border-color .15s}
  .chips span:hover{transform:translateY(-2px); background:#fff; border-color:var(--red)}
  .eduline{margin-top:30px; font-size:14px; color:var(--muted); font-weight:600}
  .eduline b{color:var(--ink); font-weight:800}

  /* ---------- CONTACT ---------- */
  #contact{scroll-margin-top:var(--nav-h); text-align:center; margin-top:clamp(50px,8vw,90px); padding:84px clamp(18px,5vw,40px) 66px; background:var(--ink); color:var(--paper); border-top:4px solid var(--red)}
  #contact .eyebrow{font-size:13px; letter-spacing:4px; text-transform:uppercase; color:var(--red); font-weight:800}
  #contact h2{font-family:'Anton',sans-serif; font-size:clamp(46px,10vw,108px); line-height:.9; text-transform:uppercase; margin:16px 0 10px; letter-spacing:1px}
  #contact h2 span{color:var(--red)}
  #contact p.lead{max-width:560px; margin:6px auto 32px; color:#d8cfbd; font-size:16px; line-height:1.55}
  .cta-row{display:flex; flex-wrap:wrap; gap:12px; justify-content:center}
  .socials{display:flex; gap:22px; justify-content:center; margin-top:26px}
  .socials a{display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--paper); opacity:.9; transition:color .15s, opacity .15s, transform .15s}
  .socials a:hover{color:var(--red); opacity:1; transform:translateY(-2px)}
  .roles{margin-top:30px; font-size:13px; letter-spacing:2px; text-transform:uppercase; color:#a89e8c}
  footer{background:var(--ink); border-top:1px solid rgba(239,231,214,.12); padding:26px 20px; text-align:center; color:#a89e8c; font-size:13px}
  footer b{color:var(--paper); font-family:'Anton',sans-serif; letter-spacing:.5px; font-weight:400}
  footer b span{color:var(--red)}

  /* ---------- BACK TO TOP ---------- */
  #top{position:fixed; right:18px; bottom:18px; z-index:40; width:48px; height:48px; border-radius:999px; border:none; cursor:pointer; background:var(--red); color:#fff; font-size:20px; line-height:48px; box-shadow:0 8px 24px rgba(0,0,0,.35); opacity:0; transform:translateY(10px); pointer-events:none; transition:opacity .2s, transform .2s, background .15s}
  #top.show{opacity:1; transform:none; pointer-events:auto}
  #top:hover{background:var(--red-d)}

  /* ---------- MOBILE MENU ---------- */
  .menu-btn{display:none; flex:0 0 auto; width:44px; height:38px; border:2px solid var(--ink); border-radius:9px; background:transparent; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:4px}
  .menu-btn span{display:block; width:20px; height:2px; background:var(--ink); border-radius:2px; transition:transform .2s, opacity .2s}
  .menu-btn.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .menu-btn.open span:nth-child(2){opacity:0}
  .menu-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  /* ---------- LIGHTBOX ---------- */
  .slide{cursor:zoom-in}
  #lb{position:fixed; inset:0; z-index:100; background:rgba(20,17,13,.97); display:none; opacity:0; transition:opacity .2s}
  #lb.open{display:block; opacity:1}
  #lb-scroll{position:absolute; inset:0; overflow:auto; -webkit-overflow-scrolling:touch; padding:60px 10px 40px; text-align:center}
  #lb-scroll figure{display:inline-block; margin:0 auto; border-radius:8px; overflow:hidden; box-shadow:0 24px 70px rgba(0,0,0,.6); line-height:0; position:relative; cursor:default}
  #lb-scroll img{display:block; width:100%; height:auto}
  #lb-close{position:fixed; top:12px; right:12px; z-index:101; width:46px; height:46px; border-radius:999px; border:none; background:var(--red); color:#fff; font-size:22px; line-height:46px; cursor:pointer; box-shadow:0 6px 20px rgba(0,0,0,.45)}
  #lb-cap{position:fixed; bottom:14px; left:0; right:0; text-align:center; color:#e7dcc6; font-size:12.5px; font-weight:600; letter-spacing:.6px; pointer-events:none; z-index:101}

  @media (max-width:760px){
    .brand{margin-right:auto}
    nav{
      position:fixed; top:var(--nav-h); left:0; right:0; flex-direction:column; gap:0;
      background:rgba(15,13,11,.98); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.1); padding:6px 0;
      transform:translateY(-10px); opacity:0; pointer-events:none; transition:transform .2s, opacity .2s;
      max-height:calc(100svh - var(--nav-h)); overflow:auto;
    }
    nav.open{transform:none; opacity:1; pointer-events:auto}
    nav a{padding:14px 22px; border-radius:0; font-size:15px; color:rgba(255,255,255,.85)}
    nav a:hover, nav a.active{color:var(--red)}
    nav a::after, nav a::before{display:none}
    nav a{border-top:1px solid rgba(255,255,255,.06)}
    .menu-btn{display:flex}
    .book, .ig{display:none}
  }
  @media (max-width:640px){
    :root{--nav-h:56px}
    .brand{font-size:17px}
    .deck, .opener{padding:0}
    .slide{margin:8px 0; border-radius:8px}
    .book{padding:9px 13px; font-size:12px}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none !important; scroll-behavior:auto !important}
    .js .reveal{opacity:1 !important; transform:none !important}
    .sec .sec-rule{width:96px !important}
  }

/* ===== multipage additions ===== */
.page-main{min-height:60vh}
.highlights{max-width:1180px;margin:0 auto;padding:clamp(48px,7vw,86px) clamp(20px,4vw,24px) clamp(16px,3vw,26px)}
.hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:30px}
.hl-card{position:relative;display:block;border-radius:12px;overflow:hidden;background:#141210;box-shadow:0 12px 30px rgba(24,20,16,.18);text-decoration:none;color:#fff;border:1px solid rgba(24,20,16,.1)}
.hl-card img{width:100%;height:210px;object-fit:cover;object-position:center 30%;display:block;transition:transform .45s ease;opacity:.9}
.hl-card:hover img{transform:scale(1.06)}
.hl-meta{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:linear-gradient(0deg,rgba(8,7,6,.97) 0%,rgba(8,7,6,.9) 42%,rgba(8,7,6,.55) 74%,transparent)}
.hl-idx{font-family:'Anton',sans-serif;font-size:12px;letter-spacing:1px;color:var(--red)}
.hl-meta h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:23px;letter-spacing:.5px;line-height:1;margin-top:3px;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.hl-meta p{font-size:13px;color:rgba(244,239,228,.88);margin-top:5px;line-height:1.45;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.hl-go{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;opacity:0;transform:translateY(-5px);transition:.2s}
.hl-card:hover .hl-go{opacity:1;transform:none}
.home-cta{text-align:center;padding:clamp(42px,6vw,74px) 20px clamp(52px,7vw,82px)}
.home-cta .eyebrow2{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--red);font-weight:800}
.home-cta h2{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(40px,7.5vw,86px);line-height:.92;margin:12px 0 6px}
.home-cta h2 span{color:var(--red)}
.home-cta p{max-width:520px;margin:8px auto 26px;color:var(--muted);font-size:16px;line-height:1.55}
.home-brand{max-width:1180px;margin:0 auto;padding:clamp(24px,4vw,40px) clamp(0px,4vw,24px) 0}
@media(max-width:640px){.hl-card img{height:180px}}

/* ---------- HOME BIO (readable text under the p01 card) ---------- */
.home-bio{margin:clamp(18px,3vw,28px) auto 0;max-width:820px;font-size:clamp(15px,1.6vw,17px);line-height:1.62;color:var(--ink);text-align:center}
/* standalone reveal rule (home highlights) */
.sec-rule.reveal{width:0}
.sec-rule.reveal.in{width:96px;transition:width .7s .15s cubic-bezier(.2,.7,.2,1)}
/* ===== inner-page compact hero banner ===== */
.pbanner{position:relative;overflow:hidden;background:#0b0a09;color:#f4efe4;min-height:clamp(300px,44vh,460px);display:flex;align-items:flex-end;isolation:isolate}
.pb-photo{position:absolute;inset:0;z-index:-2;background:url("/images/hero-hd5.jpg") center 8%/cover no-repeat;opacity:.5}
.pb-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0a0908 6%,rgba(10,9,8,.5) 55%,rgba(10,9,8,.35) 100%)}
.pb-inner{max-width:1180px;width:100%;margin:0 auto;padding:0 clamp(20px,4vw,40px) clamp(30px,5vw,48px)}
.pb-inner>*{animation:rise .8s cubic-bezier(.2,.75,.25,1) both}
.pb-inner .pb-idx{animation-delay:.05s}.pb-inner .pb-title{animation-delay:.15s}.pb-inner .pb-desc{animation-delay:.3s}
.pb-idx{font-family:'Anton',sans-serif;font-size:14px;letter-spacing:2px;color:var(--red)}
.pb-title{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(40px,8vw,92px);line-height:.92;letter-spacing:.5px;margin:6px 0 12px}
.pb-rule{height:5px;width:96px;background:var(--red);border-radius:3px;margin-bottom:14px;box-shadow:0 0 16px rgba(226,36,26,.4)}
.pb-desc{font-size:clamp(15px,2vw,18px);color:rgba(244,239,228,.8);max-width:620px;line-height:1.5}
main .deck{padding-top:clamp(16px,3vw,28px)}
@media(min-width:861px){
  .pbanner{align-items:center;min-height:clamp(340px,50vh,520px)}
  .pb-photo{left:auto;right:0;width:52%;background-position:right top;opacity:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 34%);mask-image:linear-gradient(90deg,transparent,#000 34%)}
  .pb-scrim{background:linear-gradient(90deg,#0a0908 0%,rgba(10,9,8,.7) 34%,transparent 62%),linear-gradient(0deg,#0a0908 4%,transparent 30%)}
  .pb-inner{padding-right:min(46%,620px)}
}
@media(max-width:860px){.pb-photo.pb-solid{opacity:.85}}
/* ===== inner-page HTML content sections ===== */
.block{max-width:1080px;margin:0 auto;padding:clamp(34px,5vw,58px) clamp(20px,4vw,24px)}
.block+.block{padding-top:0}
.block-eyebrow{font-family:'Anton',sans-serif;font-size:13px;letter-spacing:2px;color:var(--red);text-transform:uppercase}
.block-title{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(28px,5.6vw,50px);line-height:1;letter-spacing:.5px;margin:5px 0 0}
.block-rule{height:4px;width:80px;background:var(--red);border-radius:3px;margin:14px 0 18px}
.prose{font-size:clamp(15.5px,2.2vw,17.5px);line-height:1.65;color:#2c2820;max-width:none}
.prose+.prose{margin-top:14px}
.btn-watch{display:inline-flex;align-items:center;gap:8px;margin-top:22px;background:var(--red);color:#fff;font-weight:800;font-size:14px;letter-spacing:.3px;padding:13px 24px;border-radius:999px;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s}
.btn-watch:hover{background:var(--red-d);transform:translateY(-2px);box-shadow:0 10px 26px rgba(226,36,26,.4)}
.credit-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-top:22px}
.ccard{background:#fff;border:1px solid rgba(24,20,16,.1);border-radius:12px;padding:16px 18px;box-shadow:0 8px 20px rgba(24,20,16,.07)}
.ccard h4{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.5px;color:var(--red);font-size:18px;margin-bottom:9px}
.ccard .meta{font-size:13.5px;color:var(--muted);line-height:1.7}
.ccard .meta b{color:var(--ink);font-weight:700}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:22px}
.gallery figure{margin:0;border-radius:10px;overflow:hidden;box-shadow:0 10px 24px rgba(24,20,16,.16)}
.gallery img{width:100%;height:210px;object-fit:cover;object-position:center 25%;display:block}
.photo-band{margin-top:22px;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px rgba(24,20,16,.16);background:#0e0c0a}
.photo-band.cutout{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.photo-band img{width:100%;display:block}
.chip-label{font-family:'Anton',sans-serif;font-size:13px;letter-spacing:1px;color:var(--red);text-transform:uppercase;margin:24px 0 10px}
/* ===== logo wall + logo strip ===== */
.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-top:22px}
.logo-grid .logo{background:#fff;border:1px solid rgba(24,20,16,.1);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 16px rgba(24,20,16,.07)}
.logo-grid .logo img{width:100%;aspect-ratio:5/3;object-fit:contain;padding:14px 14px 8px}
.logo-grid .logo-cap{margin-top:auto;background:var(--red);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;text-align:center;padding:6px 8px;line-height:1.3}
.logo-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.logo-strip .lchip{background:#fff;border:1px solid rgba(24,20,16,.1);border-radius:8px;height:54px;padding:8px 16px;display:flex;align-items:center;box-shadow:0 4px 12px rgba(24,20,16,.06)}
.logo-strip .lchip img{max-height:100%;max-width:130px;object-fit:contain}

/* ===== auto-scroll logo marquees ===== */
.logo-marquee{margin-top:16px;padding:10px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logo-marquee .lm-track{display:flex;align-items:center;gap:clamp(30px,6vw,58px);width:max-content;will-change:transform}
.logo-marquee.brands .lm-track{animation:lm 40s linear infinite}
.logo-marquee.chans .lm-track{animation:lm 22s linear infinite}
.logo-marquee:hover .lm-track{animation-play-state:paused}
@keyframes lm{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.lm-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:44px}
.lm-item img{max-height:44px;max-width:132px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.62;transition:opacity .25s,filter .25s}
.lm-item:hover img{filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){.logo-marquee .lm-track{animation:none}}
/* logo marquee: full-colour logos on the page bg, no boxes */
.logo-marquee{background:transparent;border:none;padding:8px 0}
.lm-item{height:50px}
.lm-item img{filter:none !important;opacity:1 !important;max-height:50px;max-width:140px}
/* brand names scroller (clean, uniform, no boxes) */
.logo-marquee.names .lm-track{gap:0}
.lm-name{flex:0 0 auto;display:inline-flex;align-items:center;gap:clamp(26px,4vw,46px);padding-right:clamp(26px,4vw,46px);font-family:'Anton',sans-serif;font-size:clamp(18px,3vw,26px);letter-spacing:.5px;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.lm-name::before{content:"◆";color:var(--red);font-size:8px}
.logo-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:22px}
.logo-cell{background:#fdfcf8;border:1px solid #e3d8c1;border-radius:12px;height:88px;display:flex;align-items:center;justify-content:center;padding:3px 7px;box-shadow:0 8px 20px -15px rgba(24,20,16,.45)}
.logo-cell img{height:100%;width:auto;object-fit:contain;transition:transform .22s ease}
.logo-cell:hover img{transform:scale(1.05)}
.brands-also{margin-top:16px;font-size:14px;color:var(--muted);line-height:1.7}
.brands-also b{color:var(--ink);font-weight:600;font-family:'Anton',sans-serif;letter-spacing:.3px;font-weight:400}
@media(prefers-color-scheme:dark){.logo-cell{background:#f4efe6;border-color:#cfc4ad}}
.logo-rail{position:relative;margin-top:22px;padding:0 6px}
.logo-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.logo-scroll::-webkit-scrollbar{display:none}
.logo-scroll-track{display:flex;gap:10px;width:max-content;padding:4px 0}
.logo-scroll .logo-cell{flex:0 0 auto;width:auto}
.lr-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:none;background:var(--red);color:#fff;font-size:24px;line-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px -4px rgba(24,20,16,.5);transition:background .15s,transform .15s}
.lr-arrow:hover{background:var(--red-d);transform:translateY(-50%) scale(1.07)}
.lr-arrow:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.lr-prev{left:-8px}
.logo-rail.bare .logo-cell{background:transparent;border:none;box-shadow:none;padding:2px 4px}
.lr-next{right:-8px}
@media(max-width:640px){.lr-arrow{width:38px;height:38px;font-size:21px}.lr-prev{left:0}.lr-next{right:0}}

/* ===== stat trio (big numbers) ===== */
.stats3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:24px}
.stat3{background:#fff;border:1px solid rgba(24,20,16,.1);border-radius:12px;padding:20px 18px;box-shadow:0 8px 20px rgba(24,20,16,.07)}
.stat3 b{display:block;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(30px,6vw,44px);line-height:1;color:var(--red)}
.stat3 span{display:block;margin-top:8px;font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}

/* ===== watch grid (video links as cards) ===== */
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:22px}
.vlink{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid rgba(24,20,16,.1);border-radius:12px;padding:13px 15px;box-shadow:0 8px 20px rgba(24,20,16,.07);transition:transform .15s,box-shadow .15s,border-color .15s}
.vlink:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(24,20,16,.14);border-color:var(--red)}
.vlink .play{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;padding-left:2px}
.vlink .vtx{display:flex;flex-direction:column;min-width:0}
.vlink .vt{font-weight:700;font-size:14px;line-height:1.25;color:var(--ink)}
.vlink .vm{font-size:12px;color:var(--muted);margin-top:2px}

/* ===== pull quotes / testimonials ===== */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;margin-top:22px}
.quote{background:#fff;border:1px solid rgba(24,20,16,.1);border-left:4px solid var(--red);border-radius:12px;padding:18px 20px;box-shadow:0 8px 20px rgba(24,20,16,.07)}
.quote p{font-size:15.5px;line-height:1.6;color:var(--ink);font-style:italic}
.quote .who{margin-top:12px;font-weight:800;font-size:13px;color:var(--red);letter-spacing:.3px}
.quote .who .qv{color:var(--muted);font-weight:500}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:22px;align-items:start}
.shots img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid rgba(24,20,16,.12);box-shadow:0 10px 26px rgba(24,20,16,.14);background:#fff}
.imdb-badge{display:inline-flex;align-items:center;justify-content:center;background:#f5c518;color:#000;font-weight:800;font-size:12px;letter-spacing:.3px;padding:3px 7px;border-radius:4px;line-height:1.2}

/* ===== embedded video player ===== */
.vframe{position:relative;margin-top:22px;border-radius:12px;overflow:hidden;box-shadow:0 14px 36px rgba(24,20,16,.2);background:#0e0c0a;aspect-ratio:16/9}
.vframe video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#0e0c0a}
.vcap{margin-top:12px;font-size:13px;color:var(--muted)}
.featured-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:22px}
.fvid{margin:0}
.fvid .vframe{margin-top:0}
.fvid figcaption{margin-top:10px;font-size:13.5px;font-weight:600;color:var(--ink)}
.fvid figcaption small{display:block;font-weight:500;color:var(--muted);font-size:12px;margin-top:2px}

/* ===== youtube lite facade gallery ===== */
.yt-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:22px}
.ytlite{position:relative;display:block;width:100%;padding:0;border:0;font:inherit;text-align:left;color:inherit;aspect-ratio:16/9;border-radius:12px;overflow:hidden;cursor:pointer;background:#0e0c0a center/cover no-repeat;box-shadow:0 10px 24px rgba(24,20,16,.16)}
.ytlite::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.62))}
.ytlite .yp{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .15s,background .15s}
.ytlite .yp svg{width:20px;height:20px;fill:#fff;margin-left:3px}
.ytlite:hover .yp{transform:translate(-50%,-50%) scale(1.08);background:var(--red-d)}
.ytlite .yl{position:absolute;left:0;right:0;bottom:0;padding:12px 12px 11px;color:#fff;font-size:12.5px;font-weight:700;line-height:1.3;z-index:1}
.ytlite iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}

/* ===== ad-film feature + masonry grid ===== */
.adfeature-yt{max-width:820px;margin-top:22px}
.dub-compare{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:22px;max-width:900px}
.dc{margin:0;flex:0 0 auto}
.dc-vid{height:360px;background:#0e0c0a;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px rgba(24,20,16,.2)}
.dc.portrait .dc-vid{aspect-ratio:9/16}
.dc.wide .dc-vid{aspect-ratio:16/9}
.dc-vid video{width:100%;height:100%;object-fit:contain;background:#0e0c0a;display:block}
@media(max-width:680px){
  .dub-compare{gap:14px}
  .dc{flex:1 1 100%}
  .dc-vid{height:auto;width:100%}
  .dc.portrait .dc-vid{max-width:260px}
}
.dc figcaption{margin-top:10px;font-size:13px;font-weight:700;color:var(--ink)}
.dc figcaption small{display:block;font-weight:500;color:var(--muted);font-size:11.5px;margin-top:2px}
.adfeature{max-width:460px;margin-top:22px;border-radius:14px;overflow:hidden;box-shadow:0 16px 42px rgba(24,20,16,.24);background:#0e0c0a}
.adfeature video{width:100%;height:auto;display:block;background:#0e0c0a}
.adgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:22px}
.adcard{margin:0;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(24,20,16,.1);border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(24,20,16,.07)}
.advid{position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;aspect-ratio:4/5;background:#0e0c0a center/cover no-repeat}
.advid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.28));pointer-events:none}
.advid .yp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .15s,background .15s}
.advid .yp svg{width:18px;height:18px;fill:#fff;margin-left:2px}
.advid:hover .yp{transform:translate(-50%,-50%) scale(1.08);background:var(--red-d)}
.advid video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0e0c0a;z-index:2}
.advid .yl{position:absolute;left:0;right:0;bottom:0;padding:12px;color:#fff;font-size:12.5px;font-weight:700;line-height:1.3;z-index:1}
.advid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.5));pointer-events:none}

/* ===== external video link tiles (thumbnail + play, opens on platform) ===== */
.linkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:22px}
.linktile{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0e0c0a center/cover no-repeat;box-shadow:0 10px 24px rgba(24,20,16,.16);transition:transform .15s,box-shadow .15s}
.linktile.noimg{background:radial-gradient(circle at 50% 34%,#2a231c,#0e0c0a)}
.linktile:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(24,20,16,.24)}
.linktile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.62))}
.linktile .lp{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .15s,background .15s}
.linktile .lp svg{width:19px;height:19px;fill:#fff;margin-left:3px}
.linktile:hover .lp{transform:translate(-50%,-50%) scale(1.08);background:var(--red-d)}
.linktile .ll{position:absolute;left:0;right:0;bottom:0;padding:12px;color:#fff;font-size:12.5px;font-weight:700;line-height:1.3;z-index:1}
.linktile .lpm{display:block;font-weight:500;font-size:11px;color:#d8d2c8;margin-top:2px}
.linktile .plat{position:absolute;top:9px;right:10px;z-index:1;font-size:9.5px;font-weight:800;letter-spacing:.5px;color:#fff;background:rgba(0,0,0,.5);padding:3px 7px;border-radius:6px;text-transform:uppercase}
.adcard figcaption{padding:11px 13px;font-size:13px;font-weight:700;color:var(--ink)}
.adcard figcaption small{display:block;font-weight:500;color:var(--muted);font-size:11.5px;margin-top:2px}
.award{display:inline-flex;align-items:center;gap:13px;margin-top:18px;background:#fff;border:1px solid rgba(24,20,16,.12);border-left:4px solid var(--red);border-radius:12px;padding:12px 17px;box-shadow:0 8px 20px rgba(24,20,16,.07)}
.award .medal{font-size:24px;line-height:1}
.award b{display:block;font-size:14px;color:var(--ink);font-family:'Anton',sans-serif;font-weight:400;letter-spacing:.4px;text-transform:uppercase}
.award .award-sub{display:block;font-size:12px;color:var(--muted);margin-top:2px}