.product-page{--product-accent:#e9ae65}.unttld-page{--product-accent:#c4cad7}.product-header{height:96px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.product-header nav{display:flex;gap:32px;font-size:14px}.product-header nav a:hover{color:var(--product-accent)}.product-page main{overflow:clip}.eyebrow,.hero-topline,.hero-bottomline>span{font:14px/1.6 var(--mono);color:var(--muted)}.eyebrow{margin:0 0 24px}.product-page h2{font-size:clamp(38px,5.8vw,86px);line-height:1.08;letter-spacing:-.055em;font-weight:450;margin:0 0 32px}.product-page h2 em{font-family:Georgia,serif;font-weight:400;color:var(--product-accent)}.product-page p:not(.eyebrow){line-height:1.7}.product-section{margin:0 var(--gutter);padding:100px 0;border-bottom:1px solid var(--line)}.intro-split{display:grid;grid-template-columns:1fr 2fr;gap:6%}.intro-split>div>p{max-width:670px;font-size:18px;color:var(--muted)}.intro-split>div>.lead{font-size:clamp(21px,2vw,28px);color:var(--fg);line-height:1.6}.after-hero{position:relative;margin:24px var(--gutter) 0;min-height:660px;height:min(780px,82svh);isolation:isolate;background:#101014}.after-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.after-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 25%,rgba(0,0,0,.12) 40%,rgba(0,0,0,.85));z-index:-1}.hero-topline{display:flex;justify-content:space-between;gap:20px}.after-hero .hero-topline{padding:30px;color:#eee}.after-hero-copy{position:absolute;bottom:28px;left:32px;right:32px}.after-hero-copy .eyebrow{color:#eee}.after-hero h1{font-size:clamp(78px,15.7vw,235px);font-weight:450;line-height:.95;letter-spacing:-.065em;margin:12px 0 30px}.after-hero h1 span{color:var(--product-accent)}.hero-bottomline{display:flex;align-items:center;justify-content:space-between;gap:24px}.hero-bottomline p{font-size:20px;margin:0}.hero-bottomline>span{color:#b6b6bb}.section-heading{max-width:850px;margin-bottom:50px}.section-heading>p:not(.eyebrow){font-size:19px;color:var(--muted);max-width:560px}.product-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}.product-columns article{border-top:1px solid var(--line);padding-top:28px}.step-number{font:14px var(--mono);color:var(--product-accent)}.product-columns h3{font-size:27px;font-weight:450;letter-spacing:-.025em;margin:28px 0 16px}.product-columns p:not(.eyebrow){font-size:17px;color:var(--muted)}.wireframe-figure,.settings-shot,.player-shot{margin:0}.wireframe-figure img,.settings-shot img,.player-shot img{display:block;width:100%;height:auto}.wireframe-figure{max-width:1080px;margin:auto}.wireframe-figure img{border-radius:3px}.product-page figcaption{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.6}.product-end{display:flex;justify-content:space-between;gap:40px;align-items:center;border-bottom:0;padding-bottom:110px}.product-end p:not(.eyebrow){max-width:500px;font-size:18px;color:var(--muted)}.product-cta{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:19px 26px;background:var(--product-accent);color:#111;font-size:16px;white-space:nowrap;min-height:56px;border:1px solid transparent;transition:background .2s,transform .2s}.product-cta:hover{background:#fff;transform:translateY(-2px)}.product-cta svg{flex-shrink:0}.product-footer{margin:0 var(--gutter);padding:32px 0;display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.product-footer .brand{color:var(--fg);margin-right:auto}.product-footer>a:last-child{display:flex;gap:12px;align-items:center}.product-footer .site-version{font:12px var(--mono)}.music-hero{padding:35px var(--gutter) 0}.music-hero h1{font-size:clamp(110px,24.5vw,365px);line-height:1;letter-spacing:-.08em;font-weight:450;margin:45px 0 40px}.title-period{color:var(--product-accent)}.music-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;margin-bottom:60px}.music-intro h2{font-size:clamp(36px,4.4vw,64px);margin:0}.music-intro p{font-size:19px;color:var(--muted);margin:0 0 25px;max-width:450px}.player-shot{padding:24px;background:linear-gradient(135deg,#33353c,#101012 60%);border:1px solid #33343a}.player-shot img{border:1px solid #3d3d42;border-radius:8px}.player-shot figcaption{padding-left:3px}.playback-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center}.playback-section h2{font-size:clamp(36px,4.3vw,64px)}.playback-section .section-heading{margin:0}.settings-shot img{border:1px solid #343438}.music-features{padding-top:60px}.music-features article{border-top:0}.music-features h3{margin-top:20px}.product-page a:focus-visible{outline:2px solid var(--product-accent);outline-offset:7px}
@media(max-width:800px){.product-header{height:80px}.product-header nav{gap:20px}.product-section{padding:65px 0}.after-hero{height:70svh;min-height:470px}.after-hero .hero-topline{padding:20px}.after-hero-copy{left:20px;right:20px;bottom:20px}.after-hero h1{font-size:15.6vw}.hero-bottomline{align-items:flex-start}.hero-bottomline p{font-size:16px}.hero-bottomline>span{font-size:12px}.intro-split{grid-template-columns:1fr;gap:10px}.product-columns{gap:25px}.product-columns h3{font-size:23px}.product-columns p:not(.eyebrow){font-size:16px}.music-intro,.playback-section{grid-template-columns:1fr;gap:30px}.music-hero h1{margin:50px 0}.music-intro h2{font-size:48px}.playback-section h2{font-size:46px}.product-end{align-items:flex-start;flex-direction:column;gap:20px}.product-footer{flex-wrap:wrap}.product-footer .brand{width:100%;margin:0}.player-shot{padding:12px}}
@media(max-width:520px){.hero-topline{font-size:12px;gap:20px}.hero-topline>span:last-child{text-align:right;max-width:145px}.after-hero{margin-top:16px;min-height:420px;height:65svh}.after-hero>img{object-position:55% center}.after-hero h1{font-size:15vw;letter-spacing:-.075em;margin-bottom:20px}.after-hero-copy .eyebrow{font-size:12px;max-width:190px}.hero-bottomline{gap:12px}.hero-bottomline>span{max-width:70px;text-align:right}.product-columns{grid-template-columns:1fr;gap:30px}.product-columns h3{margin-top:18px}.product-section{padding:52px 0}.product-page h2{font-size:40px}.music-hero h1{font-size:25vw;margin:40px 0}.music-hero{padding-top:24px}.product-cta{white-space:normal;text-align:center;gap:20px;padding:17px 20px}.music-intro{margin-bottom:35px}.product-footer{gap:20px;font-size:13px}.product-footer>a:last-child{width:100%}.player-shot{padding:6px}.product-page figcaption{font-size:13px}}
@media(prefers-reduced-motion:reduce){.product-cta{transition:none}.product-cta:hover{transform:none}}

/* Give the game room to breathe: one wide film, followed by two landscape views. */
.afterstep-development .section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;max-width:none;margin-bottom:44px}
.afterstep-development .section-heading h2{margin-bottom:0}
.afterstep-development .section-heading>p{margin:0 0 5px;max-width:440px}
.afterstep-showcase{display:grid;gap:48px}
.afterstep-showcase figure{margin:0;min-width:0}
.afterstep-showcase img,.afterstep-showcase iframe{display:block;width:100%;height:auto;background:#081419;border:1px solid var(--line)}
.afterstep-film iframe{aspect-ratio:16/9}
.afterstep-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.afterstep-stills img{aspect-ratio:8/5;object-fit:cover}
.afterstep-showcase figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-top:18px;line-height:1.6}
.afterstep-showcase figcaption span{font:12px/1.6 var(--mono);color:var(--fg);white-space:nowrap}
.afterstep-showcase figcaption p{font-size:14px;line-height:1.6;margin:0;text-align:right}
.afterstep-stills figcaption{display:block}
.afterstep-stills figcaption p{margin-top:6px;text-align:left}
.afterstep-capture-note{font:12px/1.6 var(--mono);margin:32px 0 0;color:var(--muted)}
.afterstep-film figcaption{display:grid;grid-template-columns:1fr auto;align-items:center}
.afterstep-film figcaption p{margin-top:6px;text-align:left}
.afterstep-film button{font:12px/1.4 var(--mono);color:var(--fg);background:transparent;border:1px solid var(--line);padding:12px 16px;min-height:44px;cursor:pointer;white-space:nowrap}
.afterstep-film button:hover{border-color:var(--muted)}
.afterstep-film button:focus-visible{outline:2px solid var(--product-accent);outline-offset:5px}
@media(max-width:800px){.afterstep-development .section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.afterstep-development .section-heading>p{max-width:560px}.afterstep-showcase{gap:32px}.afterstep-stills{gap:20px}.afterstep-showcase figcaption{margin-top:14px}}
@media(max-width:520px){.afterstep-stills{grid-template-columns:1fr;gap:30px}.afterstep-showcase figcaption{display:block}.afterstep-film figcaption{display:grid;gap:16px}.afterstep-film button{font-size:11px;padding:10px 12px}.afterstep-showcase figcaption p{margin-top:6px;text-align:left}.afterstep-capture-note{font-size:11px;margin-top:26px}}

