.resources-page{
    background:#fff;
    color:#111;
    overflow:hidden;
  }
  
  .resources-page .section-header{
    width:100%;
    max-width:var(--max);
    margin:0 auto 38px;
    text-align:left;
  }
  
  .resources-page .section-header h2{
    font-family:Montserrat,Arial,sans-serif;
    font-size:clamp(2.25rem,4.2vw,4.5rem);
    line-height:.96;
    margin:0 0 22px;
    text-transform:uppercase;
    letter-spacing:-.052em;
    color:#111;
  }
  
  .resources-page .section-header p{
    color:#444;
    font-size:1.05rem;
    margin:0;
    max-width:920px;
  }
  
  .resources-hero{
    background:
      radial-gradient(circle at 84% 14%,rgba(230,9,16,.28),transparent 34%),
      radial-gradient(circle at 10% 84%,rgba(230,9,16,.16),transparent 33%),
      linear-gradient(135deg,#050505 0%,#101010 52%,#230002 100%);
    padding:86px 24px 96px;
    position:relative;
    overflow:hidden;
    color:#fff;
  }
  
  .resources-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
      linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:54px 54px;
    opacity:.34;
    pointer-events:none;
  }
  
  .resources-hero-inner{
    max-width:var(--max);
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr .95fr;
    gap:58px;
    align-items:center;
    position:relative;
  }
  
  .resources-hero h1{
    font-family:Montserrat,Arial,sans-serif;
    font-size:clamp(3.1rem,6.35vw,6.4rem);
    line-height:.9;
    margin:14px 0 24px;
    text-transform:uppercase;
    letter-spacing:-.068em;
    color:#fff;
    max-width:880px;
  }
  
  .resources-hero p{
    font-size:1.13rem;
    color:#e8e8e8;
    max-width:720px;
    margin:0;
  }
  
  .hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:30px;
  }
  
  .btn-dark{
    background:#151515;
    color:#fff;
    border:1px solid rgba(255,255,255,.22);
    box-shadow:0 12px 28px rgba(0,0,0,.18);
  }
  
  .btn-dark:hover{
    background:#232323;
    border-color:rgba(255,255,255,.38);
    color:#fff;
    transform:translateY(-2px);
  }
  
  .resources-hero-visual{
    position:relative;
    min-height:570px;
  }
  
  .resource-hero-image{
    position:absolute;
    inset:22px 0 38px 42px;
    border-radius:26px;
    overflow:hidden;
    background:#111;
    box-shadow:0 34px 78px rgba(0,0,0,.42);
  }
  
  .resource-hero-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.46)),
      radial-gradient(circle at 82% 18%,rgba(230,9,16,.40),transparent 35%);
  }
  
  .resource-hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  
  .resource-float-card{
    position:absolute;
    z-index:2;
    width:230px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(255,255,255,.5);
    border-radius:999px;
    padding:22px 24px;
    box-shadow:0 20px 52px rgba(0,0,0,.22);
    backdrop-filter:blur(12px);
  }
  
  .resource-float-card strong{
    display:block;
    font-family:Montserrat,Arial,sans-serif;
    color:#111;
    font-size:.94rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:-.02em;
    margin-bottom:5px;
  }
  
  .resource-float-card span{
    color:#555;
    font-size:.88rem;
    line-height:1.35;
  }
  
  .card-one{
    left:0;
    top:60px;
  }
  
  .card-two{
    right:-12px;
    top:214px;
  }
  
  .card-three{
    left:44px;
    bottom:22px;
  }
  
  .resource-disclaimer{
    background:#111;
    color:#fff;
    padding:24px;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  
  .resource-disclaimer-inner{
    max-width:var(--max);
    margin:0 auto;
    display:grid;
    grid-template-columns:220px 1fr;
    gap:28px;
    align-items:center;
  }
  
  .resource-disclaimer strong{
    display:block;
    font-family:Montserrat,Arial,sans-serif;
    text-transform:uppercase;
    color:#fff;
    letter-spacing:-.02em;
  }
  
  .resource-disclaimer p{
    color:#d8d8d8;
    margin:0;
    font-size:.98rem;
  }
  
  .featured-stack,
  .resource-showcase,
  .resource-lanes,
  .shopping-section,
  .tickets-streaming,
  .other-resources,
  .resources-cta{
    padding:86px 24px;
  }
  
  .featured-stack{
    background:#fff;
    position:relative;
  }
  
  .featured-stack:before{
    content:"";
    position:absolute;
    left:-160px;
    top:-160px;
    width:420px;
    height:420px;
    background:radial-gradient(circle,rgba(230,9,16,.10),transparent 65%);
    pointer-events:none;
  }
  
  .featured-stack-layout{
    max-width:var(--max);
    width:100%;
    margin:0 auto;
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:24px;
    align-items:stretch;
    position:relative;
  }
  
  .featured-stack-image{
    min-height:620px;
    border-radius:28px;
    overflow:hidden;
    background:#111;
    box-shadow:0 24px 60px rgba(0,0,0,.14);
    position:relative;
  }
  
  .featured-stack-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.54)),
      radial-gradient(circle at 20% 16%,rgba(230,9,16,.34),transparent 36%);
  }
  
  .featured-stack-image img{
    width:100%;
    height:100%;
    min-height:620px;
    object-fit:cover;
    display:block;
  }
  
  .featured-stack-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    min-width:0;
  }
  
  .resource-card{
    min-height:320px;
    background:#f7f7f7;
    border:1px solid #e2e2e2;
    border-radius:28px;
    padding:28px;
    color:#111;
    text-decoration:none;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    position:relative;
    overflow:hidden;
    transition:.22s ease;
    min-width:0;
  }
  
  .resource-card:before{
    content:"";
    position:absolute;
    right:-92px;
    top:-100px;
    width:250px;
    height:250px;
    background:radial-gradient(circle,rgba(230,9,16,.13),transparent 66%);
  }
  
  .resource-card:hover{
    transform:translateY(-5px);
    color:#111;
    box-shadow:0 24px 54px rgba(0,0,0,.12);
    border-color:rgba(230,9,16,.34);
  }
  
  .resource-card > *{
    position:relative;
  }
  
  .resource-card span,
  .resource-row span{
    display:block;
    font-family:Montserrat,Arial,sans-serif;
    color:var(--accent);
    font-size:.74rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:12px;
  }
  
  .resource-card h3{
    font-family:Montserrat,Arial,sans-serif;
    text-transform:uppercase;
    line-height:1;
    font-size:clamp(1.28rem,2.1vw,1.95rem);
    letter-spacing:-.05em;
    margin:0 0 14px;
    color:#111;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
  }
  
  .resource-card p{
    color:#555;
    margin:0 0 24px;
    font-size:1rem;
    line-height:1.55;
  }
  
  .resource-card em,
  .resource-row em{
    font-style:normal;
    font-family:Montserrat,Arial,sans-serif;
    font-size:.78rem;
    font-weight:900;
    text-transform:uppercase;
    color:#111;
  }
  
  .resource-showcase{
    background:#f5f5f5;
  }
  
  .resource-showcase-inner,
  .resource-lanes-inner,
  .shopping-inner,
  .tickets-layout,
  .other-resources-inner,
  .resources-cta-inner{
    max-width:var(--max);
    width:100%;
    margin:0 auto;
    display:grid;
    gap:54px;
    align-items:center;
  }
  
  .resource-showcase-inner{
    grid-template-columns:.95fr 1.05fr;
    margin-bottom:34px;
  }
  
  .resource-showcase-copy h2,
  .resource-lane-copy h2,
  .shopping-copy h2,
  .other-copy h2,
  .resources-cta-panel h2{
    font-family:Montserrat,Arial,sans-serif;
    font-size:clamp(2.25rem,4.2vw,4.5rem);
    line-height:.96;
    margin:0 0 22px;
    text-transform:uppercase;
    letter-spacing:-.052em;
    color:#111;
  }
  
  .resource-showcase-copy p,
  .resource-lane-copy p,
  .shopping-copy p,
  .other-copy p,
  .resources-cta-panel p{
    color:#444;
    font-size:1.05rem;
    margin:0 0 18px;
  }
  
  .resource-showcase-image{
    min-height:420px;
    border-radius:28px;
    overflow:hidden;
    background:#111;
    position:relative;
    box-shadow:0 22px 54px rgba(0,0,0,.12);
  }
  
  .resource-showcase-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.35)),
      radial-gradient(circle at 82% 18%,rgba(230,9,16,.30),transparent 34%);
  }
  
  .resource-showcase-image img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
  }
  
  .resource-card-grid{
    max-width:var(--max);
    width:100%;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
  }
  
  .resource-card-grid.three{
    grid-template-columns:repeat(3,1fr);
  }
  
  .resource-lanes{
    background:#fff;
  }
  
  .resource-lanes-inner{
    grid-template-columns:.95fr 1.05fr;
    align-items:start;
  }
  
  .resource-lane{
    border-radius:30px;
    overflow:hidden;
    background:#f5f5f5;
    border:1px solid #e2e2e2;
    box-shadow:0 18px 42px rgba(0,0,0,.08);
  }
  
  .resource-lane.dark{
    background:linear-gradient(135deg,#050505 0%,#101010 54%,#260000 100%);
    color:#fff;
    border-color:#111;
  }
  
  .resource-lane-image{
    height:360px;
    overflow:hidden;
    background:#111;
    position:relative;
  }
  
  .resource-lane-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.38));
  }
  
  .resource-lane-image img{
    width:100%;
    height:360px;
    object-fit:cover;
    display:block;
  }
  
  .resource-lane-copy{
    padding:34px;
  }
  
  .resource-lane.dark h2{
    color:#fff;
  }
  
  .resource-lane.dark p{
    color:#dedede;
  }
  
  .resource-row-list,
  .tickets-list,
  .compact-resource-list{
    display:grid;
    gap:14px;
    min-width:0;
  }
  
  .resource-row{
    display:grid;
    grid-template-columns:.8fr 1.35fr auto;
    gap:20px;
    align-items:center;
    background:#fff;
    border:1px solid #e2e2e2;
    border-radius:18px;
    padding:22px;
    color:#111;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(0,0,0,.04);
    transition:.2s ease;
    min-width:0;
  }
  
  .resource-row:hover{
    transform:translateX(6px);
    border-color:rgba(230,9,16,.34);
    box-shadow:0 18px 40px rgba(0,0,0,.09);
    color:#111;
  }
  
  .resource-row strong{
    display:block;
    font-family:Montserrat,Arial,sans-serif;
    text-transform:uppercase;
    font-size:1.1rem;
    line-height:1.1;
    letter-spacing:-.035em;
    color:#111;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
  }
  
  .resource-row p{
    color:#555;
    margin:0;
    font-size:.95rem;
  }
  
  .resource-row em{
    white-space:nowrap;
  }
  
  .shopping-section{
    background:#f5f5f5;
  }
  
  .shopping-inner{
    grid-template-columns:1.05fr .95fr;
    margin-bottom:34px;
  }
  
  .shopping-image,
  .tickets-image,
  .other-image{
    min-height:420px;
    border-radius:28px;
    overflow:hidden;
    background:#111;
    position:relative;
    box-shadow:0 22px 54px rgba(0,0,0,.12);
  }
  
  .shopping-image:after,
  .tickets-image:after,
  .other-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.36)),
      radial-gradient(circle at 16% 18%,rgba(230,9,16,.28),transparent 34%);
  }
  
  .shopping-image img,
  .tickets-image img,
  .other-image img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
  }
  
  .tickets-streaming{
    background:#fff;
  }
  
  .tickets-layout{
    grid-template-columns:.92fr 1.08fr;
    align-items:start;
  }
  
  .tickets-image{
    width:100%;
  }
  
  .tickets-list{
    width:100%;
  }
  
  .other-resources{
    background:#f5f5f5;
  }
  
  .other-resources-inner{
    grid-template-columns:.92fr 1.08fr;
    align-items:start;
  }
  
  .compact-resource-list{
    margin-top:28px;
  }
  
  .resources-cta{
    background:#fff;
  }
  
  .resources-cta-panel{
    background:
      radial-gradient(circle at 88% 12%,rgba(230,9,16,.28),transparent 33%),
      linear-gradient(135deg,#050505 0%,#101010 54%,#260000 100%);
    color:#fff;
    border-radius:30px;
    padding:60px;
    position:relative;
    overflow:hidden;
    box-shadow:0 24px 60px rgba(0,0,0,.18);
  }
  
  .resources-cta-panel h2{
    color:#fff;
    max-width:920px;
  }
  
  .resources-cta-panel p{
    color:#dedede;
    max-width:760px;
  }
  
  @media(max-width:1100px){
    .resources-hero-inner,
    .featured-stack-layout,
    .resource-showcase-inner,
    .resource-lanes-inner,
    .shopping-inner,
    .tickets-layout,
    .other-resources-inner{
      grid-template-columns:1fr;
    }
  
    .resources-hero-visual{
      min-height:520px;
    }
  
    .resource-hero-image{
      inset:0;
    }
  
    .featured-stack-image,
    .featured-stack-image img{
      min-height:420px;
    }
  
    .resource-card-grid{
      grid-template-columns:repeat(2,1fr);
    }
  
    .resource-card-grid.three{
      grid-template-columns:repeat(3,1fr);
    }
  }
  
  @media(max-width:800px){
    .resources-hero,
    .featured-stack,
    .resource-showcase,
    .resource-lanes,
    .shopping-section,
    .tickets-streaming,
    .other-resources,
    .resources-cta{
      padding:64px 22px;
    }
  
    .resources-page .section-header{
      margin-bottom:28px;
    }
  
    .resources-page .section-header h2,
    .resources-hero h1{
      font-size:clamp(3rem,13vw,5.1rem);
    }
  
    .resources-hero-visual{
      min-height:auto;
      display:grid;
      gap:14px;
    }
  
    .resource-hero-image{
      position:relative;
      inset:auto;
      height:380px;
      border-radius:22px;
    }
  
    .resource-float-card,
    .card-one,
    .card-two,
    .card-three{
      position:relative;
      inset:auto;
      width:100%;
      border-radius:18px;
    }
  
    .resource-disclaimer-inner{
      grid-template-columns:1fr;
      gap:10px;
    }
  
    .featured-stack-grid,
    .resource-card-grid,
    .resource-card-grid.three{
      grid-template-columns:1fr;
    }
  
    .resource-card{
      min-height:260px;
    }
  
    .resource-card h3,
    .featured-stack-grid .resource-card h3{
      font-size:clamp(1.45rem,8vw,2rem);
    }
  
    .resource-row{
      grid-template-columns:1fr;
      gap:12px;
    }
  
    .resource-row em{
      white-space:normal;
    }
  
    .featured-stack-image,
    .featured-stack-image img,
    .resource-showcase-image,
    .resource-showcase-image img,
    .shopping-image,
    .shopping-image img,
    .tickets-image,
    .tickets-image img,
    .other-image,
    .other-image img{
      min-height:340px;
      height:340px;
    }
  
    .resources-cta-panel{
      padding:36px;
      border-radius:24px;
    }
  }
  
  @media(max-width:560px){
    .hero-actions .btn{
      width:100%;
    }
  
    .resource-card h3{
      font-size:1.6rem;
    }
  
    .resource-row em{
      width:100%;
    }
  }