#pinwrap{
    height:210vh;
    position:relative;
  }
  #pinstage{
    position:sticky; top:0; height:100vh; width:100%;
    overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    background:
      radial-gradient(ellipse at 50% 45%, rgba(199,80,0,0.35), rgba(199,80,0,0) 60%),
      #000;
  }
 
  .hero-copy{
    position:absolute; inset:0;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center; z-index:3; pointer-events:none;
  }
  .hero-copy .eyebrow{ margin-bottom:18px; }
  .hero-title{
    font-size:clamp(3.2rem, 12vw, 10.5rem);
    color:var(--white);
  }
 
  .scrollcue{
    position:absolute; bottom:42px; left:50%; transform:translateX(-50%);
    display:flex; flex-direction:column; align-items:center; gap:10px;
    font-size:0.7rem; letter-spacing:0.3em; text-transform:uppercase; color:#9a9a9a; z-index:3;
  }
  .scrollcue .bar{ width:1px; height:44px; background:linear-gradient(#C75000, transparent); animation:scrollpulse 1.6s ease infinite; }
  @keyframes scrollpulse{ 0%{ transform:scaleY(0.2); opacity:0;} 40%{opacity:1;} 100%{ transform:scaleY(1); opacity:0; } }
 
  #tire{
    position:absolute;
    width:46vw; max-width:640px;
    filter:drop-shadow(0 40px 80px rgba(0,0,0,0.7));
    z-index:2;
    will-change:transform;
  }

.sizes-note{
    margin-top:1.4rem; font-size:0.78rem; color:#7d7d7d;
  }
  .scroll-hint{
    display:none; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase;
    color:#8a8a8a; margin-bottom:0.9rem;
  }
.sizes{
 background:var(--black); border-top:1px solid var(--grey-line);
  }
  .size-table-wrap{
    overflow-x:auto; border-top:1px solid var(--grey-line); -webkit-overflow-scrolling:touch;
  }
  table.size-table{
    width:100%; min-width:920px; border-collapse:collapse;
  }
  .size-table thead th{
    text-align:center; font-weight:700; font-size:0.68rem; letter-spacing:0.14em;
    text-transform:uppercase; color:var(--orange); padding:1.15rem 0.9rem;
    border-bottom:1px solid var(--grey-line); white-space:nowrap;
  }
  .size-table tbody td{
    text-align:center; padding:1.15rem 0.9rem; border-bottom:1px solid var(--grey-line);
    font-weight:600; font-size:0.95rem; line-height: 1.6rem; white-space:nowrap; color:#d8d8d8;
  }
  .size-table th.lead, .size-table tbody td.lead{
    text-align:left;
  }
  .size-table tbody td.lead{
   font-family:'Archivo Black'; font-size: 0.95rem; color:var(--white);
  }
  .size-table tbody tr{ transition:background .25s ease; }
  .size-table tbody tr:hover{ background:rgba(199,80,0,0.09); }
  .size-table tbody td.dash{ color:#5a5a5a; }
 
@media (max-width:820px){
    #pinwrap{ height:auto; }
    #pinstage{
      position:relative; height:auto; min-height:100svh; overflow:visible;
      flex-direction:column; gap:56px; padding:130px 6vw 70px;
      background:
        radial-gradient(ellipse at 50% 20%, rgba(199,80,0,0.35), rgba(199,80,0,0) 60%), #000;
    }
    .hero-copy{ position:relative; inset:auto; }
    .hero-sub{ max-width:34ch; }
    #tire{ position:relative; width:78vw; max-width:420px; }
   
    .scrollcue{ position:relative; bottom:auto; margin-top:10px; }
 
  }
	  @media (max-width:820px){
    .scroll-hint{ display:block; }
  }