/* Cinematic home only. Other working pages retain the premium design system. */
@media screen {
  :root { --cc-champagne:#E4BF65;--cc-glass:rgba(27,29,34,.78);--cc-hairline:rgba(228,191,101,.22); }
  body #homeBoard .hb-heading.cc-home-hero {
    position:relative;isolation:isolate;display:block;min-height:420px;padding:54px 46px 68px;margin:0 0 26px;
    overflow:clip;border:1px solid var(--cc-hairline);border-radius:22px;
    background:radial-gradient(ellipse at 82% 42%,rgba(201,163,74,.14),transparent 46%),linear-gradient(115deg,var(--crm-bg) 12%,#101826 62%,#161719);
    box-shadow:inset 0 1px rgba(245,240,230,.06),0 22px 60px rgba(0,0,0,.16);
  }
  body #homeBoard .cc-home-hero>div:first-child:not(.cc-hero-copy),body #homeBoard .cc-home-hero>.crm-scene-visual { display:none; }
  body #homeBoard .cc-home-hero::after { display:block;content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(120deg,transparent 35%,rgba(228,191,101,.035) 48%,transparent 61%);background-size:240% 100%;animation:cc-light-pass 12s ease-in-out infinite; }
  body #homeBoard .cc-hero-copy { position:relative;z-index:2;width:58%;pointer-events:none; }
  body #homeBoard .cc-hero-eyebrow { display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2.3px;color:var(--crm-beige);line-height:1.6; }
  body #homeBoard .cc-hero-eyebrow>span { width:24px;height:1px;background:var(--crm-gold); }
  body #homeBoard .cc-home-hero .cc-hero-copy h2 { font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(58px,5.8vw,88px);line-height:1;letter-spacing:-3px;margin:28px 0 0;color:var(--crm-text); }
  body #homeBoard .cc-hero-copy h2>span { display:block;font:600 12px/1.8 "Segoe UI",sans-serif;letter-spacing:3px;margin-top:17px;color:var(--cc-champagne); }
  body #homeBoard .cc-hero-copy p { font-size:12px;line-height:1.7;color:var(--crm-muted);margin:11px 0 0;letter-spacing:.4px; }
  body #homeBoard .cc-hero-actions { display:flex;gap:10px;margin-top:28px;pointer-events:auto;flex-wrap:wrap; }
  body #homeBoard .cc-hero-actions button { display:flex;align-items:center;gap:26px;padding:12px 17px;min-height:44px;border-radius:8px;background:rgba(20,33,61,.5);color:var(--crm-text);border:1px solid var(--cc-hairline);font-size:12px;transition:transform .22s,border-color .22s; }
  body #homeBoard .cc-hero-actions button:first-child { background:linear-gradient(115deg,var(--crm-gold),var(--cc-champagne),var(--crm-gold));color:var(--crm-bg);border-color:var(--crm-gold); }
  body #homeBoard .cc-hero-actions button:hover { transform:translateY(-2px);border-color:var(--cc-champagne); }
  body #homeBoard .hb-heading.cc-home-hero>.cc-hero-art { position:absolute;right:-3%;top:-12%;bottom:0;width:56%;pointer-events:none;z-index:1; }
  body #homeBoard .cc-hero-art .central-3d-stage { position:absolute;inset:0;width:100%;height:100%;min-height:300px; }
  .central-3d-stage canvas { position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
  .central-3d-fallback { position:absolute;inset:15%;display:grid;place-items:center;pointer-events:none; }
  .central-3d-fallback>span { font:400 clamp(120px,18vw,240px)/1 Georgia,serif;color:var(--crm-gold);text-shadow:3px 2px 0 #69542a,-1px -1px 0 var(--cc-champagne);transform:rotate(-15deg); }
  body #homeBoard .cc-art-caption { position:absolute;bottom:62px;left:28%;color:var(--crm-muted);font-size:8px;letter-spacing:2.4px;opacity:.7; }
  body #homeBoard .hb-heading.cc-home-hero>.cc-hero-foot { position:absolute;bottom:21px;left:46px;right:190px;z-index:2;display:flex;align-items:center;gap:20px;border-top:1px solid rgba(245,240,230,.1);padding-top:17px;color:var(--crm-muted);font-size:10px;line-height:1.5; }
  body #homeBoard .cc-hero-foot>span:first-child { color:var(--crm-beige);font-size:8px;letter-spacing:1.8px; }
  body #homeBoard .cc-home-hero>.crm-motion-toggle { right:22px;bottom:17px;min-height:36px;z-index:3;background:rgba(11,11,13,.6);color:var(--crm-muted);border:1px solid var(--cc-hairline); }
  body #homeBoard .hb-periods { position:relative; }
  body #homeBoard .hb-period { background:linear-gradient(150deg,rgba(27,29,34,.96),rgba(20,33,61,.42));backdrop-filter:blur(14px);border-color:var(--cc-hairline);border-radius:20px; }
  body #homeBoard .hb-period[data-hb-period="current"] { background:linear-gradient(155deg,rgba(20,33,61,.78),rgba(27,29,34,.94)); }
  body #homeBoard .hb-period .hb-rank-card { background:rgba(11,11,13,.35);border-color:rgba(245,240,230,.1);border-top-color:var(--crm-gold-line);border-radius:12px; }
  body #homeBoard .hb-period .hb-rank-row { transition:background .22s,transform .22s; }
  body #homeBoard .hb-period .hb-rank-row:hover { background:rgba(20,33,61,.75); }
  body #homeBoard .hb-honors,body #homeBoard .hb-notices { border-color:var(--cc-hairline);background:linear-gradient(120deg,var(--crm-card),rgba(20,33,61,.65)); }
  body #homeBoard .hb-kmi { background:linear-gradient(125deg,var(--crm-navy),var(--crm-card));border-color:var(--cc-hairline); }
  body.home-active .workspace { background:radial-gradient(ellipse at 90% 0,rgba(201,163,74,.035),transparent 42%),var(--crm-bg); }
  body #homeBoard.crm-showcase-enter .cc-hero-copy { animation:cc-copy-arrive .9s both; }
  body #homeBoard.crm-showcase-enter .cc-hero-art { animation:cc-art-arrive 1.4s both; }
  body.crm-motion-off #homeBoard .cc-home-hero::after { animation:none; }
  @keyframes cc-light-pass { 0%,100%{background-position:100% 0}50%{background-position:0 0} }
  @keyframes cc-copy-arrive { from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none} }
  @keyframes cc-art-arrive { from{opacity:.05;transform:scale(.93)}to{opacity:1;transform:none} }
}
@media screen and (max-width:1100px) {
  body #homeBoard .hb-heading.cc-home-hero { min-height:390px;padding:44px 32px 70px; }
  body #homeBoard .cc-home-hero .cc-hero-copy h2 { font-size:66px; }
  body #homeBoard .hb-heading.cc-home-hero>.cc-hero-art { right:-10%;width:62%; }
  body #homeBoard .hb-heading.cc-home-hero>.cc-hero-foot { left:32px; }
}
@media screen and (max-width:650px) {
  body #homeBoard .hb-heading.cc-home-hero { min-height:478px;padding:28px 24px 65px; }
  body #homeBoard .cc-hero-copy { width:100%; }
  body #homeBoard .cc-hero-eyebrow { font-size:7px;letter-spacing:1.6px; }
  body #homeBoard .cc-home-hero .cc-hero-copy h2 { font-size:53px;letter-spacing:-2px;margin-top:22px; }
  body #homeBoard .cc-hero-copy h2>span { font-size:9px;letter-spacing:2px;margin-top:10px; }
  body #homeBoard .cc-hero-copy p { font-size:10px;max-width:240px; }
  body #homeBoard .hb-heading.cc-home-hero>.cc-hero-art { top:147px;bottom:40px;right:-18%;width:90%;opacity:.9; }
  body #homeBoard .cc-hero-art .central-3d-stage { min-height:0; }
  body #homeBoard .cc-hero-actions { position:relative;z-index:3;margin-top:160px;gap:8px; }
  body #homeBoard .cc-hero-actions button { padding:10px 13px;font-size:11px;gap:15px; }
  body #homeBoard .hb-heading.cc-home-hero>.cc-hero-foot { left:24px;right:130px;bottom:19px;padding-top:12px; }
  body #homeBoard .cc-hero-foot>span:last-child,body #homeBoard .cc-art-caption { display:none; }
  body #homeBoard .cc-home-hero>.crm-motion-toggle { right:12px;bottom:12px;font-size:10px; }
}
@media screen and (prefers-reduced-motion:reduce) {
  body #homeBoard .cc-home-hero::after,body #homeBoard.crm-showcase-enter :is(.cc-hero-copy,.cc-hero-art) { animation:none; }
  body #homeBoard .cc-hero-actions button { transition:none; }
}
@media print {
  #homeBoard .cc-hero-art,#homeBoard .cc-hero-actions,#homeBoard .cc-hero-foot { display:none; }
}
