/* Glass Smash / artwork at world scale, gameplay in the foreground. */
.smash-hero{overflow:hidden;background:#111215}
.smash-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end;padding-block:28px 39px}
.smash-title .breadcrumb{display:inline-block;margin-bottom:28px;color:#999e9d;text-decoration:none;border-bottom:1px solid #535755;padding-bottom:3px}
.smash-title .eyebrow{display:flex;gap:10px;align-items:center;color:var(--accent);font-size:.69rem;letter-spacing:.15em;margin-bottom:14px}
.availability-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px #ddf85b70}
.smash-title h1{font-size:clamp(3.6rem,6.5vw,7rem);line-height:.98;letter-spacing:-.065em;margin:0;white-space:nowrap}
.smash-title h1 em{font-style:normal;color:var(--accent)}
.smash-intro{padding-bottom:1px}
.smash-intro>p{font-family:Playfold,Arial,sans-serif;font-size:clamp(1.05rem,1.55vw,1.45rem);line-height:1.4;color:#d9ddd3;letter-spacing:-.035em}
.smash-intro .actions{margin-top:24px;gap:25px}
.smash-intro .button{background:var(--accent);color:var(--ink);min-height:52px}
.trailer-play{font-size:.7rem;margin-left:8px}
.smash-stage{position:relative;isolation:isolate;max-width:1920px;margin:auto;background:#76a8e8}
.smash-keyart{display:block;width:100%;height:clamp(480px,48.83vw,825px);object-fit:cover;object-position:center center}
.smash-stage-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#071221b3,transparent 39%);z-index:1}
.smash-stage-inner{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:36px;z-index:2;pointer-events:none}
.smash-preview{width:294px;flex-shrink:0;padding:7px;background:#111215f2;border:1px solid #ffffff3a;box-shadow:0 18px 60px #07122155;pointer-events:auto;border-radius:9px}
.smash-preview-top,.smash-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Playfold,Arial,sans-serif}
.smash-preview-top{padding:6px 6px 11px;font-size:.61rem;letter-spacing:.09em;color:#d8ddd3}
.smash-preview-top>span:last-child{color:#b1b6aa}
.smash-loop{display:block;aspect-ratio:16/9;width:100%;background:#182826;object-fit:cover;border-radius:3px}
.smash-preview-bottom{padding:5px 6px 0;font-size:.65rem}
.smash-preview-bottom>a{border-bottom:1px solid #757d6b;padding-block:4px;color:var(--paper)}
.smash-preview .motion-toggle{font-size:.625rem;padding:8px 0;min-height:36px;gap:4px;color:#d4d9d0}
.smash-preview .motion-toggle svg{width:15px;height:15px}
.smash-art-caption{font-family:Playfold,Arial,sans-serif;font-size:clamp(.85rem,1.15vw,1.1rem);font-weight:600;letter-spacing:.05em;line-height:1.25;text-align:right;text-shadow:0 2px 10px #0008;color:#fff;padding-bottom:8px}
.smash-specs{display:flex;align-items:center;gap:38px;min-height:86px;font-family:Playfold,Arial,sans-serif;color:#dadcd3;font-size:.875rem}
.smash-specs>span+span:before{content:'/';color:#61665c;margin-right:38px}
.smash-specs small{margin-left:auto;color:#9b9f96;font-family:Martian,Arial,sans-serif;font-size:.7rem}
.smash-story{padding-top:105px}
.smash-gameplay-grid{scroll-margin-top:30px}
.smash-story .smash-gameplay-grid{display:grid;grid-template-columns:.8fr 1.3fr;column-gap:75px;align-items:center}
.smash-story .smash-gameplay-grid .section-heading{display:block;grid-row:1/3;margin:0}
.smash-story .smash-gameplay-grid h2{font-size:clamp(2.5rem,4.6vw,4.6rem);line-height:1.02;letter-spacing:-.065em;margin-bottom:26px}
.smash-story .section-description{font-size:1rem;line-height:1.85;max-width:320px}
.smash-story .video-wrap{border-radius:8px;box-shadow:0 20px 40px #172e4120}
.smash-story .media-caption{grid-column:2;font-size:.65rem;line-height:1.6;align-self:start}
.smash-story .feature-list{margin-block:85px 100px;padding-block:35px;gap:40px}
.smash-story .feature-list h3{font-size:1.2rem;max-width:200px}
.smash-story .feature-list span{font-family:Playfold,Arial,sans-serif;font-size:.8rem}
.smash-story .screenshots{gap:24px}
.smash-story .screenshot{border-radius:9px;box-shadow:0 10px 25px #11121518}
.smash-hero .button:focus-visible,.smash-hero a:focus-visible,.smash-hero button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(min-width:761px){.smash-preview{align-self:flex-start;margin-top:26px}.smash-art-caption{margin-left:auto}}
@media(min-width:1600px){.smash-heading{padding-block:35px 50px}.smash-preview{width:340px}}
@media(max-width:1100px){.smash-heading{gap:25px;grid-template-columns:1.2fr 1fr}.smash-title h1{font-size:6.8vw}.smash-intro .actions{gap:18px}.smash-intro .button{padding-inline:20px}.smash-specs{gap:20px}.smash-specs>span+span:before{margin-right:20px}.smash-story .smash-gameplay-grid{gap:24px 35px}.smash-preview{width:254px}.smash-story .smash-gameplay-grid h2{font-size:3.4rem}}
@media(max-width:760px){.smash-heading{display:block;padding-block:22px 28px}.smash-title .breadcrumb{margin-bottom:24px}.smash-title .eyebrow{font-size:.6rem;margin-bottom:15px}.smash-title h1{font-size:clamp(2.9rem,12vw,5.5rem);white-space:normal}.smash-intro{margin-top:22px}.smash-intro>p{font-size:1.05rem;line-height:1.4}.smash-intro>p br{display:none}.smash-intro .actions{margin-top:21px;gap:24px}.smash-keyart{height:490px;object-position:68% center}.smash-stage-inner{padding-bottom:20px;gap:10px;align-items:flex-end}.smash-preview{width:222px;padding:6px}.smash-preview-top{font-size:.56rem;padding-bottom:8px}.smash-preview .motion-toggle{font-size:.56rem}.smash-preview-bottom{font-size:.61rem;padding-inline:3px}.smash-art-caption{display:none}.smash-specs{padding-block:23px;flex-wrap:wrap;gap:12px 17px;min-height:0;font-size:.7rem}.smash-specs>span+span:before{margin-right:17px}.smash-specs small{width:100%;margin:2px 0 0;font-size:.64rem}.smash-story{padding-block:60px}.smash-story .smash-gameplay-grid{display:block}.smash-story .smash-gameplay-grid .section-heading{margin-bottom:30px}.smash-story .smash-gameplay-grid h2{font-size:3rem;margin-bottom:20px}.smash-story .section-description{max-width:100%;font-size:.95rem}.smash-story .feature-list{margin-block:45px 60px;gap:26px}.smash-story .feature-list h3{font-size:1rem}.smash-story .screenshots{gap:18px}.smash-story .screenshot{min-width:58%}.smash-story .section-heading h2{font-size:2.6rem}}
@media(max-width:380px){.smash-intro .actions{gap:20px}.smash-intro .button{padding-inline:18px}.smash-intro .text-link{font-size:.75rem}.smash-keyart{height:450px}.smash-specs{gap:12px;font-size:.65rem}.smash-specs>span+span:before{margin-right:12px}.smash-preview{width:214px}}