@media(max-width:360px){.afterstep-film figcaption{grid-template-columns:1fr}.afterstep-film button{justify-self:start}}

/* Abstract studies carry the mechanics into the closing section. */
.afterstep-page .afterstep-mechanics{gap:4%}
.afterstep-mechanics article{display:flex;flex-direction:column;min-width:0;padding-top:25px}
.afterstep-mechanics .mechanic-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:18px 0 4px;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.afterstep-mechanics h3{margin-top:22px}
.afterstep-mechanics p{margin-top:0;margin-bottom:0}
.afterstep-page .afterstep-ending{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;align-items:center}
.afterstep-ending>div{min-width:0}
.afterstep-ending-art{margin:0;min-width:0;align-self:center}
.afterstep-ending-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,#000 50%,transparent 76%)}
@media(max-width:960px) and (min-width:601px){.afterstep-page .afterstep-mechanics{grid-template-columns:1fr;gap:32px}.afterstep-mechanics article{display:grid;grid-template-columns:.85fr 1fr;column-gap:7%;align-items:center}.afterstep-mechanics .mechanic-art{grid-column:1;grid-row:1/4;margin:0}.afterstep-mechanics .step-number,.afterstep-mechanics h3,.afterstep-mechanics p{grid-column:2}.afterstep-mechanics .step-number{align-self:end}.afterstep-mechanics h3{margin:16px 0 12px}.afterstep-mechanics p{align-self:start}.afterstep-page .afterstep-ending{grid-template-columns:1.1fr 1fr;gap:2%}}
@media(max-width:600px){.afterstep-page .afterstep-mechanics{grid-template-columns:1fr;gap:38px}.afterstep-mechanics article{padding-top:22px}.afterstep-mechanics .mechanic-art{margin:10px 0 0;max-width:480px;align-self:center}.afterstep-mechanics h3{margin-top:14px}.afterstep-page .afterstep-ending{grid-template-columns:1fr;gap:4px}.afterstep-ending-art{width:100%;max-width:500px;justify-self:center}.afterstep-ending-art img{aspect-ratio:3/2}.afterstep-ending h2{margin-bottom:25px}}

.afterstep-play{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px}
.afterstep-ending p.afterstep-tester-note{margin:0;max-width:32ch;font-size:14px;line-height:1.6;text-wrap:balance;color:var(--muted)}