/* Codex CPU-authored preview. WORKING COPY ONLY — NOT LIVE. */
:root{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;font-weight:400;--ink:#203635;--paper:#f8f5ed;--coral:#dc7051;--blue:#204ac9}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #e4b754;outline-offset:6px}.skip-link{position:fixed;top:10px;left:12px;background:#fff;color:#142d2e;padding:12px;z-index:20;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.19em}.brand svg{flex:none}.motion-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #20363530;background:transparent;border-radius:999px;padding:9px 13px;color:var(--ink);font-size:11px;cursor:pointer;min-height:38px}.motion-button:hover{background:#2036350a}.motion-icon{font-size:12px;line-height:1}.working-label{font-size:9px;letter-spacing:.12em;font-weight:700;white-space:nowrap}
.entrance{background:#080c1b;color:#f6f0e6;min-height:100svh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.night-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 44%,#15162f 0,#090d1c 57%,#080c18 100%)}.sky-glow{position:absolute;border-radius:50%;filter:blur(80px);animation:nebula-breathe 36s ease-in-out infinite}.glow-one{width:68vw;height:48vw;max-height:650px;left:27%;top:-9%;background:radial-gradient(ellipse,#66609a25,#3c528819 46%,transparent 68%);transform:rotate(-23deg)}.glow-two{width:43vw;height:45vw;left:1%;top:26%;background:radial-gradient(ellipse,#4f728624,transparent 65%);animation-delay:-18s}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#f1f2ff;opacity:var(--alpha);animation:star-breathe var(--duration) ease-in-out var(--delay) infinite}.star.large{width:3px;height:3px;box-shadow:0 0 7px #dbe9ff55}.sky-orbit{position:absolute;border:1px solid #e8d9ef0b;border-radius:50%;width:840px;height:840px;right:-290px;top:-270px}.orbit-two{width:900px;height:900px;right:-320px;top:-300px;border-style:dashed;opacity:.65}.entrance-header,.entrance-main,.soia-rail,.entrance-footer{z-index:1}.entrance-header{display:flex;justify-content:space-between;align-items:center;padding:35px 5.2%}.brand-light{color:#f1e8dd}.motion-dark{border-color:#e6ddf22d;color:#d7d2de;background:#080c1a22}.motion-dark:hover{background:#f7edff0b}.soia-rail{position:absolute;left:5.4%;top:35%;display:flex;flex-direction:column;align-items:center;gap:22px;color:#b8b1ca;font-size:16px;letter-spacing:.03em}.soia-rail i{display:block;width:1px;height:80px;background:linear-gradient(#aea4c762,transparent);margin-top:6px}.entrance-main{width:min(940px,78%);margin:auto;align-self:center;text-align:center;padding:55px 0 78px}.entrance-eyebrow{font-size:11px;letter-spacing:.25em;color:#c6bdd3;margin:0 0 22px}.entrance h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(66px,8.8vw,132px);line-height:1.06;font-weight:400;letter-spacing:-.055em;position:relative;display:inline-block;margin:0}.title-spark{position:absolute;font:19px Georgia,serif;color:#c8afdb;right:-30px;top:9px}.entrance-invitation{font-size:14px;font-weight:400;letter-spacing:.02em;color:#a49db6;margin:27px 0 62px}.entry-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:left;max-width:800px;margin:0 auto}.entry-option{display:flex;flex-direction:column;gap:12px;min-width:0}.coming-soon,.choice-overline{text-transform:uppercase;font-size:9px;letter-spacing:.18em;padding-left:20px;font-weight:600;color:#aaa1bb}.choice-overline{color:#ded2e4}.entry-choice{min-height:112px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 24px 24px 21px;border-radius:4px;font-size:19px;line-height:1.23;font-weight:400;text-align:left;transition:background .25s,border-color .25s}.entry-choice .choice-mark{font-size:22px;align-self:flex-end}.unavailable{border:1px solid #c4b8d52c;background:#beb2d505;color:#aaa0bc;cursor:not-allowed}.unavailable .choice-mark{color:#857b975c}.available{background:#eae3ee;color:#242033;border:1px solid #f6edff;box-shadow:0 6px 42px #8a72be13}.available:hover{background:#fff9ff;transform:none;box-shadow:0 12px 42px #9986c129}.entrance-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:25px 5.2% 29px;color:#90879e}.footer-coordinate{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.04em}.footer-coordinate i{width:4px;height:4px;border-radius:50%;background:#bb9ad9}.entrance-footer .working-label{color:#7d758e}
.hub{color:var(--ink);background:var(--paper);min-height:100svh;display:flex;flex-direction:column}.hub-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:27px 5.2%;border-bottom:1px solid #20363520}.hub-header-actions{display:flex;align-items:center;gap:24px}.back-link{font-size:12px;display:inline-flex;gap:8px;align-items:center}.back-link:hover{text-decoration:underline;text-underline-offset:4px}.hub-main{width:min(1160px,89.6%);margin:auto;padding:39px 0 35px}.hub-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:38px}.hub-eyebrow{font-size:9px;letter-spacing:.17em;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 0 18px}.hub-eyebrow>span{width:6px;height:6px;background:var(--coral);border-radius:50%}.hub h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(50px,5.6vw,80px);line-height:.98;font-weight:400;letter-spacing:-.045em;margin:0}.hub h1 em{color:var(--coral);font-weight:400}.hub-description{font-size:13px;line-height:1.65;color:#61706b;margin:19px 0 0}.studio-art{width:min(100%,430px);justify-self:end;position:relative}.studio-illustration{width:100%;display:block;overflow:visible}.studio-mobile{transform-origin:192px 40px;animation:mobile-sway 14s ease-in-out infinite}.art-caption{display:block;font-size:9px;color:#6d7b74;letter-spacing:.04em;text-align:right;padding-right:26px;margin-top:-10px}.hub-destinations{display:grid;grid-template-columns:1.75fr 1fr;gap:21px}.pool-destination{background:var(--blue);color:#f7f7f1;padding:25px 31px 26px;min-height:270px;display:flex;flex-direction:column;justify-content:space-between;border-radius:3px;transition:background .2s,transform .2s;position:relative;overflow:hidden}.pool-destination:hover{background:#1b42bb;transform:translateY(-3px)}.destination-topline{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em;font-weight:600;gap:12px}.pool-destination .destination-topline{color:#d9e2ff}.round-arrow{border:1px solid #f7f5ed60;border-radius:50%;height:31px;width:31px;display:grid;place-items:center;font-size:18px;line-height:1;flex:none}.pool-title-row{display:flex;justify-content:space-between;gap:22px;align-items:center}.pool-destination h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;font-size:83px;margin:0;line-height:1.14}.pool-waves{width:116px;color:#a4baf8;transform:rotate(-10deg);opacity:.7;flex:none}.pool-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.pool-bottom p{font-size:12px;line-height:1.5;color:#e6eaff;margin:0}.access-label{font-size:9px;display:flex;align-items:center;gap:7px;white-space:nowrap;border-top:1px solid #a8b8ed60;padding-top:10px;color:#d8e2ff}.showcase-destination{background:#eee8dc;padding:25px 27px 24px;border:1px solid #d8d7c9;border-radius:3px;display:flex;flex-direction:column;position:relative;min-height:270px;transition:transform .2s,background .2s}.showcase-destination:hover{transform:translateY(-3px);background:#e8e1d4}.plain-arrow{font-size:22px;font-weight:400}.showcase-destination h2{font-family:Georgia,'Times New Roman',serif;font-size:35px;line-height:1.2;font-weight:400;letter-spacing:-.04em;margin:7px 0 8px}.showcase-destination p{font-size:11px;color:#5e6f67;margin:0;display:flex;justify-content:space-between}.showcase-art{height:99px;position:relative;margin:4px 0 3px}.paper{position:absolute;height:73px;width:105px;left:50%;top:15px;box-shadow:0 2px 5px #2036350a}.paper-one{background:#df8366;transform:translateX(-68%) rotate(-14deg)}.paper-two{background:#b6c39c;transform:translateX(-40%) rotate(11deg)}.paper-three{background:#fbf7e9;transform:translateX(-52%) rotate(-3deg);display:grid;place-items:center}.paper-three i{display:block;position:absolute;width:39px;height:39px;background:#d6b4d9;border-radius:50%;top:12px;left:17px}.paper-three b{display:block;position:absolute;width:28px;height:28px;background:#e9b95c;right:18px;bottom:10px;transform:rotate(17deg)}.hub-footer{margin:0 5.2%;border-top:1px solid #20363520;padding:19px 0 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#7b8378;font-size:10px}.hub-footer .working-label{color:#747e74}
.handoff-page{background:var(--paper);color:var(--ink);min-height:100svh;display:grid;place-items:center;padding:25px}.handoff-panel{max-width:560px;border-top:3px solid var(--coral);padding:34px 0}.handoff-panel h1{font:64px/1 Georgia,serif;letter-spacing:-.04em;margin:22px 0}.handoff-panel>p:not(.hub-eyebrow){font-size:15px;line-height:1.7;color:#5d6e67}.handoff-detail{font-weight:bold}.handoff-back{display:inline-block;margin:20px 0 44px;border-bottom:1px solid;padding-bottom:6px;font-size:13px}.handoff-panel .working-label{display:block;color:#777f76}.handoff-panel code{font-size:13px}
.projects-main{width:min(1080px,88%);margin:0 auto;padding:48px 0 40px}.projects-heading h1{font-size:72px}.projects-heading>p:last-child{font-size:14px;color:#647268;line-height:1.6;margin:18px 0 0}.character-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:42px;padding-top:34px;border-top:1px solid #20363525;align-items:center}.character-copy h2,.work-done h2{font:40px/1.15 Georgia,serif;letter-spacing:-.03em;margin:0 0 18px}.character-copy>p:not(.hub-eyebrow){font-size:13px;line-height:1.75;color:#586b61}.character-copy .preview-notice{border-left:2px solid var(--coral);padding-left:15px;margin:25px 0}.character-copy .future-note{font-size:11px!important;color:#6e7b71!important}.character-picker{width:min(100%,330px);justify-self:center}.character-choice{display:block;cursor:pointer;position:relative;border:1px solid #d8d7c9;background:#eee8dc;border-radius:3px;overflow:hidden}.character-choice:has(input:checked){outline:3px solid var(--blue);outline-offset:4px}.character-choice input{position:absolute;left:13px;top:13px;accent-color:var(--blue);width:20px;height:20px;z-index:1}.character-choice:has(input:focus-visible){outline:3px solid #ba7d18;outline-offset:5px}.character-choice img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:contain}.character-name{font-size:12px;padding:15px;display:flex;justify-content:space-between}.selection-check{visibility:hidden;color:var(--blue);font-weight:bold}input:checked~.character-name .selection-check{visibility:visible}.character-actions{display:flex;gap:9px;margin-top:17px}.character-actions button{cursor:pointer;min-height:42px;padding:11px 15px;border-radius:3px;border:1px solid var(--ink);font-size:11px;color:var(--ink);background:transparent}.character-actions button:first-child{background:var(--ink);color:var(--paper)}.character-actions button:disabled{opacity:.4;cursor:not-allowed}.character-status{font-size:10px;line-height:1.7;min-height:35px;color:#596b63;margin:13px 0 0}.work-done{border-top:1px solid #20363525;margin-top:43px;padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.work-done h2{font-size:32px;margin-bottom:10px}.work-done p:not(.hub-eyebrow){font-size:12px;color:#617065;line-height:1.7}.work-boundary{max-width:330px;justify-self:center}.projects .hub-footer{margin-top:auto}
@media(max-width:760px){.projects-main{padding-top:33px}.projects-heading h1{font-size:56px}.character-section{grid-template-columns:1fr;gap:20px;margin-top:25px;padding-top:25px}.character-copy h2{font-size:35px}.character-picker{width:min(100%,330px)}.character-copy .preview-notice{margin:18px 0}.work-done{grid-template-columns:1fr;gap:6px;margin-top:30px;padding-top:25px}.work-boundary{justify-self:start;max-width:none}.projects .back-link{font-size:10px}.projects .brand{font-size:9px}.projects-heading>p:last-child{font-size:12px}.showcase-destination p{max-width:100%;font-size:10px}.hub .showcase-destination p{max-width:100%}}
@keyframes star-breathe{0%,100%{opacity:var(--alpha);transform:translateY(0)}50%{opacity:calc(var(--alpha) * .42);transform:translateY(-3px)}}@keyframes nebula-breathe{0%,100%{opacity:.72;translate:0 0}50%{opacity:1;translate:15px 9px}}@keyframes mobile-sway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .entry-choice,.motion-paused .pool-destination,.motion-paused .showcase-destination{transition:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(min-width:1500px){.entrance-main{padding-top:65px;padding-bottom:95px}.hub-main{padding-top:50px;padding-bottom:45px}.hub-intro{margin-bottom:45px}}
@media(max-width:760px){.entrance-header{padding:24px 6%}.brand{font-size:10px;gap:9px}.brand svg{width:23px;height:23px}.motion-button{padding:8px 11px;font-size:10px}.soia-rail{left:6%;top:31%;gap:18px;font-size:13px}.soia-rail i{height:55px}.entrance-main{width:79%;margin:auto 4% auto auto;padding:48px 0 61px}.entrance-eyebrow{font-size:9px;letter-spacing:.13em;max-width:230px;line-height:1.7;margin:0 auto 22px}.entrance h1{font-size:clamp(54px,11.6vw,84px)}.title-spark{font-size:13px;right:-18px;top:3px}.entrance-invitation{font-size:12px;margin:21px 0 38px}.entry-choices{gap:11px;grid-template-columns:1fr}.entry-option{gap:7px}.entry-choice{min-height:66px;font-size:17px;padding:16px 20px}.entry-choice br{display:none}.entry-choice br::after{content:' '}.entry-choice .choice-mark{align-self:center;font-size:20px}.entry-choice.available{min-height:82px}.coming-soon,.choice-overline{font-size:8px;padding-left:8px}.entry-option.active-option{grid-row:auto}.entry-option.future-option:last-child{margin-top:8px}.active-option{margin-top:8px}.entrance-footer{padding:23px 6%;align-items:flex-start;flex-direction:column;gap:13px}.footer-coordinate{font-size:9px}.working-label{font-size:8px}.hub-header{padding:22px 6%;gap:15px}.hub-header-actions{gap:13px}.back-link{font-size:11px}.back-link span{display:none}.hub-main{width:88%;padding:32px 0 31px}.hub-intro{gap:12px;grid-template-columns:1.12fr 1fr;margin-bottom:30px;align-items:center}.hub-eyebrow{font-size:7px;line-height:1.7;letter-spacing:.1em;margin-bottom:14px;gap:6px}.hub-eyebrow>span{width:5px;height:5px;flex:none}.hub h1{font-size:clamp(43px,8vw,61px)}.hub-description{font-size:11px;line-height:1.65;margin-top:15px}.studio-art{margin-top:15px}.art-caption{font-size:7px;line-height:1.5;text-align:center;margin:0;padding:0}.hub-destinations{grid-template-columns:1fr;gap:17px}.pool-destination{min-height:263px;padding:23px 25px}.pool-destination h2{font-size:78px}.pool-waves{width:94px}.pool-bottom p{font-size:11px}.access-label{font-size:8px}.showcase-destination{min-height:160px;padding:22px 25px;justify-content:flex-end}.showcase-destination .destination-topline{position:absolute;left:25px;right:25px;top:20px}.showcase-destination h2{font-size:32px;margin:34px 0 5px}.showcase-destination p{max-width:142px}.showcase-art{position:absolute;right:38px;top:37px;width:115px;height:100px;margin:0}.paper{height:65px;width:91px}.paper-three i{width:32px;height:32px;left:14px}.paper-three b{width:25px;height:25px;right:14px}.hub-footer{margin:0 6%;font-size:8px;align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:22px}.sky-orbit{right:-650px;top:-300px}.orbit-two{right:-680px;top:-330px}}
@media(max-width:370px){.hub-intro{grid-template-columns:1fr}.studio-art{display:none}.pool-bottom{align-items:flex-start;flex-direction:column;gap:10px}.pool-destination{min-height:275px}.pool-waves{width:70px}.showcase-art{right:17px;opacity:.8}.entrance-main{width:77%;margin-right:3%}.entry-choice{font-size:16px}.hub-header-actions{gap:8px}.motion-button{font-size:9px}}

/* Accessible return targets for touch and keyboard. */
.hub-header .back-link{min-width:44px;min-height:44px;padding:10px 8px;justify-content:center;line-height:1.3}
@media(max-width:760px){.hub-header .back-link span{display:inline}.hub-header-actions{flex-wrap:wrap;justify-content:flex-end}}
.hub-header .brand,.entrance-header .brand{min-height:44px}

.staff-link{display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding:10px 6px;font-size:11px;text-decoration:underline;text-underline-offset:3px}

/* Claude proposal 2026-11-04: second line on a main-page button (AAC Device Systems / Autism Center) */
.entry-choice .choice-sub{display:block;font-size:.6em;font-weight:500;letter-spacing:.03em;opacity:.9;margin-top:.2em;line-height:1.2}

/* Keep all five entrance choices in normal flow, with room for labels and marks. */
.entrance .entry-choice{gap:12px}
.entrance .entry-choice>span:first-child{min-width:0;overflow-wrap:break-word}
.entrance .entry-choice .choice-mark{flex:none}