/* Signal Archive: charcoal editorial archive, Signal Cobalt #2457ff, asymmetric sheet composition. */
:root { --ink:#12161e; --ink-2:#1c2330; --paper:#f2f0eb; --paper-2:#e8e5df; --muted:#626a78; --line:rgba(18,22,30,.16); --signal:#2457ff; --ease:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.65; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3,.brand-lockup { font-family:"Arial Narrow",Arial,sans-serif; letter-spacing:-.045em; line-height:.98; font-weight:800; } h1 { font-size:clamp(3.3rem,7vw,7.2rem); } h2 { font-size:clamp(2.3rem,4vw,4.4rem); } h3 { font-size:clamp(1.55rem,2.7vw,2.75rem); } a { color:inherit; } a:hover { color:var(--signal); }
.site-header { background:rgba(18,22,30,.97); border-bottom:1px solid rgba(255,255,255,.1); } .navbar { min-height:72px; } .navbar-dark .navbar-nav .nav-link { color:rgba(255,255,255,.68); font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; transition:color .18s var(--ease); } .navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link.active { color:#fff; } .navbar-dark .navbar-nav .nav-signal { color:#91a9ff; }
.brand-lockup { display:inline-flex; align-items:center; gap:10px; color:#fff; font-size:1.05rem; letter-spacing:.07em; text-decoration:none; } .brand-lockup:hover { color:#fff; } .brand-lockup img { width:28px; height:28px; object-fit:contain; }
.hero-panel { min-height:650px; position:relative; overflow:hidden; color:#fff; display:flex; align-items:flex-end; } .hero-image,.hero-shade { position:absolute; inset:0; width:100%; height:100%; } .hero-image { object-fit:cover; object-position:center; } .hero-shade { background:linear-gradient(90deg,rgba(12,16,25,.94) 0%,rgba(12,16,25,.73) 48%,rgba(12,16,25,.18) 100%),linear-gradient(0deg,rgba(12,16,25,.68),transparent 45%); } .hero-content { position:relative; z-index:1; padding-top:7rem; padding-bottom:8rem; } .hero-content h1 { max-width:720px; } .hero-content h1 em { color:#9ab0ff; font-style:normal; } .hero-copy { max-width:540px; font-size:1.15rem; color:rgba(255,255,255,.82); margin:1.5rem 0 2rem; } .hero-caption { position:absolute; right:3vw; bottom:25px; z-index:1; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.65); writing-mode:vertical-rl; }
.eyebrow { color:var(--signal); font-family:"Courier New",monospace; font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:1rem; } .eyebrow span { opacity:.65; margin-left:1rem; } .eyebrow.light { color:#9bb0ff; }
.signal-btn { border:0; border-radius:0; background:var(--signal); color:#fff; padding:.85rem 1.1rem; font-size:.8rem; font-weight:700; letter-spacing:.055em; text-transform:uppercase; transition:transform .16s var(--ease),background .16s var(--ease); } .signal-btn:hover { background:#153ed7; color:#fff; transform:translateY(-2px); } .signal-btn:active { transform:scale(.97); } .signal-btn span { margin-left:1.2rem; } .outline-light-btn { border:1px solid rgba(255,255,255,.55); border-radius:0; color:#fff; padding:.85rem 1rem; font-size:.8rem; font-weight:700; letter-spacing:.055em; text-transform:uppercase; } .outline-light-btn:hover { background:#fff; color:var(--ink); }
.section-space { padding-top:7rem; padding-bottom:7rem; } .editorial-intro { border-bottom:1px solid var(--line); } .editorial-intro h2 { max-width:520px; } .editorial-intro p:not(.eyebrow),.lead-copy { color:#4e5665; font-size:1.08rem; }
.section-heading { display:grid; grid-template-columns:1fr auto; gap:1rem; align-items:end; margin-bottom:2rem; } .section-heading h2 { grid-column:1; margin-bottom:0; } .section-heading .text-link { grid-row:1 / span 2; text-align:right; } .text-link { color:var(--ink); font-family:"Courier New",monospace; font-size:.78rem; font-weight:700; letter-spacing:.05em; text-decoration:none; text-transform:uppercase; } .text-link span { color:var(--signal); margin-left:.5rem; }
.card-link { text-decoration:none; color:inherit; } .feature-card,.world-card { position:relative; display:block; overflow:hidden; min-height:470px; background:var(--ink); } .feature-card img,.world-card img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform .5s var(--ease); } .feature-card:hover img,.world-card:hover img { transform:scale(1.035); } .feature-overlay,.world-card div { position:absolute; inset:auto 0 0; padding:2rem; color:#fff; background:linear-gradient(transparent,rgba(7,10,16,.94)); } .feature-overlay h3,.world-card h3 { margin-bottom:.6rem; } .feature-overlay p:not(.eyebrow) { color:rgba(255,255,255,.76); max-width:450px; } .archive-card { display:flex; min-height:220px; flex-direction:column; justify-content:space-between; padding:2rem; color:var(--ink); background:#dfe4f5; border-top:4px solid var(--signal); transition:transform .22s var(--ease); } .archive-card:hover { color:var(--ink); transform:translateY(-4px); } .archive-card span { font-family:"Courier New",monospace; font-size:.76rem; text-transform:uppercase; letter-spacing:.06em; } .archive-card span b { color:var(--signal); margin-left:.4rem; } .world-card { min-height:250px; }
.field-strip,.newsletter-block,.contact-band { background:var(--ink); color:#fff; } .field-strip { padding:4rem 0; border-left:6px solid var(--signal); } .field-strip h2 { margin:0; } .field-strip p:not(.eyebrow) { color:rgba(255,255,255,.72); margin:0; } .field-strip .btn { margin-top:1.25rem; }
.editorial-form label { display:block; font-family:"Courier New",monospace; font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:.5rem; } .form-control { border-radius:0; border:1px solid var(--line); background:transparent; color:var(--ink); padding:.78rem .9rem; } .form-control:focus { border-color:var(--signal); box-shadow:0 0 0 .15rem rgba(36,87,255,.15); background:transparent; color:var(--ink); } .form-status { min-height:1.45em; margin:1rem 0 0; color:#2445b5; font-size:.88rem; font-weight:700; } .newsletter-block { padding:4.5rem 0; } .newsletter-block h2 { margin:0; } .newsletter-form .form-control { border:0; background:#fff; min-height:49px; } .newsletter-form .signal-btn { min-width:130px; } .light-status { color:#b8c5ff; } .compact { margin-top:1rem; }
.site-footer { padding:3.5rem 0 1.5rem; background:#0b0e14; color:#fff; } .footer-main { display:flex; align-items:flex-start; justify-content:space-between; gap:2rem; padding-bottom:2rem; border-bottom:1px solid rgba(255,255,255,.12); } .footer-main p { color:rgba(255,255,255,.57); max-width:310px; margin:0; font-size:.92rem; } .footer-links { display:flex; flex-wrap:wrap; gap:1.5rem; padding:1.6rem 0; } .footer-links a { color:#c6cbd6; font-family:"Courier New",monospace; font-size:.72rem; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; } .footer-meta { color:#667083; font-family:"Courier New",monospace; font-size:.68rem; margin:0; letter-spacing:.04em; }
.cookie-notice { display:none; position:fixed; z-index:1060; left:1rem; right:1rem; bottom:1rem; max-width:590px; padding:1rem; background:#fff; color:var(--ink); border-top:3px solid var(--signal); box-shadow:0 12px 45px rgba(0,0,0,.25); align-items:center; gap:1rem; } .cookie-notice.show { display:flex; } .cookie-notice p { margin:0; font-size:.84rem; line-height:1.45; } .cookie-notice p a { color:var(--signal); } .cookie-notice .btn { white-space:nowrap; }
.archive-hero { padding:7rem 0 5rem; background:linear-gradient(130deg,#dfe4f5 0%,var(--paper) 55%); border-bottom:1px solid var(--line); } .archive-hero h1 { max-width:900px; } .archive-hero > .container > p:not(.eyebrow) { max-width:575px; color:var(--muted); font-size:1.08rem; margin:1.5rem 0 0; } .about-hero { background:linear-gradient(130deg,#e9dfcf 0%,var(--paper) 55%); }
.review-list { border-top:1px solid var(--line); } .review-row { display:grid; grid-template-columns:70px 1fr 130px; gap:1.5rem; padding:2.5rem 0; border-bottom:1px solid var(--line); } .review-row h2 { font-size:clamp(1.8rem,3vw,3rem); margin-bottom:.8rem; } .review-row p:not(.eyebrow) { max-width:680px; margin:0; color:var(--muted); } .review-index,.review-tag { font-family:"Courier New",monospace; font-size:.73rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; } .review-index { color:var(--signal); } .review-tag { color:#536075; padding-top:.5rem; text-align:right; }
.address-card { padding:2.3rem; border:1px solid var(--line); border-left:4px solid var(--signal); background:#fff; } .address-card h3 { font-size:2rem; } .fine-print { color:var(--muted); font-size:.84rem; margin-bottom:0; } .principles { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); } .principles > div { padding:2rem; background:var(--paper); } .principles span { color:var(--signal); font-family:"Courier New",monospace; font-size:.72rem; font-weight:700; } .principles h3 { font-size:2rem; margin:1.6rem 0 .8rem; } .principles p { color:var(--muted); margin-bottom:0; } .contact-band { padding:6rem 0; } .contact-band h2 { margin-bottom:0; } .dark-form label { color:#c4d0ff; } .dark-form .form-control { border-color:rgba(255,255,255,.25); color:#fff; } .dark-form .form-control:focus { border-color:#9db0ff; color:#fff; }
.policy-page { background:#fff; } .policy-heading { padding:6rem 0 3rem; border-bottom:1px solid var(--line); } .policy-heading h1 { margin-bottom:1rem; } .policy-heading p:not(.eyebrow) { color:var(--muted); margin:0; } .policy-content { max-width:860px; padding-top:4rem; padding-bottom:7rem; } .policy-content h2 { font-size:2rem; margin:3rem 0 1rem; } .policy-content p { color:#4c5564; } .policy-content a { color:var(--signal); } .policy-content code { color:var(--signal); font-weight:700; }
@media (max-width:991.98px) { .navbar-nav { padding:1rem 0 .4rem; } .hero-panel { min-height:600px; } .section-space { padding-top:5rem; padding-bottom:5rem; } .footer-main { flex-direction:column; } .review-row { grid-template-columns:45px 1fr; } .review-tag { grid-column:2; text-align:left; padding-top:0; } }
@media (max-width:575.98px) { h1 { font-size:3.25rem; } .hero-content { padding-bottom:6rem; } .hero-caption { display:none; } .section-heading { display:block; } .section-heading .text-link { display:inline-block; margin-top:1.4rem; } .feature-card { min-height:380px; } .feature-overlay,.world-card div { padding:1.4rem; } .newsletter-form .input-group { display:block; } .newsletter-form .signal-btn { width:100%; margin-top:.7rem; } .principles { grid-template-columns:1fr; } .cookie-notice { align-items:flex-start; flex-direction:column; } .review-row { gap:.7rem; padding:2rem 0; } .review-index { padding-top:.35rem; } }
@media (prefers-reduced-motion:no-preference) { .feature-card,.archive-card,.world-card,.review-row { animation:reveal .5s var(--ease) both; } @keyframes reveal { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } } }