/* deck layer for SIAM WPC */
html{scroll-behavior:smooth}
.hero{padding:92px 0 74px}
.hero-grid{gap:58px;align-items:center}
.hero h1{font-size:clamp(34px,4.5vw,58px);letter-spacing:-.03em;line-height:1.08;font-weight:800}
.hero .sub{font-size:16.5px;max-width:50ch;color:var(--ink2)}
.hero .pill{margin-bottom:20px}
.heroart svg{border-radius:22px;box-shadow:0 46px 80px -56px rgba(20,24,29,.55)}
.hero .facts{margin-top:40px;padding-top:24px}

#page-main>section, #page-home>section{counter-increment:sec}
#page-home>section.hero, #page-main>section.hero{counter-increment:none}
.sec-h .eyebrow::before{content:counter(sec,decimal-leading-zero) "  /  ";font-variant-numeric:tabular-nums;opacity:.85}
.sec-h h2{font-size:clamp(25px,3.1vw,36px);letter-spacing:-.025em;line-height:1.15;font-weight:800}
.sec-h .lead{font-size:15px;max-width:58ch}
section > .wrap{padding-top:6px}
section{padding-top:84px;padding-bottom:84px}
section.hero{padding-top:92px}
.wh, .dark-strip{padding-top:70px;padding-bottom:70px}

.grid .card{transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s,border-color .5s}
.grid .card:hover{transform:translateY(-5px);box-shadow:0 30px 56px -40px rgba(20,24,29,.5)}
.grid .card .art svg{transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.grid .card:hover .art svg{transform:scale(1.04)}

.deck-rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:45}
.deck-rail a{width:7px;height:7px;border-radius:50%;background:#cfc9bf;transition:.3s;position:relative}
.deck-rail a.on{background:var(--wood);transform:scale(1.55)}
.deck-rail a span{position:absolute;right:16px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:11px;color:var(--muted);opacity:0;transition:opacity .25s;pointer-events:none;background:#fff;border:1px solid var(--bd);padding:3px 8px;border-radius:6px}
.deck-rail a:hover span{opacity:1}


@media (max-width:900px){
  .hero{padding:56px 0 44px}
  .hero h1{font-size:30px}
  .deck-rail{display:none}
  section{padding-top:60px;padding-bottom:60px}
}
@media (prefers-reduced-motion:reduce){
  .grid .card:hover{transform:none}
}