@layer reset,tokens,base;@layer layout{.ground{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ground__hex{z-index:1;width:min(46rem,120vw);height:auto;position:absolute;bottom:-18%;right:-22%;overflow:visible}.ground--flood-left .ground__hex,.ground--left .ground__hex{left:-22%;right:auto}}@layer components{.ground--red,.ground--ink{--ring:var(--white)}.ground--plate,.ground--plate-right{--face:linear-gradient(168deg, var(--red-lit) 0%, var(--red) 34%, var(--red) 62%, var(--red-low) 100%);--groove:#5c081080;--gap:.45rem;--pax:var(--ax,50vw);--pay:var(--ay,0px);--pvx:var(--v-ax,50vw);--pvl:var(--v-l,calc(var(--pvx) * var(--slope)));--pvr:var(--v-r,calc((100vw - var(--pvx)) * var(--slope)))}.ground--plate:before,.ground--plate:after,.ground--plate-right:before,.ground--plate-right:after{content:"";position:absolute;inset:0}.ground--plate:before,.ground--plate:after{clip-path:polygon(0 calc(var(--pay) + var(--pax) * var(--slope)), var(--pax) var(--pay), 100% calc(var(--pay) + (100vw - var(--pax)) * var(--slope)), 100% calc(100% - var(--pvr)), var(--pvx) 100%, 0 calc(100% - var(--pvl)))}.ground--plate:before,.ground--plate-right:before{background:linear-gradient(var(--red-rim), var(--red-rim)) top / 100% 50% no-repeat, linear-gradient(90deg, #99111b 0, #8f0f19 var(--pvx), var(--red-deep) var(--pvx), #4e060d 100%)}.ground--plate:after{--in-l:calc(var(--pax) * .5 + var(--pay) * .866 + var(--gap));--in-r:calc((100vw - var(--pax)) * .5 + var(--pay) * .866 + var(--gap));inset:.1875rem 0 var(--deck-t);background:linear-gradient(150deg, transparent var(--in-l), var(--groove) var(--in-l), var(--groove) calc(var(--in-l) + .0625rem), var(--red-rim) calc(var(--in-l) + .0625rem), var(--red-rim) calc(var(--in-l) + .125rem), transparent calc(var(--in-l) + .125rem)) left top / var(--pax) 100% no-repeat, linear-gradient(210deg, transparent var(--in-r), var(--groove) var(--in-r), var(--groove) calc(var(--in-r) + .0625rem), var(--red-rim) calc(var(--in-r) + .0625rem), var(--red-rim) calc(var(--in-r) + .125rem), transparent calc(var(--in-r) + .125rem)) right top / calc(100% - var(--pax)) 100% no-repeat, var(--face)}.ground--plate-right{--pxl:var(--xl,0px);--ptl:var(--top-l,calc((100vw - var(--pxl)) * var(--slope)))}.ground--plate-right:before{clip-path:polygon(var(--pxl) var(--ptl), calc(var(--pxl) + var(--ptl) / var(--slope)) 0, 100% 0, 100% calc(100% - var(--pvr)), var(--pvx) 100%, var(--pxl) calc(100% - var(--pvl)))}.ground--plate-right:after{--in-l:calc(var(--ptl) * .866 + var(--gap));inset:0 0 var(--deck-t) 0;background:linear-gradient(150deg, transparent var(--in-l), var(--groove) var(--in-l), var(--groove) calc(var(--in-l) + .0625rem), var(--red-rim) calc(var(--in-l) + .0625rem), var(--red-rim) calc(var(--in-l) + .125rem), transparent calc(var(--in-l) + .125rem)) var(--pxl) 0 / 100% 100% no-repeat, var(--face);clip-path:polygon(var(--pxl) calc(var(--ptl) + .2rem), calc(var(--pxl) + var(--ptl) / var(--slope)) .2rem, 100% .2rem, 100% calc(100% - var(--pvr)), var(--pvx) 100%, var(--pxl) calc(100% - var(--pvl)))}.ground--flood,.ground--flood-left{--fx:var(--flood-cut,50vw);--fy:calc(var(--fx) * var(--slope));--groove:#5c081080;--gap:.55rem;--face:linear-gradient(170deg, var(--red-lit) 0%, var(--red) 40%, var(--red-low) 100%)}.ground--flood:before,.ground--flood:after,.ground--flood-left:before,.ground--flood-left:after{content:"";position:absolute;inset:0}.ground--flood:before{background:var(--red-rim);clip-path:polygon(0 var(--fy), var(--fx) 0, 100% 0, 100% 100%, 0 100%)}.ground--flood:after{--in:calc(var(--fx) * .5 + var(--gap));background:linear-gradient(150deg, transparent var(--in), var(--groove) var(--in), var(--groove) calc(var(--in) + .0625rem), var(--red-rim) calc(var(--in) + .0625rem), var(--red-rim) calc(var(--in) + .125rem), transparent calc(var(--in) + .125rem)) left top / calc(var(--fx) + var(--gap)) 100% no-repeat, linear-gradient(180deg, transparent var(--gap), var(--groove) var(--gap), var(--groove) calc(var(--gap) + .0625rem), var(--red-rim) calc(var(--gap) + .0625rem), var(--red-rim) calc(var(--gap) + .125rem), transparent calc(var(--gap) + .125rem)) right top / calc(100% - var(--fx) - var(--gap)) 100% no-repeat, var(--face);clip-path:polygon(0 calc(var(--fy) + .2rem), var(--fx) .2rem, 100% .2rem, 100% 100%, 0 100%)}.ground--flood-left:before{background:var(--red-rim);clip-path:polygon(0 0, calc(100% - var(--fx)) 0, 100% var(--fy), 100% 100%, 0 100%)}.ground--flood-left:after{--in:calc(var(--fx) * .5 + var(--gap));background:linear-gradient(210deg, transparent var(--in), var(--groove) var(--in), var(--groove) calc(var(--in) + .0625rem), var(--red-rim) calc(var(--in) + .0625rem), var(--red-rim) calc(var(--in) + .125rem), transparent calc(var(--in) + .125rem)) right top / calc(var(--fx) + var(--gap)) 100% no-repeat, linear-gradient(180deg, transparent var(--gap), var(--groove) var(--gap), var(--groove) calc(var(--gap) + .0625rem), var(--red-rim) calc(var(--gap) + .0625rem), var(--red-rim) calc(var(--gap) + .125rem), transparent calc(var(--gap) + .125rem)) left top / calc(100% - var(--fx) - var(--gap)) 100% no-repeat, var(--face);clip-path:polygon(0 .2rem, calc(100% - var(--fx)) .2rem, 100% calc(var(--fy) + .2rem), 100% 100%, 0 100%)}.ground--plate .ground__hex{display:none}.ground__hex-groove,.ground__hex-lip{fill:none;stroke-width:.09px;stroke-linejoin:miter}.ground__hex-groove{stroke:#5c081073}.ground__hex-lip{stroke:var(--red-rim)}.ground--lattice{background:var(--grey-1);overflow:hidden}.ground__lattice{width:100%;max-width:none;height:100%;position:absolute;inset:0}.ground--lattice .ground__lattice{mask-image:linear-gradient(105deg,#0000 0% 38%,#000 70%)}.ground--lattice.ground--left .ground__lattice{mask-image:linear-gradient(255deg,#0000 0% 38%,#000 70%)}.ground--white{background:var(--white)}.ground--ink{background:linear-gradient(160deg, #1b1316 0%, var(--ink) 45%, #0d0809 100%)}.ground__gleam{width:min(60rem,90vw);height:calc(min(60rem, 90vw) * var(--slope));clip-path:polygon(0 0,100% 0,0 100%);background:#ffffff0b;position:absolute;inset:0 auto auto 0}.ground--right .ground__gleam{clip-path:polygon(0 0,100% 0,100% 100%);inset:0 0 auto auto}.ground__lines{width:min(70rem,140vw);max-width:none;height:calc(min(70rem,140vw)/2.5);position:absolute;bottom:0;right:0;overflow:visible}.ground__line,.ground__line-lip{fill:none;stroke-width:1px}.ground__line{stroke:#000}.ground__line-lip{stroke:#ffffff24}.ground--step{background:var(--white);overflow:hidden}.ground__stair{--h:clamp(4rem, 12vw, 7rem);height:var(--h);background:linear-gradient(var(--red-rim), var(--red-rim)) top / 100% .1875rem no-repeat, linear-gradient(170deg, var(--red-lit), var(--red) 45%, var(--red-low));clip-path:polygon(0 calc(var(--h) * .35), calc(var(--h) * .35 / var(--slope)) 0, 100% 0, 100% 100%, 0 100%);position:absolute;bottom:0}.ground__stair--1{width:100%;left:0}.ground__stair--2{width:66%;left:34%;bottom:calc(var(--h) - .6rem)}.ground__stair--3{width:33%;left:67%;bottom:calc(2 * var(--h) - 1.2rem)}.ground--step.ground--left .ground__stair{transform:scaleX(-1)}}@layer states,motion;@layer print{@media print{.ground{display:none}}}