/* The approved mobile content, composed for a wider canvas. Mobile stays isolated. */
@media(min-width:701px){
body.combined-home .intro-band,body.combined-home .products-interlude{display:none}
body.combined-home .mobile-full-copy{display:none}
body.combined-home .mobile-short-copy[hidden]{display:inline!important}
body.combined-home :is(#signature,#sound-effects,#music) .chapter-band .eyebrow,
body.combined-home .signature-actions,body.combined-home .collection-label,body.combined-home .collection-connection,
body.combined-home .cinema-note,body.combined-home .cinema-all{display:none}
body.combined-home .chapter-band h2{font-size:clamp(34px,3.1vw,48px);font-weight:400;line-height:1.15;letter-spacing:-1.3px;margin:0}
body.combined-home #signature{background:#141515}
body.combined-home .signature-intro-flow{display:grid;grid-template-columns:minmax(0,1fr);background:linear-gradient(180deg,#141515,#242119 45%,#141515);padding-top:12px}
body.combined-home #signature .signature-heading{display:flex;flex-direction:column;align-items:center;text-align:center;padding:55px 0 0;gap:0}
body.combined-home #signature .signature-heading>.section-intro{max-width:680px;margin:0;padding:0}
body.combined-home #signature .signature-heading>.section-intro p{font-size:16px;line-height:1.75;margin:22px 0 0;color:#b5b1a7}
body.combined-home #signature .signature-collection-bridge{padding:22px 0 34px;background:none;overflow:hidden}
body.combined-home #signature .collection-fan{width:100%;max-width:none;height:clamp(360px,30vw,540px);left:auto;margin:0 auto;perspective:1500px;overflow:visible}
body.combined-home #signature .collection-poster{display:block;width:clamp(210px,17.2vw,320px);max-width:none;bottom:24px;left:calc(50% + var(--offset)*3.3%);transform:translateX(-50%) rotateY(calc(var(--offset)*1.1deg)) scale(calc(1 - var(--depth)*.033));filter:brightness(calc(1 - var(--depth)*.02));box-shadow:0 12px 24px #0008}
body.combined-home .signature-cinema{display:grid;grid-template-rows:auto auto;background:#141515}
body.combined-home .cinema-bottom{grid-row:1;border-top:0;border-bottom:1px solid #ffffff25;padding:12px 0;margin-top:12px}
body.combined-home .cinema-worlds{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
body.combined-home .cinema-worlds button{font-size:15px;min-height:48px;text-align:center}
body.combined-home .cinema-worlds button span{display:none}
body.combined-home .cinema-inner{grid-row:2;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);min-height:660px;gap:7%;padding-block:46px}
body.combined-home .cinema-copy{max-width:490px}
body.combined-home .cinema-copy h3{font-size:clamp(44px,4.6vw,68px)}
body.combined-home .cinema-description{font-size:16px;line-height:1.8;max-width:440px}
body.combined-home .cinema-posters{height:520px;max-width:760px}
body.combined-home .cinema-backdrop{mask-image:linear-gradient(transparent,#000 22%,#000 80%,transparent)}
body.combined-home :is(#sound-effects,#music) .chapter-band{position:relative;isolation:isolate;background:#141515;border:0;overflow:hidden}
body.combined-home :is(#sound-effects,#music) .chapter-band .section-heading{position:relative;isolation:isolate;width:100%;max-width:none;min-height:700px;height:54vw;max-height:900px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;gap:24px;padding:70px 6% 65px}
body.combined-home :is(#sound-effects,#music) .chapter-band .section-heading>div{position:relative;z-index:1}
body.combined-home :is(#sound-effects,#music) .chapter-band .section-heading>p{position:relative;z-index:1;max-width:760px;margin:0;color:#c3c0b6;font-size:18px;line-height:1.7}
body.combined-home :is(#sound-effects,#music) .chapter-opener[hidden]{display:block!important;position:absolute;inset:0;z-index:-1;width:100%;height:100%;margin:0;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 24%,#000 74%,transparent)}
body.combined-home .chapter-opener img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;box-sizing:border-box;padding:90px 0 50px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
body.combined-home #music .chapter-opener img{object-position:center}
body.combined-home #sound-effects.has-family-tabs>.sound-pair,body.combined-home #music.has-family-tabs>.music-feature{display:none}
body.combined-home .mobile-family-stage{position:relative;isolation:isolate;overflow:hidden;background:#141515}
body.combined-home .family-visual{position:absolute;inset:0;z-index:-2}
body.combined-home .family-visual img{mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.combined-home .family-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#141515de,#141515a6 42%,#14151545 76%),linear-gradient(180deg,#141515 0%,#14151520 24%,transparent 55%,#14151575 80%,#141515 100%)}
body.combined-home .family-tabs{width:88%;max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:12px 0;border-bottom:1px solid #ffffff25}
body.combined-home #music .family-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
body.combined-home .family-tabs button{background:none;border:0;border-bottom:1px solid transparent;padding:14px 0;color:#a2a4a1;font:400 15px/1.4 Arial,sans-serif;min-height:52px;cursor:pointer;text-align:center}
body.combined-home .family-tabs button[aria-selected=true]{color:#f0e9dc;border-bottom-color:#d4ccba}
body.combined-home .family-tabs button:focus-visible{outline:1px solid #d4c9af;outline-offset:-3px}
body.combined-home .family-panel{width:88%;max-width:1400px;margin:auto;padding:110px 0 130px;min-height:650px;display:flex;align-items:center}
body.combined-home .family-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:9%;width:100%;align-items:start;color:#eee9df}
body.combined-home .family-copy>*{grid-column:1;min-width:0}
body.combined-home .family-copy :is(.scene-kicker,.eyebrow){font-size:10px;letter-spacing:1.5px;color:#b6afa2;margin:0 0 18px}
body.combined-home .family-copy h3{font-size:clamp(30px,2.7vw,42px);font-weight:400;letter-spacing:-1px;line-height:1.2;margin:0 0 18px}
body.combined-home .family-copy h3 br{display:none}
body.combined-home .family-copy h3 em{font-style:normal;color:#d2c7b4}
body.combined-home .family-copy>p:not(.scene-kicker):not(.eyebrow){font-size:17px;line-height:1.85;color:#c8c8be;margin:0;max-width:580px}
body.combined-home .family-copy>p.scene-slogan{font-size:22px!important;line-height:1.4!important;color:#ded8ca!important;margin:0 0 20px!important}
body.combined-home .family-copy .family-detail{grid-column:2;grid-row:1/6;align-self:center;width:100%;max-width:660px;margin:15px auto 0}
body.combined-home .family-detail{display:block;width:100%;max-width:380px;margin:24px auto 0;padding:0;color:#d3c5a7;filter:drop-shadow(0 2px 5px #0009)}
body.combined-home .family-detail svg{display:block;width:100%;height:auto;overflow:visible}
body.combined-home .family-detail text{fill:#d1cabc;stroke:none;font:8.5px Arial,Helvetica,sans-serif;letter-spacing:1px}
body.combined-home .family-detail .detail-row-label{font-size:8px;letter-spacing:.6px;fill:#b4b3a9}
body.combined-home .family-detail .detail-guide{opacity:.22}
body.combined-home .family-detail .detail-signal{stroke:#f2e2bd;stroke-dasharray:5 19;animation:family-signal 9s linear infinite;animation-play-state:paused}
body.combined-home .family-detail .detail-meter{stroke-width:2;transform-box:fill-box;transform-origin:bottom;animation:family-meter 4.8s ease-in-out infinite;animation-play-state:paused}
body.combined-home .detail-meter-b{animation-delay:-1.7s!important}
body.combined-home .detail-meter-c{animation-delay:-3.3s!important}
body.combined-home .detail-meter-d{animation-delay:-2.2s!important}
body.combined-home .family-detail .detail-air,body.combined-home .family-detail .detail-hit{animation:family-breathe 7s ease-in-out infinite;animation-play-state:paused}
body.combined-home .family-detail .detail-notes{fill:#c7b99430;stroke:#d3c5a7a6}
body.combined-home .family-detail .detail-playhead{opacity:.55;animation:family-playhead 14s ease-in-out infinite;animation-play-state:paused}
body.combined-home .detail-in-view .family-detail :is(.detail-signal,.detail-meter,.detail-air,.detail-hit,.detail-playhead){animation-play-state:running}
body.combined-home .family-detail .detail-sweep{stroke:#f9ebce;stroke-width:2;stroke-dasharray:18 82;animation:family-sweep 4.5s ease-in-out infinite;animation-play-state:paused}
body.combined-home .family-detail .detail-impact{transform-box:fill-box;transform-origin:center;animation:family-impact 3.8s ease-in-out infinite;animation-play-state:paused}
body.combined-home .family-detail :is(.detail-transition-a,.detail-transition-b){transform-box:fill-box;transform-origin:center;animation:family-crossfade 4.2s ease-in-out infinite;animation-play-state:paused}
body.combined-home .family-detail .detail-transition-b{animation-delay:-2.1s}
body.combined-home .family-detail[data-story="Ambiences"] .detail-air{animation:family-air 3.6s ease-in-out infinite;animation-play-state:paused}
body.combined-home .family-detail[data-story="Ambiences"] .detail-meter{animation:family-record 1.9s ease-in-out infinite;animation-play-state:paused}
body.combined-home .family-detail[data-story="Trailer Cues"] .detail-hit{transform-box:fill-box;transform-origin:center;animation:family-cue-hit 4.5s ease-in-out infinite;animation-play-state:paused}
body.combined-home .detail-in-view .family-detail :is(.detail-sweep,.detail-impact,.detail-transition-a,.detail-transition-b,.detail-air,.detail-meter,.detail-hit){animation-play-state:running}/* Keep the animation to the right, regardless of copied story length. */
body.combined-home .family-copy .family-detail{max-width:660px;margin:15px auto 0}
body.combined-home .home-piece #collective{padding-top:25px;padding-bottom:80px}
body.combined-home .home-piece #collective .section-head{display:block}
body.combined-home .home-piece #collective .section-head>div{position:relative;isolation:isolate;min-height:290px;display:flex;align-items:center}
body.combined-home .home-piece #collective .section-head .eyebrow,body.combined-home .home-piece #collective .section-head>.text-link,body.combined-home .home-piece #collective>.section-intro,body.combined-home #label-logo,body.combined-home #label-index{display:none}
body.combined-home .home-piece #collective .section-head h2{font-size:clamp(44px,4.5vw,64px);position:relative;margin:0}
body.combined-home .collective-marks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,1fr);column-gap:6%;row-gap:12px;align-items:center;position:absolute;inset:-10px -5%;z-index:-1;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent)}
body.combined-home .collective-mark{position:relative;inset:auto;width:100%;height:56px;opacity:.09;filter:grayscale(1)}
body.combined-home .collective-mark:nth-child(5n+2){transform:translateY(12px)}
body.combined-home .collective-mark:nth-child(5n+4){transform:translateY(-10px)}
body.combined-home .collective-mark:nth-child(n+6):nth-child(-n+10){transform:translateX(45%);opacity:.07}
body.combined-home .home-piece #collective .label-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:15px;gap:28px;border-bottom:1px solid #ffffff25;padding-bottom:12px}
body.combined-home .home-piece #collective .label-tabs button{font-size:15px;padding:17px 0;background:transparent;color:#a2a4a1;border:0;border-bottom:1px solid transparent;border-radius:0;box-shadow:none}
body.combined-home .home-piece #collective .label-tabs button[aria-selected=true]{color:#eee9df;border-bottom-color:#d4ccba}
body.combined-home .home-piece #collective .label-showcase{padding-top:30px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:7%}
body.combined-home .home-piece #collective .label-profile p{font-size:16px;line-height:1.85;color:#c4c2b9;margin:0 0 26px;max-width:540px}
body.combined-home .home-piece #collective #label-store{font-size:14px}
body.combined-home .ct-footer .ct-footer-brand p{margin:0;font-size:14px}
body.combined-home :is(#sound-effects,#music){border:0}
body.combined-home .chapter-band h2{font-size:clamp(38px,3.8vw,60px)}
body.combined-home .signature-cinema .cinema-backdrop{mask-image:linear-gradient(180deg,transparent,#000 20%,#000 78%,transparent)}
body.combined-home .signature-cinema .cinema-haze{background:linear-gradient(90deg,#141515f2,#141515b3 35%,#14151525 75%),linear-gradient(180deg,#141515,transparent 30%,transparent 65%,#141515)}
body.combined-home .home-piece .trailer-feature{margin:90px auto 110px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:7%;align-items:center;overflow:visible}
body.combined-home .home-piece .trailer-art{aspect-ratio:15/8;border:1px solid #ffffff18;overflow:hidden;border-radius:3px;box-shadow:0 25px 70px #0005}
body.combined-home .home-piece .trailer-art>img{width:100%;height:100%;object-fit:cover}
body.combined-home .home-piece .trailer-copy{padding:20px 0}
body.combined-home .home-piece .trailer-copy h2{font-size:clamp(32px,3.1vw,48px)}
body.combined-home .home-piece .trailer-art button{flex-direction:column;gap:18px}
body.combined-home .home-piece #collective .section-head{margin-bottom:15px}
body.combined-home .home-piece #collective .section-head h2{text-shadow:0 3px 30px #141515}
body.combined-home .home-piece #collective .label-showcase{align-items:center;gap:36px 7%;padding-top:26px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
body.combined-home .home-piece #collective .label-profile{grid-column:1;grid-row:1;max-width:510px}
body.combined-home .home-piece #label-products{display:contents}
body.combined-home .home-piece #label-products:before,body.combined-home .home-piece #label-products:after{display:none}
body.combined-home .home-piece #collective .label-art-composition{grid-column:2;grid-row:1;height:auto;aspect-ratio:1.65;min-height:300px;isolation:isolate}
body.combined-home .home-piece #collective .label-art-composition:before{content:'';position:absolute;inset:-10%;z-index:-1;background:radial-gradient(ellipse,rgba(var(--label-glow),.22),transparent 68%);filter:blur(30px)}
body.combined-home .home-piece #label-products .label-art:nth-child(1){width:46%;top:7%;left:27%}
body.combined-home .home-piece #label-products .label-art:nth-child(2){width:34%;top:0;left:0}
body.combined-home .home-piece #label-products .label-art:nth-child(3){width:34%;top:22%;right:0}
body.combined-home .home-piece #collective .label-features{grid-column:1/-1;grid-row:2;width:100%;padding:32px 0 0;margin:0;gap:30px}
body.combined-home .home-piece #label-products .label-features h3{font-size:16px}
body.combined-home .home-piece #label-products .label-features p{font-size:14px}
body.combined-home .home-piece #label-products .label-features svg{width:32px;height:36px}
/* Desktop has its own motion definitions: the mobile sheet is media-gated. */
body.combined-home .detail-in-view .family-detail .detail-signal{animation-duration:3.8s}
body.combined-home .detail-in-view .family-detail .detail-sweep{animation-duration:3.2s}
body.combined-home .detail-in-view .family-detail .detail-playhead{animation-duration:7s}
body.combined-home .family-detail[data-story="Game Audio"] .detail-node{transform-box:fill-box;transform-origin:center;animation:desktop-node 3s ease-in-out infinite;animation-play-state:paused}
body.combined-home .family-detail[data-story="General SFX"] svg>g{animation:desktop-step 2.8s ease-in-out infinite;animation-play-state:paused}
body.combined-home .family-detail[data-story="General SFX"] svg>g:nth-child(2){animation-delay:-1.4s}
body.combined-home .detail-in-view .family-detail :is(.detail-node,g){animation-play-state:running}
@keyframes desktop-node{0%,100%{transform:scale(.92);opacity:.55}45%{transform:scale(1.12);opacity:1}}
@keyframes desktop-step{0%,100%{translate:0 0;opacity:.45}45%{translate:0 -5px;opacity:1}}
@keyframes family-signal{to{stroke-dashoffset:-96}}
@keyframes family-meter{0%,100%{transform:scaleY(.55)}35%{transform:scaleY(1.05)}70%{transform:scaleY(.75)}}
@keyframes family-breathe{0%,100%{opacity:.45}50%{opacity:.95}}
@keyframes family-playhead{0%,12%{transform:translateX(0);opacity:0}18%{opacity:.55}80%{opacity:.55}88%,100%{transform:translateX(216px);opacity:0}}
@keyframes family-sweep{0%{stroke-dashoffset:115;opacity:0}10%{opacity:1}72%{stroke-dashoffset:0;opacity:1}85%,100%{stroke-dashoffset:-15;opacity:0}}
@keyframes family-impact{0%,100%{transform:scaleY(.55);opacity:.7}10%{transform:scaleY(1.08);opacity:1}24%{transform:scaleY(.7)}38%{transform:scaleY(.95)}65%{transform:scaleY(.55);opacity:.7}}
@keyframes family-crossfade{0%,100%{transform:scaleY(.75);opacity:.4}50%{transform:scaleY(1.15);opacity:1}}
@keyframes family-air{0%,100%{transform:translate(-5px,1px);opacity:.45}50%{transform:translate(5px,-2px);opacity:1}}
@keyframes family-record{0%,100%{transform:scaleY(.35)}22%{transform:scaleY(1.8)}48%{transform:scaleY(.7)}73%{transform:scaleY(2.3)}}
@keyframes family-cue-hit{0%,55%,100%{transform:scale(.88);opacity:.4}68%{transform:scale(1.18);opacity:1}80%{transform:scale(.95);opacity:.7}}
@media(prefers-reduced-motion:reduce){body.combined-home .family-detail *{animation:none!important}}

}
@media(min-width:701px) and (max-width:1000px){
body.combined-home :is(#sound-effects,#music){border:0}
body.combined-home .family-tabs{gap:15px}
body.combined-home .family-tabs button{font-size:13px}
body.combined-home .family-copy{grid-template-columns:1fr;column-gap:0;max-width:720px;margin:auto}
body.combined-home .family-copy .family-detail{grid-column:1;grid-row:auto;width:78%;max-width:520px;margin:38px auto 0}
body.combined-home .family-copy h3{font-size:33px}
body.combined-home .family-copy>p:not(.scene-kicker):not(.eyebrow){font-size:16px}
body.combined-home #signature .collection-fan{height:330px}
body.combined-home #signature .collection-poster{width:190px}
body.combined-home .cinema-inner{min-height:480px}
body.combined-home .cinema-posters{height:390px}
body.combined-home :is(#sound-effects,#music) .chapter-band .section-heading{min-height:580px;height:62vw;padding-top:48px;padding-bottom:45px}
body.combined-home .family-panel{min-height:700px;padding:70px 0 90px}
body.combined-home .family-copy{column-gap:6%}
body.combined-home .home-piece #collective .label-art-composition{min-height:230px}
body.combined-home .home-piece .trailer-feature{margin-block:70px 85px;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)}
}

/* Keep the approved illustrations in the quiet foreground, away from bright scene detail. */
@media(min-width:701px){
body.combined-home #signature .signature-intro-flow>.signature-band{background:transparent;border:0;box-shadow:none}
body.combined-home #signature .signature-heading{background:transparent;border:0}
body.combined-home :is(#sound-effects,#music) .chapter-opener[hidden]{inset:auto;left:50%;top:52%;transform:translate(-50%,-50%);width:min(1000px,88vw);height:auto;aspect-ratio:3/2;overflow:visible;-webkit-mask-image:none;mask-image:none}
body.combined-home :is(#sound-effects,#music) .chapter-opener img{width:100%;height:100%;object-fit:fill;padding:0;-webkit-mask-image:none;mask-image:none}
body.combined-home :is(#sound-effects,#music) .chapter-opener:after{content:'';position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(90deg,#141515 0%,#141515bb 5%,#14151525 16%,#14151500 27%,#14151500 73%,#14151525 84%,#141515bb 95%,#141515 100%),linear-gradient(180deg,#141515 0%,#141515bb 6%,#14151530 17%,#14151500 29%,#14151500 72%,#14151544 84%,#141515cc 95%,#141515 100%)}
body.combined-home .family-visual{z-index:0;pointer-events:none}
body.combined-home .family-tabs,body.combined-home .family-panel{position:relative;z-index:1}
body.combined-home .family-visual:after{background:linear-gradient(90deg,#141515d9 0%,#14151599 40%,#14151515 80%),linear-gradient(180deg,#141515 0%,#14151544 22%,#14151544 43%,#141515a6 60%,#141515ed 76%,#141515 100%)}
body.combined-home .family-panel{min-height:690px;padding:70px 0 55px}
body.combined-home .family-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:540px;padding-bottom:230px;box-sizing:border-box}
body.combined-home .family-copy>*{max-width:540px}
body.combined-home .family-copy h3{max-width:610px}
body.combined-home .family-copy .family-detail{position:absolute;right:0;bottom:0;width:clamp(480px,45vw,660px);max-width:660px;margin:0;align-self:auto;color:#e7d8b8;filter:drop-shadow(0 2px 6px #000)}
body.combined-home .family-detail text{fill:#e4dece}
}
@media(min-width:701px) and (max-width:1000px){
body.combined-home .family-panel{min-height:740px;padding:60px 0 45px}
body.combined-home .family-copy{min-height:630px;padding-bottom:0}
body.combined-home .family-copy .family-detail{position:relative;right:auto;bottom:auto;grid-column:auto;grid-row:auto;width:78%;max-width:560px;margin:50px auto 0;align-self:center}
body.combined-home .family-visual:after{background:linear-gradient(180deg,#141515 0%,#14151588 20%,#14151599 46%,#141515ed 70%,#141515 100%)}
}

@media(min-width:701px){
body.combined-home .home-piece #collective .section-head>div{flex-direction:column;justify-content:center;align-items:center;gap:22px;text-align:center;padding-block:48px}
body.combined-home .home-piece #collective .collective-desktop-subtitle[hidden]{display:block!important;max-width:720px;margin:0;color:#b5b1a7;font-size:17px;line-height:1.8;font-weight:400;text-shadow:0 2px 15px #141515}
}

/* Main chapter headings: restrained desktop accents, keeping mobile unchanged. */
@media(min-width:701px){
body.combined-home :is(#signature,#sound-effects,#music) .chapter-band h2,body.combined-home .home-piece #collective .section-head h2{color:#f0efea}
body.combined-home #signature h2 .title-tone{color:#b8b5ad}
body.combined-home #sound-effects h2 .title-tone{color:#aab6bb}
body.combined-home #music h2 .title-tone{color:#c9bda5}
body.combined-home #collective h2 .title-tone{color:#b6b4ad}
}