/* desktop-hero-erase (Oct 10): desktop hero floor without the plinth strip, the Erase sign, the To ground lever,
   a near-black bedrock footer with a broken edge, and a little light and wiring by the footer logo. */

/* ---------- hero: no strip under the wall on desktop; the slab is the floor, L01's soil starts right under it ---------- */
@media (min-width:820px){
  .hero .plinth{display:none}
  .hero{grid-template-rows:auto auto minmax(0,1fr) auto}

  .ground{height:58px}
}

/* ---------- Erase: a small painted-metal sign on the wall (desktop); same job as Fresh coat ---------- */
.erase{display:none}
@media (min-width:820px){
  .erase{display:inline-flex;align-items:center;gap:9px;position:absolute;z-index:6;pointer-events:auto;cursor:pointer;
    padding:9px 12px;border:0;border-radius:3px;background:linear-gradient(180deg,#2b2e30,#1b1d1f);color:#efece4;
    font:700 12px/1 var(--text);letter-spacing:.22em;text-transform:uppercase;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -2px 0 rgba(0,0,0,.35),0 2px 3px rgba(0,0,0,.35),0 8px 14px -6px rgba(0,0,0,.35)}
  .erase span{padding-left:.22em}
  .erase__fix{width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9a9d9f,#3b3e40)}
  .erase:hover{background:linear-gradient(180deg,#33373a,#202325)}
  .erase:focus-visible{outline:2px solid #B8975A;outline-offset:3px}
  .erase:active{transform:translateY(1px)}
}

/* ---------- footer: near-black bedrock, broken pitch-black edge on top ---------- */
.foot{background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.84)),#050505 url(img/earth/bedrock-tile.webp) 0 0/420px repeat;border-top:0;isolation:isolate}
@media (min-width:820px){html.glass-on .foot{--sr:calc((var(--shaft-w) + var(--shaft-right)) * var(--shaft-reserve));margin-right:calc(-1 * var(--sr));padding-right:var(--sr)}}
.foot{overflow-x:clip}
.foot__scene{background-color:transparent}
.foot__scene--rock{background-image:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.45) 45%,rgba(0,0,0,.75)),url(img/earth/bedrock-1440.webp)}
@media (max-width:820px){.foot__scene--rock{background-image:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.45) 40%,rgba(0,0,0,.75)),url(img/earth/bedrock-800.webp)}}
.foot__ground{height:clamp(30px,3.6vw,52px);margin-top:calc(-1 * clamp(18px,2.2vw,32px));position:relative;z-index:2;border:0;background:url(img/earth/slab-black-desk-v2.webp) center bottom/cover no-repeat}
@media (max-width:819px){.foot__ground{background-image:url(img/earth/slab-black-mob-v2.webp)}}
.foot__band,.foot__base{background:transparent}
.foot__base{border-top-color:rgba(255,255,255,.08);color:#A3A7A9}
.foot__brand{position:relative}
.foot__brand::before{content:"";position:absolute;z-index:-1;left:-40px;top:-60px;width:360px;height:260px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,176,90,.16),rgba(255,150,70,.05) 60%,rgba(0,0,0,0))}
.foot__brand::after{content:"";position:absolute;z-index:-1;left:calc(100% - 175px);top:16px;width:150px;height:120px;pointer-events:none;opacity:.75;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='120' viewBox='0 0 520 120'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M0 30H180Q196 30 196 46V96H520' stroke='%232c2a26' stroke-width='5'/%3E%3Cpath d='M0 30H180Q196 30 196 46V96H520' stroke='%238f7140' stroke-width='1.3'/%3E%3Cpath d='M0 40H170Q184 40 184 54V106H520' stroke='%231d1a15' stroke-width='4'/%3E%3Cpath d='M0 40H170Q184 40 184 54V106H520' stroke='%235c574d' stroke-width='1'/%3E%3C/g%3E%3Crect x='176' y='60' width='28' height='22' rx='2' fill='%231d1a15' stroke='%238f7140' stroke-width='1.2'/%3E%3Ccircle cx='190' cy='71' r='2.2' fill='%23ffb35c'/%3E%3C/svg%3E") -150px 0/520px 120px no-repeat}
@media (max-width:899px){.foot__brand::after{display:none}}

/* ---------- To ground: a breaker lever on a riveted steel plate in the bedrock, right of the footer lift ---------- */
.lever{position:absolute;z-index:4;right:calc(var(--gut) + 14px);bottom:28px;padding:0;border:0;background:none;cursor:pointer;color:inherit}
.lever__plate{position:relative;display:block;width:64px;height:118px;border-radius:3px;
  background:linear-gradient(180deg,#2a2c2e,#17191a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 -3px 0 rgba(0,0,0,.4),0 6px 14px rgba(0,0,0,.6)}
.lever__rv{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8d9092,#2e3133)}
.lever__rv:nth-child(1){left:5px;top:5px}.lever__rv:nth-child(2){right:5px;top:5px}.lever__rv:nth-child(3){left:5px;bottom:5px}.lever__rv:nth-child(4){right:5px;bottom:5px}
.lever__slot{position:absolute;left:50%;top:14px;width:8px;height:62px;margin-left:-4px;border-radius:4px;background:#050505;box-shadow:inset 0 1px 2px rgba(0,0,0,.9)}
.lever__arm{position:absolute;left:50%;bottom:6px;width:6px;height:40px;margin-left:-3px;border-radius:3px;transform-origin:50% 100%;transform:rotate(0deg);
  background:linear-gradient(90deg,#6f6a60,#c9c2b2 45%,#6f6a60);transition:transform .32s cubic-bezier(.5,0,.2,1.4)}
.lever__knob{position:absolute;left:50%;top:-9px;width:18px;height:12px;margin-left:-9px;border-radius:6px;background:linear-gradient(180deg,#d6b77a,#8f7140);box-shadow:0 2px 3px rgba(0,0,0,.6)}
.lever.is-thrown .lever__arm{transform:translateY(-22px) rotate(0deg)}
.lever__lab{position:absolute;left:0;right:0;bottom:12px;text-align:center;font:700 9px/1.15 var(--text);letter-spacing:.14em;text-transform:uppercase;color:#d9d4c8}
.lever:focus-visible{outline:2px solid #B8975A;outline-offset:4px;border-radius:4px}
.lever:hover .lever__knob{filter:brightness(1.12)}
@media (max-width:820px){.lever{position:relative;right:auto;bottom:auto;flex:none;align-self:flex-end;margin-bottom:10px}}
@media (prefers-reduced-motion:reduce){.lever__arm{transition:none}}

/* ---------- rendered concrete (Blender Cycles, descend-renders/slab_render.py) replaces the CSS-built slab ---------- */
.ground{height:clamp(52px,4.6vw,70px)}
.ground__slab{clip-path:none!important;filter:none!important;background:url(img/earth/slab-pale-desk-v2.webp) center top/cover no-repeat!important}
.ground__slab::before,.ground__slab::after{display:none}
.ground__dirt{bottom:-4px;opacity:.7}
@media (max-width:819px){.ground{height:56px}.ground__slab{background-image:url(img/earth/slab-pale-mob-v2.webp)!important}}

/* the lift lever sits in the footer scene; the hatched floor line above the footer becomes a black broken concrete edge */
.foot__scene--rock{position:relative}
main > .slab.cslab:last-child{height:clamp(26px,3vw,44px);border:0;background:#000 url(img/earth/slab-black-desk-v2.webp) center top/cover no-repeat;position:relative;z-index:2;margin-bottom:calc(-1 * clamp(14px,1.6vw,24px))}
@media (max-width:819px){main > .slab.cslab:last-child{background-image:url(img/earth/slab-black-mob-v2.webp)}.lever{margin-left:14px}}

/* ---------- v2 renders (Oct 10, 5 PM): full cross-sections at 2x, shown at their own aspect ---------- */
.ground{height:auto!important;aspect-ratio:2880/198;margin:0!important}
.ground__slab{background:url(img/earth/slab-pale-desk-v2.webp) center/100% 100% no-repeat!important}
.ground__dirt{display:none}
main > .slab.cslab:last-child{height:auto;aspect-ratio:2880/194;margin:0;background:url(img/earth/slab-black-desk-v2.webp) center/100% 100% no-repeat}
.foot__ground{height:auto;aspect-ratio:2880/194;margin:0;background:url(img/earth/slab-black-desk-v2.webp) center/100% 100% no-repeat}
@media (max-width:819px){
  .ground{aspect-ratio:1000/99}
  .ground__slab{background-image:url(img/earth/slab-pale-mob-v2.webp)!important}
  main > .slab.cslab:last-child,.foot__ground{aspect-ratio:1000/100;background-image:url(img/earth/slab-black-mob-v2.webp)}
}
.hero{grid-template-columns:minmax(0,1fr)}
.ground{min-width:0;width:100%}

/* Bedrock: fractured mineral and compacted earth, falling into black at the footer. */
#foot{
  background:linear-gradient(180deg,rgba(0,0,0,.975),rgba(0,0,0,.985)),
    #000 url(img/earth/bedrock-natural-v1.webp) center top/1536px auto repeat;
}
#foot .foot__scene--rock{
  background:linear-gradient(180deg,rgba(0,0,0,.79),rgba(0,0,0,.76) 45%,rgba(0,0,0,.94)),
    #050505 url(img/earth/bedrock-natural-v1.webp) center 42%/cover no-repeat;
}
#foot .foot__brand::before{display:none}
html.glass-on main > .slab.cslab:last-child,
#foot .foot__ground{
  height:clamp(48px,4.6vw,74px);aspect-ratio:auto;border:0;margin:0;
  background: url(img/earth/bedrock-concrete-v2.webp) center 92%/100% auto no-repeat;
  filter:brightness(.65);box-shadow:inset 0 1px rgba(210,212,209,.14);
}
html.glass-on main > .slab.cslab:last-child::before,
html.glass-on main > .slab.cslab:last-child::after{display:none}
#foot .foot__ground{filter:brightness(.5)}
@media(max-width:819px){
  #foot{background-image:linear-gradient(180deg,rgba(0,0,0,.975),rgba(0,0,0,.985)),url(img/earth/bedrock-natural-mobile-v1.webp);background-size:auto,800px auto}
  #foot .foot__scene--rock{background-image:linear-gradient(180deg,rgba(0,0,0,.79),rgba(0,0,0,.76) 45%,rgba(0,0,0,.94)),url(img/earth/bedrock-natural-mobile-v1.webp)}
  html.glass-on main > .slab.cslab:last-child,#foot .foot__ground{background-size:900px auto;background-position:center 92%}
}