.hero{background:var(--cellar);height:230vh;position:relative}.hero__stage{isolation:isolate;background:var(--cellar);height:100svh;position:sticky;top:0;overflow:hidden}.hero__gl,.hero__still{width:100%;height:100%;position:absolute;inset:0}.hero__gl{z-index:1;opacity:0}.hero.is-gl .hero__gl{opacity:1}.hero.is-still .hero__gl{display:none}.hero__still{z-index:0;object-fit:cover;object-position:100% 50%;opacity:0}.hero.is-still .hero__still{opacity:1}.hero__intro{z-index:3;pointer-events:none;position:absolute;inset:0}.hero__seed{transform-origin:50%;--lx-hair:transparent;height:auto;top:18%;bottom:18%;left:50%;transform:scaleY(0)}.hero__seed .lx__head[data-head=a]{top:0;left:0}.hero__seed .lx__head[data-head=b]{top:100%;left:0}.hero__portal{width:0;height:0;position:absolute;top:0;left:0}.hero__portal .lx{--lx-hair:transparent;opacity:0}.hero__portal [data-edge=l],.hero__portal [data-edge=r]{top:0;bottom:0}.hero__portal [data-edge=l]{left:0}.hero__portal [data-edge=r]{right:0}.hero__portal [data-edge=t],.hero__portal [data-edge=b]{transform-origin:50%;left:0;right:0}.hero__portal [data-edge=t]{top:0}.hero__portal [data-edge=b]{bottom:0}.hero__boot{color:var(--ivory-2);opacity:0;font-size:var(--micro);letter-spacing:.26em;align-items:flex-end;gap:18px;display:inline-flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero__boot-mark{font-size:var(--mark-s);color:var(--ivory)}.hero__copy{z-index:4;pointer-events:none;position:absolute;bottom:14.1vh;left:4.55vw}.hero__title{font-family:var(--serif);font-weight:520;font-size:var(--display-hero);letter-spacing:-.012em;text-transform:uppercase;color:var(--ivory);text-shadow:0 0 40px var(--shade);line-height:1.136}.hero__line{display:block}.hero__scroll{z-index:4;font-size:var(--small);letter-spacing:.2em;align-items:flex-end;gap:15px;line-height:1;display:inline-flex;position:absolute;bottom:5.1vh;left:calc(5.26vw - 3.5px)}.hero__scroll-line{justify-items:center;width:7px;height:7.3vh;display:grid;position:relative}.hero__scroll-line:before{content:"";opacity:.85;background:currentColor;width:1px;height:100%}.hero__scroll-line:after{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-3px;left:0}.hero__scroll-line i{background:var(--led-core);width:3px;height:3px;box-shadow:var(--glow-soft);animation:scroll-drop 2.6s var(--ease-in-out) infinite;border-radius:50%;position:absolute;top:0;left:2px}@keyframes scroll-drop{0%{opacity:0;transform:translateY(-6px)}20%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(6.6vh)}}.hero__credit{z-index:4;white-space:nowrap;color:var(--mute);opacity:.8;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hero__rods{z-index:2;pointer-events:none;position:absolute;inset:0}.hero__rods .lx{opacity:0;height:auto;top:0;bottom:0}.home-root:is([data-intro=full],[data-intro=short]) :is(.chrome,.rail,.hero__copy,.hero__scroll,.hero__credit){opacity:0}:is(.is-still .hero,.hero.is-still){height:100svh}:is(.is-still .hero,.hero.is-still) .hero__stage{position:relative}.is-still .hero__still{opacity:1}.is-still .hero__gl,.is-still .hero__intro{display:none}@media (width<=900px){.hero{height:200vh}.hero__still{object-position:58% 50%}.hero__copy{left:var(--gutter);right:var(--gutter);bottom:16vh}.hero__title{font-size:var(--display-hero-narrow)}.hero__scroll{left:calc(var(--gutter) - 3.5px)}.hero__credit{color:var(--ivory);opacity:1;display:block;bottom:18px}}.structure{z-index:2;background:var(--paper);color:var(--ink);box-shadow:0 -60px 120px var(--shade);--dark:0;position:relative}.structure>.panel-edge{z-index:4}.structure__stage{isolation:isolate;height:100svh;position:relative;overflow:hidden}.structure__field{z-index:0;background:var(--paper);position:absolute;inset:0}.structure__field:after{content:"";background:radial-gradient(120% 90% at 62% 55%, var(--smoke), var(--cellar) 70%);opacity:min(1, calc(var(--dark) * 2.2));-webkit-mask:radial-gradient(circle at 64% 56%, transparent calc((1 - var(--dark)) * 130% - 30%), var(--cellar) calc((1 - var(--dark)) * 130%));-webkit-mask:radial-gradient(circle at 64% 56%, transparent calc((1 - var(--dark)) * 130% - 30%), var(--cellar) calc((1 - var(--dark)) * 130%));mask:radial-gradient(circle at 64% 56%, transparent calc((1 - var(--dark)) * 130% - 30%), var(--cellar) calc((1 - var(--dark)) * 130%));position:absolute;inset:0}.structure__gl{z-index:2;position:absolute;inset:0}.structure__gl canvas{width:100%;height:100%;position:absolute;inset:0}.structure__scan{z-index:3;opacity:0;pointer-events:none;height:1px;position:absolute;top:0;left:38vw;right:6vw}.structure__scan .lx{--lit:.9;--lx-hair:transparent;width:auto;-webkit-mask:linear-gradient(90deg, transparent, var(--cellar) 18%, var(--cellar) 82%, transparent);-webkit-mask:linear-gradient(90deg, transparent, var(--cellar) 18%, var(--cellar) 82%, transparent);mask:linear-gradient(90deg, transparent, var(--cellar) 18%, var(--cellar) 82%, transparent);left:0;right:0}.structure__poster{opacity:0;width:min(56vw,90vh);height:auto;transition:opacity .6s;position:absolute;top:52%;left:50%;transform:translate(-44%,-50%)}.structure__veil{z-index:2;background:linear-gradient(90deg, var(--cellar) 0%, color-mix(in srgb, var(--cellar) 82%, transparent) 34%, transparent 62%);opacity:0;pointer-events:none;position:absolute;inset:0}:is(.structure[data-gl=fallback],.no-js .structure) .structure__veil{display:none}.structure__lit{margin:0;display:none}.structure__lit img{width:100%;height:auto}.structure__lit figcaption{color:var(--pencil);margin-top:12px}.structure__head{z-index:3;left:calc(var(--gutter) + var(--bay));width:calc(var(--bay) * 2.7);gap:3.4vh;display:grid;position:absolute;top:13vh}.structure__label{color:var(--pencil);align-items:center;gap:16px;display:flex}.structure__title{font-size:var(--display-m);line-height:1}.structure__lead{max-width:34ch;color:var(--pencil)}.structure__process{z-index:3;left:calc(var(--gutter) + var(--bay));width:calc(var(--bay) * 2.9);gap:22px;display:grid;position:absolute;bottom:10vh}.structure__rail{align-items:center;gap:18px;display:flex}.structure__count{color:var(--pencil);white-space:nowrap}.structure__count b{color:var(--amber);font-weight:500}.structure__ticks{flex:1;grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.structure__ticks i{background:var(--hair-paper);height:1px;transition:background .6s var(--ease-out), box-shadow .6s var(--ease-out)}.structure__ticks i.is-on{background:var(--led);box-shadow:var(--glow-soft)}.structure__steps{display:grid}.structure__step{opacity:0;transition:opacity .55s var(--ease-out), translate .9s var(--ease-out);grid-area:1/1;align-content:start;gap:14px;display:grid;translate:0 16px}.structure__step.is-done{translate:0 -16px}.structure__step.is-active{opacity:1;transition-delay:.12s;translate:0}.structure__step-title{font-family:var(--serif);font-weight:500;font-size:var(--display-m);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;line-height:1}.structure__step-text{max-width:34ch;font-family:var(--serif);font-size:var(--lead);line-height:1.3}.structure__status{min-height:1.5em;color:var(--pencil);align-items:center;gap:12px;display:flex}.structure__status i{background:var(--amber);width:5px;height:5px;box-shadow:var(--glow-soft);animation:status-pulse 1.8s var(--ease-in-out) infinite;border-radius:50%}@keyframes status-pulse{50%{opacity:.35}}.structure__close{z-index:3;left:calc(var(--gutter) + var(--bay));width:calc(var(--bay) * 2.6);opacity:0;visibility:hidden;justify-items:start;gap:22px;display:grid;position:absolute;bottom:11vh}.structure__close .lead{font-size:var(--display-s);line-height:1.12}.structure__provenance{z-index:3;right:calc(var(--gutter) + var(--bay) * .35);width:calc(var(--bay) * 1.9);font-size:var(--micro);color:var(--pencil);line-height:1.7;position:absolute;bottom:8vh}.structure__provenance summary{cursor:pointer;align-items:center;gap:10px;min-height:32px;list-style:none;display:inline-flex}.structure__provenance summary:before{content:"+";font:300 14px/1 var(--sans)}.structure__provenance[open] summary:before{content:"–"}.structure__provenance p{letter-spacing:.02em;padding-top:10px}.structure.is-lit{color:var(--ivory)}.structure.is-lit :is(.structure__label,.structure__lead,.structure__count,.structure__status,.structure__provenance){color:var(--ivory-2)}.structure.is-lit .structure__ticks i:not(.is-on){background:var(--hair-dark)}.structure :is(.structure__title,.structure__label,.structure__lead,.structure__step-title,.structure__step-text,.structure__count,.structure__status,.structure__provenance,.link-lit,.lead){transition:color 1s}:is(.structure[data-gl=fallback],.no-js .structure) .structure__stage{grid-template-columns:repeat(var(--bays), var(--bay));height:auto;padding:18vh var(--gutter) 16vh;row-gap:6vh;display:grid}:is(.structure[data-gl=fallback],.no-js .structure) :is(.structure__head,.structure__process,.structure__close,.structure__gl,.structure__provenance){opacity:1;visibility:visible;width:auto;height:auto;position:relative;inset:auto;transform:none}:is(.structure[data-gl=fallback],.no-js .structure) .structure__head{grid-area:1/2/auto/8}:is(.structure[data-gl=fallback],.no-js .structure) .structure__gl{aspect-ratio:780/1072;grid-area:2/2/auto/5}:is(.structure[data-gl=fallback],.no-js .structure) .structure__lit{grid-area:2/5/auto/8;align-self:end;display:block}:is(.structure[data-gl=fallback],.no-js .structure) .structure__poster{opacity:1;width:100%;position:absolute;inset:0;transform:none}:is(.structure[data-gl=fallback],.no-js .structure) .structure__process{grid-area:3/2/auto/6}:is(.structure[data-gl=fallback],.no-js .structure) :is(.structure__rail,.structure__status){display:none}:is(.structure[data-gl=fallback],.no-js .structure) .structure__steps{gap:5vh}:is(.structure[data-gl=fallback],.no-js .structure) .structure__step{opacity:1;grid-area:auto;translate:none}:is(.structure[data-gl=fallback],.no-js .structure) .structure__step-title{font-size:var(--display-s)}:is(.structure[data-gl=fallback],.no-js .structure) .structure__close{grid-area:4/2/auto/6}:is(.structure[data-gl=fallback],.no-js .structure) .structure__provenance{grid-area:4/6/auto/8}:is(.structure[data-gl=fallback],.no-js .structure) .structure__scan,:is(.structure[data-gl=fallback],.no-js .structure) canvas{display:none}@media (width<=900px){:is(.structure[data-gl=fallback],.no-js .structure) :is(.structure__head,.structure__gl,.structure__lit,.structure__process,.structure__close,.structure__provenance){grid-area:auto/1/auto/-1}:is(.structure[data-gl=fallback],.no-js .structure) .structure__head{order:1}:is(.structure[data-gl=fallback],.no-js .structure) .structure__process{order:2}:is(.structure[data-gl=fallback],.no-js .structure) .structure__gl{order:3;width:78%}:is(.structure[data-gl=fallback],.no-js .structure) .structure__lit{order:4;justify-self:end;width:86%}:is(.structure[data-gl=fallback],.no-js .structure) .structure__close{order:5}:is(.structure[data-gl=fallback],.no-js .structure) .structure__provenance{order:7}}
