/* Cotton Balls / identity refinement. Content, routes and production integrations stay intact. */
:root[data-identity="strict"] {
  --bg:#090909; --bg-2:#121211; --fg:#f0efe9;
  --muted:#a5a49e; --muted-2:#888780;
  --panel:rgba(240,239,233,.035); --panel-2:rgba(240,239,233,.065);
  --line:rgba(240,239,233,.17); --line-strong:rgba(240,239,233,.34);
  --violet:var(--fg); --blue:var(--fg); --pink:var(--fg); --cyan:var(--fg);
  --shadow:none; --radius:0px; --header:92px;
  --gutter:clamp(24px,4.45vw,88px);
  --identity-mono:"Courier New",Courier,monospace;
  --identity-ease:cubic-bezier(.22,1,.36,1);
  color-scheme:dark;
}
:root[data-identity="strict"][data-theme="light"] {
  --bg:#f1f0ea; --bg-2:#e9e8e1; --fg:#151514;
  --muted:#60605a; --muted-2:#6d6d65;
  --panel:rgba(21,21,20,.035); --panel-2:rgba(21,21,20,.065);
  --line:rgba(21,21,20,.19); --line-strong:rgba(21,21,20,.4);
  color-scheme:light;
}
html[data-identity="strict"][data-theme] body {
  background:var(--bg)!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:400;
}
html[data-identity] body::before,
html[data-identity] body::after,
html[data-identity] .page-noise,
html[data-identity] .cb-ambient-field,
html[data-identity] .page-hero::after,
html[data-identity] .featured-release::before,
html[data-identity] .feature-glow,
html[data-identity] .cover-aura,
html[data-identity] .big-link::before { display:none!important; }
html[data-identity] ::selection { background:var(--fg); color:var(--bg); text-shadow:none; }
html[data-identity] { scrollbar-color:var(--muted-2) var(--bg); scrollbar-width:thin; }
html[data-identity] ::-webkit-scrollbar { width:8px; height:8px; }
html[data-identity] ::-webkit-scrollbar-track { background:var(--bg); border:0; }
html[data-identity] ::-webkit-scrollbar-thumb { background:var(--muted-2); border:2px solid var(--bg); border-radius:0; box-shadow:none; }
html[data-identity] :focus-visible { outline:1px solid var(--fg); outline-offset:6px; }

/* The original mark and outlined lettering, not a replacement typeface. */
html[data-identity] .site-header,
html[data-identity] .site-header.scrolled {
  height:var(--header); background:var(--bg)!important;
  border-bottom:1px solid var(--line); box-shadow:none; backdrop-filter:none;
}
html[data-identity] .brand { gap:12px; min-width:0; }
html[data-identity] .brand-mark {
  width:37px; height:28px; flex:none; background:var(--fg); filter:none;
  -webkit-mask:url('assets/identity/mark.svg') center/contain no-repeat;
  mask:url('assets/identity/mark.svg') center/contain no-repeat;
}
html[data-identity] .brand-mark::before,
html[data-identity] .brand-mark::after { content:none; }
html[data-identity] .brand > span:last-child {
  width:119px; height:19px; overflow:hidden; display:block;
  color:transparent; font-size:0; background:var(--fg);
  -webkit-mask:url('assets/identity/wordmark.svg') center/contain no-repeat;
  mask:url('assets/identity/wordmark.svg') center/contain no-repeat;
}
html[data-identity] .main-nav { gap:clamp(20px,2.5vw,42px); }
html[data-identity] .main-nav a {
  font-family:var(--identity-mono); font-size:11px; line-height:1.4;
  letter-spacing:.01em; font-weight:400; color:var(--muted);
}
html[data-identity] .main-nav a:hover,
html[data-identity] .main-nav a.active { color:var(--fg); }
html[data-identity] .main-nav a::after { bottom:-7px; background:var(--fg); }
html[data-identity] .header-actions { gap:4px; }
html[data-identity] .header-icon-btn,
html[data-identity] .menu-btn {
  width:44px; height:44px; border:0; border-radius:0; background:transparent;
  box-shadow:none!important; color:var(--fg);
}
html[data-identity] .header-icon-btn:hover,
html[data-identity] .menu-btn:hover { background:var(--panel-2); }
html[data-identity] .cb-language-mark { filter:none; }

