:root{color-scheme:dark;--bg:#071925;--white:#f5fdff;--mist:#b6d1de;--aqua:#66f6ee;--line:#2c5262}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.site-shell{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;background:radial-gradient(ellipse 65% 40% at 50% 26%,#17485d 0%,#092635 52%,transparent 100%),linear-gradient(160deg,#061721,#061d2b 53%,#061621 100%)}.site-shell:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.27;background-image:radial-gradient(#a8f8f3 .55px,transparent .55px);background-size:27px 27px;mask-image:linear-gradient(180deg,transparent,#000 23%,transparent 90%)}.ambient{position:absolute;pointer-events:none;z-index:-1;filter:blur(82px);border-radius:50%;opacity:.28}.ambient-one{width:370px;height:370px;left:-260px;top:300px;background:#0cc6bf}.ambient-two{width:430px;height:430px;right:-290px;top:130px;background:#1c76bf}.site-header{height:100px;max-width:1330px;margin:auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(131,217,223,.14)}.brand{color:#e9fcfe;text-decoration:none;display:flex;gap:13px;align-items:center;font-weight:900;letter-spacing:2px;font-size:17px;line-height:1}.brand-mark{font-size:27px;color:var(--aqua);filter:drop-shadow(0 0 11px #1bafbd)}.brand-small{display:block;color:#6ebec6;font-size:8px;letter-spacing:3px;margin-top:6px}.header-status{font-size:10px;letter-spacing:2.3px;color:#a3d2d9;font-weight:700;display:flex;align-items:center;gap:12px}.status-dot,.coming-pip{width:6px;height:6px;background:var(--aqua);border-radius:50%;box-shadow:0 0 14px #43e3df}.hero{max-width:1100px;margin:auto;text-align:center;padding:0 24px 94px}.art{width:min(620px,95%);height:315px;position:relative;margin:10px auto -12px}.dice-glow{position:absolute;width:65%;height:44%;left:17%;top:31%;background:rgba(19,212,226,.16);filter:blur(52px);border-radius:50%}.dice-svg{position:relative;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 28px 30px rgba(0,0,0,.35))}.die{transform-box:fill-box;transform-origin:center;animation:arrive 1.15s cubic-bezier(.2,.86,.15,1) both}.die-right{animation-delay:.19s}@keyframes arrive{from{transform:translateY(-55px) rotate(-13deg);opacity:.1}to{transform:translateY(0) rotate(0);opacity:1}}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:#7ae2e0;font-size:11px;letter-spacing:5px;font-weight:700;margin:8px 0 13px}.eyebrow-rule{width:28px;height:1px;background:#7ae2e0}.hero h1{font-size:clamp(54px,10vw,116px);letter-spacing:-.055em;line-height:.9;font-weight:1000;margin:0;text-shadow:0 0 40px rgba(81,234,228,.13);font-stretch:condensed}.subbrand{color:#77e6e7;font-weight:900;letter-spacing:.55em;font-size:clamp(11px,1.8vw,19px);margin:17px 0 30px;padding-left:.55em}.separator{display:flex;gap:18px;align-items:center;justify-content:center;margin:0 auto 27px}.separator span:not(.diamond){height:1px;width:85px;background:linear-gradient(90deg,transparent,#4e9da8)}.separator span:last-child{transform:rotate(180deg)}.diamond{color:#83ede6;font-size:11px}.hero h2{font-weight:800;font-size:clamp(29px,5vw,56px);letter-spacing:-.04em;margin:0 0 14px}.hero h2 em{font-style:normal;color:var(--aqua)}.hero-copy{color:var(--mist);font-size:clamp(15px,2.2vw,19px);line-height:1.8;margin:0}.coming{display:inline-flex;align-items:center;gap:19px;margin-top:36px;border:1px solid rgba(96,247,239,.5);padding:15px 27px;border-radius:3px;letter-spacing:4px;font-size:12px;font-weight:800;color:#adfff8;background:rgba(25,101,114,.12);box-shadow:0 0 45px rgba(44,218,223,.075)}.lower{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1170px;margin:auto;padding:38px 24px 67px;border-top:1px solid rgba(131,217,223,.16)}.lower-item{display:flex;gap:17px;align-items:flex-start}.lower-number{white-space:nowrap;color:#5ec4c7;font-size:11px;letter-spacing:1px;font-weight:800;padding-top:4px}.lower h3{text-transform:uppercase;letter-spacing:2px;margin:0 0 9px;font-size:12px}.lower p{color:#95b6c2;font-size:13px;line-height:1.6;margin:0}footer{max-width:1330px;margin:auto;padding:25px 42px;border-top:1px solid rgba(131,217,223,.12);display:flex;justify-content:space-between;gap:20px;color:#6f9aa6;letter-spacing:1.7px;font-size:10px}@media(max-width:670px){.site-header{height:76px;padding:0 19px}.brand{font-size:13px}.brand-mark{font-size:21px}.header-status{font-size:8px;letter-spacing:1px;max-width:110px;line-height:1.4}.hero{padding:0 16px 65px}.art{height:246px;width:100%;margin:4px auto -17px}.eyebrow{font-size:9px;letter-spacing:3px}.hero h1{font-size:clamp(42px,12vw,77px)}.subbrand{letter-spacing:.3em;margin-top:13px}.hero h2{font-size:clamp(27px,7vw,40px)}.hero-copy{font-size:15px}.lower{grid-template-columns:1fr;gap:26px;padding:30px 25px 47px}footer{padding:22px;flex-direction:column;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Updated hero artwork: Stu’s selected neon dice */
.dice-image{display:block;position:relative;width:100%;height:100%;object-fit:contain;border-radius:17px;filter:drop-shadow(0 13px 25px rgba(0,130,240,.17));animation:neon-enter 1s ease-out both}
@keyframes neon-enter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.dice-image{animation:none}}

/* v2: smaller hero image, dedicated space below artwork, no text overlap */
.art{width:min(540px,90%);height:270px;margin:18px auto 26px;}
.dice-image{object-fit:contain;}
@media(max-width:670px){.art{width:min(100%,420px);height:auto;aspect-ratio:1137 / 636;margin:16px auto 25px;}}