/* A living night sky: clear blue light, a human-scale warmth, and room to breathe. */
:root{--ink:#102b3d;--muted:#506c79;--night:#071321;--teal:#83d9f4;--paper:#f3f8fa;--line:#d2e4e9}
body{background:#f3f8fa;color:#102b3d}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#54cafa}
.site-header .brand-mark,.footer-brand .brand-mark{color:#f4c578;text-shadow:0 0 20px rgba(255,190,89,.55)}
.site-header nav a:hover{color:#8edfff}
.hero{background:#061322}
.hero-image{background-image:url('/assets/architect-galaxy-wide.webp');background-position:57% center}
.hero-shade{background:linear-gradient(90deg,rgba(3,13,26,.94) 0%,rgba(3,13,26,.76) 29%,rgba(3,13,26,.24) 69%,rgba(3,13,26,.12) 100%),linear-gradient(0deg,rgba(3,13,26,.77),transparent 32%)}
.hero .eyebrow.light{color:#f4cf8d}
.hero h1 em{color:#a7e5fb}
.auth-trigger::after{background:linear-gradient(90deg,#f6c979,#5ccdf0 65%,transparent)}
.auth-spark{color:#ffdc9a;text-shadow:0 0 16px #fbc371}
.auth-invitation,.auth-invitation span{color:#f4ce8e}
.hero-copy{color:#e5f2f8}.pronounce{color:#c4deeb}
.button{border-radius:11px}
.button-light{background:linear-gradient(112deg,#c9f3ff,#7bd5f5 68%,#a3e9ff);color:#082538;border:1px solid rgba(210,247,255,.86);box-shadow:0 12px 32px rgba(12,141,198,.26),inset 0 1px 0 #fff}
.button-light:hover{background:linear-gradient(112deg,#e1faff,#93e3ff 68%,#c2f4ff)}
.button-outline{border-color:rgba(171,222,244,.65);background:rgba(4,23,39,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.button-dark{background:#0c4d70;color:#fff;box-shadow:0 10px 25px rgba(18,91,127,.2)}
.button-dark:hover{background:#08668e}
.button:hover,.button:focus-visible{box-shadow:0 12px 34px rgba(56,175,224,.32)}
.hero-bottom{color:#cee3ec}
.intro-strip{background:#e2f1f5}.strip-spark{color:#167d9f}.strip-note{color:#4b7786}
.story{background:#f7fbfc}.story h2 em,.books h2 em,.reflections h2 em{color:#277998}
.eyebrow.dark{color:#146986}.story-copy{color:#506977}.story-copy h3{color:#143e54}.story-divider{background:#d3e5eb}
.story-signoff,.text-link{color:#166a88!important}.story-signoff span{color:#b27d33}
.galaxy-section{background:#061525}
.galaxy-section::before{background-image:linear-gradient(90deg,rgba(2,14,28,.93),rgba(4,25,44,.74)),linear-gradient(0deg,rgba(3,15,28,.9),transparent 58%,rgba(4,17,29,.5)),url('/assets/galaxy-horizon.webp');filter:none;opacity:1}
.galaxy-section h2 em{color:#8bdcf8}
.galaxy-section .eyebrow.light,.project-kicker{color:#f4ca81}
.split-heading>p:last-child:not(.eyebrow){color:#c1d6df}
.project-card{border-color:rgba(153,218,244,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 16px 36px rgba(0,8,19,.24)}
.project-feature{background:radial-gradient(circle at 70% 22%,rgba(30,176,198,.3),transparent 46%),linear-gradient(155deg,rgba(13,70,89,.96),rgba(8,38,59,.98))}
.project-corn{background:radial-gradient(circle at 82% 20%,rgba(231,158,61,.18),transparent 48%),linear-gradient(135deg,rgba(57,52,50,.97),rgba(15,34,50,.98))}
.project-ai{background:radial-gradient(circle at 85% 80%,rgba(31,148,212,.28),transparent 55%),linear-gradient(145deg,#123c5e,#0a253e)}
.project-auto{background:radial-gradient(circle at 80% 18%,rgba(29,173,172,.25),transparent 50%),linear-gradient(145deg,#104c58,#0a2b3d)}
.project-top{color:#d2ebf5}.project-card p:not(.project-kicker){color:#d4e7ec}.project-link{color:#e0f6ff}
.symbol-orbit{color:#a9eaff;text-shadow:0 0 30px rgba(79,211,251,.55)}.status i{background:#7ee2e3;box-shadow:0 0 10px #5be6e5}
.galaxy-footnote{color:#b9d3dc}.galaxy-footnote span{color:#f4ca81}
.books{background:#f6fafb}.book-feature{background:#e1eff3}.book-info h3 em{color:#2b7896}
.book-subtitle{color:#1b6f8d!important}.book-info p:not(.eyebrow){color:#486674}
.book-second{background:linear-gradient(130deg,#10384e,#071e32)}.book-second h3 em{color:#9be2f8}.book-second-copy>p:not(.eyebrow){color:#cee2e8}
.earlier-book{background:#ebf4f5;border-color:#cfe3e7}.earlier-book h3{color:#143b4c}.earlier-book p:not(.eyebrow){color:#506c76}.earlier-book-spark{color:#b4833f;border-color:#d5b98b}
.reflections{background:#e6f1f2}.reflection-copy>p:not(.eyebrow){color:#506c77}.label-star{border-color:#b6d8df;color:#237f9a}.reflection-label strong{color:#244a58}.reflection-label small{color:#587784}
.reflection-figure figcaption,.reflection-figure summary{color:#1c6e89}
.closing{background:#071726}.closing::before{background-image:linear-gradient(rgba(4,20,35,.76),rgba(3,14,27,.94)),url('/assets/galaxy-horizon.webp');filter:none}
.closing-star,.closing .eyebrow.light{color:#f4c879}.closing h2 em{color:#99def7}.closing-inner>p:not(.eyebrow){color:#c5dce5}
.site-footer{background:#050f1c;color:#b6ced9}
.auth-dialog{background:#0a2032;border-color:rgba(139,215,245,.4);color:#eef9ff}.auth-art::after{background:linear-gradient(90deg,transparent 60%,#0a2032 100%)}
.auth-dialog-copy h2 em{color:#9fdef7}.auth-dialog-copy .eyebrow.light,.auth-dialog-copy .auth-note{color:#f2c881!important}.auth-dialog-copy blockquote{border-color:#e5b867}.auth-return{color:#d8f4ff;border-color:#83d5ef}
@media(hover:hover){.project-card:hover{border-color:rgba(141,224,255,.62);box-shadow:0 22px 44px rgba(0,6,19,.35),0 0 26px rgba(29,147,209,.12)}}

@media(max-width:620px){
  :root{--mobile-night:#061322;--mobile-glow:#b6ebff;--mobile-ink:#102b3d}
  /* Give each intended headline line room on small screens and larger phone text settings. */
  .hero h1{font-size:clamp(28px,8.6vw,41px);line-height:1.1}
  body{background:#f3f8fa;color:#102b3d}
  .site-header .nav-wrap{border-bottom-color:rgba(174,224,245,.24)}
  .site-header .brand-mark{color:#f4c578;text-shadow:0 0 18px rgba(255,191,94,.6)}.site-header .brand small{color:#d7eaf2}
  .menu-toggle{border-color:rgba(152,221,248,.43);background:rgba(5,25,43,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 25px rgba(1,10,20,.34)}
  .menu-toggle span:not(.sr-only):not(.touch-feedback){background:#e6f8ff}
  .site-header nav{background:rgba(6,28,45,.97);border-color:rgba(134,213,242,.34)}
  .hero{background:#061322}
  .hero-image{background-image:url('/assets/architect-galaxy-mobile.webp');background-position:57% center;transform-origin:65% 65%}
  .hero-shade{background:linear-gradient(180deg,rgba(2,12,25,.45),rgba(2,15,28,.37) 34%,rgba(2,14,27,.5) 62%,rgba(2,12,24,.07) 86%,rgba(2,12,24,.18)),linear-gradient(90deg,rgba(2,14,27,.87),rgba(3,17,31,.65) 61%,rgba(3,17,31,.12))}
  .hero .eyebrow{color:#ffdc9f}.hero h1 em{color:#a9e7fc}
  .auth-trigger::after{background:linear-gradient(90deg,#ffcf78,#76d6fa 72%,transparent)}
  .auth-spark{color:#ffda91;text-shadow:0 0 10px #edb85d}.auth-invitation,.auth-invitation span{color:#ffdc9f}
  .hero-copy{color:#eef8fb}.pronounce{color:#c6e3ed}
  .hero-actions .button-light{background:linear-gradient(110deg,#caf4ff,#75d2f6 65%,#a1e8ff);border-color:rgba(213,248,255,.9);color:#082638;box-shadow:0 12px 35px rgba(18,147,203,.28),inset 0 1px 0 #fff}
  .hero-actions .button-outline{background:rgba(5,26,44,.68);border-color:rgba(159,222,246,.53);color:#f6fcff}
  .hero-actions .button>span:not(.touch-feedback){background:rgba(13,100,133,.13)}.hero-actions .button-outline>span:not(.touch-feedback){background:rgba(143,220,247,.14)}
  .mobile-stardust i{background:#eafaff;box-shadow:0 0 8px 2px rgba(109,215,255,.7)}
  .mobile-stardust i:nth-child(2),.mobile-stardust i:nth-child(5){background:#ffe0a1;box-shadow:0 0 9px 2px rgba(255,196,100,.7)}
  .intro-strip{background:#e0f0f4}.strip-spark{color:#1681a0}.strip-inner p{color:#143746}
  .story{background:#f6fafb}.eyebrow.dark{color:#146986}.story h2 em,.books h2 em,.reflections h2 em{color:#267b9a}.story .lead{color:#173e50!important}
  .story-copy{color:#4c6874}.story-copy h3{color:#173f51}.story-divider{background:#d3e6eb}.story-signoff,.text-link{color:#166a88!important}
  .galaxy-section{background:#061525}.galaxy-section::before{filter:none;opacity:1}.galaxy-section h2 em{color:#99e5ff}.galaxy-section .eyebrow.light,.project-kicker{color:#f6cd88}
  .project-card{border-color:rgba(151,224,249,.25)}
  .project-feature{background:radial-gradient(circle at 75% 20%,rgba(28,183,207,.28),transparent 48%),linear-gradient(145deg,#104d63,#092d43)}
  .project-corn{background:radial-gradient(circle at 85% 20%,rgba(240,166,64,.2),transparent 55%),linear-gradient(145deg,#383d3d,#102b40)}
  .project-ai{background:radial-gradient(circle at 83% 70%,rgba(20,158,224,.25),transparent 52%),linear-gradient(145deg,#103f60,#0b2941)}
  .project-auto{background:radial-gradient(circle at 78% 20%,rgba(23,195,184,.22),transparent 54%),linear-gradient(145deg,#10515c,#0a2e40)}
  .project-top{color:#d7edf5}.project-card p:not(.project-kicker){color:#d8ebef}.project-link{color:#e6faff}.symbol-orbit{color:#aeeaff}.status i{background:#83e5e7}
  .galaxy-footnote{color:#bdd6de}.galaxy-footnote span{color:#f4ca81}
  .books{background:#f7fbfc}.book-feature{background:#e1f0f4}.book-info h3 em{color:#287c9c}.book-subtitle{color:#1c6d88!important}.book-info p:not(.eyebrow){color:#4b6976}
  .book-info .button-dark{background:#0c5479;box-shadow:0 10px 24px rgba(9,96,135,.23)}.book-second{background:linear-gradient(135deg,#103b54,#081f32)}.book-second h3 em{color:#9fe6fa}.book-second-copy>p:not(.eyebrow){color:#d4e8ee}
  .earlier-book{background:#e9f3f5;border-color:#cee2e7}.earlier-book h3{color:#163e50}.earlier-book p:not(.eyebrow){color:#526d77}.earlier-book-spark{color:#b88640;border-color:#dbc39b}
  .reflections{background:#e4f0f2}.reflection-copy>p:not(.eyebrow){color:#506e78}.label-star{border-color:#badce4;color:#21829e}.reflection-label strong{color:#214756}.reflection-label small{color:#5c7a84}.reflection-figure figcaption,.reflection-figure summary{color:#1c6e89}
  .closing{background:#071726}.closing::before{filter:none}.closing-star,.closing .eyebrow.light{color:#f6cb85}.closing h2 em{color:#a1e3f9}.closing-inner>p:not(.eyebrow){color:#c9e0e9}
  .auth-dialog{background:#0a2032;border-color:rgba(145,220,247,.42)}.auth-art::after{background:linear-gradient(0deg,#0a2032,transparent 55%)}.auth-dialog-copy h2 em{color:#a2e4fa}.auth-dialog-copy blockquote{border-color:#efc070}.auth-dialog-copy .eyebrow.light,.auth-dialog-copy .auth-note{color:#f6ce8b!important}.auth-return{color:#e5f8ff;border-color:#93dcf4}
  .site-footer{background:#050f1c}.footer-brand .brand-mark{color:#f0c27e}
  .mobile-dock{border-color:rgba(151,219,244,.32);background:rgba(4,22,37,.93);box-shadow:0 14px 42px rgba(0,10,22,.45),inset 0 1px 0 rgba(255,255,255,.12)}
  .mobile-dock a{color:#adccd9}.mobile-dock a[aria-current="location"]{background:rgba(53,171,222,.25);color:#e7faff;box-shadow:inset 0 1px 0 rgba(177,236,255,.24),0 0 18px rgba(37,167,224,.1)}
  .mobile-dock a:active{background:rgba(79,190,231,.32)}.mobile-dock a:focus-visible{outline-color:#a3e9ff}.touch-feedback i{box-shadow:0 0 7px #88dcff}
}
/* Crisp vector marks keep the stars and directional cues consistent across devices. */
.brand-mark{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center}
.brand-mark svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(255,187,78,.4))}
.footer-brand .brand-mark{width:27px;height:27px}
.arrow-icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hero-portal{display:none}
@media(max-width:620px){
  .hero-content{padding-bottom:100px}
  .hero-portal{position:relative;display:block;height:205px;margin-top:34px;overflow:hidden;border:1px solid rgba(157,222,245,.38);border-radius:17px;background:linear-gradient(0deg,rgba(4,17,29,.54),transparent 45%),url('/assets/architect-galaxy-mobile.webp') center 72% / cover no-repeat;box-shadow:0 16px 45px rgba(0,8,16,.42),0 0 28px rgba(45,164,217,.12),inset 0 1px 0 rgba(255,255,255,.14)}
  .hero-portal span{position:absolute;bottom:14px;left:16px;color:#e8f6fc;font-size:8px;font-weight:750;letter-spacing:.15em;text-shadow:0 2px 8px #071725}
}
.reflection-figure figcaption a{display:inline-flex;align-items:center;gap:5px}
.reflection-figure figcaption .arrow-icon{width:12px;height:12px}