/* The Number Galaxy: a small invitation to curiosity. */
.number-page{background:#050c19;color:#edf6ff;overflow-x:hidden}.number-page main{overflow:hidden}.number-shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.number-page .brand-mark{color:#ffd58c}.number-page .site-header nav a[aria-current=page]{color:#a9e8ff}.number-hero{position:relative;isolation:isolate;min-height:max(760px,95svh);display:flex;align-items:center;overflow:hidden;background:#040b19}.number-hero-image,.number-hero-shade{position:absolute;inset:0;z-index:-2}.number-hero-image{background:url('/assets/galaxy-intro-end.webp') 54% 42%/cover no-repeat;transform:scale(1.04);animation:number-drift 40s ease-in-out infinite alternate}.number-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,9,20,.98) 0%,rgba(3,9,20,.88) 30%,rgba(3,9,20,.43) 60%,rgba(3,9,20,.05) 100%),linear-gradient(0deg,#050c19 0%,transparent 22%)}@keyframes number-drift{from{transform:scale(1.03)}to{transform:scale(1.12) translate(-1%,1%)}}.number-hero-content{padding-top:160px;padding-bottom:135px}.number-eyebrow{margin:0 0 19px;font-size:clamp(11px,.9vw,13px);font-weight:800;letter-spacing:.16em;line-height:1.45;color:#ffd58b;text-transform:uppercase}.number-eyebrow span{font-size:1.35em;margin-right:8px}.number-hero h1{font-size:clamp(64px,8.2vw,118px);line-height:.93;letter-spacing:-.075em;margin:0;font-weight:760}.number-hero h1 em,.number-page h2 em{font-style:normal;color:#9ce4ff;font-weight:430}.number-hero-lead{font-size:clamp(19px,2vw,25px);line-height:1.4;margin:33px 0 11px;color:#f1f8ff}.number-hero-lead strong{color:#ffd58b}.number-hero-copy{max-width:520px;font-size:clamp(16px,1.15vw,19px);line-height:1.75;color:#d5e3ee;margin:0 0 28px}.number-hero-copy strong{color:#fff}.number-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:57px;padding:0 13px 0 21px;border:1px solid #b8efff;border-radius:12px;background:linear-gradient(112deg,#d7f8ff,#78d5f7);box-shadow:0 10px 35px #31bdf633,inset 0 1px 1px #fff;color:#05233a;font-weight:800;font-size:15px;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.number-button span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#146d8d20;font-size:20px;transition:transform .2s}.number-button:hover{transform:translateY(-3px);box-shadow:0 16px 38px #42c9ff55,inset 0 1px 1px #fff}.number-button:hover span{transform:translate(2px,-2px)}.hero-note{color:#b3c6db;letter-spacing:.12em;font-size:10px;font-weight:750;line-height:1.6;margin-top:30px}.hero-coordinate{position:absolute;right:5%;bottom:43px;color:#dbe6f4;font-size:10px;font-weight:700;letter-spacing:.18em}.hero-coordinate span{color:#ffd58b;font-size:20px;vertical-align:middle}.number-intro{background:#dff2f7;color:#153348}.intro-inner{display:flex;align-items:center;gap:26px;padding:30px 0}.intro-inner p{font-size:clamp(16px,1.4vw,19px);line-height:1.5;margin:0}.intro-star{font-size:39px;color:#1881a5}.explore-section{padding:clamp(85px,9vw,140px) 0;background:radial-gradient(ellipse at 80% 30%,#162b514d,transparent 48%),#050c19;scroll-margin-top:10px}.section-heading-numbers{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.number-page h2{font-size:clamp(43px,5.5vw,77px);line-height:1.02;letter-spacing:-.055em;margin:0}.section-heading-numbers>p{max-width:405px;margin:0 0 5px;color:#c2d1e2;font-size:clamp(16px,1.3vw,18px);line-height:1.7}.number-explorer{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(300px,.77fr);gap:18px}.planet-map{position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid #a4c9e64a;border-radius:25px;background:radial-gradient(ellipse at 50% 48%,#164b78aa 0%,#0e2248aa 40%,#050c1be8 85%),url('/assets/galaxy-intro-end.webp') center/cover}.planet-map::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.75;background-image:radial-gradient(1px 1px at 8% 17%,#fff,transparent),radial-gradient(2px 2px at 84% 18%,#a4dfff,transparent),radial-gradient(1px 1px at 33% 82%,#fff,transparent),radial-gradient(2px 2px at 76% 72%,#fff5cf,transparent),radial-gradient(1px 1px at 61% 33%,#fff,transparent),radial-gradient(1px 1px at 17% 67%,#9edcff,transparent);background-size:145px 165px,230px 260px,190px 190px,270px 210px,165px 220px,310px 290px}.map-caption{display:flex;justify-content:space-between;padding:27px 30px 0;color:#c4deef;font-size:10px;font-weight:800;letter-spacing:.15em}.map-caption span{color:#ffd58b}.map-orbits{position:absolute;inset:8%;pointer-events:none;opacity:.42}.map-orbits i{position:absolute;inset:13% 2%;border:1px solid #8ed6fb70;border-radius:50%;transform:rotate(-27deg)}.map-orbits i:nth-child(2){inset:20% -9%;transform:rotate(38deg)}.map-orbits i:nth-child(3){inset:5% 21%;transform:rotate(16deg)}.planet-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;align-items:center;gap:25px 16px;padding:38px 32px 48px}.number-planet{--p1:#a7ecff;--p2:#218ac1;--p3:#09224a;position:relative;display:grid;place-items:center;width:clamp(76px,7vw,108px);aspect-ratio:1;border-radius:50%;border:1px solid #a1e6ffb5;color:white;cursor:pointer;font-size:clamp(17px,1.65vw,23px);font-weight:750;letter-spacing:.01em;text-shadow:0 1px 8px #00172c;background:radial-gradient(circle at 28% 23%,#ffffffb0 0%,transparent 8%),radial-gradient(circle at 33% 27%,var(--p1) 0%,var(--p2) 26%,var(--p3) 75%,#020715 100%);box-shadow:inset -12px -15px 22px #0009,0 0 22px #429ce044,0 11px 22px #0008;transition:transform .25s,box-shadow .25s,border .25s}.number-planet:nth-child(3n+2){--p1:#ffdab1;--p2:#b973b9;--p3:#342557}.number-planet:nth-child(3n){--p1:#ffdfa0;--p2:#d37b45;--p3:#413061}.number-planet:nth-child(5n){--p1:#d2caff;--p2:#697bcb;--p3:#182756}.number-planet::after{content:"";position:absolute;inset:25% -17%;border:1px solid #d1efff70;border-radius:50%;transform:rotate(-22deg);pointer-events:none}.number-planet:hover,.number-planet[aria-pressed=true]{transform:scale(1.09);border-color:#ffe2a6;box-shadow:inset -12px -15px 22px #0008,0 0 0 4px #f9d79a24,0 0 35px #81dfff99,0 11px 22px #0008}.number-planet:focus-visible{outline:3px solid #fff;outline-offset:7px}.number-guide{position:relative;display:flex;flex-direction:column;padding:clamp(27px,3vw,46px);border:1px solid #92bfe647;border-radius:25px;background:linear-gradient(145deg,#122a45e8,#071321f5 78%);box-shadow:0 20px 55px #0004;scroll-margin-top:20px}.guide-top{display:flex;justify-content:space-between;align-items:flex-start}.guide-top>span{font-size:30px;color:#ffd58b}.guide-number{font-size:clamp(50px,5.8vw,76px);line-height:1;letter-spacing:-.06em;margin:18px 0 16px;color:#b9ecff;font-weight:750}.number-guide h3{font-size:clamp(26px,2.5vw,34px);line-height:1.14;letter-spacing:-.035em;margin:0 0 38px}.guide-label,.guide-question>span{font-size:11px;font-weight:800;letter-spacing:.14em;color:#ffd58b}.guide-copy{font-size:17px;line-height:1.75;color:#d4e3ef;margin:12px 0 29px}.guide-question{margin-top:auto;padding:24px;border-left:2px solid #91dfff;background:#22435a70;border-radius:0 12px 12px 0}.guide-question p{font-size:clamp(19px,1.7vw,22px);line-height:1.45;margin:10px 0 0;color:#fff}.guide-note{color:#b1c4d5;font-size:13px;line-height:1.65;margin:22px 0 0}.guide-again{display:none;color:#a9e8ff;font-size:14px;font-weight:700;margin-top:20px}.no-script{font-size:16px;color:#d3e4f0}.personal-section{padding:clamp(80px,8vw,125px) 0;background:linear-gradient(130deg,#102b42,#111735 65%,#201637)}.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.personal-grid>div>p:not(.number-eyebrow){max-width:480px;color:#d2e2ef;font-size:clamp(17px,1.3vw,19px);line-height:1.8}.personal-grid .personal-small{font-size:13px!important;color:#b5c8d9!important}.reminder-form{padding:clamp(25px,3vw,38px);border-radius:24px;border:1px solid #a6d8f242;background:#061222a8;display:grid;gap:12px}.reminder-form label{font-size:14px;letter-spacing:.02em;color:#e1f2fa;font-weight:750}.reminder-form input,.reminder-form textarea{width:100%;border:1px solid #8fb9d46b;background:#10233a;color:#fff;border-radius:10px;padding:15px 16px;font:inherit;font-size:16px;line-height:1.5;resize:vertical}.reminder-form input::placeholder,.reminder-form textarea::placeholder{color:#9db1c1;opacity:1}.reminder-form input:focus-visible,.reminder-form textarea:focus-visible{outline:3px solid #9ce4ff;outline-offset:2px}.reminder-form label:not(:first-child){margin-top:10px}.reminder-form .number-button{margin-top:8px}.form-status{margin:0;color:#c8eaff;font-size:14px;line-height:1.5}.form-status:empty{display:none}.saved-reminder{border-top:1px solid #a2d9ef40;margin-top:8px;padding-top:20px}.saved-reminder>span{font-size:11px;letter-spacing:.15em;font-weight:800;color:#ffd58b}.saved-reminder p{line-height:1.6;overflow-wrap:anywhere;color:#eef8ff}.saved-reminder p strong{color:#9ce4ff}.saved-reminder button{background:none;border:0;padding:5px 0;text-decoration:underline;text-underline-offset:4px;color:#a9e8ff;font:inherit;cursor:pointer}.grounded-section{background:#e9f4f6;color:#163047;padding:clamp(80px,8vw,125px) 0}.grounded-section .number-eyebrow{color:#236e8c}.grounded-section h2 em{color:#207fa5}.grounded-heading>p:last-child{font-size:clamp(17px,1.4vw,20px);line-height:1.75;max-width:670px;color:#466577;margin:24px 0 42px}.grounded-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grounded-grid article{padding:30px;background:#fff;border:1px solid #cbdfe5;border-radius:16px;display:flex;flex-direction:column}.grounded-grid article>span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#277c9c}.grounded-grid h3{font-size:24px;letter-spacing:-.03em;margin:23px 0 8px}.grounded-grid p{font-size:16px;line-height:1.75;color:#466577}.grounded-grid a{margin-top:auto;font-weight:750;line-height:1.5;color:#146e8e;text-underline-offset:4px}.big-questions{padding:clamp(80px,8vw,125px) 0;background:radial-gradient(ellipse at 8% 50%,#1d315c70,transparent 44%),#071321}.questions-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:11%}.questions-grid>div:first-child>p:not(.number-eyebrow){font-size:18px;line-height:1.75;color:#c5d7e5}.question-list details{border-top:1px solid #91bbd44d}.question-list details:last-child{border-bottom:1px solid #91bbd44d}.question-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:24px 0;font-size:clamp(18px,1.7vw,22px);font-weight:700}.question-list summary::-webkit-details-marker{display:none}.question-list summary>span{font-size:27px;color:#a5e3f8;transition:transform .2s}.question-list details[open] summary>span{transform:rotate(45deg)}.question-list details div{font-size:16px;color:#c8dce9;line-height:1.8;padding-bottom:20px}.question-list details a{display:inline-block;color:#a9e8ff;font-weight:700;margin-right:14px;text-underline-offset:4px}.number-closing{text-align:center;padding:clamp(90px,9vw,130px) 0;background:linear-gradient(#071321c9,#071321f4),url('/assets/galaxy-intro-end.webp') center 50%/cover}.number-closing>.number-shell>span{font-size:35px;color:#ffd58b}.number-closing .number-eyebrow{margin-top:18px}.number-closing p:not(.number-eyebrow){font-size:18px;line-height:1.7;color:#d0e0eb;margin:24px auto 28px}.number-page .site-footer{background:#030a14}.number-page a:focus-visible,.number-page button:focus-visible,.number-page summary:focus-visible{outline:3px solid #ffda91;outline-offset:4px}
/* An invitation on the home page. */
.numbers-home{background:#071525;padding:0 0 90px}.numbers-home-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #9cd9f453;border-radius:22px;padding:clamp(30px,5vw,65px);background:linear-gradient(90deg,#081522f7 0%,#081522db 52%,#0815225c 100%),url('/assets/galaxy-intro-end.webp') center 48%/cover;color:#fff}.numbers-home-card:after{content:'11:11  ✦  13:37';position:absolute;right:6%;top:43%;font-size:clamp(26px,4vw,55px);font-weight:700;letter-spacing:-.04em;color:#d7f4ffb5;text-shadow:0 0 30px #94d9ff}.numbers-home-copy{position:relative;z-index:1;max-width:560px}.numbers-home-copy h2{font-size:clamp(36px,4.4vw,57px);letter-spacing:-.055em;line-height:1.05;margin:0}.numbers-home-copy h2 em{font-style:normal;font-weight:430;color:#9ce4ff}.numbers-home-copy p:not(.number-eyebrow){font-size:17px;line-height:1.7;color:#d4e5ef;max-width:470px}.numbers-home-copy .number-button{margin-top:8px}
@media(min-width:621px) and (max-width:1100px){.site-header nav{gap:clamp(10px,1.7vw,20px)}.site-header nav a{font-size:12px}.nav-wrap{width:calc(100% - 50px)}}
@media(max-width:780px){.number-shell{width:calc(100% - 40px)}.number-explorer{grid-template-columns:1fr}.guide-again{display:inline-block}.section-heading-numbers{display:block}.section-heading-numbers>p{margin-top:23px}.personal-grid,.questions-grid{grid-template-columns:1fr;gap:35px}.grounded-grid{grid-template-columns:1fr}.grounded-grid article{min-height:0}.planet-grid{gap:23px 10px;padding:34px 24px 45px}.number-planet{width:clamp(74px,20vw,102px);font-size:clamp(17px,4vw,21px)}.number-hero{min-height:max(700px,92svh)}.number-hero-content{padding-top:140px;padding-bottom:110px}.number-hero h1{font-size:clamp(59px,13.5vw,90px)}.number-hero-image{background-position:57% center}.number-hero-shade{background:linear-gradient(90deg,#030a16f5 0%,#030a16ce 58%,#030a166b),linear-gradient(0deg,#050c19,transparent 28%)}.hero-coordinate{display:none}.number-hero-copy{max-width:500px}.numbers-home{padding-bottom:65px}.numbers-home-card{background:linear-gradient(90deg,#081522f5,#081522bd),url('/assets/galaxy-intro-end.webp') 55% center/cover}.numbers-home-card:after{display:none}}
@media(max-width:380px){.number-hero h1{font-size:56px}.number-hero-lead{font-size:19px}.planet-grid{padding-inline:15px;gap:22px 6px}.number-planet{width:72px}.map-caption{font-size:9px;padding-inline:20px}.number-guide{padding:26px}}
@media(prefers-reduced-motion:reduce){.number-hero-image{animation:none}.number-button,.number-button span,.number-planet{transition:none}}
/* Let words breathe at display sizes and keep the opening line intact on phones. */
.number-hero h1{letter-spacing:-.045em;word-spacing:.08em}
.number-page h2,.number-guide h3,.numbers-home-copy h2{letter-spacing:-.035em;word-spacing:.05em}
@media(max-width:780px){.number-hero h1{font-size:clamp(44px,13.2vw,90px)}}
@media(min-width:621px) and (max-width:980px){
  .site-header .menu-toggle{display:flex;width:46px;height:46px;flex-direction:column;justify-content:center;gap:6px;background:#0c2031cc;border:1px solid #a4d4eb80;border-radius:10px;padding:11px;cursor:pointer}
  .site-header .menu-toggle span:not(.sr-only){width:20px;height:2px;background:#fff}
  .site-header nav{position:absolute;top:88px;right:25px;left:25px;padding:12px;background:#0a1d2d;border:1px solid #a6cfe54d;border-radius:12px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 30px #0007}
  .site-header nav.open{display:flex}
  .site-header nav a{padding:14px;font-size:15px}
}
.number-button span svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}