/* A single story: the offer, the artist transformation, then measured fan participation. */
.story-site{max-width:1560px;margin:0 auto;padding:0 4.4vw;font-family:'Avenir Next','Helvetica Neue',Arial,sans-serif}.story-site section,.project-panel{scroll-margin-top:30px}.display-heading{font-family:Impact,'Arial Black','Arial Narrow',sans-serif;font-size:clamp(72px,9.3vw,144px);font-weight:900;text-transform:uppercase;letter-spacing:-.025em;line-height:.93;margin:0}.display-heading span{color:var(--brand-letter)}.chapter-line{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}.chapter-label{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--brand-readable);margin:0}.chapter-label::before{content:'';height:2px;width:28px;background:var(--brand);flex:none}.chapter-line>span{font-size:12px;line-height:1.5;color:#90909f;text-align:right}.chapter-line strong{color:#d9d9e2;font-weight:600;margin-left:5px}
.offer-section{padding:26px 0 76px}.offer-intro{display:block}.story-link{display:inline-flex;align-items:center;gap:35px;min-height:44px;margin-top:23px;padding:8px 0;border-bottom:1px solid var(--brand-border);font-size:13px;font-weight:600;color:#e3e1ef}.story-link span{font:21px/1 Arial,sans-serif;color:var(--brand-readable);transition:transform .2s}.story-link:hover{color:white;border-color:var(--brand-readable)}.story-link:hover span{transform:translateY(2px)}.service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:51px}.service-strip>div{padding-top:22px;border-top:1px solid #ffffff2a}.service-strip h3{font-size:22px;font-weight:650;line-height:1.25;letter-spacing:-.035em;margin:0 0 10px}.service-strip p{font-size:14px;line-height:1.65;color:#9696a7;margin:0;max-width:310px}
.build-section{border-top:1px solid var(--line);padding:56px 0 80px}.build-section>.chapter-line{margin-bottom:49px}.project-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center;margin-bottom:25px}.project-step{font-size:13px;font-weight:600;color:var(--brand-readable);margin:0 0 22px}.project-heading{font-size:clamp(65px,7.3vw,110px)}.project-description{font-size:17px;line-height:1.65;letter-spacing:-.01em;color:#a9a9bb;max-width:485px;margin:24px 0 0}.project-description strong{font-weight:600;color:#eeeef3}.source-art{width:270px;max-width:100%;margin:0;justify-self:center;text-align:center}.art-plinth{height:280px;position:relative;display:grid;place-items:center;isolation:isolate;perspective:900px}.art-plinth::before{content:'';position:absolute;inset:auto -20px -3px;height:65px;background:radial-gradient(ellipse,#6252ff36,transparent 68%);transform:scaleX(1.2);z-index:-1}.source-art img{display:block;width:232px;height:auto;aspect-ratio:1;object-fit:contain;border:1px solid #ffffff3a;box-shadow:5px 4px 0 #282a35,0 30px 35px -14px #000;transform:rotateY(-13deg) rotateX(3deg) rotateZ(-4deg)}.source-art figcaption{font-size:11px;color:#9292a4;line-height:1.5;margin-top:12px}.source-art figcaption span{display:block;color:var(--brand-readable);font-size:12px;font-weight:600;margin-bottom:4px}
.case-scene{position:relative;isolation:isolate;height:clamp(380px,43vw,570px);margin:0 -12px;overflow:hidden;touch-action:pan-y;background:radial-gradient(ellipse at 55% 88%,var(--brand-mist),transparent 65%)}.single-scene{height:clamp(390px,46vw,580px)}.case-scene canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.case-scene canvas:active{cursor:grabbing}.stage-credit{position:absolute;left:12px;bottom:20px;pointer-events:none;font-size:13px;font-weight:600;color:#dcdce6}.stage-credit small{display:block;font-size:10px;font-weight:400;color:#8f8f9f;margin-top:5px}.media-label{position:absolute;z-index:2;transform:translate(-50%,-50%);pointer-events:none;font-size:13px;line-height:1.3;font-weight:600;color:#e6e6ef;white-space:nowrap;text-shadow:0 1px 9px #0009}.media-label small{display:block;font-size:10px;font-weight:400;color:#9292a5;margin-top:4px}.case-scene-tools{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:18px}.case-drag-note{font-size:11px;color:#71717f}.case-text-button{font:500 11px 'Avenir Next','Helvetica Neue',Arial,sans-serif;min-height:32px;padding:4px 0;color:#a1a1af}.case-text-button:hover{color:white}.case-loading{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--bg);font-size:12px;color:#a5a5b5;transition:opacity .3s}.case-loading.ready{opacity:0;visibility:hidden;pointer-events:none}.case-play-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#00000035;color:white;font-family:Arial,sans-serif;font-size:10px;padding-left:2px;flex:none}.case-tile-play{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;transform:translate(-50%,-50%);padding:8px 12px 8px 8px;border:1px solid #ffffff50;border-radius:4px;background:#080910e5;backdrop-filter:blur(8px);box-shadow:0 8px 30px #0004;text-align:left;font:600 12px/1.3 'Avenir Next','Helvetica Neue',Arial,sans-serif;white-space:nowrap}.case-tile-play:hover{border-color:var(--brand-readable)}.case-tile-play .case-play-icon{width:30px;height:30px;background:var(--brand)}.case-tile-play[hidden]{display:none}.case-fallback{position:absolute;inset:35% 10% auto;z-index:3;text-align:center;color:#aaaabb;font-size:13px;line-height:1.6}.case-fallback[hidden]{display:none}.case-fallback button{font:inherit;text-decoration:underline;text-underline-offset:4px;color:var(--brand-readable)}
.media-footer{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:24px 0 0;border-top:1px solid var(--line)}.media-kicker{display:block;font-size:11px;font-weight:500;color:#9191a3;margin-bottom:9px}.media-footer h3{font-family:Impact,'Arial Black','Arial Narrow',sans-serif;font-size:32px;line-height:1.08;letter-spacing:-.015em;font-weight:900;text-transform:uppercase;margin:0}.case-film-button{display:inline-flex;align-items:center;gap:12px;min-height:62px;padding:13px 21px 13px 14px;text-align:left;border:1px solid var(--brand);border-radius:3px;background:var(--brand);font:650 14px/1.25 'Avenir Next','Helvetica Neue',Arial,sans-serif;color:white;transition:background .2s,border-color .2s,transform .2s}.case-film-button small{display:block;font-size:10px;font-weight:450;color:#e1ddff;margin-top:4px}.case-film-button:hover{background:var(--brand-hover);border-color:var(--brand-hover);transform:translateY(-2px)}.event-panel{border-top:1px solid var(--line);padding-top:68px;margin-top:73px}.event-intro{display:block;margin-bottom:35px}.event-features{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:baseline;border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.event-features>p{font-size:12px;color:#9090a2;margin:0}.event-features ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}.event-features li{font-size:14px;font-weight:600;line-height:1.5;color:#d7d7e5}.event-features li::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--brand-letter);margin-right:9px;vertical-align:2px}
.impact-section{position:relative;isolation:isolate;padding:60px 0 64px;border-top:1px solid var(--line)}.impact-section::before{content:'';position:absolute;inset:0 -4.4vw;z-index:-1;background:radial-gradient(ellipse at 76% 50%,#3728e81b,transparent 65%),#0b0c15}.impact-intro{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:65px;margin-bottom:36px}.impact-intro .display-heading{font-size:clamp(75px,8.2vw,125px)}.impact-intro>p{font-size:17px;line-height:1.7;color:#aaaabc;max-width:450px;margin:0}.impact-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.event-results{padding-top:28px}.lead-result>strong{display:block;font-family:Impact,'Arial Black','Arial Narrow',sans-serif;font-size:clamp(90px,8.5vw,125px);line-height:.93;letter-spacing:-.025em;font-weight:900;color:#f2f3ee}.metric-unit{display:block;font-size:10px;color:var(--brand-readable);margin-top:9px;letter-spacing:.03em}.lead-result h3{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.025em;margin:16px 0 11px}.lead-result p{font-size:13px;line-height:1.6;color:#9393a8;max-width:300px;margin:0}.supporting-results{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #ffffff20;padding-top:25px;margin-top:29px}.supporting-results strong{font-family:Impact,'Arial Black','Arial Narrow',sans-serif;font-size:63px;line-height:1;font-weight:900;letter-spacing:-.02em;color:var(--brand-letter)}.supporting-results strong span{font-size:.65em}.supporting-results h3{font-size:13px;font-weight:600;line-height:1.4;margin:9px 0 5px;color:#e4e4ed}.supporting-results p{font-size:11px;line-height:1.5;color:#9292a6;margin:0}.result-scope{font-size:10px;line-height:1.65;color:#818198;max-width:370px;margin:24px 0 0}.recap-link{font-size:12px;margin-top:15px;gap:25px}.recap-showcase{min-width:0}.recap-scene{height:385px;margin:0 -16px}.recap-scene .stage-credit{left:16px;bottom:18px;font-size:12px}.recap-scene .case-scene-tools{right:16px;bottom:10px;gap:12px}.recap-scene .case-text-button{font-size:10px}.recap-clips{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:21px}.recap-clip{display:flex;align-items:center;gap:13px;min-width:0;padding:13px 11px;text-align:left;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff16;background:#ffffff03;transition:background .2s,border-color .2s}.recap-clip:hover{background:#3728e81c;border-color:var(--brand-readable)}.recap-clip>img{display:block;width:47px;height:70px;object-fit:contain;background:#06070d;flex:none}.recap-clip>span:nth-of-type(1){min-width:0}.recap-clip small{display:block;font-size:10px;color:var(--brand-readable);margin-bottom:6px}.recap-clip strong{display:block;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:-.02em}.recap-clip>span>span{display:block;font-size:10px;line-height:1.5;color:#9393a8;margin-top:6px}.mini-play{display:grid;place-items:center;background:var(--brand);color:white;font-size:8px;width:24px;height:24px;border-radius:50%;padding-left:2px;margin-left:auto;flex:none}
.case-dialog{padding:0;width:min(1180px,94vw);max-height:94svh;border-radius:5px;background:#0c0d12}.case-film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px}.case-film-kicker{font-size:11px;color:var(--brand-readable)}.case-film-heading h2{font:700 20px/1.25 'Avenir Next','Helvetica Neue',Arial,sans-serif;text-transform:none;letter-spacing:-.02em;margin:6px 0 0}.case-film-heading button{font:500 13px 'Avenir Next','Helvetica Neue',Arial,sans-serif;min-height:44px;padding:8px 0;color:#a3a3b3}.case-dialog video{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain;background:black}.case-dialog>p{font-size:11px;color:#848493;margin:15px 23px 20px}
@media(min-width:1800px){.story-site{padding:0 68px}.impact-section::before{inset:0 -68px}}
@media(max-width:1050px) and (min-width:701px){.service-strip{gap:30px}.service-strip h3{font-size:20px}.service-strip p{font-size:13px}.project-intro{gap:40px}.source-art{width:220px}.art-plinth{height:242px}.source-art img{width:200px}.project-description{font-size:15px}.event-features{grid-template-columns:1fr;gap:16px}.event-features li{font-size:13px}.impact-intro{gap:40px}.impact-intro>p{font-size:15px}.impact-body{gap:35px;grid-template-columns:.85fr 1.15fr}.recap-scene{height:300px}.recap-clips{grid-template-columns:1fr;gap:8px;margin-top:18px}.recap-clip{padding:8px 12px}.recap-clip>img{height:54px;width:42px}.recap-clip>span>span{margin-top:3px}.recap-clip small{margin-bottom:3px}.supporting-results{gap:15px}.supporting-results strong{font-size:54px}.lead-result h3{font-size:18px}.recap-scene .stage-credit small{font-size:8px}.recap-scene .case-text-button{font-size:9px}}
@media(max-width:700px){.story-site{padding:0 22px}.story-site section,.project-panel{scroll-margin-top:22px}.chapter-line{margin-bottom:29px;gap:18px;align-items:start}.chapter-label{font-size:11px;line-height:1.5;gap:9px}.chapter-label::before{width:18px}.chapter-line>span{font-size:10px;max-width:55%}.chapter-line strong{display:block;margin:2px 0 0}.display-heading{font-size:clamp(58px,17vw,96px);line-height:.94;letter-spacing:-.02em}.offer-section{padding:16px 0 43px}.story-link{font-size:12px;margin-top:17px;gap:30px}.service-strip{grid-template-columns:1fr;gap:0;margin-top:30px}.service-strip>div{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px;align-items:baseline;padding:17px 0}.service-strip h3{font-size:17px;line-height:1.3;margin:0}.service-strip p{font-size:12px;line-height:1.6}.build-section{padding:32px 0 46px}.build-section>.chapter-line{margin-bottom:33px}.project-intro{grid-template-columns:1fr;gap:24px;margin-bottom:17px}.project-step{font-size:11px;margin-bottom:17px}.project-heading{font-size:clamp(53px,15.4vw,82px);line-height:.95}.project-description{font-size:14px;line-height:1.7;max-width:460px;margin:21px 0 0}.source-art{display:grid;grid-template-columns:155px 1fr;align-items:center;gap:22px;width:100%;text-align:left;justify-self:stretch}.art-plinth{height:174px}.source-art img{width:142px}.art-plinth::before{height:42px;inset:auto 0 0}.source-art figcaption{font-size:10px;margin-top:0}.source-art figcaption span{font-size:11px;margin-bottom:5px}.case-scene{margin:0 -22px;height:360px}.single-scene{height:clamp(280px,43svh,370px)}.case-scene canvas{touch-action:pan-y}.stage-credit{left:22px;bottom:15px;font-size:11px}.stage-credit small{font-size:8px;max-width:190px}.media-label{font-size:10px}.media-label small{font-size:8px}.case-scene-tools{right:22px;bottom:10px;gap:12px}.case-drag-note{display:none}.case-text-button{font-size:9px}.case-tile-play{padding:7px 10px 7px 7px;font-size:10px;gap:7px}.case-tile-play .case-play-icon{height:25px;width:25px;font-size:8px}.media-footer{grid-template-columns:1fr;gap:18px;padding-top:21px}.media-kicker{font-size:10px;margin-bottom:8px}.media-footer h3{font-size:27px;max-width:350px}.case-film-button{font-size:12px;min-height:53px;padding:11px 16px 11px 11px;gap:10px;justify-self:start}.case-film-button small{font-size:9px}.case-film-button .case-play-icon{width:29px;height:29px;font-size:9px}.event-panel{padding-top:35px;margin-top:42px}.event-intro{margin-bottom:26px}.event-features{grid-template-columns:1fr;gap:18px;margin-top:26px;padding-top:20px}.event-features>p{font-size:11px}.event-features ul{grid-template-columns:1fr 1fr;gap:16px 22px}.event-features li{font-size:12px}.event-features li::before{width:4px;height:4px;margin-right:8px}.impact-section{padding:35px 0 37px}.impact-section::before{inset:0 -22px}.impact-intro{grid-template-columns:1fr;gap:25px;margin-bottom:10px}.impact-intro .display-heading{font-size:clamp(61px,17.5vw,96px)}.impact-intro>p{font-size:14px;line-height:1.7}.impact-body{grid-template-columns:1fr;gap:15px}.event-results{padding-top:26px}.lead-result>strong{font-size:100px}.lead-result h3{font-size:19px;line-height:1.3;margin-top:13px}.lead-result h3 br{display:none}.lead-result p{font-size:12px;max-width:320px}.supporting-results{padding-top:22px;margin-top:24px;gap:22px}.supporting-results strong{font-size:62px}.supporting-results h3{font-size:12px;margin-top:7px}.supporting-results p{font-size:10px}.result-scope{font-size:10px;max-width:410px;margin-top:21px}.recap-link{font-size:12px;margin-top:11px}.recap-scene{height:300px;margin:0 -22px}.recap-scene .stage-credit{left:22px;font-size:11px;bottom:16px}.recap-scene .case-scene-tools{right:22px;bottom:10px;gap:12px}.recap-scene .case-text-button{font-size:9px}.recap-scene .stage-credit small{font-size:8px}.recap-clips{grid-template-columns:1fr;gap:10px;margin-top:9px}.recap-clip{padding:12px;gap:17px}.recap-clip>img{width:47px;height:65px}.recap-clip strong{font-size:14px}.recap-clip>span>span{font-size:11px;margin-top:4px}.recap-clip small{margin-bottom:4px}.mini-play{width:29px;height:29px;font-size:9px}.case-film-heading{padding:15px 18px}.case-film-heading h2{font-size:18px}.case-dialog>p{margin:14px 18px 18px}}
@media(prefers-reduced-motion:reduce){.case-loading,.case-film-button,.story-link span,.recap-clip{transition:none}}

/* Headline hierarchy and a full-width creative-process statement. */
.project-subtitle{font-size:clamp(20px,1.8vw,27px);font-weight:600;line-height:1.35;letter-spacing:-.025em;color:#e2e1ec;margin:23px 0 0}.project-subtitle+.project-description{margin-top:12px}
.creative-banner{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:24px;margin:64px -4.4vw 0;padding:66px 4.4vw 76px;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;background:radial-gradient(ellipse at 84% 110%,#3728e833,transparent 64%),linear-gradient(115deg,#11121f,#090a12)}.creative-banner::before{content:'';position:absolute;top:0;left:4.4vw;width:90px;height:3px;background:var(--brand)}.creative-phase{font-size:14px;font-weight:600;line-height:1.4;color:var(--brand-readable);margin:0 0 23px}.creative-banner .display-heading{font-size:clamp(60px,6.8vw,104px);line-height:.96;letter-spacing:-.02em;max-width:1250px}.offer-copy>p,.creative-manifesto,.experience-manifesto,.campaign-manifesto,.trio-games-manifesto{font-size:clamp(32px,3.9vw,58px);font-weight:700;line-height:1.2;letter-spacing:-.04em;color:#f0f0f5;max-width:1260px;margin:31px 0 0;text-wrap:pretty}.creative-manifesto span,.experience-manifesto span,.campaign-manifesto span{color:var(--brand-letter)}.creative-banner+.event-panel{margin-top:0;padding-top:64px;border-top:0}
@media(min-width:1800px){.creative-banner{margin-left:-68px;margin-right:-68px;padding-left:68px;padding-right:68px}.creative-banner::before{left:68px}}
@media(max-width:700px){.project-subtitle{font-size:18px;margin-top:19px}.project-subtitle+.project-description{margin-top:11px}.creative-banner{scroll-margin-top:20px;margin:43px -22px 0;padding:39px 22px 45px}.creative-banner::before{left:22px;width:60px}.creative-phase{font-size:12px;margin-bottom:21px}.creative-banner .display-heading{font-size:clamp(51px,14.7vw,78px);line-height:.97;max-width:480px}.offer-copy>p,.creative-manifesto,.experience-manifesto,.campaign-manifesto,.trio-games-manifesto{font-size:clamp(27px,7.2vw,38px);line-height:1.23;letter-spacing:-.035em;margin-top:25px}.creative-banner+.event-panel{padding-top:38px}}

/* Three real films introduce the offer before the artist case studies. */
.service-strip{gap:32px;scroll-margin-top:30px}
.service-strip>.service-card{display:block;min-width:0;padding:0;border:0}
.service-visual{position:relative;isolation:isolate;padding:0 2px 22px;perspective:1000px}
.service-visual::before{content:'';position:absolute;left:-5%;right:-5%;bottom:-7px;height:58px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#5f4dfb36,transparent 68%);transform:scaleX(1.05)}
.service-media{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;border:1px solid #c4bedb45;border-radius:4px;background:#080910;box-shadow:4px 4px 0 #2c2b3b,0 23px 30px -12px #000b;transform:rotateY(-2deg) rotateX(1deg);transition:border-color .2s,box-shadow .2s}
.service-card:nth-child(2) .service-media{transform:rotateX(1deg)}.service-card:nth-child(3) .service-media{transform:rotateY(2deg) rotateX(1deg)}
.service-media:hover{border-color:var(--brand-readable);box-shadow:4px 4px 0 #3c365d,0 23px 30px -12px #000b}
.service-media video{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px;pointer-events:none}
.service-expand{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;gap:9px;padding:7px 9px;background:#080910dc;border:1px solid #ffffff25;border-radius:3px;color:#eeecfa;font-size:10px;font-weight:550;backdrop-filter:blur(8px);pointer-events:none}
.service-expand>span{font:16px/1 Arial,sans-serif;color:var(--brand-readable)}
.service-copy{padding-top:21px;border-top:1px solid #ffffff2a}
.service-preview-tools{display:flex;justify-content:flex-end;margin-top:16px}
.service-preview-tools button{min-height:35px;padding:4px 0;font-size:11px;color:#a19bb7}.service-preview-tools button:hover{color:white}
@media(max-width:1050px) and (min-width:701px){.service-strip{gap:24px}.service-visual{padding-bottom:19px}.service-copy{padding-top:18px}.service-expand{font-size:9px;padding:5px 7px;right:7px;bottom:7px;gap:7px}}
@media(max-width:700px){.service-strip{gap:32px;margin-top:33px;scroll-margin-top:24px}.service-visual{padding-bottom:21px}.service-media,.service-card:nth-child(2) .service-media,.service-card:nth-child(3) .service-media{transform:rotateX(1deg)}.service-copy{padding-top:19px}.service-strip h3{font-size:21px;margin:0 0 9px}.service-strip p{font-size:13px;line-height:1.65;max-width:350px}.service-expand{font-size:10px}.service-preview-tools{margin-top:12px}.service-preview-tools button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.service-media{transition:none}}

/* A full-width photo and world pairing, with native horizontal scrolling. */
.romy-example{margin-top:48px;scroll-margin-top:26px}
.romy-example-credit{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0 0;border-top:1px solid #ffffff24;font-size:12px;color:#ada9c2}
.romy-example-credit>span:first-child{font-weight:650;color:var(--brand-readable)}
.romy-example-credit>span+span{display:flex;align-items:center;gap:12px;font-size:11px}
.romy-example-credit>span>span{font:18px Arial,sans-serif;color:var(--brand-readable)}
.romy-gallery{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:auto;margin:0 -18px;cursor:grab}
.romy-gallery::-webkit-scrollbar{display:none}.romy-gallery.is-dragging{scroll-behavior:auto;scroll-snap-type:none;cursor:grabbing;user-select:none}
.romy-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.romy-studio{position:relative;isolation:isolate;height:clamp(440px,43vw,640px);overflow:hidden;background:radial-gradient(ellipse at 55% 88%,#3728e818,transparent 64%)}
.romy-studio canvas{display:block;width:100%;height:100%;opacity:0;touch-action:auto;transition:opacity .3s}
.romy-studio.scene-ready canvas{opacity:1}
.romy-static-pair{position:absolute;inset:12% 4% 15%;display:grid;grid-template-columns:.34fr .66fr;align-items:center;gap:4%;pointer-events:none;perspective:1200px}
.romy-static-pair img{width:100%;height:auto;box-shadow:5px 4px 0 #2b2b3e,0 25px 35px #0009;transform:rotateY(8deg) rotateZ(-3deg)}
.romy-static-pair img+img{transform:rotateY(-4deg)}.romy-studio.scene-ready .romy-static-pair{visibility:hidden}
.romy-media-label{position:absolute;z-index:2;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font-size:14px;font-weight:600;color:#f5f4ff;line-height:1.3;text-shadow:0 2px 12px #0009}
.romy-media-label small{display:block;font-size:11px;font-weight:450;color:#aeabc5;margin-top:5px}
[data-romy="photo-label"]{left:20%;top:80%}[data-romy="space-label"]{left:52%;top:12%}
.romy-play{position:absolute;left:85%;top:87%;display:flex;align-items:center;gap:11px;min-height:55px;padding:10px 17px 10px 11px;background:var(--brand);border:1px solid #8479ff75;border-radius:3px;font-size:13px;font-weight:650;line-height:1.3;text-align:left;white-space:nowrap;box-shadow:0 10px 24px #0005;transform:translate(-50%,-50%);transition:background .2s}
.romy-play small{display:block;font-size:10px;font-weight:450;margin-top:4px;color:#e0dcff}.romy-play:hover{background:var(--brand-hover)}.romy-play .case-play-icon{width:31px;height:31px;font-size:9px}
.romy-gallery-controls{display:flex;align-items:center;gap:30px;padding:5px 0 19px}
.romy-scroll-hint{display:flex;align-items:center;gap:10px;font-size:11px;color:#aba7c0;white-space:nowrap}.romy-scroll-hint>span{font-size:20px;color:var(--brand-readable)}
.romy-gallery-progress{height:2px;background:#ffffff24;flex:1;max-width:440px;overflow:hidden}.romy-gallery-progress>span{display:block;height:100%;width:50%;background:var(--brand-letter);transform:translateX(0);transition:transform .2s}
.romy-pause{font-size:11px;color:#aaa6bf;min-height:42px;padding:6px 0;margin-left:auto;white-space:nowrap}.romy-pause:hover{color:white}
.romy-gallery-nav{display:flex;align-items:center;gap:10px;flex:none}.romy-gallery-nav>span{font-size:11px;font-variant-numeric:tabular-nums;color:#a7a2bd;margin-right:12px;white-space:nowrap}
.romy-gallery-nav button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffff35;border-radius:50%;color:#eeeaff;transition:border-color .2s,background .2s}.romy-gallery-nav button span{font:23px/1 Arial,sans-serif}.romy-gallery-nav button:hover{border-color:var(--brand-readable);background:var(--brand-wash)}.romy-gallery-nav button:disabled{opacity:.3;cursor:default}
.romy-caption{padding-top:22px;border-top:1px solid #ffffff26}.romy-caption>p{font-size:16px;line-height:1.65;letter-spacing:-.012em;color:#c2bfd1;max-width:790px;margin:0}
@media(max-width:1000px) and (min-width:701px){.romy-studio{height:470px}.romy-media-label{font-size:12px}.romy-media-label small{font-size:10px}.romy-play{font-size:11px;min-height:49px;padding:9px 12px 9px 9px}.romy-play small{font-size:9px}.romy-gallery-controls{gap:22px}.romy-gallery-progress{max-width:220px}}
@media(max-width:700px){
 .romy-example{margin-top:32px;scroll-margin-top:22px}.romy-example-credit{padding-top:20px;font-size:11px;gap:15px}.romy-example-credit>span+span{font-size:9px;gap:8px}
 .romy-gallery{margin:0 -22px;gap:18px}.romy-studio{height:570px}
 .romy-static-pair{inset:7% 9% 13%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:35px}.romy-static-pair img{width:46%}.romy-static-pair img+img{width:100%}
 .romy-media-label{font-size:11px}.romy-media-label small{font-size:9px;margin-top:4px}
 [data-romy="photo-label"]{left:75%;top:22%}[data-romy="space-label"]{left:71%;top:43%}
 .romy-play{font-size:11px;min-height:47px;gap:9px;padding:9px 13px 9px 9px;top:90%;left:74%}.romy-play small{font-size:9px;margin-top:3px}.romy-play .case-play-icon{width:27px;height:27px;font-size:9px}
 .romy-gallery-controls{gap:14px;padding:0 0 15px;flex-wrap:wrap}.romy-scroll-hint{font-size:10px;gap:8px}.romy-gallery-progress{display:none}.romy-pause{font-size:10px;min-height:39px;margin-left:auto}.romy-gallery-nav{gap:7px;margin-left:auto}.romy-gallery-nav>span{font-size:10px;margin-right:5px}.romy-gallery-nav button{width:35px;height:35px}.romy-gallery-nav button span{font-size:20px}
 .romy-caption{padding-top:18px}.romy-caption>p{font-size:14px;line-height:1.65;max-width:440px}
}
@media(prefers-reduced-motion:reduce){.romy-gallery{scroll-behavior:auto}.romy-studio canvas,.romy-play,.romy-gallery-nav button,.romy-gallery-progress>span{transition:none}}

/* Campaign actions carried into the same dark photo studio. */
.campaign-section{position:relative;isolation:isolate;padding:44px 0 48px;border-top:1px solid var(--line)}
.campaign-section>.chapter-line{margin-bottom:29px}
.campaign-section>.display-heading{font-size:clamp(58px,6.8vw,104px);line-height:.98}
.campaign-studio{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) 64px minmax(0,1fr);align-items:center;gap:24px;min-height:275px;margin-top:20px;padding:10px 35px 22px;perspective:1100px}
.campaign-studio::before{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:0;height:140px;background:radial-gradient(ellipse at 65% 55%,#6f5fff3b,transparent 68%);transform:rotateX(62deg) scaleY(1.5);pointer-events:none}
.campaign-tools{min-width:0}.campaign-tools-label{font-size:11px;color:#aaa6bd;margin:0 0 21px}
.campaign-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;perspective:1000px}
.campaign-platform{display:flex;position:relative;flex-direction:column;justify-content:center;gap:25px;min-width:0;min-height:132px;padding:22px 17px 17px;border:1px solid #d4ccff42;border-radius:5px;background:linear-gradient(140deg,#3430448c,#11121c);box-shadow:5px 5px 0 #252332,0 25px 25px -15px #000b;transform:rotateY(-9deg) rotateX(4deg);transition:border-color .2s,background .2s}
.campaign-platform:nth-child(2){transform:translateY(-13px) rotateX(4deg)}.campaign-platform:nth-child(3){transform:rotateY(9deg) rotateX(4deg)}
.campaign-platform:hover{border-color:var(--brand-readable);background:linear-gradient(140deg,#423967,#14131f)}
.campaign-platform>img{display:block;width:100%;height:35px;object-fit:contain}
.campaign-platform>span{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:9px;line-height:1.4;color:#aaa5be;white-space:nowrap}
.campaign-platform>span>span{font:16px Arial,sans-serif;color:var(--brand-readable)}
.campaign-connector{font:44px/1 Arial,sans-serif;color:var(--brand-readable);text-align:center;margin-top:25px}
.campaign-destination{position:relative;justify-self:center;width:100%;max-width:380px;padding:30px;border:1px solid #b1a6ff70;border-radius:8px;background:linear-gradient(135deg,#222132,#0f101a 60%);box-shadow:7px 6px 0 #302941,0 32px 33px -14px #000d;transform:rotateY(-9deg) rotateX(3deg)}
.campaign-destination>img{display:block;width:154px;max-width:75%;height:auto;object-fit:contain;margin:0 0 26px}
.campaign-actions{display:grid;gap:17px}.campaign-actions>div{border-top:1px solid #c1b3ff35;padding-top:13px}.campaign-actions span{display:block;font-size:10px;color:var(--brand-readable);margin-bottom:5px}.campaign-actions strong{font-size:20px;line-height:1.2;font-weight:650;letter-spacing:-.025em}
@media(max-width:1050px) and (min-width:701px){.campaign-studio{padding-left:0;padding-right:7px;grid-template-columns:minmax(0,1.5fr) 35px minmax(0,1fr);gap:18px}.campaign-platforms{gap:12px}.campaign-platform{padding:19px 11px 15px;gap:20px}.campaign-platform>span{font-size:8px}.campaign-destination{padding:25px}.campaign-actions strong{font-size:18px}}
@media(max-width:700px){.campaign-section{padding:37px 0 34px}.campaign-section>.chapter-line{margin-bottom:25px}.campaign-section .chapter-line>span{max-width:45%}.campaign-section>.display-heading{font-size:clamp(48px,13.7vw,78px);max-width:480px}.campaign-studio{grid-template-columns:1fr;gap:20px;margin-top:32px;padding:0 3px 28px;min-height:0}.campaign-tools-label{font-size:10px;margin-bottom:22px}.campaign-platforms{gap:12px}.campaign-platform{min-height:105px;padding:18px 10px 12px;gap:14px}.campaign-platform>img{height:28px}.campaign-platform>span{font-size:8px;white-space:normal;gap:3px}.campaign-platform>span>span{font-size:13px}.campaign-platform:nth-child(2){transform:translateY(-9px) rotateX(4deg)}.campaign-connector{font-size:35px;transform:rotate(90deg);margin:0;line-height:1}.campaign-destination{max-width:290px;padding:26px;transform:rotateY(-7deg) rotateX(3deg)}.campaign-destination>img{width:140px;margin-bottom:23px}.campaign-actions{gap:15px}.campaign-actions strong{font-size:20px}.campaign-studio::before{bottom:0;height:160px;left:-22px;right:-22px}}
@media(prefers-reduced-motion:reduce){.campaign-platform{transition:none}}

/* The in-house games reel leads, with the studio statement beneath it. */
.trio-games-section{padding:49px 0 67px;border-top:1px solid var(--line)}
.trio-games-header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px}.trio-games-header>p{font-size:12px;color:#aaa5bd;margin:0 0 9px;line-height:1.5}
.trio-games-scene{height:clamp(380px,43vw,640px)}
.trio-games-poster{position:absolute;inset:6% 7% 10%;width:86%;height:84%;object-fit:contain;pointer-events:none;box-shadow:0 25px 50px #0007}
.trio-games-section[data-scene-ready="true"] .trio-games-poster{visibility:hidden}
.trio-games-scene canvas{position:relative}
.trio-games-film-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0 25px;border-bottom:1px solid var(--line)}
.trio-games-film-bar>span{font-size:12px;color:#aaa5bd}
.trio-games-copy{padding-top:43px;scroll-margin-top:30px}
.trio-games-copy>.display-heading{font-size:clamp(63px,7.3vw,110px);line-height:.96}
.trio-games-authorship{font-size:clamp(20px,2vw,28px);line-height:1.45;letter-spacing:-.025em;color:#aaa7ba;max-width:1120px;margin:33px 0 0;padding-top:27px;border-top:1px solid #ffffff20}
.trio-games-authorship strong{font-weight:650;color:#f0f0f5}
@media(max-width:700px){.trio-games-section{padding:32px 0 43px}.trio-games-header{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:17px}.trio-games-header>p{font-size:10px;margin:0}.trio-games-scene{height:clamp(270px,38svh,350px)}.trio-games-film-bar{align-items:flex-start;flex-direction:column;gap:14px;padding:12px 0 22px}.trio-games-film-bar>span{font-size:10px}.trio-games-copy{padding-top:30px;scroll-margin-top:22px}.trio-games-copy>.display-heading{font-size:clamp(46px,13.3vw,76px);line-height:.98}.trio-games-authorship{font-size:20px;line-height:1.45;margin-top:27px;padding-top:23px}}

/* The creative approach belongs to the adventure; artist worlds lead the event. */
.adventure-process{margin-top:48px;scroll-margin-top:30px}
.adventure-process>.display-heading{font-size:clamp(46px,5.3vw,80px);line-height:.98}
.adventure-process>.creative-manifesto{margin-top:27px}
.event-panel>.event-intro{margin-bottom:0}
.event-intro+.romy-example{margin-top:32px}
.event-panel>.experience-manifesto{margin:46px 0 38px;scroll-margin-top:30px}
.event-example-credit{padding-top:23px;margin-top:0}
@media(max-width:700px){.event-intro .project-heading{font-size:clamp(42px,13.8vw,74px)}.adventure-process{margin-top:33px;scroll-margin-top:22px}.adventure-process>.display-heading{font-size:clamp(40px,11.5vw,62px)}.adventure-process>.creative-manifesto{margin-top:23px}.event-intro+.romy-example{margin-top:24px}.event-panel>.experience-manifesto{margin:31px 0 28px;scroll-margin-top:22px}.event-example-credit{padding-top:20px;gap:12px}.event-example-credit>span+span{font-size:8px;gap:6px}}

/* The offer follows one sequence: adventure, world, live event. */
ol.service-strip{list-style:none;padding:0;margin-left:0;margin-right:0}
.service-copy h3{display:flex;align-items:center;gap:14px;min-height:57px;margin-bottom:15px}
.service-copy .service-number{font-family:Impact,'Arial Black',sans-serif;font-size:58px;line-height:1;color:var(--brand-letter);font-weight:400;flex:none}
.service-copy>p{max-width:none}
.service-step-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:12px;font-size:12px;font-weight:600;color:var(--brand-readable)}
.service-step-link>span{font:20px/1 Arial,sans-serif}.service-step-link:hover{color:white}
.live-event-panel{margin-top:73px;padding-top:68px;border-top:1px solid var(--line)}
.live-event-copy{font-size:clamp(32px,3.9vw,58px);font-weight:700;line-height:1.2;letter-spacing:-.04em;color:#f0f0f5;max-width:1260px;margin:31px 0 25px;text-wrap:pretty}
.live-event-copy>span{color:var(--brand-letter)}
.live-event-scene{height:clamp(380px,43vw,640px)}
.live-event-poster{position:absolute;inset:6% 7% 10%;width:86%;height:84%;object-fit:contain;pointer-events:none}
.live-event-panel[data-scene-ready="true"] .live-event-poster{visibility:hidden}
.live-event-scene canvas{position:relative}
.live-event-panel .event-features ul{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.service-copy h3{font-size:22px;gap:13px;min-height:49px;margin-bottom:13px}.service-copy .service-number{font-size:50px}.service-step-link{font-size:12px;margin-top:8px}.live-event-panel{margin-top:43px;padding-top:38px}.live-event-copy{font-size:clamp(27px,7.2vw,38px);line-height:1.23;letter-spacing:-.035em;margin:25px 0 22px}.live-event-scene{height:clamp(270px,38svh,350px)}}

/* The numbered actions are the primary headlines for all three phases. */
.project-heading.step-heading{font-size:clamp(65px,7.3vw,110px);line-height:.95}
.adventure-process>.display-heading{font-size:clamp(32px,3vw,44px)}
.adventure-process>.creative-manifesto,.event-panel>.experience-manifesto,.live-event-copy{font-size:clamp(20px,1.8vw,27px);font-weight:600;line-height:1.4;letter-spacing:-.025em;max-width:1080px}
@media(max-width:700px){.project-heading.step-heading{font-size:clamp(53px,15.4vw,82px);line-height:.95}.adventure-process>.display-heading{font-size:30px}.adventure-process>.creative-manifesto,.event-panel>.experience-manifesto,.live-event-copy{font-size:18px;line-height:1.45;letter-spacing:-.02em}}

/* Total listening leads, with the average as a supporting subheader. */
.impact-intro>p{font-size:clamp(20px,1.8vw,27px);font-weight:600;line-height:1.35;letter-spacing:-.025em;color:#e2e1ec;max-width:530px}
.listening-result{margin:0 0 22px;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}
.listening-metric{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:46px;padding:35px 0 40px}
.listening-average{margin:0;padding:0 0 32px}
.listening-average>strong{font-weight:700;color:var(--brand-letter)}
.listening-time>p{font-size:14px;font-weight:600;color:var(--brand-readable);margin:0 0 14px}
.listening-time>strong{display:block;font-family:Impact,'Arial Black','Arial Narrow',sans-serif;font-size:clamp(130px,15vw,220px);font-weight:900;line-height:.9;letter-spacing:-.035em;color:#f2f3ee;white-space:nowrap}
.listening-time>strong>span{font-size:.5em;letter-spacing:-.02em;color:var(--brand-letter)}
.listening-metric>h3{font-size:clamp(26px,3.2vw,48px);font-weight:700;line-height:1.15;letter-spacing:-.035em;margin:0}
.listening-metric>h3>span{color:var(--brand-letter)}
.event-results>.supporting-results:first-child{margin-top:0}
@media(max-width:700px){.impact-intro>p{font-size:18px}.listening-result{margin:22px 0 0}.listening-metric{grid-template-columns:1fr;gap:23px;padding:27px 0 30px}.listening-time>p{font-size:12px;margin-bottom:13px}.listening-time>strong{font-size:clamp(110px,33vw,180px)}.listening-metric>h3{font-size:clamp(26px,7.5vw,38px);line-height:1.2}.listening-average{margin:0;padding-bottom:27px}}

/* The artist's promo becomes a measurable path into the live experience. */
.recap-funnel{padding:21px 0 35px;margin:0 0 18px;scroll-margin-top:84px;border-bottom:1px solid #ffffff24}
.recap-funnel>h3{font-family:Impact,'Arial Black','Arial Narrow',sans-serif;font-size:clamp(28px,3vw,44px);font-weight:900;line-height:1.05;text-transform:uppercase;letter-spacing:-.015em;margin:0 0 27px}
.recap-funnel-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0}
.recap-funnel-steps>li{position:relative;min-width:0;padding:21px 0 0;border-top:1px solid #ffffff29}
.recap-funnel-steps>li:not(:last-child)::after{content:'→';position:absolute;right:2px;top:39px;font:27px/1 Arial,sans-serif;color:var(--brand-readable)}
.recap-funnel-steps strong{display:block;font-family:Impact,'Arial Black','Arial Narrow',sans-serif;font-size:clamp(56px,5.7vw,82px);font-weight:900;line-height:.95;letter-spacing:-.02em;color:#f2f3ee}
.recap-funnel-steps h4{font-size:17px;font-weight:650;line-height:1.35;letter-spacing:-.02em;margin:15px 0 7px}
.recap-funnel-steps p{font-size:13px;line-height:1.5;color:#aaa6bd;margin:0}
.recap-funnel-steps b{color:var(--brand-readable);font-weight:650}
.funnel-source{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:24px 0 0;font-size:11px;line-height:1.5;color:#9490a8}
.funnel-source a{color:var(--brand-readable);text-underline-offset:4px}.funnel-source a:hover{text-decoration:underline}.funnel-source a>span{margin-left:9px;font:15px/1 Arial,sans-serif}
@media(max-width:1050px) and (min-width:701px){.recap-funnel-steps{gap:22px}.recap-funnel-steps h4{font-size:15px}.recap-funnel-steps p{font-size:12px}.recap-funnel-steps>li:not(:last-child)::after{font-size:22px;top:34px}}
@media(max-width:700px){.recap-funnel{padding:29px 0 28px;margin-bottom:0;scroll-margin-top:74px}.recap-funnel>h3{font-size:30px;line-height:1.08;max-width:300px;margin-bottom:23px}.recap-funnel-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 23px}.recap-funnel-steps>li{padding-top:18px}.recap-funnel-steps>li:not(:last-child)::after{display:none}.recap-funnel-steps strong{font-size:60px}.recap-funnel-steps h4{font-size:15px;margin-top:12px}.recap-funnel-steps p{font-size:12px}.funnel-source{display:block;font-size:10px;margin-top:23px}.funnel-source a{display:block;min-height:36px;padding-top:10px}}

#listening-result{scroll-margin-top:30px}
@media(max-width:700px){#listening-result{scroll-margin-top:24px}}

@media(min-width:1051px){.adventure-panel .project-intro{grid-template-columns:1.35fr .65fr;gap:50px}}

.service-copy h3{text-transform:uppercase}

/* Larger, clearer section labels throughout the story. */
.chapter-line{padding-right:64px}
.chapter-label{font-size:22px;font-weight:700;line-height:1.3}
.chapter-label::before{height:3px;width:32px}
.chapter-line>span{font-size:14px;line-height:1.45;font-weight:500;color:#b0adbf}
@media(max-width:700px){.chapter-line{flex-direction:column;align-items:flex-start;gap:10px;padding-right:0}.chapter-label{font-size:18px;line-height:1.3;gap:10px}.chapter-label::before{width:24px}.chapter-line>span,.campaign-section .chapter-line>span{font-size:13px;max-width:100%;text-align:left}.chapter-line strong{display:inline;margin-left:5px}}

/* The offer starts with the campaign opportunity, before its three steps. */
.offer-subtitle{font-size:clamp(24px,2.5vw,38px);font-weight:600;line-height:1.32;letter-spacing:-.03em;color:#e3e1ed;max-width:1200px;margin:26px 0 0;text-wrap:pretty}
@media(max-width:700px){.offer-subtitle{font-size:clamp(22px,5.8vw,27px);line-height:1.35;letter-spacing:-.025em;margin-top:20px}}

/* Keep this short headline together, including on a phone. */
#offer-heading{white-space:nowrap}
@media(max-width:700px){#offer-heading{font-size:clamp(44px,17vw,96px)}}

.live-event-copy>strong{display:block;font-weight:800;color:var(--brand-letter);margin-bottom:8px}

/* Three game categories share one large studio screen and one full-clip button. */
.trio-games-tabs{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}
.trio-games-tab{font:700 18px/1.3 'Avenir Next','Helvetica Neue',Arial,sans-serif;letter-spacing:-.025em;text-align:left;color:#aaa5bd;padding:12px 0;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}
.trio-games-tab[aria-pressed="true"]{color:#f0f0f5;border-bottom-color:var(--brand-letter)}
.trio-games-tab:hover{color:white}.trio-games-tab:focus-visible{outline:2px solid var(--brand-readable);outline-offset:5px}.trio-games-tab:disabled{opacity:.4;cursor:default}
@media(max-width:700px){.trio-games-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.trio-games-tab{font-size:15px;line-height:1.3;padding:10px 0 12px}.trio-games-film-bar{gap:20px}}

/* A clear invitation replaces the repeated offer description. */
.offer-benefits{display:grid;gap:16px;list-style:disc;padding:0 0 0 .9em;margin:31px 0 0;font-size:clamp(32px,3.9vw,58px);font-weight:750;line-height:1.2;letter-spacing:-.04em;color:#f0f0f5;text-wrap:pretty}
.offer-benefits>li{padding-left:6px}
.offer-benefits>li::marker{color:var(--brand-letter);font-size:.75em}
.offer-benefits>li>span{color:var(--brand-letter)}
@media(max-width:700px){.offer-benefits{font-size:clamp(27px,7.2vw,38px);gap:16px;margin-top:25px;letter-spacing:-.035em}.offer-benefits>li{padding-left:4px}}

/* Game variety is explained beneath the main Trio Games heading. */
.trio-games-header{display:block}
.trio-games-header>.project-subtitle{font-size:clamp(20px,1.8vw,27px);line-height:1.35;color:#e2e1ec;max-width:1080px;margin:23px 0 0}
@media(max-width:700px){.trio-games-header>.project-subtitle{font-size:18px;margin:19px 0 0}}

/* The team credit sits closely beneath the game carousel. */
.trio-games-copy{padding-top:20px}
.trio-games-authorship{font-size:clamp(20px,1.8vw,27px);font-weight:600;line-height:1.35;letter-spacing:-.025em;color:#e2e1ec;max-width:1080px;margin:0;padding:0;border-top:0}
@media(max-width:700px){.trio-games-copy{padding-top:16px}.trio-games-authorship{font-size:18px}}

/* A final invitation, with the complete portrait film floating in the studio. */
.moment-section{display:grid;grid-template-columns:1.15fr .85fr;grid-template-areas:'copy media' 'contact media';column-gap:40px;row-gap:32px;align-items:center;padding:80px 0 76px;border-top:1px solid var(--line)}
.moment-copy{grid-area:copy;align-self:end;min-width:0}
.moment-copy .display-heading{font-size:clamp(64px,6.5vw,100px);line-height:.96;letter-spacing:-.025em}
.moment-copy .display-heading>span{display:block}
.moment-copy>.project-subtitle{max-width:630px;margin-top:28px}
.moment-media{grid-area:media;min-width:0;text-align:center}
.moment-scene{height:640px;margin:0;background:radial-gradient(ellipse at 50% 88%,var(--brand-mist),transparent 68%)}
.moment-scene .case-scene-tools{left:0;right:0;justify-content:center;bottom:8px}
.moment-watch{margin-top:14px}
.moment-contact{grid-area:contact;align-self:start;padding-top:25px;border-top:1px solid var(--brand-border)}
.moment-contact>p{font-size:clamp(20px,1.8vw,27px);font-weight:600;line-height:1.35;letter-spacing:-.025em;margin:0 0 11px;color:#e2e1ec}
.moment-contact>a{display:inline-flex;gap:24px;align-items:center;max-width:100%;font-size:clamp(24px,3vw,43px);font-weight:700;line-height:1.3;letter-spacing:-.035em;color:var(--brand-readable);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:9px}
.moment-contact>a>span{font-family:Arial,sans-serif;font-size:.8em;transition:transform .2s}
.moment-contact>a:hover{color:white}.moment-contact>a:hover>span{transform:translate(3px,-3px)}
.moment-contact>a:focus-visible{outline:2px solid var(--brand-readable);outline-offset:9px}
.moment-dialog{width:min(540px,94vw)}
@media(max-width:1050px) and (min-width:701px){.moment-section{column-gap:24px}.moment-copy .display-heading{font-size:clamp(52px,6.5vw,68px)}.moment-scene{height:580px}.moment-contact>a{font-size:29px;gap:16px}}
@media(max-width:700px){.moment-section{grid-template-columns:1fr;grid-template-areas:'copy' 'media' 'contact';padding:43px 0 48px;row-gap:25px}.moment-copy .display-heading{font-size:clamp(48px,14vw,76px);line-height:.97}.moment-copy>.project-subtitle{margin-top:23px}.moment-media{margin:0 -22px}.moment-scene{height:540px;margin:0}.moment-scene .case-text-button{font-size:11px;min-height:44px}.moment-watch{margin-top:11px;justify-self:auto}.moment-contact{padding-top:25px;margin-top:9px}.moment-contact>p{font-size:18px;margin-bottom:11px}.moment-contact>a{font-size:clamp(24px,7.5vw,34px);gap:18px;text-underline-offset:7px}}
@media(prefers-reduced-motion:reduce){.moment-contact>a>span{transition:none}}