/* Same two-column hero; quieter surroundings, stronger silhouette. */
html[data-identity] .home-hero {
  min-height:min(900px,100svh);
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  column-gap:4%; padding:calc(var(--header) + 92px) var(--gutter) 100px;
  align-items:center; overflow:hidden;
}
html[data-identity] .home-copy { width:100%; max-width:none; }
html[data-identity] .home-copy .eyebrow { margin-bottom:36px; }
html[data-identity] .eyebrow,
html[data-identity] .section-kicker {
  font-family:var(--identity-mono); font-size:11px; line-height:1.55;
  font-weight:400; letter-spacing:.035em; color:var(--muted);
}
html[data-identity] .display-title {
  font-weight:700; font-size:clamp(80px,11.4vw,192px); line-height:.86;
  letter-spacing:-.055em!important; word-spacing:.075em!important; text-transform:uppercase;
  text-wrap:initial;
}
html[data-identity] .home-copy .display-title { font-size:clamp(86px,10.9vw,188px); letter-spacing:-.07em!important; }
html[data-identity] .hero-lead,
html[data-identity] .page-lead {
  max-width:390px; margin-top:35px; font-size:16px; line-height:1.65;
  color:var(--muted); letter-spacing:-.012em;
}
/* A definite grid track avoids a 0px auto track on wide centered layouts.
   The essential mark remains visible even when optional reveal scripts fail. */
html[data-identity] .hero-visual { min-height:440px; width:100%; grid-template-columns:minmax(0,1fr); }
html[data-identity] .hero-visual.reveal { opacity:1!important; }
html[data-identity] .interactive-logo.identity-logo {
  width:100%; max-width:580px; aspect-ratio:1193 / 850;
  min-height:0; display:block; filter:none; animation:none; contain:layout style;
  touch-action:pan-y; overflow:visible!important;
}
html[data-identity] .identity-logo .cb-logo-fallback {
  position:relative; inset:auto; width:100%; height:auto; aspect-ratio:1193 / 850; object-fit:contain;
  animation:none!important; transform:none!important;
}
html[data-identity][data-theme="light"] .identity-logo { filter:invert(1); }
html[data-identity] .identity-logo .identity-pair {
  display:block; position:absolute; inset:0; width:100%; height:100%;
  overflow:visible; visibility:hidden; pointer-events:none; z-index:2;
}
html[data-identity] .identity-logo .identity-letter { pointer-events:none; }
html[data-identity] .identity-logo.identity-pair-active .cb-logo-fallback,
html[data-identity] .identity-logo.identity-pair-vector .cb-logo-fallback { visibility:hidden!important; }
html[data-identity] .identity-logo.identity-pair-active .identity-pair,
html[data-identity] .identity-logo.identity-pair-vector .identity-pair { visibility:visible; }

