/* The Technovier Thin file used for headings is a demo cut: 1 3 5 7 9 @ ! ? ( ) = carry a "PERSONAL USE ONLY" scribble.
   Those characters (and all digits, so numbers stay even) come from NEXTSTEP instead; letters are untouched. */
@font-face{font-family:"SynOct Menu Display 20261025";src:url("/assets/fonts/nextstep-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:block;unicode-range:U+0021,U+0028-0029,U+0030-0039,U+003D,U+003F,U+0040}
/* SynOct calm layer (Lauren, Papa 2026-10-26: "tone down the in-your-face brightness, more minimalistic").
   Loaded after freedom.css. Quieter surfaces, softer whites, deeper reds, no glow. Remove this one file to undo. */
:root{
  --ink:#dfe4ee;--muted:#98a3b8;--soft:#7f8aa1;
  --synoct-red:#a3182f;--red:#a3182f;--blue:#6f8fc9;--titan-orange:#df7a35;--ollie-orange:#e08a4c;--orange:#df7a35;
  --line:rgba(160,180,220,.10);--line-strong:rgba(170,190,230,.18);
}
body{background:#060914;color:var(--ink)}
body::before{opacity:.28}
*{text-shadow:none!important}

/* surfaces: flat, no radial glows */
.hero,.page-hero,.atlas-chapter,.process,.final-cta,.front-door,.work-band,.section-band{background:#060914!important;background-image:none!important}
.hero:before,.hero:after,.atmosphere:after{opacity:.07!important}
.atlas-chapter,.process{border-color:rgba(150,170,210,.07)!important}
.front-door{border-block-color:rgba(150,170,210,.08)}
.counts,.service-grid,.work-feature-grid,section.section-pad{background-color:#060914!important}
.service-grid,.counts,.count{border-color:rgba(150,170,210,.09)!important}
.service{background:transparent!important;background-image:none!important}
.counts .count strong,.counts .count b{color:#cfd6e6!important}
.work-art{filter:saturate(.55) brightness(.85)}
.final-cta{background-image:none!important;background-color:#060914!important}
.front-door>article{background:transparent!important;border-color:rgba(150,170,210,.08)!important}

/* type: softer whites, one muted accent */
h1,h2,h3,.freedom-statement,.section-title,.page-hero h1{color:#dde2ec}
.hero h1.freedom-wordmark span{background:linear-gradient(95deg,#dfe4ee,#9eb0d0 70%,#7f94bb)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.freedom-statement i,.page-hero h1 em,.section-title em,h1 em,h2 em,h2 strong,.accent{color:#8196bd!important}
.freedom-statement strong span,.hero-tag b,.count.build strong{color:#c25c72!important}
.final-cta h2 span,.final-cta h2 em{color:#a8566a!important}
.eyebrow{color:#8d9bb8!important}.eyebrow::before{background:#a3182f!important;box-shadow:none!important}
.copy,.hero .copy{color:#98a3b8!important}
p,li{color:inherit}

/* the red band: slimmer and deeper */
.freedom-declaration{background:#7a1426!important;border-block:0!important;padding:8px 0!important;color:rgba(255,255,255,.86)!important}
.freedom-declaration .declaration-inner{font-weight:600;letter-spacing:.2em;font-size:clamp(9px,1vw,11.5px)}
.freedom-declaration .declaration-inner b,.freedom-declaration .declaration-inner em{color:rgba(255,255,255,.86)!important}

/* top banner: quiet */
.top-banner{background:#0b1226!important;min-height:34px!important;color:#b7c2d8!important;letter-spacing:.16em}
.top-banner:before{height:2px!important;opacity:.55}
.top-banner .bar-star,.banner-divider{color:#a3182f!important}

/* buttons: flat, no glow */
.btn{background:#8c1528!important;background-image:none!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;color:#f1f3f8!important;font-weight:600}
.btn:hover{background:#a3182f!important;box-shadow:none!important;transform:none}
.btn-orange{background:#c06c35!important;background-image:none!important;color:#0f0803!important;border-color:rgba(255,255,255,.06)!important}
.btn-orange:hover{background:#d07b41!important}
.btn-outline,.nav-cta{background:transparent!important;border-color:rgba(160,180,220,.22)!important;box-shadow:none!important}
.btn-ghost{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.nav-cta:hover{border-color:rgba(200,215,245,.4)!important;background:rgba(255,255,255,.03)!important}
.arrow{color:#c4506a!important}
.site-header{background:rgba(6,9,20,.92)!important;border-bottom-color:rgba(150,170,210,.08)!important}
.nav-link{color:#98a3b8}.nav-link:hover,.nav-link[aria-current=page]{color:#e1e6f0}
.nav-link[aria-current=page]:after{background:#a3182f!important;box-shadow:none!important}
.brand-mark{box-shadow:none!important;opacity:.9}

/* art: present, not shouting */
img.freedom-field{opacity:.55;filter:saturate(.7) brightness(.9)!important}
.atlas-orb{opacity:.6;filter:saturate(.6)!important}
.atlas-orb-core{box-shadow:none!important;opacity:.7}
.tech-globe{box-shadow:none!important;opacity:.7}
.orbit-caption{background:rgba(6,9,20,.5)!important;border-color:rgba(150,170,210,.12)!important;color:#8d9bb8!important}
.atlas-wordmark,.atlas-wordmark *{opacity:.92}

/* chips and quote */
.pill{border-color:rgba(160,180,220,.18)!important;color:#a7b2c8!important}
.pill[aria-pressed=true]{background:#1b2540!important;border-color:rgba(190,205,235,.35)!important;color:#e3e8f2!important}
.about-quote{background:transparent!important;border:0!important;border-left:1px solid rgba(160,180,220,.2)!important;color:#8196bd!important;padding-left:28px}
.project-search,.field input,.field select,.field textarea{background:#0a0f1e!important;border-color:rgba(160,180,220,.16)!important}
.form-panel{background:rgba(255,255,255,.015)!important;border-color:rgba(160,180,220,.12)!important;box-shadow:none!important}

/* cards */
.work-card,.beta-card,.card,.sub-card,.principle{box-shadow:none!important;background:rgba(255,255,255,.018)!important;border-color:rgba(150,170,210,.11)!important}
.work-card:hover{border-color:rgba(190,205,235,.25)!important;transform:none}
.beta-card .eyebrow{color:#c98a5a!important}
.step:before{background:#a3182f!important;box-shadow:none!important}

/* Ollie */
.ollie-fab{box-shadow:0 8px 24px rgba(0,0,0,.4)!important;border-color:rgba(224,138,76,.35)!important}
.ollie-launcher-label{background:rgba(6,9,20,.85)!important;box-shadow:none!important;color:#98a3b8!important}
.ollie-glass-card{box-shadow:0 14px 40px rgba(0,0,0,.35)!important}
.ollie-glass-card:before{opacity:.45}
.ollie-portal{background:rgba(255,255,255,.012)!important}
.ollie-portal .eyebrow,.ollie-portal .link{color:#d08a55!important}

/* focus stays visible and quiet */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c4cde0!important;box-shadow:none!important}
::selection{background:rgba(163,24,47,.45);color:#fff}
@media(max-width:560px){.front-door h2{font-size:22px!important;hyphens:none!important}}

/* separators: a faint red-to-blue tint on the horizontal hairlines (flag red on the left, slate blue on the right, fading at both ends) */
.site-header,.page-hero,.front-door,.atlas-chapter,.counts,section.section-pad,.process,.principles,.site-footer,.footer-bottom,.atlas-top,.faq,details{
  border-image:linear-gradient(90deg,rgba(163,24,47,0) 0%,rgba(163,24,47,.62) 16%,rgba(150,165,205,.28) 50%,rgba(84,124,204,.62) 84%,rgba(84,124,204,0) 100%) 1!important}
.site-footer{border-image:linear-gradient(90deg,rgba(163,24,47,0) 0%,rgba(163,24,47,.7) 16%,rgba(150,165,205,.32) 50%,rgba(84,124,204,.7) 84%,rgba(84,124,204,0) 100%) 1!important}
.process-line .step{border-image:linear-gradient(90deg,rgba(163,24,47,.6),rgba(120,140,190,.14)) 1!important}
.step{border-top-color:transparent}

/* one footer line: the family footer below already carries "Building Binary Worlds" and "Hosted by hosting.titanarray.net",
   so synoct's own footer line keeps only the copyright and the sigil */
.footer-bottom .footer-sigil>span,.footer-bottom>a{display:none!important}
.footer-bottom{justify-content:space-between}