/* Original illustrated artwork; structural menu rules stay in menu-v5.css. */
body.in-hub.on-hub-home{background:#0b1220;isolation:isolate}
.hub-backdrop{position:fixed;inset:0;z-index:0;display:block;pointer-events:none;background:#0b1220}
.hub-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hub-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#090e2220 0%,#0a10242b 24%,#080e2161 68%,#080d2187 100%),radial-gradient(ellipse at 50% 49%,#080c245e 0%,transparent 68%)}
.on-hub-home .hub-home>:not(.hub-backdrop){position:relative;z-index:1}
.on-hub-home .storage-warning{position:relative;z-index:2}
.on-hub-home header{background:#0a102660;border-bottom-color:#e1d2ff17;backdrop-filter:blur(9px)}
.on-hub-home footer{position:relative;z-index:1;background:#080e2480;color:#d0c9df;border-top-color:#ffffff13}
.on-hub-home header .hub-menu-trigger{background:#0c142b9e;border-color:#e2d6ff45;color:#f3eafc}
.on-hub-home header .brand-mark{color:#f5d995;border-color:#e0bd6c70;background:#dab2590c}
.on-hub-home .hub-heading h1.hub-logo-heading{margin:0;line-height:0;font-size:inherit;font-style:normal;text-shadow:none}
.hub-logo{display:block;width:min(520px,80vw);height:clamp(125px,23vh,180px);object-fit:contain;margin:0 auto;filter:drop-shadow(0 4px 12px #05091bba)}
.on-hub-home .hub-heading{margin-bottom:23px}
.on-hub-home .hub-heading>p{color:#eeebf7;text-shadow:0 2px 5px #080f22;margin-top:10px}
.on-hub-home .hub-mode{background:linear-gradient(150deg,color-mix(in srgb,var(--mode) 12%,#131a30ee),#12182ce8);border-color:color-mix(in srgb,var(--mode) 48%,transparent);box-shadow:0 12px 32px #03071970;backdrop-filter:blur(8px)}
.on-hub-home .hub-mode p{color:#d1ccdf}
.on-hub-home .hub-mode button:disabled{color:#b6aec9;background:#050d251c;border-color:#ffffff24}
.on-hub-home .hub-resume{background:#0d1830e8;border-color:#d4b87e65;color:#f5ead7;box-shadow:0 5px 18px #0004}
.on-hub-home .hub-home-note{color:#e4def0;text-shadow:0 2px 5px #070e20}
@media(min-width:761px) and (max-height:740px){.hub-logo{height:132px}.on-hub-home .hub-heading{margin-bottom:18px}}
@media(max-width:760px){.hub-logo{width:min(350px,90vw);height:clamp(110px,19vh,145px)}.on-hub-home .hub-heading{margin-bottom:16px}.on-hub-home .hub-heading>p{font-size:11px;margin-top:8px}.hub-backdrop:after{background:linear-gradient(180deg,#090e220c,#0a102442 42%,#080d2196),radial-gradient(ellipse at 50% 50%,#080d244d,transparent 75%)}.on-hub-home .hub-mode{background:linear-gradient(120deg,#111b30ef,#11182bd9);border-color:color-mix(in srgb,var(--mode) 48%,transparent)}.on-hub-home footer{color:#d0c9df}}
@media(max-width:760px) and (max-height:760px){.hub-logo{height:110px}.on-hub-home .hub-heading{margin-bottom:12px}.on-hub-home .hub-heading>p{margin-top:5px;font-size:10px}}
@media(max-width:760px) and (max-height:620px){.hub-logo{height:88px}.on-hub-home .hub-heading{margin-bottom:10px}}