.home{margin:calc(var(--sp-7) * -1) calc(var(--content-px) * -1) calc(var(--content-pb) * -1);overflow:clip}.home-hero{isolation:isolate;background:#0b0a09;min-height:100dvh;position:relative;overflow:hidden}.home-hero__image,.home-hero__shade{width:100%;height:100%;position:absolute;inset:0}.home-hero__image{z-index:-2;object-fit:cover;object-position:46% center;filter:saturate(.86)contrast(1.08)brightness(.77);transform-origin:48% 52%;animation:1.5s cubic-bezier(.16,1,.3,1) backwards home-hero-image-intro}.home-hero__shade{z-index:-1;background:linear-gradient(90deg,#0b0a0905 0%,#0b0a093d 43%,#0b0a09f5 100%),linear-gradient(#0b0a093d 0%,#0000 57%,#0b0a09c7 100%)}.home-hero__frame{width:min(100%,1480px);min-height:100dvh;padding:clamp(var(--sp-7), 7vw, var(--sp-10));grid-template-columns:minmax(260px,.72fr) minmax(500px,1fr);align-items:center;margin:0 auto;display:grid}.home-hero__content{grid-column:2;max-width:720px}.home-hero h1{color:#f0ebe3;letter-spacing:-.055em;font-size:clamp(48px,4.9vw,78px);font-weight:600;line-height:1.02}.home-hero__line{display:block;overflow:hidden}.home-hero__line>span{white-space:nowrap;animation:.9s cubic-bezier(.16,1,.3,1) .18s backwards home-hero-copy-intro;display:block}.home-hero__line:nth-child(2)>span{animation-delay:.28s}.home-hero__line:first-child>span{color:#f0ebe39e;font-weight:500}.home-hero__lead{max-width:30em;margin-top:var(--sp-5);color:#ece7deb8;font-size:clamp(15px,1.25vw,18px);line-height:1.75;animation:.9s cubic-bezier(.16,1,.3,1) .48s backwards home-hero-lead-intro}.home-hero__actions{align-items:center;column-gap:clamp(var(--sp-7), 4vw, var(--sp-9));row-gap:var(--sp-5);margin-top:var(--sp-6);flex-wrap:wrap;animation:.9s cubic-bezier(.16,1,.3,1) .58s backwards home-hero-lead-intro;display:flex}@keyframes home-hero-image-intro{0%{opacity:.42}}@keyframes home-hero-copy-intro{0%{transform:translateY(112%)}}@keyframes home-hero-lead-intro{0%{opacity:0;transform:translateY(24px)}}.home-hero__magnet,.react-bits-magnet__body{display:inline-flex}.home-hero__primary,.home-hero__secondary{justify-content:center;align-items:center;gap:var(--sp-2);white-space:nowrap;min-height:48px;transition:color var(--t-fast), background var(--t-fast), border-color var(--t-fast), transform var(--t-fast);font-size:14px;font-weight:700;display:inline-flex}.home-hero__primary{padding:0 var(--sp-5);border-radius:var(--r-1);color:#211506;background:#e5ad4f;border:1px solid #efc87e}.home-hero__primary:hover{background:#efc87e;transform:translateY(-2px)}.home-hero__primary:active{transform:translateY(0)scale(.98)}.home-hero__secondary{color:#f0ebe3d1;border-bottom:1px solid #f0ebe357;min-height:40px}.home-hero__secondary:hover{color:#f0ebe3;border-color:#e5ad4f}.home-hero__secondary:active{transform:translateY(1px)}[data-theme=light] .home-hero{background:#f4f1ea}[data-theme=light] .home-hero__image{filter:saturate(.92)contrast(1.04)brightness(.99)}[data-theme=light] .home-hero__shade{background:linear-gradient(90deg,#f4f1ea05 0%,#f4f1ea33 43%,#f4f1eaf5 100%),linear-gradient(#f4f1ea33 0%,#0000 57%,#f4f1ead1 100%)}[data-theme=light] .home-hero h1{color:#1d1812}[data-theme=light] .home-hero__line:first-child>span{color:#1d181294}[data-theme=light] .home-hero__lead{color:#1d1812b3}[data-theme=light] .home-hero__primary{color:#fbf7ef;background:#8f6015;border-color:#8f6015}[data-theme=light] .home-hero__primary:hover{background:#7a5210}[data-theme=light] .home-hero__secondary{color:#1d1812c7;border-color:#1d181247}[data-theme=light] .home-hero__secondary:hover{color:#1d1812;border-color:#8f6015}.state-atlas{background:var(--canvas);color:var(--text-1);position:relative}.state-atlas__track{min-width:0}.state-atlas__intro{min-height:72dvh;padding:clamp(var(--sp-9), 11vw, 176px) var(--content-px);flex-direction:column;justify-content:center;display:flex}.state-atlas__intro h2{letter-spacing:-.07em;max-width:8em;font-size:clamp(52px,8vw,112px);font-weight:600;line-height:.88}.state-atlas__intro h2 span{color:var(--accent-1);display:block}.state-atlas__intro p{max-width:34em;margin-top:var(--sp-6);color:var(--text-2);font-size:clamp(15px,1.25vw,18px);line-height:1.75}.state-atlas__gesture{align-self:flex-start;align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);color:var(--text-3);font-family:var(--font-mono);letter-spacing:.04em;font-size:12px;display:none}.family-scenes{margin:0;padding:0;list-style:none}.family-scene{--family-color:var(--accent-1);--family-gradient:var(--grad-brand);background:radial-gradient(circle at 22% 46%, color-mix(in srgb, var(--family-color) 14%, transparent), transparent 34%), var(--canvas);min-height:72dvh;position:relative;overflow:hidden}.family-scene__link{min-height:inherit;padding:clamp(var(--sp-7), 8vw, var(--sp-10)) var(--content-px);gap:clamp(var(--sp-6), 7vw, var(--sp-10));color:inherit;isolation:isolate;grid-template-columns:minmax(220px,.9fr) minmax(280px,1fr);align-items:center;display:grid;position:relative}.family-scene__link:after{content:"";z-index:-1;background:linear-gradient(120deg, color-mix(in srgb, var(--family-color) 10%, transparent), transparent 54%);opacity:0;transition:opacity var(--t-slow) var(--ease-out);position:absolute;inset:0}.family-scene__link:hover:after,.family-scene__link:focus-visible:after{opacity:1}.family-scene__link:focus-visible{outline:2px solid var(--family-color);outline-offset:-4px}.family-scene__code{top:var(--sp-6);left:var(--content-px);color:var(--family-color);font-family:var(--font-mono);letter-spacing:.16em;font-size:13px;font-weight:700;position:absolute}.family-scene__ghost{z-index:-1;color:#0000;font-family:var(--font-display);-webkit-text-stroke:1px color-mix(in srgb, var(--family-color) 13%, transparent);-webkit-user-select:none;user-select:none;font-size:clamp(260px,38vw,620px);font-weight:700;line-height:1;position:absolute;bottom:-.24em;right:-.05em}.family-scene__glyph{color:var(--family-color);opacity:.86;transition:opacity var(--t-med), transform var(--t-slow) var(--ease-out);place-items:center;display:grid}.family-scene__glyph svg{width:min(30vw,300px);height:auto;filter:drop-shadow(0 24px 56px color-mix(in srgb, var(--family-color) 18%, transparent))}.family-scene__copy{z-index:1;flex-direction:column;align-items:flex-start;display:flex;position:relative}.family-scene__meta{color:var(--family-color);font-family:var(--font-mono);font-size:12px}.family-scene h3{margin-top:var(--sp-3);letter-spacing:-.065em;font-size:clamp(52px,7vw,106px);line-height:.94}.family-scene__tagline{max-width:32em;margin-top:var(--sp-5);color:var(--text-2);font-size:clamp(15px,1.2vw,18px);line-height:1.7}.family-scene__action{align-items:center;gap:var(--sp-2);margin-top:var(--sp-6);border-bottom:1px solid color-mix(in srgb, var(--family-color) 52%, transparent);color:var(--text-1);padding-bottom:6px;font-size:14px;font-weight:700;display:inline-flex}.family-scene__action svg,.family-scene__glyph{transition:transform var(--t-med) var(--ease-out)}.family-scene__link:hover .family-scene__glyph,.family-scene__link:focus-visible .family-scene__glyph{transform:scale(1.05)rotate(2deg)}.family-scene__link:hover .family-scene__action svg,.family-scene__link:focus-visible .family-scene__action svg{transform:translate(4px,-4px)}.home--gsap .home-hero__image,.home--gsap .home-hero__content,.home--gsap .state-atlas__track{will-change:transform}@media (width>=1025px) and (prefers-reduced-motion:no-preference){.state-atlas__gesture{display:inline-flex}.state-atlas{overscroll-behavior-inline:contain;height:100dvh;overflow:auto hidden}.home--gsap .state-atlas{overflow:hidden}.home--gsap .state-atlas--draggable{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.home--gsap .state-atlas--draggable .family-scene__link{cursor:grab;-webkit-user-drag:none}.home--gsap .state-atlas--dragging,.home--gsap .state-atlas--dragging .family-scene__link{cursor:grabbing}.home--gsap .state-atlas--dragging .family-scene__link:after{opacity:0;transition:none}.home--gsap .state-atlas--dragging .family-scene__glyph,.home--gsap .state-atlas--dragging .family-scene__action svg{transition:none;transform:none}.home--gsap .state-atlas--draggable .family-scene__link:hover .family-scene__glyph,.home--gsap .state-atlas--draggable .family-scene__link:hover .family-scene__action svg,.home--gsap .state-atlas--draggable .family-scene__link:focus-visible .family-scene__glyph,.home--gsap .state-atlas--draggable .family-scene__link:focus-visible .family-scene__action svg{transform:none}.state-atlas__track{width:max-content;height:100%;display:flex}.state-atlas__intro{width:min(58vw,820px);min-height:100%;padding-inline:clamp(var(--sp-7), 7vw, var(--sp-10));flex:none}.family-scenes{height:100%;display:flex}.family-scene{flex:none;width:min(68vw,980px);min-height:100%}.family-scene__link{min-height:100%;padding-inline:clamp(var(--sp-7), 6vw, var(--sp-9))}}@media (width<=1180px){.home-hero__frame{grid-template-columns:minmax(190px,.58fr) minmax(460px,1fr)}}@media (width<=1024px){.home{margin-top:calc(var(--sp-6) * -1)}.state-atlas__intro{min-height:58dvh}.family-scene{min-height:70dvh}}@media (width<=760px){.home-hero__image{object-position:36% center;filter:saturate(.8)contrast(1.05)brightness(.67)}.home-hero__shade{background:linear-gradient(#0b0a0914 0%,#0b0a09bd 52%,#0b0a09f7 100%),linear-gradient(90deg,#0b0a0938,#0000 72%)}[data-theme=light] .home-hero__shade{background:linear-gradient(#f4f1ea14 0%,#f4f1eac2 52%,#f4f1eafa 100%),linear-gradient(90deg,#f4f1ea3d,#0000 72%)}.home-hero__frame{padding:calc(var(--topbar-h) + var(--sp-6)) var(--content-px) var(--sp-7);align-items:flex-end;display:flex}.home-hero__content{max-width:560px}.home-hero h1{font-size:clamp(43px,13vw,66px)}.state-atlas__intro{min-height:56dvh;padding-top:var(--sp-9);padding-bottom:var(--sp-9)}.state-atlas__intro h2{font-size:clamp(50px,16vw,78px)}.family-scene{min-height:68dvh}.family-scene__link{padding-top:var(--sp-9);padding-bottom:var(--sp-8);gap:var(--sp-5);grid-template-columns:1fr;align-content:center}.family-scene__code{top:var(--sp-5)}.family-scene__glyph{justify-content:start}.family-scene__glyph svg{width:min(54vw,230px)}.family-scene h3{font-size:clamp(48px,15vw,74px)}.family-scene__ghost{font-size:clamp(250px,88vw,390px);bottom:-.18em;right:-.12em}}@media (width<=430px){.home-hero__actions{align-items:flex-start;gap:var(--sp-5);flex-direction:column}.home-hero__primary{width:100%}}@media (prefers-reduced-motion:reduce){.home-hero__image,.home-hero__line>span,.home-hero__lead,.home-hero__actions{animation:none}.home-hero__primary,.home-hero__secondary,.family-scene__link:after,.family-scene__glyph,.family-scene__action svg{transition-duration:.01ms}}
