@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080a0c;--surface:#111417;--line:rgba(218,220,209,.15);--line-strong:rgba(218,220,209,.3);--text:#e8e7df;--muted:#959894;--soft:#c1c5bc;--accent:#c6d279;--gold:#d4b874;--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 0%,rgba(123,146,133,.09),transparent 30%),radial-gradient(circle at 85% 45%,rgba(112,68,75,.07),transparent 28%);z-index:-2}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");mix-blend-mode:screen}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;background:var(--accent);color:#10130e;padding:10px 14px;z-index:30}.skip-link:focus{top:16px}
.site-header{position:relative;background:transparent}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.12em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:30px;height:38px;color:#0b0d0f;background:var(--text);clip-path:polygon(7% 0,93% 4%,100% 92%,14% 100%,0 9%);font-family:Georgia,serif;font-size:21px;font-weight:700}.brand-name strong{color:var(--accent);font-weight:600}.header-note,.kicker,.meta-label,.card-kicker,.visual-caption,.claim-number{font-family:'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.header-note{color:var(--muted);font-size:10px}.hero{position:relative;display:block;min-height:690px;padding-block:74px 112px;overflow:hidden}.hero-copy{position:relative;z-index:3;width:min(53%,570px);padding-top:46px}.kicker{display:flex;align-items:center;gap:10px;color:var(--soft);font-size:12px;margin:0 0 26px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(198,210,121,.08)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:26px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,8.1vw,108px);font-weight:400;line-height:.9;letter-spacing:-.06em}h1 em{color:var(--accent);font-style:normal}.hero-time{display:grid;gap:3px;width:fit-content;margin:28px 0 30px;padding:12px 0 12px 17px;border-left:2px solid var(--accent)}.hero-time strong{color:var(--text);font-family:Georgia,serif;font-size:clamp(34px,4vw,48px);font-weight:400;line-height:.95;letter-spacing:-.04em}.hero-time>span:last-child{color:var(--soft);font-size:16px}.hero-time small{color:var(--muted);font-size:11px}.meta-label{color:var(--muted);font-size:10px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:0}.button{display:inline-flex;align-items:center;gap:13px;padding:13px 18px;border:1px solid var(--line-strong);font-size:13px;font-weight:600;transition:transform .2s ease,background .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px);border-color:var(--accent)}.button-primary{color:#0a0c0d;background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:#d7e291}.button-ghost{color:var(--text);background:rgba(255,255,255,.02)}
.hero-visual{position:absolute;z-index:1;top:0;right:0;width:63%;height:100%;max-width:none}.hero-visual:before{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(8,10,12,.86) 14%,rgba(8,10,12,.18) 64%,rgba(8,10,12,.25) 100%),linear-gradient(180deg,rgba(8,10,12,.05) 45%,var(--bg) 100%);pointer-events:none}.hero-frame{position:relative;height:100%;overflow:hidden;background:#1a1e21}.hero-frame:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,10,12,.08),rgba(8,10,12,.5));mix-blend-mode:multiply}.hero-frame img{width:100%;height:100%;object-fit:cover;object-position:53% 42%;filter:saturate(.58) contrast(1.12) brightness(.66);transform:scale(1.02)}.hero-card-label{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;display:flex;justify-content:space-between;align-items:end;color:var(--soft);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em}.hero-card-label b{color:var(--text);font-family:Georgia,serif;font-size:68px;font-weight:400;line-height:.75}.hero-suit{position:absolute;z-index:2;color:rgba(232,231,223,.7);font-family:Georgia,serif;font-size:54px}.suit-spade{top:24px;right:28px}.suit-diamond{bottom:112px;left:24px;color:var(--accent);font-size:33px}.visual-caption{display:flex;justify-content:space-between;padding:12px 4px 0;color:var(--muted);font-size:9px}
.section{padding-block:112px 90px}.activity-card{position:relative;display:grid;grid-template-columns:78px 1fr;gap:30px;background:linear-gradient(130deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--line);padding:30px;overflow:hidden}.activity-card:before{content:'';position:absolute;width:180px;height:180px;top:-120px;right:-50px;border-radius:50%;background:rgba(131,169,164,.08);filter:blur(2px);pointer-events:none}.activity-index{color:rgba(232,231,223,.22);font-family:Georgia,serif;font-size:58px;line-height:.9}.activity-main{min-width:0}.activity-head{display:flex;align-items:start;gap:14px}.activity-symbol{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;color:var(--accent);border:1px solid rgba(198,210,121,.4);font-family:'DM Mono',monospace;font-size:11px}.card-kicker{margin:0 0 5px;color:var(--muted);font-size:10px}h3{margin:0;color:var(--text);font-family:Georgia,serif;font-size:clamp(24px,3vw,34px);font-weight:400;line-height:1.05;letter-spacing:-.03em}.reward-badge{margin-left:auto;padding:5px 8px;color:var(--accent);border:1px solid rgba(198,210,121,.33);font-family:'DM Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.activity-desc{max-width:760px;margin:18px 0 20px;color:var(--muted);font-size:14px;line-height:1.62}.reward-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reward-grid>div{display:grid;gap:4px;padding:13px 10px;border-right:1px solid var(--line)}.reward-grid>div:last-child{border-right:0}.reward-grid span,.highlight-row span{color:var(--muted);font-family:'DM Mono',monospace;font-size:10px}.reward-grid strong{color:var(--gold);font-family:Georgia,serif;font-size:20px;font-weight:400;white-space:nowrap}.reward-grid small{color:var(--muted);font-family:'Space Grotesk',sans-serif;font-size:10px}.activity-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}.activity-grid .activity-card{min-height:300px}.activity-grid .activity-card.compact{min-height:260px}.big-reward{display:flex;align-items:baseline;gap:12px;margin:27px 0 11px}.big-reward strong{color:var(--gold);font-family:Georgia,serif;font-size:58px;font-weight:400;line-height:.9}.big-reward span{color:var(--muted);font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase}.micro-note{color:var(--muted);font-size:12px}.inline-link{display:inline-block;margin-top:8px;border-bottom:1px solid rgba(198,210,121,.4);padding-bottom:3px;color:var(--accent);font-size:12px}.highlight-row{display:grid;grid-template-columns:repeat(2,1fr);border-block:1px solid var(--line);margin:20px 0 14px}.highlight-row>div{display:grid;gap:4px;padding:14px 16px 13px 0}.highlight-row>div+div{border-left:1px solid var(--line);padding-left:16px}.highlight-row strong{color:var(--gold);font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1}.highlight-row small{color:var(--muted);font-size:11px}.example{margin-top:16px;color:var(--soft);font-size:12px}.example span{display:inline-block;margin-right:8px;color:var(--accent);font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase}.example strong{color:var(--gold);font-weight:600}
.claims{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding-block:90px 120px;border-top:1px solid var(--line)}.claims-art{position:relative;min-height:420px;overflow:hidden;border:1px solid var(--line);background:#111417}.claims-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,12,.08) 35%,rgba(8,10,12,.86) 100%),linear-gradient(90deg,rgba(8,10,12,.18),transparent 55%);pointer-events:none}.claims-art img{width:100%;height:100%;min-height:420px;display:block;object-fit:cover;object-position:50% 40%;filter:saturate(.72) contrast(1.08) brightness(.68)}.claims-art-label{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end;gap:18px;color:var(--soft);font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.1em}.claims-art-label strong{color:var(--text);font-family:Georgia,serif;font-size:24px;font-weight:400;letter-spacing:-.02em}.claims-panel{border-top:1px solid var(--line-strong)}.claim-row{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.claim-number{color:var(--accent);font-size:10px}.claim-row strong{color:var(--text);font-size:14px;font-weight:600}.claim-row p{margin:4px 0 0;color:var(--muted);font-size:12px}.claim-row a{color:var(--accent);font-size:12px}.claim-tag{padding:5px 8px;color:var(--accent);border:1px solid rgba(198,210,121,.35);font-family:'DM Mono',monospace;font-size:10px;white-space:nowrap}.claim-tag.muted{color:var(--muted);border-color:var(--line)}.site-footer{border-top:1px solid var(--line);padding-block:34px 42px}.footer-wrap{display:flex;justify-content:space-between;align-items:end;gap:40px}.footer-wrap p{margin:16px 0 0;color:var(--muted);font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;color:var(--accent);font-size:12px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:translateY(0)}
@media(max-width:900px){.container{width:min(100% - 34px,680px)}.hero{min-height:auto;display:grid;grid-template-columns:1fr;gap:32px;padding-block:38px 56px;overflow:visible}.hero-copy{width:100%;padding-top:0}.hero-visual{position:relative;top:auto;right:auto;width:min(100%,520px);height:auto;justify-self:center}.hero-visual:before{display:none}.hero-frame{height:auto;aspect-ratio:4/5;border:1px solid rgba(232,231,223,.27);box-shadow:var(--shadow)}.hero-frame img{object-position:53% 38%}.reward-grid{grid-template-columns:repeat(4,1fr)}.reward-grid>div:nth-child(4){border-right:0}.reward-grid>div:nth-child(-n+4){border-bottom:1px solid var(--line)}.claims{grid-template-columns:1fr;gap:40px}.claims-art,.claims-art img{min-height:0;aspect-ratio:1/1.05}}
@media(max-width:560px){.container{width:min(100% - 24px,480px)}.nav-wrap{height:68px}.brand{font-size:13px}.header-note{font-size:8px}.hero{padding-top:32px}.hero-copy{padding-inline:4px}h1{font-size:clamp(53px,16vw,78px)}.hero-actions{display:grid;grid-template-columns:1fr}.button{justify-content:space-between}.hero-card-label b{font-size:52px}.section{padding-block:76px 70px}.activity-card{grid-template-columns:42px 1fr;gap:14px;padding:20px 16px}.activity-index{font-size:44px}.activity-head{gap:10px;flex-wrap:wrap}.activity-head .reward-badge{margin-left:42px}h3{font-size:25px}.reward-grid{grid-template-columns:repeat(2,1fr)}.reward-grid>div:nth-child(2n){border-right:0}.reward-grid>div:nth-child(-n+4),.reward-grid>div:nth-child(5),.reward-grid>div:nth-child(6){border-bottom:1px solid var(--line)}.reward-grid strong{font-size:19px}.big-reward strong{font-size:52px}.highlight-row{grid-template-columns:1fr}.highlight-row>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.claims{padding-block:68px 88px}.claim-row{grid-template-columns:48px 1fr;gap:10px}.claim-row>a,.claim-row>.claim-tag{grid-column:2;justify-self:start}.footer-wrap{display:block}.footer-links{margin-top:25px;gap:14px 18px}}

/* Refinements requested after the first review. */
.hero-time>span:last-child{font-family:Georgia,serif;font-size:clamp(34px,4vw,48px);font-weight:400;line-height:.95;letter-spacing:-.04em;color:var(--text)}
.hero-time small{font-family:inherit;font-size:inherit;color:inherit}
.activity-desc{font-size:16px;line-height:1.65}
.claims{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.claims-art{width:100%;min-height:0;aspect-ratio:4/5}
.claims-art img{min-height:0}
.claim-row strong{font-size:16px}
.claim-row p{font-size:14px;line-height:1.55}
.claim-row a{font-size:14px}
.activity-two{margin-top:18px}
.referral-card{margin-top:18px;background:linear-gradient(120deg,rgba(198,210,121,.065),rgba(255,255,255,.018) 48%);border-color:rgba(198,210,121,.27)}
.referral-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:34px;align-items:stretch}
.referral-copy .activity-desc{max-width:700px;margin-bottom:22px}
.referral-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 18px}
.referral-step{min-height:118px;padding:16px 15px;background:rgba(8,10,12,.4);border:1px solid var(--line)}
.referral-step>span{display:grid;place-items:center;width:27px;height:27px;margin-bottom:12px;border:1px solid rgba(198,210,121,.45);color:var(--accent);font:11px 'DM Mono',monospace}
.referral-step p{margin:0;color:var(--soft);font-size:14px;line-height:1.5}
.referral-repeat{max-width:690px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.referral-reward{display:flex;flex-direction:column;justify-content:center;padding:22px;background:rgba(8,10,12,.55);border:1px solid rgba(198,210,121,.25)}
.reward-label{color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.referral-reward>strong{display:block;margin:3px 0 20px;color:var(--gold);font:400 76px/.95 Georgia,serif}
.weekly-note{display:flex;gap:10px;padding-top:15px;border-top:1px solid var(--line)}
.weekly-dot{flex:0 0 7px;width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(198,210,121,.08)}
.weekly-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.weekly-note b{color:var(--soft);font-weight:600}
@media(max-width:900px){.claims{grid-template-columns:1fr;gap:30px}.claims-art{width:min(100%,320px);justify-self:center;aspect-ratio:4/5}.claims-art img{aspect-ratio:4/5}.claim-row p{font-size:14px}}
@media(max-width:700px){.referral-layout{grid-template-columns:1fr;gap:22px}.referral-reward{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:18px}.referral-reward>strong{grid-column:2;grid-row:1/3;margin:0;font-size:58px}.weekly-note{grid-column:1/-1}.referral-steps{grid-template-columns:1fr;gap:8px}.referral-step{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;min-height:0;padding:12px}.referral-step>span{margin:0}.hero-time>span:last-child{font-size:clamp(25px,7vw,32px)}.hero-time strong{font-size:clamp(25px,7vw,32px)}}

/* Keep the claim artwork clean and give its caption a deliberate footer. */
.claims{grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:clamp(32px,4vw,54px)}
.claims-art{display:flex;flex-direction:column;justify-self:center;width:min(100%,280px);aspect-ratio:auto;min-height:0;padding:0;background:#111417}
.claims-art:after{display:none}
.claims-art img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:4/5;object-fit:cover;object-position:50% 40%;filter:saturate(.72) contrast(1.08) brightness(.72)}
.claims-art-label{position:static;display:grid;gap:5px;padding:14px 16px 16px;border-top:1px solid var(--line);font-size:9px;line-height:1.35}
.claims-art-label span{white-space:nowrap}
.claims-art-label strong{font-size:21px;line-height:1;white-space:nowrap}
@media(max-width:900px){.claims{grid-template-columns:1fr;gap:32px}.claims-art{width:min(100%,280px);aspect-ratio:auto}.claims-art img{aspect-ratio:4/5}}

@media(min-width:901px){.hero{min-height:560px;padding-block:44px 64px}.hero-copy{padding-top:20px}}

/* Editorial payout examples with a quiet card-suit detail. */
.reward-example{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}
.reward-example>div{display:grid;gap:4px;flex:0 0 auto}
.example-label{color:var(--soft);font-size:12px;font-weight:600}
.example-label .poker-suit{margin-right:5px;color:var(--accent);font-style:normal;font-size:14px}
.example-label .red-suit{color:#b96a62}
.reward-example>div small{color:var(--muted);font-size:11px}
.reward-example>p{display:flex;align-items:baseline;gap:11px;margin:0;color:var(--muted);font-size:13px;white-space:nowrap}
.reward-example>p b{color:var(--accent);font:400 15px Georgia,serif}
.reward-example>p strong{margin-left:2px;color:var(--gold);font:400 28px/1 Georgia,serif}
@media(max-width:640px){.reward-example{align-items:flex-start;flex-direction:column;gap:11px}.reward-example>p{width:100%;flex-wrap:wrap;gap:8px;font-size:12px}.reward-example>p strong{margin-left:auto;font-size:26px}}

/* Use the supplied king artwork as the campaign's lead visual. */
.hero-frame img{object-position:50% 34%;filter:saturate(.66) contrast(1.08) brightness(.76);transform:scale(1.015)}
.hero-frame:before{background:linear-gradient(180deg,rgba(8,10,12,.04),rgba(8,10,12,.46));mix-blend-mode:multiply}
.hero-visual:before{background:linear-gradient(90deg,var(--bg) 0%,rgba(8,10,12,.82) 12%,rgba(8,10,12,.12) 62%,rgba(8,10,12,.2) 100%),linear-gradient(180deg,rgba(8,10,12,.02) 48%,var(--bg) 100%)}
.claims{border-top:0;padding-top:42px}
@media(max-width:900px){.hero-frame img{object-position:50% 31%}.hero-frame{aspect-ratio:4/5}.claims{padding-top:34px}}
@media(max-width:560px){.hero{gap:24px;padding-bottom:40px}.hero-visual{width:min(100%,420px)}.hero-frame{aspect-ratio:4/5}.hero-frame img{object-position:50% 30%}.claims{padding-top:28px}}

/* Compact mobile hero: keep the portrait behind the copy and keep actions in one row where possible. */
@media(max-width:900px){
  .hero{position:relative;display:block;min-height:540px;padding:30px 0 28px;overflow:hidden}
  .hero-copy{position:relative;z-index:3;width:100%;max-width:100%;padding:22px 2px 0}
  .hero-visual{position:absolute;z-index:1;inset:0 -16px 0 auto;width:88%;height:100%;max-width:none;justify-self:auto}
  .hero-visual:before{display:block;background:linear-gradient(90deg,var(--bg) 0%,rgba(8,10,12,.92) 20%,rgba(8,10,12,.58) 52%,rgba(8,10,12,.1) 100%),linear-gradient(180deg,rgba(8,10,12,.12),rgba(8,10,12,.14) 60%,var(--bg) 100%)}
  .hero-frame{height:100%;aspect-ratio:auto;border:0;box-shadow:none;background:transparent}
  .hero-frame img{width:100%;height:100%;object-fit:cover;object-position:62% 34%;filter:saturate(.66) contrast(1.08) brightness(.76)}
  .visual-caption{display:none}
  .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}
  .hero-actions .button{min-height:42px;justify-content:center;gap:8px;padding:9px 11px;font-size:11px;white-space:nowrap;background:rgba(8,10,12,.78);border:1px solid rgba(232,231,223,.45);color:var(--text);backdrop-filter:blur(5px)}
  .hero-actions .button:hover,.hero-actions .button:focus-visible{background:rgba(198,210,121,.14);border-color:var(--accent);color:var(--text)}
  .hero-actions .button span{color:var(--accent)}
}
@media(max-width:560px){
  .hero{min-height:610px;padding:26px 0 22px}
  .hero-copy{padding-top:24px}
  .hero-visual{width:100%;right:-12px}
  .hero-visual:before{background:linear-gradient(90deg,var(--bg) 0%,rgba(8,10,12,.9) 28%,rgba(8,10,12,.55) 60%,rgba(8,10,12,.08) 100%),linear-gradient(180deg,rgba(8,10,12,.06),rgba(8,10,12,.08) 62%,var(--bg) 100%)}
  .hero-frame img{object-position:62% 34%}
  .kicker{font-size:10px;margin-bottom:20px}
  h1{max-width:100%;font-size:clamp(42px,12vw,52px);line-height:.93}
  .hero-time{margin:22px 0 20px;padding:8px 0 8px 12px}
  .hero-time strong,.hero-time>span:last-child{font-size:clamp(24px,7vw,30px)}
  .hero-actions{gap:7px;margin-top:16px}
  .hero-actions .button{min-height:40px;padding:8px 9px;gap:6px;font-size:10px}
  .hero-suit.suit-spade{top:52%;right:16px;font-size:38px}
  .hero-suit.suit-diamond{bottom:58px;left:auto;right:35px;font-size:24px}
}
@media(max-width:370px){.hero-actions .button{padding-inline:7px;font-size:9px}.hero{min-height:590px}}

/* Mobile art direction: one compact action row over a restrained poster treatment. */
@media(max-width:900px){
  .hero{min-height:500px;padding-top:24px;padding-bottom:24px}
  .hero-copy{padding-top:28px}
  .hero-visual{width:86%;right:-10px}
  .hero-visual:before{background:linear-gradient(90deg,var(--bg) 0%,rgba(8,10,12,.92) 19%,rgba(8,10,12,.55) 55%,rgba(8,10,12,.08) 100%),linear-gradient(180deg,rgba(8,10,12,.12),transparent 40%,rgba(8,10,12,.16) 68%,var(--bg) 100%)}
  .hero-actions{display:flex;flex-flow:row nowrap;gap:8px;max-width:100%;margin-top:18px}
  .hero-actions .button,.hero-actions .button-primary,.hero-actions .button-ghost{flex:0 1 auto;min-height:42px;justify-content:center;gap:8px;padding:9px 12px;color:var(--text);background:rgba(8,10,12,.42);border:1px solid rgba(232,231,223,.55);backdrop-filter:blur(3px);font-size:11px}
  .hero-actions .button span{color:var(--accent)}
  .hero-actions .button:hover,.hero-actions .button:focus-visible{background:rgba(232,231,223,.1);border-color:var(--text)}
  .hero-frame img{object-position:64% 32%}
}
@media(max-width:560px){
  .hero{min-height:550px;padding-top:20px;padding-bottom:18px}
  .hero-copy{padding:25px 2px 0}
  .hero-visual{width:100%;right:-12px}
  .hero-visual:before{background:linear-gradient(90deg,var(--bg) 0%,rgba(8,10,12,.94) 24%,rgba(8,10,12,.62) 55%,rgba(8,10,12,.16) 100%),linear-gradient(180deg,rgba(8,10,12,.1),transparent 40%,rgba(8,10,12,.1) 69%,var(--bg) 100%)}
  .kicker{font-size:10px;margin-bottom:17px}
  h1{font-size:clamp(42px,11.5vw,52px);line-height:.93;max-width:94%}
  .hero-time{margin:19px 0 16px;padding:7px 0 7px 12px}
  .hero-time strong,.hero-time>span:last-child{font-size:clamp(23px,6.7vw,29px)}
  .hero-actions{width:100%;gap:6px;margin-top:15px}
  .hero-actions .button,.hero-actions .button-primary,.hero-actions .button-ghost{min-height:38px;gap:5px;padding:7px 8px;font-size:clamp(9px,2.55vw,10px)}
  .hero-actions .button span{font-size:10px}
  .hero-suit.suit-spade{top:52%;right:13px;font-size:31px;opacity:.8}
  .hero-suit.suit-diamond{bottom:48px;right:28px;font-size:21px;opacity:.8}
  .section{padding-top:34px}
}
@media(max-width:360px){
  .hero{min-height:530px}
  .hero-actions{gap:5px}
  .hero-actions .button,.hero-actions .button-primary,.hero-actions .button-ghost{padding-inline:6px;font-size:9px}
}

@media(min-width:901px){.hero{min-height:490px;padding-block:34px 28px}.hero-copy{padding-top:8px}.section{padding-top:46px}}
@media(max-width:900px){.section{padding-top:54px}}
@media(max-width:560px){.section{padding-top:42px}}

.reward-math{margin-top:22px;padding:17px 19px 16px;background:linear-gradient(110deg,rgba(198,210,121,.075),rgba(255,255,255,.018) 58%);border:1px solid rgba(198,210,121,.22)}
.math-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.math-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(198,210,121,.38);color:var(--accent);font-size:13px}
.math-heading b{display:block;color:var(--accent);font:10px 'DM Mono',monospace;letter-spacing:.1em}
.math-heading small{display:block;margin-top:2px;color:var(--muted);font-size:11px}
.math-equation{display:flex;align-items:center;gap:clamp(10px,2vw,24px)}
.math-part{display:grid;gap:3px;min-width:0}
.math-caption{color:var(--muted);font:9px 'DM Mono',monospace;letter-spacing:.08em}
.math-part strong,.math-total strong{color:var(--gold);font:400 clamp(27px,3vw,38px)/1 Georgia,serif;white-space:nowrap}
.math-part strong i{color:var(--muted);font:400 13px 'DM Mono',monospace}
.math-part small{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}
.math-operator{color:var(--accent);font:400 23px Georgia,serif}
.math-total{display:grid;gap:4px;margin-left:auto;padding:9px 13px;background:rgba(198,210,121,.09);border:1px solid rgba(198,210,121,.25)}
.math-total strong{color:var(--accent);font-size:clamp(31px,3.3vw,42px)}
.audience-dots{display:inline-flex;gap:3px}
.audience-dots i{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.82}
@media(max-width:560px){.reward-math{padding:14px 12px}.math-equation{gap:8px}.math-part strong,.math-total strong{font-size:25px}.math-part strong i{font-size:10px}.math-part small{font-size:9px}.math-total{padding:8px}.math-caption{font-size:8px}}

/* Art direction: a printed tournament notice, with typography doing the work. */
body{background:#0c0e0d}
body:before{display:none}
.grain{display:none}
.activity-card,.referral-card{background:transparent;border:0;border-top:1px solid rgba(232,231,223,.24);padding:27px 0 30px}
.activity-card:before{display:none}
.activity-grid{grid-template-columns:1fr;gap:0;margin-top:0}
.activity-grid .activity-card,.activity-grid .activity-card.compact{min-height:0}
.activity-index{color:rgba(232,231,223,.36);font-size:48px}
.activity-symbol{width:auto;height:auto;flex:0 0 auto;border:0;color:var(--gold);font-family:Georgia,serif;font-size:19px}
.activity-head{gap:13px;align-items:center}
.reward-badge{padding:0;border:0;color:var(--soft);font-size:9px}
.activity-desc{color:#b6b8b2}
.reward-grid{border-color:rgba(232,231,223,.24)}
.reward-grid>div{border-color:rgba(232,231,223,.14)}
.reward-grid strong,.highlight-row strong{color:#e2c783}
.highlight-row{border-color:rgba(232,231,223,.24)}
.highlight-row>div+div{border-color:rgba(232,231,223,.14)}
.reward-example{border-color:rgba(232,231,223,.2)}
.reward-example>p b{color:var(--soft)}
.reward-example>p strong{color:#e2c783}
.activity-two{margin-top:0}
.big-reward strong{color:#e2c783}
.referral-card{margin-top:34px}
.referral-layout{grid-template-columns:minmax(0,1fr) 190px;gap:44px}
.referral-steps{gap:18px;margin:22px 0 19px}
.referral-step{min-height:0;padding:12px 0;background:transparent;border:0;border-top:1px solid rgba(232,231,223,.2)}
.referral-step>span{width:auto;height:auto;display:block;margin-bottom:9px;border:0;color:var(--gold);font:11px 'DM Mono',monospace}
.referral-reward{padding:4px 0 4px 24px;background:transparent;border:0;border-left:1px solid rgba(232,231,223,.22)}
.referral-reward>strong{color:#e2c783;font-size:72px}
.weekly-note{border-color:rgba(232,231,223,.2)}
.weekly-dot{background:var(--gold);box-shadow:none}
.claims{border-top:1px solid rgba(232,231,223,.2)}
.claim-tag{padding:0;border:0;color:var(--soft)}
.claim-tag.muted{border:0}
.hero-actions .button,.hero-actions .button-primary,.hero-actions .button-ghost{color:#10120d;background:var(--accent);border:1px solid var(--accent);backdrop-filter:none}
.hero-actions .button span{color:#10120d}
.hero-actions .button:hover,.hero-actions .button:focus-visible{color:#10120d;background:#d7e291;border-color:#d7e291}
.hero-actions .button,.hero-actions .button-primary,.hero-actions .button-ghost{color:#10120d;background:var(--accent);border:1px solid var(--accent);backdrop-filter:none}
.hero-actions .button span{color:#10120d}
.hero-actions .button:hover,.hero-actions .button:focus-visible{color:#10120d;background:#d7e291;border-color:#d7e291}
@media(max-width:900px){
  .activity-grid{grid-template-columns:1fr;gap:0}
  .activity-grid .activity-card{min-height:0}
  .referral-layout{grid-template-columns:1fr;gap:22px}
  .referral-reward{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0;border:0;border-top:1px solid rgba(232,231,223,.2);padding-top:18px}
  .referral-reward>strong{grid-column:2;grid-row:1/3;margin:0}
  .weekly-note{grid-column:1/-1}
}
@media(max-width:560px){
  .activity-card,.referral-card{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:22px 0 24px}
  .activity-index{font-size:36px}
  .activity-head{gap:8px}
  .activity-head .reward-badge{margin-left:auto}
  .referral-steps{gap:12px}
  .referral-step{display:block;padding:10px 0}
  .referral-step>span{margin-bottom:6px}
  .referral-reward>strong{grid-column:2;grid-row:1/3}
}

/* Lower the mobile hero copy so it sits more naturally over the portrait. */
/* Match the reference mobile composition: portrait first, copy overlapping its lower edge. */
@media(max-width:900px){
  .hero{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-height:0;gap:0;padding:12px 0 54px;overflow:hidden}
  .hero-visual{position:relative;inset:auto;grid-row:1;justify-self:start;width:100%;height:auto;aspect-ratio:366 / 452;margin-left:12px}
  .hero-visual:before{display:block;background:linear-gradient(180deg,rgba(8,10,12,.12) 0%,rgba(8,10,12,.03) 34%,rgba(8,10,12,.78) 76%,var(--bg) 100%)}
  .hero-frame{height:100%;aspect-ratio:auto;border:0;box-shadow:none;background:transparent}
  .hero-frame:before{background:linear-gradient(180deg,rgba(8,10,12,.04),rgba(8,10,12,.46));mix-blend-mode:multiply}
  .hero-frame img{object-position:50% 32%;filter:saturate(.7) contrast(1.1) brightness(.72);transform:scale(1.015)}
  .hero-copy{position:relative;top:auto;grid-row:2;z-index:3;width:100%;max-width:none;margin-top:-108px;padding:0 12px;transform:none}
  .hero-suit.suit-spade{top:58%;right:10px}
  .hero-suit.suit-diamond{bottom:12%;left:auto;right:22px}
  .section{padding-top:16px}
}
@media(max-width:560px){
  .hero{padding-bottom:54px}
  .kicker{margin-bottom:15px}
  h1{max-width:100%;font-size:clamp(48px,14vw,58px);line-height:.92;margin-bottom:20px}
  .hero-time{margin:20px 0 22px;padding:10px 0 10px 14px}
  .hero-time strong,.hero-time>span:last-child{font-size:clamp(26px,7.5vw,30px)}
  .hero-actions{margin-top:15px}
}
@media(max-width:560px){
  .activity-card:first-child .activity-head{row-gap:3px}
  .activity-card:first-child .activity-head .reward-badge{margin-left:27px;margin-top:-3px}
  .activity-card:first-child .activity-desc{margin-top:9px;margin-bottom:14px}
}
@media(max-width:900px){
  .activity-two .activity-symbol{display:none}
}