/* October review: one scene per gesture, a consistent masthead and concise proof. */
.hero-identity{flex-wrap:nowrap;letter-spacing:0!important}
.hero-identity strong,.hero-identity>span:last-child{white-space:nowrap;text-transform:none;letter-spacing:0}
.pinned-motion .chapter-stage{touch-action:pinch-zoom}
.decision-row{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.mobile-cta[hidden]{display:none!important}
.pinned-motion .scene-panel{transition:opacity .65s ease,transform .9s cubic-bezier(.2,.7,.2,1),visibility .9s}
.pinned-motion .scene-panel.departing{transform:translateY(-60px) scale(.985)}
.motion-enabled .hero [data-intro]{animation:none!important}
.motion-enabled.intro-started:not(.intro-finished):not(.reading-mode) .hero [data-intro]{animation:intro-in .7s both cubic-bezier(.2,.7,.2,1)!important}
.motion-enabled.intro-started:not(.intro-finished):not(.reading-mode) .hero [data-intro="0"]{animation-delay:0s!important}
.motion-enabled.intro-started:not(.intro-finished):not(.reading-mode) .hero [data-intro="1"]{animation-delay:.08s!important}
.motion-enabled.intro-started:not(.intro-finished):not(.reading-mode) .hero [data-intro="2"]{animation-delay:.22s!important}
.motion-enabled.intro-started:not(.intro-finished):not(.reading-mode) .hero [data-intro="3"]{animation-delay:.38s!important}
.motion-enabled.intro-started:not(.intro-finished):not(.reading-mode) .hero [data-intro="4"]{animation-delay:1s!important}
.motion-enabled.intro-started:not(.intro-finished):not(.reading-mode) .hero [data-intro="5"]{animation-delay:1.18s!important}
.motion-enabled .about-section>.section-inner,.motion-enabled .working-section>.section-inner,.motion-enabled .proof-section>.chapter-inner{opacity:0;transform:translateY(36px);transition:opacity .65s,transform .9s cubic-bezier(.2,.7,.2,1)}
.motion-enabled .in-view>.section-inner,.motion-enabled .in-view>.chapter-inner,.reading-mode .about-section>.section-inner,.reading-mode .working-section>.section-inner,.reading-mode .proof-section>.chapter-inner{opacity:1;transform:none}
.about-section .gaming-perspective h3{font-family:inherit;font-size:.95rem;line-height:1.65;font-weight:600;letter-spacing:0;color:#263d5b;margin-bottom:18px}
.about-section .about-copy p,.about-section .about-copy .about-pitch,.about-section .about-copy .about-lead{font-family:inherit;font-size:.94rem;line-height:1.65;font-weight:400;letter-spacing:0;color:#516177;margin-bottom:18px}
.about-section .about-copy .eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.08em;margin-bottom:24px}
.about-section .gaming-perspective{border:0;padding:0;margin:26px 0}
.about-section .gaming-perspective h3{margin-bottom:8px}
.leadership-logos{display:flex;gap:16px;align-items:center;margin:24px 0;flex-wrap:wrap}
.leadership-logo{display:flex;align-items:center;justify-content:center;min-height:74px;width:180px;padding:14px 20px;border:1px solid #d5dfec;border-radius:9px;background:#fff}
.leadership-logo img{width:100%;height:45px;object-fit:contain}
.leadership-logo.junglee{background:#101b2b;border-color:#101b2b}
.leadership-logo.junglee img{height:56px}
.brand-experience{margin-top:40px;padding-top:24px;border-top:1px solid #cbd6e5;overflow:hidden}
.brand-experience-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.brand-experience-heading .eyebrow{margin:0;font-size:.94rem;line-height:1.65;font-weight:600;letter-spacing:0;text-transform:none;color:#263d5b}
.brand-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.brand-track{display:flex;width:max-content;animation:brand-scroll 38s linear infinite}
.brand-group{display:flex;gap:14px;padding-right:14px}
.brand-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;flex:none;width:172px;height:106px;background:#fff;border:1px solid #d5dfec;border-radius:9px;padding:17px}
.brand-tile img{display:block;width:138px;height:40px;object-fit:contain}
.brand-lockup{display:flex;align-items:center;gap:10px}
.brand-lockup img{width:38px;height:38px;border-radius:8px}
.brand-lockup strong{font-size:1.15rem;font-weight:600;letter-spacing:-.03em;color:#111c2d}
.brand-tile span{font-size:.65rem;font-weight:500;color:#607690;letter-spacing:.08em;text-transform:uppercase}
.page-hidden .brand-track{animation-play-state:paused}
@keyframes brand-scroll{to{transform:translateX(-50%)}}
.proof-section{padding-top:78px;padding-bottom:78px}
.proof-section .section-heading h2{font-size:clamp(2.3rem,3.5vw,3.6rem);margin-bottom:0}
.proof-section .section-heading>p{margin:0}
.case-list{border-top:1px solid #d5dfec}
.case-link{display:grid;grid-template-columns:42px 1fr auto;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid #d5dfec;transition:background .2s,color .2s}
.case-link:hover{background:#f5f8fd;color:#1765ef}
.case-link .case-number{font-size:.8rem;color:#6b809c}
.case-link h3{font-size:1.25rem;line-height:1.3;margin:0 0 5px;font-weight:500}
.case-link p{font-size:.82rem;line-height:1.5;color:#60728b;margin:0}
.case-link .case-action{font-size:.78rem;color:#1765ef;white-space:nowrap}
.mobile-cta{display:none}
@media(max-width:760px){
 .masthead{padding-inline:16px}
 .masthead .brand-name{display:block;font-size:.6rem;line-height:1.4;padding-left:10px;white-space:nowrap}
 .masthead nav{gap:0}
 .masthead nav .cta{display:inline-flex;min-width:0;min-height:40px;padding:9px 12px;font-size:.72rem;gap:8px}
 .brand{gap:8px}.mark{font-size:1.75rem}
 .mobile-cta{position:fixed;inset:auto 0 0;z-index:45;display:block;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#080e1bf5 30%)}
 .mobile-cta .button{width:100%;min-height:46px;font-size:.9rem;box-shadow:0 4px 18px #0003}
 .dialog-open .mobile-cta{display:none}
 .pinned-motion .scene-panel,.pinned-motion.scrolling-scenes .scene-panel{padding:18px 22px calc(84px + env(safe-area-inset-bottom))}
 .pinned-motion .panel-content{gap:14px;align-content:center}
 .pinned-motion .panel-copy>.eyebrow{margin-bottom:12px;font-size:.61rem}
 .pinned-motion .panel-copy h2{font-size:clamp(1.95rem,8.4vw,2.4rem);line-height:1.06;margin-bottom:12px}
 .pinned-motion .panel-summary{font-size:.88rem;line-height:1.5}
 .pinned-motion .product-board{padding:14px 16px;border-radius:12px}
 .pinned-motion .board-heading{margin-bottom:6px}
 .pinned-motion .board-heading h3{display:none}
 .pinned-motion .board-heading .tiny-label{font-size:.6rem}
 .pinned-motion .decision-row{min-height:57px;padding:9px 0;gap:10px}
 .pinned-motion .row-copy strong{font-size:.86rem;line-height:1.3;margin-bottom:3px}
 .pinned-motion .row-copy>span{font-size:.75rem;line-height:1.4}
 .pinned-motion .decision-rule{font-size:.68rem!important;line-height:1.4;padding:9px;margin:6px 0 0}
 .pinned-motion .panel-footer{padding-top:12px;gap:10px;align-items:center}
 .pinned-motion .panel-footer .evidence-link{flex-basis:auto;max-width:62%;font-size:.7rem}
 .pinned-motion .evidence-link>span{margin-bottom:4px;font-size:.55rem}
 .pinned-motion .panel-footer .section-sharing{order:3;flex-basis:auto}
 .pinned-motion .panel-footer .section-share{font-size:.64rem;min-height:36px;padding:7px 10px}
 .pinned-motion .panel-footer .next-chapter{font-size:.67rem;max-width:104px}
 .pinned-motion #strategy .panel-copy h2{font-size:clamp(1.85rem,8vw,2.2rem)}
 .pinned-motion #strategy .decision-row{min-height:54px;padding:8px 0}
 .pinned-motion #strategy .row-copy>span{font-size:.73rem}
 .hero.hero.scene-panel,.pinned-motion .hero.hero.scene-panel,.pinned-motion.scrolling-scenes .hero.hero.scene-panel{padding:30px 24px 32px}
 .reading-mode .hero.hero.scene-panel{padding-top:calc(var(--header) + 30px)}
 .hero .hero-inner{display:flex;flex-direction:column}
 .hero .hero-grid{display:contents}
 .hero .hero-identity{display:flex;order:0;gap:8px;align-items:center;max-width:none;margin-bottom:28px}
 .hero .hero-identity strong,.hero .hero-identity>span:last-child{font-size:clamp(.55rem,2.55vw,.72rem);line-height:1.4;max-width:none;font-weight:500;letter-spacing:0}
 .hero .identity-divider{height:14px;flex:0 0 1px}
 .hero .hero-copy{order:1}
 .hero h1,.pinned-motion .hero h1{font-size:clamp(2.7rem,9.7vw,4rem);line-height:1.06;margin-bottom:26px}
 .hero .hero-second{margin-top:9px}
 .hero .intro,.pinned-motion .hero .intro{font-size:.95rem;line-height:1.65;margin-bottom:0}
 .hero .actions{display:none}
 .hero .career-preview{order:3;padding-top:36px}
 .hero .career-preview>.eyebrow{font-size:.65rem;margin-bottom:14px}
 .hero .career-preview>.career-item{padding:18px 0;gap:14px}
 .hero .career-preview h2{font-size:1.1rem;margin-bottom:6px}
 .hero .career-preview p{font-size:.8rem;line-height:1.55}
 .hero .career-proof,.pinned-motion .hero .career-proof{order:2;grid-template-columns:1fr;margin-top:30px;padding-top:24px;gap:20px}
 .hero .proof-context{display:block}
 .hero .proof-context>span{font-size:.65rem}
 .hero .proof-context>p{font-size:.75rem;margin-top:6px}
 .hero .proof-strip{grid-template-columns:1fr 1fr;gap:24px 20px}
 .hero .proof-strip>div{display:block}
 .hero .proof-strip strong{font-size:2.4rem;line-height:1.15;white-space:nowrap}
 .hero .proof-strip strong small{font-size:.9rem;margin-left:3px}
 .hero .proof-strip span{font-size:.75rem;line-height:1.5;margin-top:8px}
 .hero .scroll-cue,.pinned-motion .hero .scroll-cue{order:4;margin-top:30px;display:inline-flex;gap:12px;font-size:.75rem}
 .leadership-logos{gap:12px}
 .leadership-logo{width:calc(50% - 6px);min-height:70px;padding:12px}
 .brand-experience{margin-top:30px}
 .brand-experience-heading{align-items:flex-start;gap:14px}
 .brand-experience-heading .eyebrow{max-width:none;font-size:1rem;line-height:1.7}
 .brand-tile{width:150px;height:100px}.brand-tile img{width:122px}
 .brand-lockup img{width:38px}
 .proof-section{padding:60px 24px}
 .proof-section .section-heading h2{font-size:2.3rem;margin-bottom:14px}
 .case-link{grid-template-columns:25px 1fr auto;gap:10px;padding:20px 0}
 .case-link h3{font-size:1.02rem}.case-link p{font-size:.75rem}
 .case-action .case-action-label{display:none}
 .case-link .case-action{font-size:1.2rem}
 .closing{padding-bottom:calc(115px + env(safe-area-inset-bottom))}
}
@media(max-width:760px) and (max-height:720px){
 .pinned-motion .scene-panel,.pinned-motion.scrolling-scenes .scene-panel{padding-top:16px}
 .pinned-motion .panel-content{gap:10px}
 .pinned-motion .panel-copy h2{font-size:1.85rem}
 .pinned-motion .panel-summary{font-size:.84rem}
}
@media(prefers-reduced-motion:reduce){
 .brand-track{animation:none;transform:none}.brand-marquee{overflow-x:auto;mask-image:none}.brand-group[aria-hidden]{display:none}
 .motion-enabled .about-section>.section-inner,.motion-enabled .working-section>.section-inner,.motion-enabled .proof-section>.chapter-inner{opacity:1;transform:none;transition:none}
 .motion-enabled.intro-started .hero [data-intro]{animation:none!important}
}
.reading-mode .brand-track{animation:none;transform:none}.reading-mode .brand-marquee{overflow-x:auto;mask-image:none}.reading-mode .brand-group[aria-hidden]{display:none}.reading-mode .brand-pause{display:none}
@media print{.mobile-cta{display:none!important}}

/* Points are now sequential content, with one deliberate case-study link per capability. */
.career-preview>.career-item{display:flex;align-items:center;gap:17px;border-top:1px solid #ffffff25;padding:19px 0}
.career-preview>.career-item:last-child{border-bottom:1px solid #ffffff25}
.career-preview h2{color:#74aaff;font-weight:600}
.decision-row,.decision-row:hover{cursor:default;background:transparent;padding-left:0;padding-right:0}
.row-copy strong{color:var(--blue);font-weight:600}
@keyframes point-push{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.motion-enabled:not(.reading-mode) .capability-panel.active.board-visible .decision-row{animation:point-push .55s both cubic-bezier(.2,.7,.2,1)}
.motion-enabled:not(.reading-mode) .capability-panel.active.board-visible .decision-row:nth-child(2){animation-delay:.09s}
.motion-enabled:not(.reading-mode) .capability-panel.active.board-visible .decision-row:nth-child(3){animation-delay:.18s}
.motion-enabled:not(.reading-mode) .capability-panel.active.board-visible .decision-row:nth-child(4){animation-delay:.27s}
.motion-enabled.intro-started:not(.intro-finished):not(.reading-mode) .career-item{animation:point-push .55s both cubic-bezier(.2,.7,.2,1);animation-delay:1s}
.motion-enabled.intro-started:not(.intro-finished):not(.reading-mode) .career-item:nth-of-type(2){animation-delay:1.12s}
.motion-enabled.intro-started:not(.intro-finished):not(.reading-mode) .career-item:nth-of-type(3){animation-delay:1.24s}
.about-section .about-copy h2.about-heading{font-family:inherit;font-size:clamp(2.5rem,3.6vw,4rem);line-height:1.08;font-weight:600;letter-spacing:-.06em;color:#172b48;margin-bottom:28px}
.about-section .about-copy h2.about-heading .accent{color:#1765ef;white-space:nowrap}
.gaming-highlight{font-weight:600;color:#1765ef;background-image:linear-gradient(#1765ef18,#1765ef18);background-repeat:no-repeat;background-position:left bottom;background-size:100% 35%;padding-bottom:1px}
@keyframes gaming-focus{from{color:#516177;background-size:0 35%}to{color:#1765ef;background-size:100% 35%}}
.motion-enabled:not(.reading-mode) .gaming-perspective.in-view .gaming-highlight{animation:gaming-focus .7s both ease-out}
.motion-enabled:not(.reading-mode) .gaming-perspective.in-view .gaming-highlight:nth-child(2){animation-delay:.25s}
.motion-enabled:not(.reading-mode) .gaming-perspective.in-view .gaming-highlight:nth-child(3){animation-delay:.5s}
@media(max-width:760px){
 .hero .career-preview>.career-item{padding:18px 0;gap:14px}
 .about-section .about-copy h2.about-heading{font-size:clamp(1.7rem,8.1vw,2.6rem)}
 .about-section .about-copy p,.about-section .about-copy .about-pitch,.about-section .about-copy .about-lead{font-size:.88rem;line-height:1.65}
 .about-section .about-copy .eyebrow{font-size:.7rem;line-height:1.5}
 .about-section .gaming-perspective h3,.brand-experience-heading .eyebrow{font-size:.9rem;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.career-item,.decision-row,.gaming-highlight{animation:none!important}}
.reading-mode .career-item,.reading-mode .decision-row,.reading-mode .gaming-highlight{animation:none!important}

.copyright-note{display:inline-block;margin-top:6px}
.direct-chat{font-size:.84rem;line-height:1.6;margin:0 0 24px;color:#63758e}
.direct-chat a{color:#1765ef;text-decoration:underline;text-underline-offset:3px}
.mobile-swipe-hint{display:none;pointer-events:none}
@media(max-width:760px) and (any-pointer:coarse){
 .mobile-swipe-hint:not([hidden]){position:fixed;right:max(10px,env(safe-area-inset-right));top:62%;z-index:46;display:flex;flex-direction:column;align-items:center;width:48px;color:#285fa9;--swipe-fill:#4b80d536;--swipe-border:#285fa94d}
 .mobile-swipe-hint[data-tone="dark"]{color:#d7e6fc;--swipe-fill:#e4effc3d;--swipe-border:#d7e6fc80}
 .swipe-hint-track{position:relative;width:42px;height:88px}
 .swipe-hint-arrow{position:absolute;top:0;left:0;width:42px;text-align:center;font-size:22px;opacity:.7}
 .swipe-hint-dot{position:absolute;bottom:0;left:2px;width:38px;height:38px;border-radius:50%;background:var(--swipe-fill);border:1px solid var(--swipe-border);box-shadow:0 0 0 5px var(--swipe-fill);animation:mobile-swipe-up 1.6s ease-in-out 2 both}
 .swipe-hint-label{font-size:10px;line-height:1.4;white-space:nowrap;margin-top:12px;animation:swipe-label-fade 3.2s both}
 .dialog-open .mobile-swipe-hint,.reading-mode .mobile-swipe-hint{display:none!important}
}
@keyframes mobile-swipe-up{0%,12%{opacity:0;transform:translateY(0) scale(.82)}25%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:.85;transform:translateY(-58px) scale(.92)}88%,100%{opacity:0;transform:translateY(-58px) scale(.85)}}
@keyframes swipe-label-fade{0%,100%{opacity:0}15%,85%{opacity:.8}}
@media(prefers-reduced-motion:reduce){.mobile-swipe-hint{display:none!important}}
@media print{.mobile-swipe-hint{display:none!important}}