/* Keep the existing section rhythm and editorial hierarchy. */
html[data-identity] .intro-section { padding-block:116px 126px; }
html[data-identity] .intro-layout { grid-template-columns:1.08fr .92fr; gap:4%; margin-top:34px; }
html[data-identity] .section-title {
  font-size:clamp(58px,7vw,112px); line-height:.94; letter-spacing:-.06em; word-spacing:.055em;
  font-weight:500; text-transform:uppercase;
}
html[data-identity] .intro-copy { max-width:420px; padding:0 0 4px; }
html[data-identity] .intro-copy p { font-size:19px; line-height:1.6; letter-spacing:-.02em; margin-bottom:32px; }
html[data-identity] .inline-link {
  font-family:var(--identity-mono); font-size:11px; font-weight:400;
  letter-spacing:0; gap:24px; padding-bottom:9px; border-color:var(--fg);
}
html[data-identity] .inline-link:hover { gap:34px; }
html[data-identity] .featured-release {
  grid-template-columns:1.08fr .92fr; gap:4%; padding-block:112px;
}
html[data-identity] .feature-copy { max-width:520px; }
html[data-identity] .featured-release .feature-copy h2 {
  margin:32px 0 26px; font-size:clamp(56px,7.1vw,112px);
  line-height:.94; font-weight:500; letter-spacing:-.066em; text-transform:uppercase;
}
html[data-identity] .feature-copy p { font-size:16px; }
html[data-identity] .featured-release .feature-art {
  width:min(100%,490px); justify-self:start;
}
html[data-identity] .feature-art img,
html[data-identity] .feature-art picture,
html[data-identity] .game-cover img,
html[data-identity] .game-cover picture {
  border-radius:0!important; box-shadow:none!important;
  transition:transform .5s var(--identity-ease),filter .3s ease;
}
html[data-identity] .feature-art:hover > img { filter:none; }
html[data-identity] .home-links { margin-inline:var(--gutter); border-bottom:0; }
html[data-identity] .home-links .cb-reactive-divider { left:0; right:0; }
html[data-identity] .big-link { min-height:218px; padding:42px 38px 36px 0; gap:18px; }
html[data-identity] .big-link:last-child { padding-left:42px; }
html[data-identity] .big-link:hover { background:transparent; }
html[data-identity] .big-link > span {
  grid-column:1; grid-row:1;
  font-size:clamp(35px,4.45vw,72px); line-height:.97; letter-spacing:-.057em;
  font-weight:500; text-transform:uppercase; text-shadow:none!important;
}
html[data-identity] .big-link small { grid-column:1; grid-row:2; font-family:var(--identity-mono); font-size:11px; font-weight:400; letter-spacing:0; color:var(--muted); }
html[data-identity] .big-link i { grid-column:2; grid-row:1 / span 2; align-self:start; font-size:32px; font-weight:400; }
html[data-identity] .cb-reactive-divider { background:var(--line); }
html[data-identity] .cb-reactive-divider::after {
  background:linear-gradient(90deg,transparent,var(--fg),transparent); box-shadow:none;
}
html[data-identity] .reveal { filter:none!important; }

