:root{--hero-sky:linear-gradient(178deg, #dcebf7 0%, #f1f7fc 46%, var(--bg) 82%);--hero-portrait:#eef0f2;--hero-day:1;--hero-night:0}:root[data-theme=night]{--hero-sky:linear-gradient(178deg, #08111c 0%, #14243a 44%, var(--bg) 86%);--hero-portrait:#16202c;--hero-day:0;--hero-night:1}.hero{--hero-pad:clamp(20px, 5vw, 72px);--hero-vh:100vh;--hero-sh:max(500px, var(--hero-vh));--hero-base:min(var(--hero-sh), 980px);--hero-off:calc((var(--hero-sh) - var(--hero-base)) / 2);margin-top:-62px;position:relative;container:hero/inline-size}@supports (height:100dvh){.hero{--hero-vh:100dvh}}.hero-stage{position:sticky;top:0;overflow:hidden}.hero-sky{background:var(--hero-sky);transition:background .9s;position:absolute;inset:0}.hero-stars{pointer-events:none;transition:opacity .9s;position:absolute;inset:0}.hero-star-far{display:none}@media (min-width:2400px){.hero-star-far{display:block}}.hero-orb{z-index:1;left:var(--hero-pad);cursor:pointer;border-radius:50%;width:74px;height:74px;transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1);position:absolute}.hero-sun{pointer-events:auto;background:#fdc010;background:lab(81.625% 13.3759 81.0597);transform:scale(1);box-shadow:0 0 70px 20px #ffd16a73;box-shadow:0 0 70px 20px lab(86.31% 10.6845 66.5981/.45)}.hero-moon{pointer-events:none;background:#e9eff7;transform:rotate(-58deg)scale(.5);box-shadow:0 0 60px 14px #d6e8ff52;-webkit-mask-image:radial-gradient(37.37px at 23.532px 34.188px,#0000 0 99%,#000 100%);mask-image:radial-gradient(37.37px at 23.532px 34.188px,#0000 0 99%,#000 100%)}:root[data-theme=night] .hero-sun{pointer-events:none;transform:scale(.4)}:root[data-theme=night] .hero-moon{pointer-events:auto;transform:rotate(-14deg)scale(1)}.hero-colbox{z-index:3;left:var(--hero-pad);pointer-events:none;flex-direction:column;width:min(640px,46vw);display:flex;position:absolute}.hero-colspace{min-height:0}.hero-col{will-change:transform, opacity;flex-direction:column;flex:none;gap:clamp(18px,3.4vh,44px);display:flex}.hero-rotor{letter-spacing:-.02em;max-width:24ch;min-height:2.32em;color:var(--accent);margin-top:8px;font:italic 400 clamp(21px,2.9vw,40px)/1.14 Instrument Serif,serif;overflow:hidden}.hero-rotor[data-upright]{font-style:normal}.hero-rotor-word{animation:.62s cubic-bezier(.2,.7,.2,1) both wIn;display:inline-block}.hero-rotor-all{display:none}.hero-portrait{z-index:2;background:var(--hero-portrait);will-change:left, top, width, height;position:absolute;overflow:hidden}.hero-portrait img{object-fit:cover;width:100%;height:100%;display:block}.hero-short{--hero-short-left:calc(var(--hero-pad) + min(272px, 23vw) + max(28px, 3.5vw));z-index:3;box-sizing:border-box;left:var(--hero-short-left);width:clamp(320px, 100vw - var(--hero-short-left) - var(--hero-pad), 760px);will-change:transform, opacity;position:absolute}.hero-eyebrow{text-wrap:balance}.hero-hint{z-index:4;left:var(--hero-pad);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font:500 10.5px/1 JetBrains Mono,monospace;position:absolute;bottom:22px}.hero-hint-pulse{animation:2.6s ease-in-out infinite hintFade}@media (min-width:1920.02px){.hero{--hero-fx:max(0px, (100% - 1920px) / 2)}.hero-orb,.hero-hint{margin-left:var(--hero-fx)}}@media (max-width:899.98px),(max-aspect-ratio:4/5) and (max-width:1920px){.hero{--hero-sh:max(460px, var(--hero-vh));--hero-base:var(--hero-sh)}.hero-orb{width:46px;height:46px}.hero-moon{-webkit-mask-image:radial-gradient(23.23px at 14.628px 21.252px,#0000 0 99%,#000 100%);mask-image:radial-gradient(23.23px at 14.628px 21.252px,#0000 0 99%,#000 100%)}.hero-colbox{width:calc(100vw - var(--hero-pad) * 2)}.hero-col{gap:16px}.hero-rotor{max-width:100%;font-size:clamp(21px,5.6vw,40px)}.hero-short{left:var(--hero-pad);width:min(760px, 100vw - var(--hero-pad) * 2)}}@media (max-width:899.98px){.hero-rotor{font-style:normal}}@media not all and (max-height:520px) and (orientation:landscape){@media not all and (max-width:899.98px) and (min-aspect-ratio:5/4){.hero{height:calc(var(--hero-sh) + var(--hero-lead,0px) + var(--hero-base) * 1.05 + 62px)}.hero-stage{height:calc(var(--hero-sh) + var(--hero-lead,0px))}.hero[data-pre] .hero-orb{top:calc(var(--hero-base) * .07 + var(--hero-off))}.hero[data-pre] .hero-colbox{top:calc(116px + var(--hero-off));bottom:calc(52px + var(--hero-off))}.hero[data-pre] .hero-colspace{flex:0 1 calc(var(--hero-base) * .24 - 116px)}.hero[data-pre] .hero-portrait{width:48vw;height:var(--hero-sh);border-radius:0;top:0;left:52vw}.hero[data-pre] .hero-short{top:calc(var(--hero-base) * .19 + var(--hero-off));transform:translate(calc(100vw - var(--hero-pad) - min(272px, 23vw)), 70px)}@media (max-width:899.98px),(max-aspect-ratio:4/5) and (max-width:1920px){.hero{--hero-gape:clamp(18px, var(--hero-sh) * .028, 34px);--hero-t0max:calc(var(--hero-sh) * .06);--hero-colh:clamp(270px, 270px + (375px - 100vw) * .55, 310px);--hero-ph:calc(var(--hero-sh) * .42);--hero-coltop:min(var(--hero-t0max) + var(--hero-ph) + var(--hero-gape), var(--hero-sh) - 44px - var(--hero-colh));--hero-t0:max(var(--hero-sh) * .06, min(var(--hero-t0max), var(--hero-coltop) - var(--hero-gape) - var(--hero-sh) * .3));--hero-ch:max(var(--hero-sh) * .3, min(var(--hero-ph), var(--hero-coltop) - var(--hero-gape) - var(--hero-t0)));--hero-ch2:var(--hero-ch);--hero-colmin:96px;--hero-lead:0px}@media (max-width:899.98px){.hero{--hero-eyeh:34.1px;--hero-standh:90px;--hero-roth:calc(clamp(21px, 5.6vw, 40px) * 2.32);--hero-colh2:calc(var(--hero-eyeh) + clamp(18px, 2.8vh, 34px) + clamp(64px, 11.5vw, 168px) * .85 + 8px + var(--hero-roth) + 16px + var(--hero-standh));--hero-colfit:max(96px, min(var(--hero-t0max) + var(--hero-ph) + var(--hero-gape), var(--hero-sh) - 44px - var(--hero-colh2)));--hero-chfit:max(var(--hero-sh) * .3, min(var(--hero-ph), var(--hero-colfit) - var(--hero-gape) - var(--hero-t0)));--hero-over:clamp(0px, var(--hero-t0) + var(--hero-chfit) - var(--hero-colfit), var(--hero-gape));--hero-hmin:min(var(--hero-sh) * .3, var(--nav-b,66px) + (100vw - var(--hero-pad) * 2) * 3188 / 2048 * .15 - var(--hero-t0));--hero-ch2:min(var(--hero-ch), max(var(--hero-chfit), var(--hero-ch) - (var(--hero-t0) + var(--hero-ch) - var(--hero-colfit)) * 1000), max(var(--hero-hmin), var(--hero-colfit) - var(--hero-t0) - var(--hero-over)));--hero-colmin:max(96px, var(--hero-t0) + var(--hero-ch2) + var(--hero-over));--hero-need:calc(max(var(--hero-colfit), var(--hero-colmin)) + var(--hero-colh2) + 44px - var(--hero-sh));--hero-lead:max(0px, var(--hero-need), min(var(--hero-vh) - var(--hero-sh) + 32.5px, (var(--hero-sh) + var(--hero-need) - var(--hero-vh) - 14px) * 1000, var(--hero-need) * 1000))}@media (max-width:372.98px){.hero{--hero-standh:112.5px}}@media (max-width:357.98px){.hero{--hero-eyeh:51.15px}}@media (max-width:304.98px){.hero{--hero-standh:135px}}@media (max-width:267.98px){.hero{--hero-eyeh:68.2px}}@media (max-width:265.98px){.hero{--hero-standh:157.5px}}@media (min-width:613px){.hero{--hero-eyeh:17.05px}}@media (prefers-reduced-motion:reduce){.hero{--hero-roth:max(clamp(21px, 5.6vw, 40px) * 2.32, max(15px, clamp(21px, 5.6vw, 40px) * .5) * 4.64)}}}.hero-orb{display:none}.hero-short-title{font-size:clamp(19px,min(3.1vw,3.4vh),42px)!important}.hero-short-body{font-size:clamp(14px,min(2vw,1.85vh),18px)!important}.hero[data-pre] .hero-orb{top:26px}.hero[data-pre] .hero-colbox{top:var(--hero-colmin);bottom:calc(44px + var(--hero-lead))}.hero[data-pre] .hero-colspace{flex-basis:calc(var(--hero-t0max) + var(--hero-ph) + var(--hero-gape) - var(--hero-colmin))}.hero[data-pre] .hero-portrait{left:var(--hero-pad);top:var(--hero-t0);width:calc(100vw - var(--hero-pad) * 2);height:var(--hero-ch2);border-radius:16px}.hero[data-pre] .hero-stage{top:calc(0px - var(--hero-lead));margin-top:min(62px, max(0px, var(--hero-lead) - .01px) * 100000)}.hero[data-pre] .hero-sky,.hero[data-pre] .hero-stars{bottom:var(--hero-lead)}.hero[data-pre] .hero-short{top:calc(var(--hero-sh) * .05 + min(200px, var(--hero-sh) * .28) + 26px + var(--hero-lead));transform:translateY(70px)}}@media (max-width:599.98px){.hero[data-pre] .hero-portrait img{--hero-ih:max(var(--hero-ch2), (100vw - var(--hero-pad) * 2) * 3188 / 2048);--hero-brow:calc(var(--nav-b,66px) + min(24px, (var(--hero-t0) + var(--hero-ch2) - var(--nav-b,66px) - var(--hero-ih) * .15) / 2));object-position:50% min(0px, 50% + max(0px, var(--hero-brow) - var(--hero-t0) - var(--hero-ih) / 3 - (var(--hero-ch2) - var(--hero-ih)) / 2))}}@media (min-width:600px) and (max-width:899.98px),(min-width:600px) and (max-aspect-ratio:4/5) and (max-width:1920px){.hero{--hero-t0max:max(var(--hero-sh) * .06, 86px);--hero-colh:calc(297px + (100vw - 600px) * .15)}.hero-orb{display:block}.hero[data-pre] .hero-portrait img{--hero-ih:max(var(--hero-ch2), (100vw - var(--hero-pad) * 2) * 3188 / 2048);object-position:50% clamp(var(--hero-ch2) - var(--hero-ih), var(--hero-ch2) / 2 - var(--hero-ih) / 3, 0px)}}@media (min-width:900px) and (max-aspect-ratio:4/5) and (max-width:1920px){.hero{--hero-colh:calc(41px + var(--hero-gape) + min(11.5vw, 168px) * .85 + min(5.6vw, 40px) * 2.32 + clamp(15px, 1.15vw, 18px) * 6);--hero-ph:max(var(--hero-sh) * .42, min((100vw - var(--hero-pad) * 2) * 3188 / 2048, var(--hero-sh) * .83 - var(--hero-t0max) - var(--hero-gape) - var(--hero-colh)))}}@media (min-width:1920.02px){.hero{--hero-pw:calc(921.6px + (100vw - 1920px) / 2)}.hero-colbox,.hero-portrait,.hero-short{margin-left:var(--hero-fx)}.hero-short{--hero-short-left:411.2px}.hero-portrait img{object-position:50% min(30%, 50% + (100vw - 1920px) / 2)}.hero-title{font-size:clamp(64px,max(27vh,2088px - 100vw),168px)!important}.hero-rotor{font-size:clamp(21px,max(7vh,520px - 25vw),40px)}@media (max-height:560px){.hero-stand{max-width:min(54ch,44ch + 100vw - 1920px)!important}}.hero[data-pre] .hero-portrait{width:var(--hero-pw);left:998.4px}.hero[data-pre] .hero-short{transform:translate(calc(var(--hero-pw) + 654.4px), 70px)}@media (min-width:2240.02px),(orientation:portrait){.hero{--hero-pw:849.6px;--hero-fh:min(var(--hero-sh) - 142px, 849.6px * 3188 / 2048)}.hero[data-pre] .hero-portrait{top:calc(90px + (var(--hero-sh) - 142px - var(--hero-fh)) / 2);height:var(--hero-fh);border-radius:14px;box-shadow:0 18px 54px #0f162024}}}}}@media (max-height:520px) and (orientation:landscape),(max-width:899.98px) and (min-aspect-ratio:5/4){.hero{--hero-svh:100vh;--hero-dvh:100vh;--hero-gap:var(--hero-pad);--hero-photo:clamp(var(--hero-svh) * .6, 100vw - var(--hero-pad) * 2 - 440px, var(--hero-svh) * .8);--hero-orb:clamp(32px, 50vw - 225px - var(--hero-pad), 46px);margin-top:0}@supports (height:100svh){.hero{--hero-svh:100svh;--hero-dvh:100dvh}}.hero-stage{grid-template-columns:var(--hero-pad) minmax(0, 1fr) var(--hero-gap) var(--hero-photo);grid-template-rows:minmax(var(--hero-svh), auto) auto;padding-bottom:clamp(16px,5vh,40px);display:grid;position:relative;top:auto;overflow:visible}.hero-sky,.hero-stars,.hero-hint{grid-area:1/1/2/-1}.hero-hint{bottom:clamp(10px,4.2vh,16px)}.hero-orb{top:calc(41px - var(--hero-orb) / 2);width:var(--hero-orb);height:var(--hero-orb)}.hero-moon{-webkit-mask-image:radial-gradient(circle calc(var(--hero-orb) * .505) at calc(var(--hero-orb) * .318) calc(var(--hero-orb) * .462), transparent 0 99%, #000 100%);-webkit-mask-image:radial-gradient(circle calc(var(--hero-orb) * .505) at calc(var(--hero-orb) * .318) calc(var(--hero-orb) * .462), transparent 0 99%, #000 100%);mask-image:radial-gradient(circle calc(var(--hero-orb) * .505) at calc(var(--hero-orb) * .318) calc(var(--hero-orb) * .462), transparent 0 99%, #000 100%)}.hero-colbox{box-sizing:border-box;width:auto;max-width:640px;padding:calc(var(--nav-b,66px) + 6px) 0 clamp(30px, 10.3vh, 40px);grid-area:1/2;justify-content:center;position:relative;left:auto}.hero-colspace{display:none}.hero-col{will-change:auto;gap:clamp(8px,2.6vh,20px)}.hero-eyebrow{margin-bottom:clamp(6px,2.6vh,16px)!important}.hero-title{font-size:clamp(40px,min(11.5vw,18vh),168px)!important}.hero-rotor,.hero-rotor[data-upright]{max-width:24ch;margin-top:.3em;font-size:clamp(16px,min(2.9vw,5.8vh),40px);font-style:italic}@media (prefers-reduced-motion:reduce){.hero-rotor,.hero-rotor[data-upright]{max-width:none}.hero-rotor .hero-rotor-all{font-size:max(14px,.5em);line-height:1.1}}.hero-stand{max-width:54ch!important;font-size:clamp(13px,3.8vh,17px)!important}.hero-portrait{height:var(--hero-dvh);will-change:auto;grid-area:1/4/3/5;align-self:start;position:sticky;top:0}.hero-portrait img{object-position:50% 30%}.hero-short{grid-area:2/2;width:auto;max-width:640px;padding-top:clamp(32px,11vh,56px);position:relative;left:auto}.hero-short-title{margin-bottom:18px!important;font-size:clamp(19px,2.5vw,30px)!important}.hero-short-body{font-size:clamp(15px,1.2vw,17px)!important}.hero-short-now{margin-top:24px!important;padding-top:16px!important}@media (min-width:1920.02px){.hero{--hero-photo:min(921.6px, var(--hero-svh) * .8 + (100vw - 1920px) * 2)}.hero-stage{grid-template-columns:calc(var(--hero-fx) + var(--hero-pad)) minmax(0, 1fr) var(--hero-gap) calc(var(--hero-photo) + var(--hero-fx))}@media (min-width:2240.02px){.hero-stage{grid-template-columns:calc(var(--hero-fx) + var(--hero-pad)) minmax(0, 1fr) var(--hero-gap) var(--hero-photo) var(--hero-fx)}}}}@container hero (max-width:722.49px){.hero-stage .hero-orb{display:none}}@media (prefers-reduced-motion:reduce){.hero-rotor-word{display:none}.hero-rotor-all{font-size:max(15px,.5em);line-height:1.16;display:grid}}
