/* Identity only. Page structure and responsive layout live in studio.css. */
@font-face{font-family:BlueDisplay;src:url('/assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:BlueBody;src:url('/assets/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:CyanSans;src:url('/assets/fonts/plex-sans.woff2') format('woff2');font-weight:100 700;font-display:swap}
html[data-design=blue]{--paper:#fbfcff;--night:#f2f5fb;--ink:#18283f;--muted:#526171;--silver:#526171;--accent:#315eff;--font-display:BlueDisplay,Arial,sans-serif;--font-body:BlueBody,Arial,sans-serif}
html[data-design=cyan]{--paper:#111315;--night:#182a32;--ink:#f0f5f7;--muted:#bdcbd1;--silver:#bdcbd1;--accent:#a8e1e5;--font-display:CyanSans,Arial,sans-serif;--font-body:CyanSans,Arial,sans-serif}
.identity-blue,.identity-cyan{background:var(--paper);color:var(--ink)}
:is(.identity-blue,.identity-cyan) :is(.page-label,.spectrum-label-lockups span,.header-label){font-family:var(--font-body)}
.identity-blue :is(h1,h2,h3){font-weight:650}
.identity-cyan :is(h1,h2,h3){font-weight:600}

/* Blue */
.identity-blue .button{background:#315eff;color:#fff;border-color:#315eff}.identity-blue .button:hover{background:#244ce0;color:#fff;border-color:#244ce0}
.identity-blue .opening-copy h1 span:first-child{color:#18283f}.identity-blue .opening-copy h1 span:last-child{color:#315eff}
.identity-blue .games-label{color:#315eff}.identity-blue .research-label{color:#6132b8}
.identity-blue .paint-canvas{background:#fbfcff}
.identity-blue .paint-canvas :is(.hero-poster,.hero-film){object-fit:cover}
.identity-blue :is(.choice,.games-choice){border-color:#315eff}.identity-blue .research-choice{border-color:#7954bd}
.identity-blue .neural-story{background:#f0eaff;color:#21163e}.identity-blue .topic-links{border-color:#d3c4e8}
.identity-blue .working-story{background:#edf3fc}
.identity-blue .platform-showcase{background:#edf2fa}
.identity-blue .platform-group{border-color:#315eff}.identity-blue .platform-group:nth-child(even){border-color:#7954bd}
.identity-blue .platform-number{color:#315eff}.identity-blue .platform-group:nth-child(even) .platform-number{color:#6132b8}
.identity-blue .platform-eyebrow{color:#3452a0}
.identity-blue .spectrum-callout{background:#315eff;color:#fff}.identity-blue .spectrum-callout p{color:#fff}.identity-blue .spectrum-callout .button{background:#fff;color:#244ce0;border-color:#fff}
.identity-blue .spectrum-footer{background:#fff;border-color:#315eff}
.identity-blue :is(.studio-landing,.studio-engagement){--studio-tint:#edf2ff;--studio-colour:#244ce0;--studio-line:#d2dcf5}
.identity-blue .studio-research{--studio-tint:#f0eaff;--studio-colour:#6132b8;--studio-line:#d8caed}
.identity-blue .stroke-one{background:#cbd8ff}.identity-blue .stroke-two{background:#e0d3ff}
.identity-blue .studio-proof{background:#edf3fc;color:#18283f}.identity-blue .studio-proof:before{background:radial-gradient(circle at 0 100%,transparent 0 160px,#dce5fa 161px 210px,transparent 211px)}
.identity-blue .studio-publication strong{color:#6132b8}.identity-blue .studio-publication{border-color:#d8caed}
.identity-blue .studio-pipeline>div{border-color:#c7d5ed}.identity-blue .studio-pipeline .pipeline-build{background:#315eff;color:#fff;border-color:#315eff}
.identity-blue .pipeline-link{color:#3452a0}.identity-blue .pipeline-link:before,.identity-blue .pipeline-link:after{background:#9bb4eb}
.identity-blue .studio-sprint-board{background:#edf2ff;box-shadow:12px 12px 0 #e9e1f6}.identity-blue .studio-cadence-number strong{color:#315eff}
.identity-blue .studio-sprint-pair article{border-color:#315eff}.identity-blue .studio-sprint-pair article+article{border-color:#7954bd}
.identity-blue .studio-stage{background:#edf2ff}.identity-blue .studio-stage:nth-child(even){background:#f0eaff}.identity-blue .studio-stage-number{color:#244ce0}
.identity-blue .studio-stages:before{border-color:#b6c8ef}.identity-blue .studio-next a{background:#edf2ff}.identity-blue .studio-next a+a{background:#f0eaff}
.identity-blue :is(.engagement-proof,.games-hero-art){background:#edf2ff;color:#18283f}
.identity-blue .proof-showcase{--proof-surface:#edf2ff;--proof-secondary:#f0eaff;--proof-ink:#18283f;--proof-muted:#526171}
.identity-blue .console-license{background:#edf3ff;color:#2442a6;border-color:#cad8f5}
.identity-blue .mega-menu{--menu-accent:#244ce0;--menu-tint:#edf2ff;--menu-ink:#172645;--menu-border:#dce3f5}
.identity-blue .mega-menu:has(.mega-research){--menu-accent:#6132b8;--menu-tint:#f0eaff;--menu-border:#d8caed}
.identity-blue .mega-orbit{background:#dce3f5;border-radius:50%}

/* Cyan */
.identity-cyan .button{background:#a8e1e5;color:#15323a;border-color:#a8e1e5}.identity-cyan .button:hover{background:#cef0f2;color:#15323a;border-color:#cef0f2}
.identity-cyan .opening-copy h1 span:first-child{color:#f0f5f7}.identity-cyan .opening-copy h1 span:last-child{color:#a8e1e5}
.identity-cyan .games-label{color:#a8e1e5}.identity-cyan .research-label{color:#d4eda8}.identity-cyan .paint-canvas{background:#111315}
.identity-cyan .paint-canvas :is(.hero-poster,.hero-film){object-fit:cover;object-position:right center}
.identity-cyan :is(.page-label,.paint-caption,.choice>p:first-child,.work-card>div>p:not(.page-label),.note-row>span,.note-row time,.note-row p,.spectrum-related span,.spectrum-related p,.scope-notes dd,.project-meta dt,.article-meta,.media-block figcaption,.spectrum-trust-note){color:#bdcbd1}
.identity-cyan :is(.choice,.games-choice){border-color:#a8e1e5}.identity-cyan .research-choice{border-color:#d4eda8}
.identity-cyan :is(.neural-story,.working-story,.platform-showcase,.spectrum-callout,.studio-proof){background:#d3eded;color:#15323a}
.identity-cyan :is(.neural-story,.working-story,.platform-showcase,.spectrum-callout,.studio-proof) :is(.page-label,p,figcaption){color:#345058}
.identity-cyan :is(.neural-story,.working-story,.platform-showcase,.spectrum-callout,.studio-proof) .button{background:#173d48;color:#fff;border-color:#173d48}
.identity-cyan .topic-links{border-color:#99c5c9}.identity-cyan .platform-group{border-color:#087581}.identity-cyan .platform-group:nth-child(even){border-color:#597b36}
.identity-cyan .platform-number{color:#087581}.identity-cyan .platform-group:nth-child(even) .platform-number{color:#466328}.identity-cyan .platform-eyebrow{color:#345058}
.identity-cyan .platform-group li{background:#f4fbfb;color:#15323a}
.identity-cyan .spectrum-trust{color:#edf7f8}.identity-cyan .spectrum-partner-logos img{background:#fff;border-radius:6px;padding:7px}.identity-cyan .spectrum-partner-logos img.partner-dark{background:#19343d}
.identity-cyan .proof-links{color:#c3dade}
.identity-cyan .spectrum-footer{background:#111315;border-color:#557e86}.identity-cyan :is(.footer-intro p,.footer-links a,.footer-legal){color:#bdcbd1}
.identity-cyan :is(.spectrum-filters select,.spectrum-filters input){background:#19343e;color:#fff;border-color:#75929d}
.identity-cyan :is(.source-note,.draft-note,.scope-notes,.spectrum-related,.spectrum-faq details,.note-row){border-color:#526e79}
.identity-cyan :is(.studio-landing,.studio-engagement){--studio-tint:#d3eded;--studio-colour:#a8e1e5;--studio-line:#557e86}
.identity-cyan .studio-research{--studio-tint:#dfebcc;--studio-colour:#d4eda8;--studio-line:#67765a}
.identity-cyan :is(.studio-capability,.studio-stage,.studio-publication,.studio-sprint-board,.studio-next a,.studio-main-frame,.studio-inset-frame){color:#15323a;--studio-colour:#086773}
.identity-cyan :is(.studio-capability,.studio-stage,.studio-publication,.studio-sprint-board,.studio-next a,.studio-main-frame,.studio-inset-frame) :is(.page-label,p,figcaption){color:#345058}
.identity-cyan .studio-capability{background:#d3eded}.identity-cyan .studio-capability:nth-child(3n){background:#dfebcc}
.identity-cyan .stroke-one{background:#72bcc5}.identity-cyan .stroke-two{background:#d4eda8}
.identity-cyan .studio-art-note{color:#a8e1e5}
.identity-cyan .studio-proof:before{background:radial-gradient(circle at 0 100%,transparent 0 160px,#b2dadd 161px 210px,transparent 211px)}
.identity-cyan .studio-pipeline>div{background:#eff9f9;color:#15323a;border-color:#9cbfc7}.identity-cyan .studio-pipeline .pipeline-build{background:#173d48;color:#fff;border-color:#173d48}
.identity-cyan .studio-publication strong{color:#087581}.identity-cyan .studio-publication{background:#eff9f9;border-color:#9cbfc7}
.identity-cyan .studio-sprint-board{background:#d3eded;box-shadow:12px 12px 0 #243b37}.identity-cyan .studio-cadence-number strong{color:#087581}.identity-cyan .studio-sprint-pair article{border-color:#087581}.identity-cyan .studio-sprint-pair article+article{border-color:#597b36}
.identity-cyan .studio-stage{background:#d3eded}.identity-cyan .studio-stage:nth-child(even){background:#dfebcc}.identity-cyan .studio-stage-number{color:#08636b}.identity-cyan .studio-stages:before{border-color:#557e86}
.identity-cyan .studio-next a{background:#d3eded}.identity-cyan .studio-next a+a{background:#dfebcc}
.identity-cyan :is(.engagement-proof,.games-hero-art){background:#d3eded;color:#15323a}.identity-cyan .engagement-proof .button{background:#173d48;color:#fff;border-color:#173d48}
.identity-cyan .proof-showcase{--proof-surface:#d3eded;--proof-secondary:#1b3037;--proof-ink:#15323a;--proof-muted:#345058}.identity-cyan .proof-quote-grid blockquote{color:#edf7f8}.identity-cyan .proof-quote-grid footer span,.identity-cyan .quote-status{color:#bdcbd1}
.identity-cyan .console-license{background:#173d48;color:#c7f1f3;border-color:#4d707a}
.identity-cyan .mega-menu{--menu-accent:#086773;--menu-tint:#edf8f7;--menu-ink:#15323a;--menu-border:#c9e5df}.identity-cyan .mega-menu:has(.mega-research){--menu-accent:#466328;--menu-tint:#f1f6e9;--menu-border:#dce8c8}
.identity-cyan .mega-menu[open]>summary,.identity-cyan .mega-chevron{color:#a8e1e5}
.identity-cyan .mobile-nav nav{background:#19343e;color:#edf7f8;border-color:#75929d}
.identity-cyan .contact-section{background:#182a32;color:#edf7f8}.identity-cyan .contact-section input,.identity-cyan .contact-section textarea{background:#111f26;color:#fff;border-color:#78929d}.identity-cyan .contact-section :is(.field-hint,.required-note,.deck-note p,.form-bottom p,.contact-intro>p:not(.section-label),.connection-notice p){color:#bdcbd1}
.identity-cyan .reading pre{background:#1b3037;color:#edf7f8}
.identity-cyan.spectrum-studio :is(.neural-story,.working-story,.platform-showcase,.spectrum-callout,.studio-proof,.studio-capability,.studio-stage,.studio-publication,.studio-sprint-board,.studio-next a,.studio-main-frame,.studio-inset-frame) :is(.page-label,.media-block figcaption){color:#345058}
.identity-cyan :is(.contact-choices p,.result-count,.newsletter-note p){color:#bdcbd1}

/* All identities use the same type roles, including small labels. */
.spectrum-label-lockups span,.header-label{font-family:var(--font-display)}

.history-page{--history-accent:#087581;--history-coral:#b83e2f;--history-line:#c8dddc;--history-tint:#edf8f7;--history-muted:#49636b;--history-paper:#fff}
.identity-blue .history-page{--history-accent:#315eff;--history-coral:#6132b8;--history-line:#cad6f0;--history-tint:#edf2ff}
.identity-cyan .history-page{--history-accent:#a8e1e5;--history-coral:#d4eda8;--history-line:#557e86;--history-tint:#19343e;--history-muted:#bdcbd1;--history-paper:#111315}
.history-intro{padding-block:64px 72px}
.history-intro>.page-label{color:var(--history-accent);margin-bottom:28px}
.history-intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end}
.history-intro h1{font-size:clamp(52px,5.8vw,84px);line-height:1.03;max-width:16ch}
.history-intro-grid>div>p{font-size:19px;line-height:1.8;max-width:40ch;color:var(--history-muted)}
.history-intro-grid .plain-link{display:inline-block;margin-top:18px}
.history-opening{display:grid;grid-template-columns:1fr 1fr;margin-top:48px;border:1px solid var(--history-line);border-radius:6px;overflow:hidden}
.history-opening-years{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:36px;background:#19343d;color:#fff}
.history-opening-years>span{font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.08em;color:#c5dadd}
.history-opening-years>strong{display:flex;align-items:center;gap:20px;font:600 clamp(42px,4.5vw,64px)/1.1 var(--font-display);letter-spacing:-.04em}
.history-opening-years>strong>span{font-size:.6em;font-weight:400;color:#88b9bd}
.history-opening-years>p{font-size:13px;line-height:1.6;color:#c5dadd}
.history-founder{display:grid;grid-template-columns:100px 1fr;gap:28px;align-items:center;margin:0;padding:32px;background:var(--history-tint)}
.history-founder>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;border-radius:3px}
.history-founder blockquote{font:500 22px/1.4 var(--font-display);letter-spacing:-.015em;margin:0 0 18px}
.history-founder figcaption{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;line-height:1.6}
.history-founder figcaption span{color:var(--history-muted)}
.history-founder a{display:inline-block;font-size:12px;line-height:1.6;margin-top:12px;padding-block:5px}
.history-layout{display:grid;grid-template-columns:110px minmax(0,1fr);gap:56px;padding-bottom:80px;align-items:start}
.history-years{position:sticky;top:32px;display:flex;flex-direction:column;gap:8px}
.history-years>p{font-size:11px;color:var(--history-muted);margin-bottom:12px}
.history-years>a{display:block;padding:9px 12px;border-left:2px solid var(--history-line);font-size:14px;line-height:1.5;text-decoration:none;transition:background-color 150ms,border-color 150ms}
.history-years>a:hover,.history-years>a:focus-visible{background:var(--history-tint);border-left-color:var(--history-accent)}
.history-timeline{min-width:0;border-left:1px solid var(--history-line);padding-left:40px}
.history-milestone{position:relative;padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid var(--history-line);scroll-margin-top:32px}
.history-milestone::before{content:'';position:absolute;top:18px;left:-47px;width:11px;height:11px;border:1px solid var(--history-accent);border-radius:50%;background:var(--history-paper);box-shadow:0 0 0 5px var(--history-paper)}
.history-milestone:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.history-milestone:nth-child(even)::before{background:var(--history-accent)}
.history-milestone-heading{display:flex;align-items:center;gap:24px;margin-bottom:28px}
.history-date{font:600 46px/1.1 var(--font-display);letter-spacing:-.04em;color:var(--history-accent)}
.history-theme{font-size:11px;line-height:1.7;color:var(--history-muted);letter-spacing:.015em}
.history-milestone-body{padding:32px;border:1px solid var(--history-line);border-radius:4px;background:var(--history-paper)}
.history-with-media .history-milestone-body{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.history-with-film .samsung-film{margin-top:28px}
.history-milestone:nth-child(4n+1) .history-milestone-body{background:var(--history-tint)}
.history-milestone h2{font-size:clamp(28px,2.8vw,38px);line-height:1.13;max-width:25ch;margin:0 0 22px}
.history-milestone-copy>p{font-size:14px;line-height:1.8;color:var(--history-muted);max-width:76ch}
.history-milestone-copy>.history-lead{font-size:16px;color:inherit;margin-bottom:18px}
.history-story-link{display:inline-block;margin-top:24px;padding-block:8px;font-size:13px;line-height:1.6;text-decoration-color:var(--history-line)}
.history-story-link:hover{text-decoration-color:currentColor}
.history-milestone .media-block img{aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.history-milestone .media-block figcaption{color:var(--history-muted)}
.history-next{background:var(--history-tint);padding-block:80px;border-top:1px solid var(--history-line)}
.history-next-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:96px;align-items:center}
.history-next h2{font-size:clamp(38px,4vw,56px);line-height:1.1;max-width:20ch;margin:24px 0}
.history-next-copy{font-size:17px;line-height:1.8;color:var(--history-muted);max-width:54ch}
.history-next .button{margin-top:28px}
.history-next nav{display:grid;gap:18px}
.history-next nav>a{display:block;padding:24px;border:1px solid var(--history-line);border-radius:4px;background:var(--history-paper);text-decoration:none;transition:transform 180ms,box-shadow 180ms}
.history-next nav>a:hover{transform:translateY(-3px);box-shadow:0 8px 20px #19343d0d}
.history-next nav span{display:block;font-size:11px;line-height:1.6;color:var(--history-muted);margin-bottom:8px}
.history-next nav strong{font:600 24px/1.3 var(--font-display)}
@media(max-width:1100px){
 .history-intro-grid{gap:40px}
 .history-opening-years{padding:28px}
 .history-founder{grid-template-columns:76px 1fr;gap:20px;padding:24px}
 .history-founder blockquote{font-size:20px}
 .history-layout{grid-template-columns:80px minmax(0,1fr);gap:32px}
 .history-timeline{padding-left:28px}
 .history-milestone::before{left:-35px}
 .history-milestone-body{padding:24px}
 .history-with-media .history-milestone-body{grid-template-columns:1fr;gap:24px}
 .history-milestone .media-block img{aspect-ratio:16/9}
 .history-next-grid{gap:48px}
}
@media(max-width:767px){
 .history-intro{padding-block:36px 40px}
 .history-intro-grid{grid-template-columns:1fr;gap:24px}
 .history-intro h1{font-size:clamp(44px,9vw,60px)}
 .history-intro-grid>div>p{font-size:17px}
 .history-opening{grid-template-columns:1fr;margin-top:32px}
 .history-opening-years{padding:28px 24px;gap:18px}
 .history-opening-years>strong{font-size:48px;gap:16px}
 .history-founder{grid-template-columns:64px 1fr;padding:24px 20px}
 .history-founder blockquote{font-size:19px}
 .history-layout{grid-template-columns:1fr;gap:36px;padding-bottom:56px}
 .history-years{position:static;flex-direction:row;flex-wrap:wrap;gap:8px}
 .history-years>p{flex-basis:100%;margin-bottom:4px}
 .history-years>a{padding:8px 12px;border:1px solid var(--history-line);border-radius:3px;font-size:12px}
 .history-timeline{margin-left:5px;padding-left:18px}
 .history-milestone{padding-bottom:32px;margin-bottom:32px}
 .history-milestone::before{left:-25px;top:14px}
 .history-milestone-heading{gap:16px;margin-bottom:20px;align-items:flex-start}
 .history-date{font-size:38px}
 .history-theme{font-size:10px;padding-top:4px}
 .history-milestone-body{padding:24px 18px}
 .history-milestone h2{font-size:29px}
 .history-milestone-copy>.history-lead{font-size:16px}
 .history-next{padding-block:56px}
 .history-next-grid{grid-template-columns:1fr;gap:36px}
}
@media(prefers-reduced-motion:reduce){.history-years>a,.history-next nav>a{transition:none}.history-next nav>a:hover{transform:none}}