/* Internal pages use the same vocabulary, not a separate template. */
html[data-identity] .page-hero {
  min-height:0; padding-top:calc(var(--header) + 100px); padding-bottom:80px;
}
html[data-identity] .page-hero .eyebrow { margin-bottom:34px; }
html[data-identity] .page-hero .display-title { font-size:clamp(68px,9.3vw,158px); }
html[data-identity] .page-lead { max-width:480px; }
html[data-identity] .game-catalog { margin-top:14px; }
html[data-identity] .games-platform { padding-block:64px 96px; }
html[data-identity] .platform-directory { gap:20px; padding-bottom:32px; }
html[data-identity] .platform-directory-label {
  font-family:var(--identity-mono); font-size:11px; font-weight:400; letter-spacing:0;
}
html[data-identity] .platform-chip,
html[data-identity] .platform-chip.active {
  min-width:0; min-height:44px; padding:0 0 4px; background:transparent;
  border:0; border-bottom:1px solid var(--fg); border-radius:0; box-shadow:none;
}
html[data-identity] .platform-chip:hover { transform:translateY(-2px); }
html[data-identity] .platform-chip .stake-logo-image { height:32px; }
html[data-identity] .game-catalog .game-showcase {
  grid-template-columns:1fr 1fr; gap:10%; padding-block:80px;
}
html[data-identity] .game-catalog .game-cover { width:min(100%,460px); justify-self:start; border-radius:0; }
html[data-identity] .game-catalog .game-info h2 {
  font-size:clamp(52px,6.5vw,102px); font-weight:500; text-transform:uppercase;
  letter-spacing:-.058em; line-height:.96;
}
html[data-identity] .game-catalog .game-info > p { max-width:390px; font-size:16px; line-height:1.65; }
html[data-identity] .button {
  min-height:46px; padding:0 20px; border-radius:0;
  font-family:var(--identity-mono); font-size:11px; letter-spacing:0; font-weight:400;
  box-shadow:none!important;
}
html[data-identity] .button.primary:hover { background:var(--bg); color:var(--fg); }
html[data-identity] .studio-manifesto { padding-block:80px 100px; }
html[data-identity] .sticky-note span,
html[data-identity] .process-item > span,
html[data-identity] .cap-card > span { font-family:var(--identity-mono); font-size:11px; letter-spacing:0; }
html[data-identity] .sticky-note p { font-weight:400; font-size:clamp(26px,3vw,44px); line-height:1.13; letter-spacing:-.042em; }
html[data-identity] .process-item { padding-block:36px; }
html[data-identity] .process-item h2 { font-weight:500; font-size:clamp(28px,3vw,46px); line-height:1.08; letter-spacing:-.04em; }
html[data-identity] .process-item p { font-size:16px; line-height:1.65; }
html[data-identity] .cap-grid { border-left:0; gap:24px; }
html[data-identity] .cap-card { min-height:224px; padding:24px 0; border-right:0; }
html[data-identity] .cap-card:hover { transform:none; background:transparent; }
html[data-identity] .cap-card strong { font-weight:400; font-size:clamp(22px,2.25vw,36px); letter-spacing:-.035em; }
html[data-identity] .brief-aside h2 { font-size:clamp(48px,5.3vw,86px); font-weight:500; line-height:.96; }
html[data-identity] .partner-form { gap:32px; }
html[data-identity] .partner-form label > span,
html[data-identity] .attachment-field > span {
  font-family:var(--identity-mono); font-size:11px; font-weight:400; letter-spacing:0;
}
html[data-identity] .partner-form input,
html[data-identity] .partner-form textarea { border-radius:0; }
html[data-identity] .cb-req-star,
html[data-identity] .cb-required-note i { filter:none; }
html[data-identity] .cb-required-note { font-family:var(--identity-mono); font-size:9px; letter-spacing:0; }
html[data-identity] .cb-select-menu,
html[data-identity] .cb-select-option,
html[data-identity] .file-picker-button,
html[data-identity] .brief-editor,
html[data-identity] .cb-brief-editor,
html[data-identity] .brief-toolbar,
html[data-identity] .brief-tool-btn {
  border-radius:0; box-shadow:none; background:var(--bg-2);
}
html[data-identity] .cb-select-option:hover,
html[data-identity] .cb-select-option.is-active { background:var(--panel-2); transform:none; }
html[data-identity] .cb-select-option[aria-selected='true']::after { content:'✓'; }
html[data-identity] .direct-mail { font-size:13px; }
html[data-identity] .contact-row { padding-block:36px; }
html[data-identity] .contact-row > span { font-family:var(--identity-mono); letter-spacing:0; }
html[data-identity] .contact-row strong { font-size:clamp(24px,3.65vw,60px); font-weight:400; text-shadow:none!important; }
html[data-identity] .contact-row:hover { background:transparent; }
html[data-identity] .legal-head h1 { font-size:clamp(56px,8vw,130px); line-height:.96; font-weight:500; }
html[data-identity] .legal-tabs { top:var(--header); background:var(--bg); backdrop-filter:none; }
html[data-identity] .legal-tabs a { border-radius:0; font-family:var(--identity-mono); letter-spacing:0; }
html[data-identity] .legal-copy p { line-height:1.75; }

