@layer components{.hero-track{position:relative;overflow-x:clip}html:has([data-story]){overflow-anchor:none}.hero-rail,.hero-frame,.hero-sky{display:none}.hero-a{display:contents}.hero-title{padding:1.5rem 1rem 0}.hero-sentence{margin-block-start:1rem;padding-inline:1rem}.hero-actions{margin-block:1.5rem;padding-inline:1rem}.hero-b{padding-inline:1rem;position:relative}.hero-proof{color:var(--nawah-ink);gap:.25rem;margin-block:1rem 2rem;padding-inline:1rem;font-weight:500;display:grid}.hero-stage{min-inline-size:0}.hero-draw{inline-size:min(100%,33rem);margin-inline:auto;position:relative}.hero-cube{inline-size:min(70%,17.5rem);margin-inline:auto;position:relative}.hero-area{margin-block-start:1rem}.hero-turn{display:none}.hero-flag{inline-size:0;block-size:var(--len);border-inline-start:1px dashed var(--nawah-blue);color:var(--nawah-ink);font-size:var(--type-small);font-weight:500;line-height:1.4;position:absolute;inset-block-start:calc(var(--y) - var(--len));inset-inline-start:var(--x)}.hero-flag:after{content:"";background:var(--nawah-blue);border-radius:50%;block-size:.3125rem;inline-size:.3125rem;position:absolute;inset-block-end:-.1875rem;inset-inline-start:-.1875rem}.hero-flag>span{border-radius:var(--radius-control);background:var(--nawah-paper);white-space:nowrap;unicode-bidi:plaintext;padding-inline:.25rem;position:absolute;inset-block-start:-.25rem}.hero-flag[data-near]>span{opacity:0}.hero-flag[data-side=left]>span{inset-inline-end:.25rem}.hero-flag[data-side=right]>span{inset-inline-start:.25rem}@media (min-width:64rem){.hero-a{grid-template-rows:1fr auto auto auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:3rem;padding-block:4rem;padding-inline:max(1.5rem,50% - 36rem);display:grid}.hero-w,.hero-b{display:contents}.hero-title,.hero-sentence,.hero-actions,.hero-proof{grid-column:1}.hero-title{grid-row:2;padding:0}.hero-sentence{grid-row:3;margin-block-start:1.5rem;padding-inline:0}.hero-actions{grid-row:4;margin-block:2rem 0;padding-inline:0}.hero-proof{grid-row:5;margin-block:1.5rem 0;padding-inline:0}.hero-stage{grid-area:1/2/-1}}@media screen and (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:35rem){:root:not([data-motion=reduce]) .hero-track{--turn:3.25rem;--draw:min(100cqw - 2rem, calc((100svh - 4rem - var(--turn)) * 346 / 352), 33rem);--frame:calc(var(--draw) * 352 / 346 + var(--turn));--free:calc(100svh - 4rem - var(--frame));--hold:max(0px, calc(var(--free) / 2 - 1.5rem));grid-template-columns:minmax(0,1fr);display:grid;container-type:inline-size}:root:not([data-motion=reduce]) .hero-rail{inline-size:1px;visibility:hidden;grid-area:4/1;margin-block-start:var(--hold);display:block}:root:not([data-motion=reduce]) .hero-w{block-size:calc(var(--hold) + 200svh + var(--frame));grid-area:4/1}:root:not([data-motion=reduce]) .hero-b{block-size:var(--frame);position:sticky;inset-block-start:calc(4rem + var(--free) / 2)}:root:not([data-motion=reduce]) .hero-frame{visibility:hidden;display:block;position:absolute;inset:0}:root:not([data-motion=reduce]) .hero-sky{z-index:-1;pointer-events:none;display:block;position:absolute;inset-block:0;inset-inline:-1rem;overflow:clip;-webkit-mask-image:linear-gradient(#0000,#000 4rem calc(100% - 4rem),#0000);mask-image:linear-gradient(#0000,#000 4rem calc(100% - 4rem),#0000)}:root:not([data-motion=reduce]) .hero-grid{opacity:.5;position:absolute;inset:0}:root:not([data-motion=reduce]) .hero-field-box{position:absolute;inset:0}:root:not([data-motion=reduce]) .hero-field{block-size:100%;inline-size:100%;display:block}:root:not([data-motion=reduce]) .hero-stage{block-size:100%;position:relative}:root:not([data-motion=reduce]) .hero-draw{inline-size:var(--draw);aspect-ratio:346/352}:root:not([data-motion=reduce]) .hero-area{pointer-events:none;margin:0;position:absolute;inset:0}:root:not([data-motion=reduce]) .hero-plain{display:none}:root:not([data-motion=reduce]) .hero-cube{z-index:1;inline-size:var(--cube-size);margin:0;position:absolute;inset-block-start:var(--cube-top);inset-inline-start:var(--cube-start)}:root:not([data-motion=reduce]) [data-stack-layer]>g,:root:not([data-motion=reduce]) [data-story-words],[data-core-waits] [data-stack-layer] [data-id=core] circle{opacity:0}:root:not([data-motion=reduce]) .hero-turn{visibility:hidden;display:flex;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline:15%}:root:not([data-motion=reduce]) [data-world=ready][data-story-hold] .hero-turn{visibility:visible}:root:not([data-motion=reduce]) [data-world=ready][data-story-hold] .hero-area{pointer-events:auto}:root:not([data-motion=reduce]) [data-world=ready] .hero-flag{transform:translate(var(--px,0), var(--py,0)) translateY(-100%);inset-block-start:0;inset-inline-start:0}}@media screen and (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-height:35rem) and (min-width:64rem){:root:not([data-motion=reduce]) .hero-track{block-size:calc(300svh - 4rem);display:block;container-type:normal}:root:not([data-motion=reduce]) .hero-rail{block-size:calc(300svh - 4rem);margin:0;position:absolute;inset-block-start:0}:root:not([data-motion=reduce]) .hero-a{block-size:calc(100svh - 4rem);padding-block:1.5rem;position:sticky;inset-block-start:4rem}:root:not([data-motion=reduce]) .hero-sky{-webkit-mask-image:linear-gradient(calc(var(--nm-dir) * 90deg), transparent, black 8rem), linear-gradient(to bottom, black calc(100% - 4rem), transparent);mask-image:linear-gradient(calc(var(--nm-dir) * 90deg), transparent, black 8rem), linear-gradient(to bottom, black calc(100% - 4rem), transparent);inset-block:-1.5rem;inset-inline:-3rem calc(-1*max(1.5rem,50vw - 36rem));-webkit-mask-composite:source-in;mask-composite:intersect}:root:not([data-motion=reduce]) .hero-stage{place-items:center;block-size:auto;display:grid;container-type:size}:root:not([data-motion=reduce]) .hero-draw{inline-size:min(100cqw,98.2955cqh,33rem);margin-block-end:3rem}:root:not([data-motion=reduce]) .hero-turn{inset-block:auto 0}}.rack-caption{display:none}.rack-row:has([aria-expanded=true]){border-block-end-color:var(--nawah-ink)}.rack-row:has([aria-expanded=true]) [data-rack-row]{color:var(--nawah-ink)}[data-rack] g[data-id]{transition:translate var(--nawah-dur-quick) var(--nawah-ease-out)}@media (scripting:enabled){[data-rack-row][aria-expanded=false]+p{display:none}}@media (scripting:enabled) and (min-width:64rem){.rack-caption{display:block}[data-rack-row]+p{display:none}}[data-type-stack]:not([data-on]){display:none}[data-type-stack][data-drop]>g{animation:home-drop var(--nawah-dur-drop) var(--nawah-ease-pull) backwards}[data-type-stack]>g:nth-child(2){animation-delay:70ms!important}[data-type-stack]>g:nth-child(3){animation-delay:.14s!important}[data-type-stack]>g:nth-child(4){animation-delay:.21s!important}[data-type-stack]>g:nth-child(5){animation-delay:.28s!important}[data-type-stack]>g:nth-child(6){animation-delay:.35s!important}[data-type-stack]>g:nth-child(7){animation-delay:.42s!important}[data-type-stack]>g:nth-child(8){animation-delay:.49s!important}@keyframes home-drop{0%{opacity:0;translate:0 -28.8px}72%{opacity:1;translate:0 1.44px}}[data-stairs] g[data-step="1"] [data-lift]>:first-child{fill:var(--nawah-blue)}[data-stairs] :is(text,[data-core]){pointer-events:none}[data-stairs] svg{overflow:visible}[data-stairs] g[data-step]{transition:translate var(--nawah-dur-drop) var(--nawah-ease-out), opacity var(--nawah-dur-drop) var(--nawah-ease-out)}[data-stairs] g[data-step="2"]{transition-delay:var(--nawah-stagger-cubes)}[data-stairs] g[data-step="3"]{transition-delay:calc(2 * var(--nawah-stagger-cubes))}[data-stairs] g[data-step="4"]{transition-delay:calc(3 * var(--nawah-stagger-cubes))}[data-stairs] g[data-step="5"]{transition-delay:calc(4 * var(--nawah-stagger-cubes))}[data-stairs] [data-core]{--laid:calc(var(--nawah-dur-drop) + 4 * var(--nawah-stagger-cubes));transform-box:fill-box;transform-origin:50%;transition:translate var(--nawah-dur-base) var(--nawah-ease-in-out), scale var(--nawah-dur-base) var(--nawah-ease-out) var(--laid), opacity var(--nawah-dur-base) var(--nawah-ease-out) var(--laid)}[data-reveal-wait] [data-stairs] g[data-step]{opacity:0;translate:0 var(--nawah-lift);transition:none}[data-reveal-wait] [data-stairs] [data-core]{opacity:0;transition:none;scale:0}[data-stairs] [data-lift]{transition:translate var(--nawah-dur-quick) var(--nawah-ease-out)}@media (hover:hover) and (pointer:fine){[data-stairs]:has([data-step]:hover) g[data-step="1"] [data-lift]>:first-child{fill:var(--nawah-ink)}:is([data-stairs]:has([data-step="1"]:hover) g[data-step="1"] [data-lift],[data-stairs]:has([data-step="2"]:hover) g[data-step="2"] [data-lift],[data-stairs]:has([data-step="3"]:hover) g[data-step="3"] [data-lift],[data-stairs]:has([data-step="4"]:hover) g[data-step="4"] [data-lift],[data-stairs]:has([data-step="5"]:hover) g[data-step="5"] [data-lift]){translate:0 calc(-1 * var(--stair-lift))}:is([data-stairs]:has([data-step="1"]:hover) g[data-step="1"] [data-lift]>:first-child,[data-stairs]:has([data-step="2"]:hover) g[data-step="2"] [data-lift]>:first-child,[data-stairs]:has([data-step="3"]:hover) g[data-step="3"] [data-lift]>:first-child,[data-stairs]:has([data-step="4"]:hover) g[data-step="4"] [data-lift]>:first-child,[data-stairs]:has([data-step="5"]:hover) g[data-step="5"] [data-lift]>:first-child){fill:var(--nawah-blue)}[data-stairs]:has([data-step="2"]:hover) [data-core]{translate:var(--stair-x) calc(var(--stair-y) - var(--stair-lift))}[data-stairs]:has([data-step="3"]:hover) [data-core]{translate:calc(2 * var(--stair-x)) calc(2 * var(--stair-y) - var(--stair-lift))}[data-stairs]:has([data-step="4"]:hover) [data-core]{translate:calc(3 * var(--stair-x)) calc(3 * var(--stair-y) - var(--stair-lift))}[data-stairs]:has([data-step="5"]:hover) [data-core]{translate:calc(4 * var(--stair-x)) calc(4 * var(--stair-y) - var(--stair-lift))}}}@media (hover:hover) and (pointer:fine){:is([data-stairs]:has([data-step="1"]:hover) li[data-step="1"]>:first-child,[data-stairs]:has([data-step="2"]:hover) li[data-step="2"]>:first-child,[data-stairs]:has([data-step="3"]:hover) li[data-step="3"]>:first-child,[data-stairs]:has([data-step="4"]:hover) li[data-step="4"]>:first-child,[data-stairs]:has([data-step="5"]:hover) li[data-step="5"]>:first-child){color:var(--nawah-blue)}}@media print{.hero-area svg{visibility:visible!important;opacity:1!important}[data-stack-layer]>g,[data-stack-layer] circle{opacity:1!important;translate:none!important}[data-stairs] :is(g[data-step],[data-core]){opacity:1!important;translate:none!important;scale:none!important}.hero-area [data-story-words]{display:block;opacity:1!important}.hero-area canvas{display:none}}