/* D2 scene v2 (t954u/t955u). No charcoal card. Full art, a soft radial scrim, a spaced kicker, a big cream serif title
   and ONE gold pill centred below. Four corner pieces frame the block with no connecting lines.
   Corners are assets/corner_gold_s1.svg (plain L, John pick t962) on one flat see-through panel. Pill centre sits at --by (61% desktop, 64% phone). */
.sc-scrim{position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse 40% 34% at 50% calc(var(--by,61%) - 9%),rgba(8,9,8,.46),rgba(8,9,8,.16) 64%,rgba(8,9,8,0) 100%),
  radial-gradient(ellipse 85% 80% at 50% 50%,rgba(0,0,0,0) 62%,rgba(0,0,0,.34) 100%)}
.sc-hero{position:absolute;isolation:isolate;left:0;right:0;margin:0 auto;width:max-content;max-width:calc(100% - 48px);
 bottom:calc(100% - var(--by,61%) - 57px);padding:40px 72px 34px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#F2EBD9}
/* t960u/t962 one flat see-through rectangle filling the framed area edge to edge. Corners sit on its corners. No gradient, no feather, no border. */
.sc-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(14,15,14,.32);border-radius:2px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.sc-hero .kick{font:600 12px/1 Inter,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:rgba(242,235,217,.86);text-shadow:0 1px 12px rgba(0,0,0,.6);margin:0 0 16px .34em}
.sc-hero h1{margin:0;font:500 clamp(46px,5.6vw,80px)/1.02 Cinzel,serif;letter-spacing:.12em;margin-right:-.12em;color:#F4EDDA;text-shadow:0 2px 24px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.4);text-wrap:balance}
.sc-hero p{margin:14px 0 0;font:italic 500 19px/1.25 'Cormorant Garamond',serif;color:rgba(242,235,217,.88);text-shadow:0 1px 12px rgba(0,0,0,.7);white-space:nowrap}
.sc-go{margin-top:26px;height:46px;padding:0 28px;border:0;border-radius:999px;background:#D9A441;color:#17120B;cursor:pointer;
 font:600 12.5px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:background .2s}
.sc-go:hover{background:#E6B65A}
.sc-go:focus-visible{outline:0;background:#E6B65A;box-shadow:0 0 0 6px rgba(217,164,65,.28),0 10px 30px rgba(0,0,0,.35)}
.sc-hero .cn{position:absolute;width:var(--cs,58px);height:var(--cs,58px);background:url(assets/corner_gold_s1.svg) no-repeat center/contain;pointer-events:none;filter:drop-shadow(0 1px 6px rgba(0,0,0,.5))}
.sc-hero .cn.ctl{left:var(--co,0);top:var(--co,0)}
.sc-hero .cn.ctr{right:var(--co,0);top:var(--co,0);transform:scaleX(-1)}
.sc-hero .cn.cbl{left:var(--co,0);bottom:var(--co,0);transform:scaleY(-1)}
.sc-hero .cn.cbr{right:var(--co,0);bottom:var(--co,0);transform:scale(-1,-1)}
@media (max-width:820px){
 body{--by:47%}
 .sc-hero{max-width:calc(100% - 28px);width:calc(100% - 28px);padding:34px 22px 30px;bottom:calc(100% - var(--by,64%) - 53px)}
 .sc-hero h1{font-size:clamp(32px,10vw,44px);letter-spacing:.09em;margin-right:-.09em}
 .sc-hero .kick{font-size:11px;margin-bottom:12px}
 .sc-hero p{font-size:17px;white-space:normal}
 .sc-go{margin-top:22px}
 .sc-hero .cn{--cs:46px}
}
@media (prefers-reduced-motion:reduce){.sc-go{transition:none}}