/* Footer, language and cookie controls are part of the identity too. */
html[data-identity] .site-footer { padding-top:66px; background:var(--bg); }
html[data-identity] .footer-top { padding-bottom:40px; }
html[data-identity] .footer-brand {
  display:block; width:clamp(220px,31vw,440px); height:clamp(40px,4.7vw,68px);
  overflow:hidden; color:transparent; font-size:0; background:var(--fg);
  -webkit-mask:url('assets/identity/wordmark.svg') left center/contain no-repeat;
  mask:url('assets/identity/wordmark.svg') left center/contain no-repeat;
}
html[data-identity] .footer-brand span { display:none; }
html[data-identity] .footer-top p { font-family:var(--identity-mono); font-size:11px; line-height:1.65; }
html[data-identity] .footer-col > span,
html[data-identity] .footer-bottom { font-family:var(--identity-mono); font-size:10px; font-weight:400; letter-spacing:.015em; }
html[data-identity] .footer-col a,
html[data-identity] .footer-col button { font-size:13px; font-weight:400; }
html[data-identity] .language-overlay { top:calc(var(--header) + 10px); transform-origin:top right; }
html[data-identity] .language-shell { background:var(--bg-2); border-radius:0; backdrop-filter:none; box-shadow:0 12px 35px #0002; }
html[data-identity] .language-search-wrap { border-radius:0; background:transparent; margin:0; }
html[data-identity] .language-native { font-size:16px; font-weight:400; }
html[data-identity] .language-option.active { background:var(--panel-2); }
html[data-identity] .language-option:hover { background:var(--panel-2); }
html[data-identity] .cb-cookie-banner,
html[data-identity] .cb-cookie-modal { border-radius:0; background:var(--bg-2); backdrop-filter:none; box-shadow:0 12px 35px #0002; }
html[data-identity] .cb-cookie-banner { width:min(420px,calc(100vw - 32px)); padding:23px; }
html[data-identity] .cb-cookie-banner h3 { font-weight:500; font-size:25px; }
html[data-identity] .cb-cookie-kicker { font-family:var(--identity-mono); font-size:10px; font-weight:400; letter-spacing:0; }
html[data-identity] .cb-cookie-row { border-radius:0; background:transparent; }
html[data-identity] .cb-cookie-btn { min-height:42px; border-radius:0; font-family:var(--identity-mono); font-size:10px; font-weight:400; letter-spacing:0; }
html[data-identity] .cb-cookie-link { font-family:var(--identity-mono); font-size:10px; letter-spacing:0; }
html[data-identity] .cb-switch input:checked + span { background:var(--fg); }
html[data-identity][data-theme="light"] .cb-switch input:checked + span::after { background:var(--bg); }
html[data-identity] .cb-switch:focus-within { outline:1px solid var(--fg); outline-offset:5px; }

@media (min-width:1700px) {
  html[data-identity] .home-hero { min-height:940px; }
  html[data-identity] .hero-visual { justify-content:center; }
}
@media (max-width:1100px) {
  :root[data-identity="strict"] { --header:80px; --gutter:32px; }
  html[data-identity] .main-nav { gap:18px; }
  html[data-identity] .brand > span:last-child { width:95px; }
  html[data-identity] .brand-mark { width:32px; height:24px; }
  html[data-identity] .brand { gap:8px; }
  html[data-identity] .home-hero { min-height:740px; padding-top:170px; padding-bottom:100px; }
  html[data-identity] .hero-visual { min-height:320px; }
  html[data-identity] .hero-lead { max-width:320px; font-size:15px; }
}
@media (max-width:860px) {
  html[data-identity] .site-header { grid-template-columns:1fr auto; }
  html[data-identity] .main-nav {
    position:fixed; inset:var(--header) 0 auto; display:flex; flex-direction:column;
    align-items:stretch; gap:0; padding:12px var(--gutter) 28px; background:var(--bg);
    border-bottom:1px solid var(--line); backdrop-filter:none; border-radius:0;
    opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px);
  }
  html[data-identity] .main-nav.open { opacity:1; visibility:visible; pointer-events:auto; transform:none; }
  html[data-identity] .main-nav a { padding:18px 0; font-size:22px; border-bottom:1px solid var(--line); }
  html[data-identity] .main-nav a::after { display:none; }
  html[data-identity] .menu-btn { display:grid; }
  html[data-identity] .menu-btn span:first-child { top:18px; }
  html[data-identity] .menu-btn span:last-child { top:25px; }
  html[data-identity] .menu-btn[aria-expanded="true"] span { top:21px; }
  html[data-identity] .home-hero { grid-template-columns:1.1fr .9fr; gap:4%; min-height:680px; padding-top:154px; padding-bottom:80px; }
  html[data-identity] .home-copy .display-title { font-size:clamp(70px,10.8vw,110px); }
  html[data-identity] .home-copy .eyebrow { font-size:10px; margin-bottom:28px; }
  html[data-identity] .hero-visual { min-height:260px; }
  html[data-identity] .intro-layout { gap:34px; }
  html[data-identity] .intro-copy p { font-size:17px; }
  html[data-identity] .intro-section { padding-block:80px; }
  html[data-identity] .featured-release { padding-block:80px; }
  html[data-identity] .home-links { grid-template-columns:1fr 1fr; }
  html[data-identity] .big-link { border-right:1px solid var(--line); border-bottom:0; min-height:190px; padding:32px 24px 32px 0; }
  html[data-identity] .big-link:last-child { padding-left:28px; }
  html[data-identity] .big-link > span {
  grid-column:1; grid-row:1; font-size:35px; }
  html[data-identity] .big-link small { font-size:10px; }
  html[data-identity] .game-catalog .game-showcase { gap:8%; }
  html[data-identity] .game-catalog .game-info h2 { font-size:clamp(40px,6.3vw,64px); }
}
@media (max-width:600px) {
  :root[data-identity="strict"] { --gutter:24px; --header:74px; }
  html[data-identity] .brand > span:last-child { width:104px; }
  html[data-identity] .header-actions { gap:0; }
  html[data-identity] .header-icon-btn,
  html[data-identity] .menu-btn { width:40px; height:44px; }
  html[data-identity] .home-hero {
    display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;
    min-height:0; padding-top:calc(var(--header) + 56px); padding-bottom:65px; gap:52px;
  }
  html[data-identity] .home-copy .display-title { font-size:clamp(76px,18.7vw,113px); line-height:.88; }
  html[data-identity] .home-copy .eyebrow { margin-bottom:26px; }
  html[data-identity] .hero-lead { max-width:330px; margin-top:28px; font-size:15px; line-height:1.6; }
  html[data-identity] .hero-visual { min-height:0; width:100%; }
  html[data-identity] .interactive-logo.identity-logo { width:76%; max-width:350px; margin-inline:auto; }
  html[data-identity] .intro-section { padding-block:64px; }
  html[data-identity] .intro-layout { grid-template-columns:1fr; margin-top:28px; gap:34px; }
  html[data-identity] .section-title { font-size:clamp(53px,12vw,72px); }
  html[data-identity] .intro-copy p { font-size:17px; }
  html[data-identity] .featured-release { grid-template-columns:1fr; padding-block:64px; gap:38px; }
  html[data-identity] .featured-release .feature-copy h2 { font-size:clamp(54px,13vw,82px); margin-top:26px; }
  html[data-identity] .featured-release .feature-art { width:100%; max-width:460px; justify-self:center; }
  html[data-identity] .home-links { grid-template-columns:1fr; }
  html[data-identity] .big-link,
  html[data-identity] .big-link:last-child { padding:30px 0; min-height:150px; border:0; border-bottom:1px solid var(--line); }
  html[data-identity] .big-link > span {
  grid-column:1; grid-row:1; font-size:42px; }
  html[data-identity] .big-link small { font-size:11px; }
  html[data-identity] .page-hero { padding-top:calc(var(--header) + 62px); padding-bottom:52px; }
  html[data-identity] .page-hero .display-title { font-size:clamp(52px,12.8vw,76px); line-height:.95; overflow-wrap:anywhere; }
  html[data-identity] .page-hero .eyebrow { margin-bottom:24px; }
  html[data-identity] .page-lead { margin-top:24px; font-size:16px; }
  html[data-identity] .games-platform { padding-block:38px 64px; }
  html[data-identity] .platform-directory-list { align-items:flex-start; }
  html[data-identity] .platform-chip { width:auto; }
  html[data-identity] .game-catalog .game-showcase { grid-template-columns:1fr; gap:30px; padding-block:52px; }
  html[data-identity] .game-catalog .game-cover { width:100%; }
  html[data-identity] .game-catalog .game-info h2 { font-size:clamp(48px,12.6vw,72px); }
  html[data-identity] .game-catalog .game-info > p { margin-top:20px; }
  html[data-identity] .studio-manifesto { padding-block:58px; }
  html[data-identity] .cap-grid { grid-template-columns:1fr 1fr; gap:22px; }
  html[data-identity] .cap-card { min-height:190px; }
  html[data-identity] .cap-card strong { font-size:22px; }
  html[data-identity] .process-item { padding-block:30px; }
  html[data-identity] .process-item h2 { font-size:29px; }
  html[data-identity] .brief-aside h2 { font-size:52px; }
  html[data-identity] .form-grid { gap:28px; }
  html[data-identity] .contact-row strong { font-size:clamp(19px,5.4vw,29px); overflow-wrap:anywhere; }
  html[data-identity] .footer-top { flex-direction:column; align-items:flex-start; gap:26px; }
  html[data-identity] .footer-top p { text-align:left; }
  html[data-identity] .footer-brand { width:250px; height:40px; }
  html[data-identity] .footer-grid { gap:30px; }
  html[data-identity] .legal-head h1 { font-size:clamp(46px,11vw,66px); overflow-wrap:anywhere; }
  html[data-identity] .cb-cookie-actions { display:flex; gap:8px; }
  html[data-identity] .cb-cookie-link { margin-left:0; }
}
@media (max-width:360px) {
  :root[data-identity="strict"] { --gutter:18px; }
  html[data-identity] .brand-mark { width:26px; height:21px; }
  html[data-identity] .brand > span:last-child { width:88px; }
  html[data-identity] .header-icon-btn,
  html[data-identity] .menu-btn { width:36px; }
  html[data-identity] .home-copy .display-title { font-size:74px; }
  html[data-identity] .hero-lead { font-size:14px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-identity] { scroll-behavior:auto; }
  html[data-identity] .identity-fragments { display:none!important; }
  html[data-identity] .identity-logo .cb-logo-fallback { visibility:visible!important; }
  html[data-identity] .reveal,
  html[data-identity] .split-title .split-line { transform:none!important; transition:none!important; }
}

/* The page still scrolls natively. Only the desktop handle is replaced.
   Its hit area never changes size, so hovering cannot shift the page. */
html[data-identity] .cb-scrollbar { display:none; }
@media (hover:hover) and (pointer:fine) and (forced-colors:none) {
  html[data-identity].cb-scrollbar-ready { scrollbar-width:none; }
  html[data-identity].cb-scrollbar-ready::-webkit-scrollbar { display:none; width:0; height:0; }
  html[data-identity].cb-scrollbar-ready .cb-scrollbar {
    display:block; position:fixed; inset:4px 0 4px auto; width:14px; z-index:150;
    padding:0; border:0; background:transparent; box-shadow:none; cursor:default;
    touch-action:none; user-select:none; -webkit-user-select:none;
  }
  html[data-identity].cb-scrollbar-ready .cb-scrollbar[hidden] { display:none; }
  html[data-identity] .cb-scrollbar-thumb { position:absolute; top:0; right:0; width:14px; min-height:36px; cursor:grab; }
  html[data-identity] .cb-scrollbar-thumb::before {
    content:""; position:absolute; inset:0 3px 0 auto; width:4px; border:0;
    border-radius:999px; background:var(--muted-2); box-shadow:none;
    transition:width .16s ease, background-color .16s ease;
  }
  html[data-identity] .cb-scrollbar:hover .cb-scrollbar-thumb::before,
  html[data-identity] .cb-scrollbar.is-dragging .cb-scrollbar-thumb::before,
  html[data-identity] .cb-scrollbar-thumb:focus-visible::before { width:8px; background:var(--muted); }
  html[data-identity] .cb-scrollbar-thumb:focus-visible { outline:1px solid var(--fg); outline-offset:-1px; border-radius:999px; }
  html[data-identity] .cb-scrollbar.is-dragging,
  html[data-identity] .cb-scrollbar.is-dragging .cb-scrollbar-thumb { cursor:grabbing; }
  html[data-identity].cb-scrollbar-dragging { scroll-behavior:auto!important; }
  html[data-identity].cb-scrollbar-dragging body { user-select:none; -webkit-user-select:none; }
}
html[data-identity] ::-webkit-scrollbar-button { display:none; width:0; height:0; }
@media (prefers-reduced-motion:reduce) {
  html[data-identity] .cb-scrollbar-thumb::before { transition:none; }
}
@media (forced-colors:active) {
  html[data-identity] { scrollbar-color:auto; }
}