.brand-intro[hidden]{display:none}.brand-intro{z-index:4;pointer-events:none;mix-blend-mode:multiply;--identity-scale:1;position:absolute;inset:0;overflow:hidden}.intro-identity{mix-blend-mode:multiply;transform:scale(var(--identity-scale));transform-origin:50% 40%;position:absolute;inset:0}.intro-mark{will-change:transform,opacity,filter;transform-origin:50%;background:url(/HOS-logo-vertical.png) -573px -35px/1572px 881px no-repeat;width:426px;max-width:none;height:426px;position:absolute;top:40%;left:50%;transform:translate(calc(-50% - 168px),-50%)scale(.169014)}.hero h1 .hero-word{color:inherit;display:inline-block}.intro-wordmark{width:316.2px;height:54.3px;position:absolute;top:40%;left:calc(50% - 113px);transform:translateY(-50%)}.intro-letter{will-change:transform,opacity;background-image:url(/assets/wordmark-ink.png);background-repeat:no-repeat;background-size:316.2px 54.3px;height:100%;position:absolute;top:0}.intro-glow{opacity:0;filter:blur(38px);will-change:transform,opacity;background:radial-gradient(at 25% 58%,#4ed3b24d,#0000 57%),radial-gradient(at 52% 30%,#3a8dee40,#0000 57%),radial-gradient(at 70% 60%,#b190f059,#0000 57%),radial-gradient(at 60% 70%,#ff9a5c30,#0000 50%);width:420px;height:310px;margin:-155px 0 0 -210px;position:absolute;top:40%;left:50%}.hero.intro-playing .hero-copy{visibility:hidden}.hero.intro-playing.intro-enter .hero-copy{visibility:visible}.hero h1>.hero-first,.hero h1>.hero-last{color:var(--ink)}.hero h1 .hero-spectrum{color:var(--purple);-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#58bda7 0%,#4888d9 27%,#8961df 52%,#cf54c1 76%,#e98d68 100%);-webkit-background-clip:text;background-clip:text}@media (forced-colors:active){.hero h1 .hero-spectrum{-webkit-text-fill-color:currentColor;background:0 0}}@media (max-width:540px){.brand-intro{--identity-scale:.72}.intro-glow{filter:blur(28px);width:300px;height:250px;margin:-125px 0 0 -150px}}@media (prefers-reduced-motion:reduce){.brand-intro{display:none!important}.hero.intro-playing .hero-copy{visibility:visible}}
.human-system{background:radial-gradient(45% 25% at 12% 48%,#adddd117,#0000 75%),radial-gradient(40% 28% at 90% 75%,#c9b3ed14,#0000 75%),#fff;padding:112px 0 125px}.system-heading{grid-template-columns:1.12fr .88fr;align-items:end;gap:28px 90px;margin-bottom:78px;display:grid}.system-heading .eyebrow{margin:0 0 27px}.system-heading h2{letter-spacing:-.04em;color:var(--ink);font-size:clamp(2.7rem,4.6vw,4.45rem);font-weight:500;line-height:1.08}.system-heading h2 span{color:var(--purple)}.system-heading>p{color:#7f7387;max-width:38ch;padding-bottom:7px;font-size:1rem;line-height:1.85}.system-explorer{grid-template-columns:minmax(0,1.05fr) minmax(350px,.78fr);align-items:start;gap:clamp(55px,8vw,115px);display:grid}.system-map{--map-x:0px;--map-y:0px;isolation:isolate;height:min(660px,100svh - 135px);min-height:550px;position:sticky;top:110px}.system-map:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#fffffff2 0 20%,#ffffff4d 48%,#0000 72%);border-radius:50%;position:absolute;inset:28px 0 20px}.system-aura{aspect-ratio:1;width:75%;transform:translate(calc(-50% + var(--map-x)),calc(-50% + var(--map-y)));filter:blur(34px);opacity:.72;transition:transform 1.1s var(--ease),opacity .8s;z-index:-2;background:radial-gradient(at 25% 28%,#4ed3b261,#0000 48%),radial-gradient(at 75% 28%,#3a8dee5c,#0000 48%),radial-gradient(at 25% 75%,#ff6e7f4f,#0000 48%),radial-gradient(at 75% 75%,#8b5cf65e,#0000 48%);border-radius:46% 54% 58% 42%;position:absolute;top:47%;left:50%}.system-map-top{letter-spacing:.17em;color:#91859a;justify-content:space-between;font-size:.61rem;display:flex;position:absolute;top:7px;left:12px;right:12px}.system-field-map{width:100%;height:calc(100% - 105px);transform:translate(var(--map-x),var(--map-y));transition:transform 1s var(--ease);position:absolute;inset:35px 0 70px;overflow:visible}.system-orbit{stroke:#d8d0de;stroke-width:.8px;stroke-dasharray:2 8;opacity:.6;vector-effect:non-scaling-stroke}.system-field{opacity:.46;transform-origin:300px 281px;transition:opacity .8s var(--ease),transform 1s var(--ease);transform:scale(.985)}.field-wash{opacity:.58;transition:opacity .8s}.field-thread{stroke:currentColor;stroke-width:1px;stroke-linecap:round;opacity:.55;vector-effect:non-scaling-stroke;transition:stroke-width .8s,opacity .8s}.field-thread.echo{opacity:.2}.system-field text{fill:currentColor;letter-spacing:.12em;font-family:inherit;font-size:12px;font-weight:500}.system-field circle{fill:currentColor}.field-body{color:#398b76}.field-mind{color:#497db5}.field-heart{color:#bd7185}.field-spirit{color:#7f5dab}.system-field.is-active{opacity:1;transform:scale(1.018)}.system-field.is-active .field-wash{opacity:.9}.system-field.is-active .field-thread{stroke-width:1.55px;opacity:.9}.system-explorer[data-dimension=action] .system-field{opacity:.78;transform:scale(1)}.system-explorer[data-dimension=action] .field-wash{opacity:.76}.system-explorer[data-dimension=action] .field-thread{opacity:.65}.system-action{color:var(--purple)}.action-halo{fill:#ffffffad;stroke:#59239445;stroke-width:1px;vector-effect:non-scaling-stroke;transition:r .9s var(--ease),fill .8s,stroke .8s}.system-action text{fill:#765f84;letter-spacing:.15em;text-anchor:middle;font-family:inherit;font-size:10px;font-weight:500}.system-explorer[data-dimension=action] .action-halo{r:62;fill:#ffffffe0;stroke:#5923948c}.system-map-bottom{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:5px;left:12px;right:12px}.system-map-bottom strong{color:var(--ink);font-size:.98rem;font-weight:500;line-height:1.4}.system-map-bottom span{letter-spacing:.04em;color:#988ca0;font-size:.68rem}.system-stories{padding-bottom:65px}.system-story{border-top:1px solid var(--line);opacity:.34;min-height:330px;transition:opacity .65s var(--ease),transform .8s var(--ease);flex-direction:column;justify-content:center;display:flex}.system-story.is-current{opacity:1}.system-story-label{letter-spacing:.11em;color:#877a90;grid-template-columns:auto 1fr;align-items:center;gap:11px;margin-bottom:25px;font-size:.67rem;display:grid}.system-story-label small{letter-spacing:.08em;color:#aaa0b0;justify-self:end;font-size:.58rem}.system-story h3{letter-spacing:-.035em;max-width:12.5ch;color:var(--ink);margin:0 0 18px;font-size:clamp(1.85rem,2.7vw,2.6rem);font-weight:500;line-height:1.17}.system-story p{color:#7e7286;max-width:42ch;margin:0;font-size:.98rem;line-height:1.82}@media (max-width:1000px){.system-heading{gap:55px}.system-explorer{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:45px}.system-map{min-height:510px}.system-story{min-height:300px}}@media (max-width:800px){.human-system{padding:85px 0 90px}.system-heading{grid-template-columns:1fr;gap:23px;margin-bottom:48px}.system-heading>p{padding:0}.system-explorer{grid-template-columns:1fr;gap:45px}.system-map{height:520px;min-height:0;position:relative;top:auto}.system-stories{padding:0}.system-story{opacity:1;min-height:0;padding:28px 0}.system-story:not(.is-current) h3,.system-story:not(.is-current) p{display:none}.system-story-label{cursor:pointer;margin:0}.system-story.is-current .system-story-label{margin-bottom:22px}.system-story h3{font-size:2rem}}@media (max-width:540px){.human-system{padding:70px 0 78px}.system-heading{margin-bottom:38px}.system-heading h2{font-size:2.65rem}.system-heading>p{font-size:.92rem}.system-map{height:405px}.system-map-top{font-size:.53rem;left:4px;right:4px}.system-field-map{width:110%;height:calc(100% - 89px);inset:28px -5% 61px}.system-map-bottom{bottom:0}.system-map-bottom strong{font-size:.88rem}.system-map-bottom span{font-size:.61rem}.system-story{padding:24px 0}.system-story-label{grid-template-columns:auto 1fr;gap:8px;font-size:.63rem}.system-story-label small{font-size:.51rem}.system-story h3{font-size:1.8rem}.system-story p{font-size:.92rem}}@media (prefers-reduced-motion:reduce){.system-aura,.system-field-map,.system-field,.field-wash,.field-thread,.action-halo,.system-story{transition:none}.system-map{position:relative;top:auto}}.system-map-top,.system-field text,.system-action text,.system-story-label,.system-story-label small,.system-map-bottom span{font-size:12px}.system-map-bottom strong{font-size:14px}.system-heading>p,.system-story p{font-size:16px}.system-heading h2{font-size:var(--heading-section);font-weight:500;line-height:1.12}.system-story h3{font-size:var(--heading-feature);font-weight:500;line-height:1.18}
