/* checkmeout.pro overrides — loaded after the compiled bundle CSS */

/* (6) Legibility over media: tight edge shadow + soft halo */
#home h1, #home h2, #home p, #home span, #home a, #home .font-mono-label,
#work a h3, #work a p, #work a span,
#experience h3, #experience p,
.cmo-press h3, .cmo-press blockquote, .cmo-coolstory h2 {
  text-shadow: 0 1px 2px rgba(0,0,0,.65), 0 4px 18px rgba(0,0,0,.45);
}

/* (5) Hero: still background (his own Callisto key art) instead of the third-party loop */
#home .cmo-hero-still {
  position:absolute; inset:0; background:#000 url("/images/callisto-protocol-keyart.jpg") center/cover no-repeat;
}
.cmo-watch {
  display:inline-flex; align-items:center; gap:.75rem; margin-top:1.75rem;
  padding:.8rem 1.25rem; border:1px solid rgba(255,91,31,.7); border-radius:999px;
  background:rgba(0,0,0,.45); color:#f4f1ea; font:500 .8rem/1.2 "JetBrains Mono",monospace;
  letter-spacing:.08em; text-transform:uppercase; cursor:pointer; backdrop-filter:blur(4px);
}
.cmo-watch:hover { background:rgba(255,91,31,.9); color:#000; }
.cmo-watch .cmo-tri { width:0;height:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent; }
.cmo-modal { position:fixed; inset:0; z-index:100; background:rgba(0,0,0,.88); display:flex; align-items:center; justify-content:center; padding:4vw; }
.cmo-modal .cmo-frame { position:relative; width:min(1200px,100%); aspect-ratio:16/9; }
.cmo-modal iframe { width:100%; height:100%; border:0; }
.cmo-modal .cmo-close { position:absolute; top:-2.5rem; right:0; color:#fff; background:none; border:0; font:500 .8rem "JetBrains Mono",monospace; cursor:pointer; letter-spacing:.1em; }
.cmo-modal .cmo-credit { color:#bbb; font:400 .75rem "JetBrains Mono",monospace; margin-top:.6rem; }

/* Missing images (no approved real still yet): neutral panel instead of a broken box */
img.cmo-missing { visibility:hidden; }
.cmo-missing-wrap { background:linear-gradient(135deg,#111 0%,#1b1b1b 100%); }

/* New sections */
.cmo-section { max-width:1400px; margin:0 auto; padding:6rem 1.5rem; color:#f4f1ea; }
@media (min-width:768px){ .cmo-section { padding:8rem 2.5rem; } }
.cmo-label { font:500 .75rem "JetBrains Mono",monospace; letter-spacing:.15em; text-transform:uppercase; color:#ff5b1f; display:flex; align-items:center; gap:1rem; }
.cmo-label:before { content:""; width:3rem; height:1px; background:#ff5b1f; }
.cmo-section h2 { font-family:Syne,sans-serif; font-weight:700; font-size:clamp(2.2rem,5vw,4.5rem); line-height:.95; letter-spacing:-.03em; margin:1.25rem 0 2.5rem; }
.cmo-press-grid { display:grid; gap:1.5rem; }
@media (min-width:900px){ .cmo-press-grid { grid-template-columns:1fr 1fr; } }
.cmo-card { border:1px solid rgba(255,255,255,.12); padding:2rem; background:rgba(255,255,255,.02); display:flex; flex-direction:column; gap:1rem; }
.cmo-card .cmo-pub { font:500 .75rem "JetBrains Mono",monospace; letter-spacing:.12em; text-transform:uppercase; color:#ff5b1f; }
.cmo-card h3 { font-family:"Space Grotesk",sans-serif; font-size:1.35rem; font-weight:600; line-height:1.25; }
.cmo-card blockquote { font-family:"Space Grotesk",sans-serif; font-size:1.05rem; line-height:1.55; color:#e9e5dc; border-left:2px solid #ff5b1f; padding-left:1rem; }
.cmo-card cite { display:block; font-style:normal; font-size:.85rem; color:#9a958c; margin-top:.5rem; }
.cmo-card p { color:#b8b3a9; font-size:.95rem; line-height:1.55; }
.cmo-card .cmo-links { display:flex; gap:1.25rem; flex-wrap:wrap; margin-top:auto; }
.cmo-card .cmo-links a { color:#f4f1ea; font:500 .8rem "JetBrains Mono",monospace; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid #ff5b1f; padding-bottom:2px; }
.cmo-card .cmo-links a:hover, .cmo-card .cmo-links button:hover { color:#ff5b1f; }
.cmo-card .cmo-links button { color:#f4f1ea; background:none; border:0; border-bottom:1px solid #ff5b1f; padding:0 0 2px; font:500 .8rem "JetBrains Mono",monospace; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.cmo-coolstory p.cmo-lede { font-family:"Space Grotesk",sans-serif; font-size:clamp(1.2rem,2vw,1.6rem); line-height:1.45; max-width:46rem; color:#e9e5dc; }
.cmo-coolstory em { color:#ff5b1f; font-style:normal; }