/* Three pull-chain lamps: one physical hero, three persistent colour systems. */
.hero-minimal-stage.trilamp-ready{position:relative!important;display:block!important;isolation:isolate;overflow:hidden!important;background:#020202!important}
.hero-minimal-stage.trilamp-ready>.hero-lamp[hidden],.hero-minimal-stage.trilamp-ready>.hero-lamp-switch[hidden]{display:none!important}
.hero-trilamp{position:absolute;z-index:auto;inset:0 3.5% auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:82%;pointer-events:none}
.hero-pendant{--lamp:#e9e7df;--glow:rgba(245,241,222,.52);position:relative;display:block;min-width:0;height:100%;padding:0;border:0;color:#f4f2eb;background:transparent;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hero-pendant--chromatic{--lamp:#ff641e;--glow:rgba(255,91,26,.62)}
.hero-pendant--mono-dark{--lamp:#f5f3ec;--glow:rgba(255,255,255,.5)}
.hero-pendant--mono-light{--lamp:#151515;--glow:rgba(255,255,255,.62)}
.hero-pendant__fixture{position:absolute;z-index:3;inset:0;pointer-events:none}
.hero-pendant__cable{position:absolute;left:50%;top:0;width:2px;height:20%;background:linear-gradient(90deg,#151515,#8b8b87 48%,#1c1c1c);transform:translateX(-50%);box-shadow:1px 0 rgba(255,255,255,.13)}
.hero-pendant__cap{position:absolute;left:50%;top:18.5%;width:18px;height:14px;border-radius:4px 4px 1px 1px;background:linear-gradient(90deg,#171717,#aaa 48%,#202020);transform:translateX(-50%)}
.hero-pendant__shade{position:absolute;left:50%;top:20%;width:clamp(108px,12vw,205px);aspect-ratio:1.75/1;border:1px solid rgba(255,255,255,.22);border-radius:50% 50% 5% 5%/94% 94% 8% 8%;background:radial-gradient(circle at 50% 100%,rgba(255,255,255,.42),transparent 32%),radial-gradient(circle at 34% 25%,rgba(255,255,255,.3),transparent 18%),repeating-radial-gradient(circle at 45% 50%,rgba(0,0,0,.72) 0 1px,transparent 1.2px 4px),linear-gradient(112deg,#171717,var(--lamp) 54%,#111);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);transform:translateX(-50%);filter:grayscale(1) brightness(.67);box-shadow:inset 0 -7px 13px rgba(0,0,0,.8),0 7px 18px rgba(0,0,0,.66);transition:filter .38s ease,box-shadow .38s ease}
.hero-pendant__bulb{position:absolute;left:50%;top:calc(20% + clamp(61px,6.85vw,117px));width:clamp(31px,3.3vw,56px);height:10px;border-radius:0 0 50% 50%;background:#111;transform:translateX(-50%);opacity:.75;transition:background .35s,box-shadow .35s}
.hero-pendant__beam{position:absolute;z-index:-1;left:50%;top:31%;width:70%;height:64%;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);transform:translateX(-50%);background:linear-gradient(180deg,var(--glow),transparent 78%);filter:blur(18px);opacity:0;transition:opacity .42s ease}
.hero-pendant__pull{position:absolute;z-index:8;left:calc(50% + clamp(66px,7vw,116px));top:26%;width:28px;height:42%;transform:translateX(-50%);transition:transform .18s ease}
.hero-pendant__pull::before{content:"";position:absolute;left:13px;top:0;width:2px;height:calc(100% - 23px);background:repeating-linear-gradient(to bottom,#e9e6dc 0 3px,transparent 3px 7px);opacity:.85}
.hero-pendant__pull i{position:absolute;left:9px;bottom:18px;width:10px;height:10px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 0 3px rgba(0,0,0,.5)}
.hero-pendant__pull b{position:absolute;left:5px;bottom:0;width:18px;height:24px;border:1px solid currentColor;border-radius:50% 50% 45% 45%;background:#080808;box-shadow:inset 2px 2px rgba(255,255,255,.11),0 5px 9px rgba(0,0,0,.65)}
.hero-pendant__label{position:absolute;z-index:8;left:50%;top:74%;padding:7px 10px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:rgba(255,255,255,.72);background:rgba(0,0,0,.72);font:600 clamp(8px,.65vw,11px)/1 "IBM Plex Sans Condensed",sans-serif;letter-spacing:.15em;white-space:nowrap;transform:translateX(-50%);opacity:.68;transition:opacity .3s,color .3s,border-color .3s}
.hero-pendant.is-lit .hero-pendant__shade{filter:none;box-shadow:inset 0 -9px 18px rgba(0,0,0,.48),0 0 12px var(--glow),0 13px 28px rgba(0,0,0,.55)}
.hero-pendant.is-lit .hero-pendant__bulb{background:#fff7d8;box-shadow:0 0 12px 5px var(--glow)}
.hero-pendant.is-lit .hero-pendant__beam{opacity:.76}
.hero-pendant.is-lit .hero-pendant__label{color:#fff;border-color:var(--lamp);opacity:1}
.hero-pendant:focus-visible{outline:2px solid #fff;outline-offset:-8px}
.hero-pendant.is-pulling .hero-pendant__pull{animation:pullChain .62s cubic-bezier(.2,.8,.2,1)}
@keyframes pullChain{0%,100%{transform:translateX(-50%)}35%{transform:translate(-50%,24px)}68%{transform:translate(-50%,-4px)}}

.hero-minimal-stage.trilamp-ready .hero-logo-lockup{position:absolute!important;z-index:7!important;left:50%!important;right:auto!important;top:47%!important;bottom:auto!important;width:min(52vw,850px)!important;aspect-ratio:2.55/1!important;min-height:0!important;padding:clamp(15px,2vw,30px)!important;transform:translate(-50%,-50%) perspective(1200px) rotateX(-2deg)!important;background:linear-gradient(155deg,#171717,#030303 60%,#101010)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 3px 0 #282828,0 11px 0 #020202,0 26px 56px rgba(0,0,0,.88)!important;overflow:visible!important}
.hero-minimal-stage.trilamp-ready .hero-logo-lockup img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.hero-minimal-stage.trilamp-ready .hero-logo-lockup::before{inset:13% 7% 19%!important}
.hero-minimal-stage.trilamp-ready .hero-logo-lockup::after{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;left:7%!important;right:7%!important;bottom:-23px!important;height:30px!important;border-radius:50%!important;background:rgba(0,0,0,.9)!important;filter:blur(14px)!important}
.hero-minimal-stage.trilamp-ready[data-hero-theme="chromatic"]{background:radial-gradient(ellipse at 50% 52%,rgba(222,0,104,.15),transparent 38%),#020202!important}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"]{background:#f1efe8!important}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-pendant{color:#111}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-pendant__label{color:#111;background:rgba(245,243,236,.84);border-color:rgba(0,0,0,.4)}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-logo-lockup{background:linear-gradient(155deg,#f5f3ed,#c9c7c0)!important;border-color:#111!important;box-shadow:0 3px 0 #aaa,0 10px 0 #222,0 25px 50px rgba(0,0,0,.3)!important}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-logo-lockup::before{filter:brightness(0)!important}

@media(max-width:700px){
  .hero-trilamp{inset:0 1%;height:58%}
  .hero-pendant__cable{height:17%}
  .hero-pendant__cap{top:15.5%;width:10px;height:9px}
  .hero-pendant__shade{top:17%;width:clamp(66px,25vw,106px)}
  .hero-pendant__bulb{top:calc(17% + clamp(37px,14.2vw,60px));width:24px;height:7px}
  .hero-pendant__beam{top:27%;width:94%;height:72%;filter:blur(12px)}
  .hero-pendant__pull{left:calc(50% + 29px);top:24%;height:37%;transform:translateX(-50%) scale(.8);transform-origin:top center}
  .hero-pendant__label{top:76%;max-width:31vw;padding:5px 6px;font-size:7px;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis}
  .hero-minimal-stage.trilamp-ready .hero-logo-lockup{top:51%!important;width:min(82vw,460px)!important;padding:10px!important}
  .hero-minimal-stage.trilamp-ready .hero-logo-lockup::after{bottom:-13px!important;height:18px!important}
}
@media(prefers-reduced-motion:reduce){.hero-pendant.is-pulling .hero-pendant__pull{animation:none}.hero-pendant__shade,.hero-pendant__beam,.hero-pendant__bulb{transition:none}}

/* Final art direction: flat black/orange/white shades and one master pull below the sign. */
.hero-pendant{pointer-events:none;cursor:default}
.hero-pendant--mono-dark{--lamp:#111;--glow:rgba(255,255,255,.28)}
.hero-pendant--chromatic{--lamp:#f15a17;--glow:rgba(255,95,22,.64)}
.hero-pendant--mono-light{--lamp:#eeeae1;--glow:rgba(255,255,255,.58)}
.hero-pendant__shade{background:linear-gradient(110deg,color-mix(in srgb,var(--lamp),#fff 14%),var(--lamp) 48%,color-mix(in srgb,var(--lamp),#000 28%));filter:none;box-shadow:inset 0 -9px 14px rgba(0,0,0,.42),0 8px 18px rgba(0,0,0,.62)}
.hero-pendant--mono-dark .hero-pendant__shade{border-color:#4a4a4a}
.hero-pendant--mono-light .hero-pendant__shade{border-color:#fff}
.hero-pendant__pull,.hero-pendant__label{display:none!important}
.hero-pendant.is-lit .hero-pendant__shade{box-shadow:inset 0 -8px 16px rgba(0,0,0,.34),0 0 13px var(--glow),0 13px 28px rgba(0,0,0,.55)}
.hero-master-pull{position:absolute;z-index:12;left:50%;top:64%;width:58px;height:25%;padding:0;border:0;color:#f4f2eb;background:transparent;transform:translateX(-50%);cursor:pointer}
.hero-master-pull__chain{position:absolute;left:28px;top:0;width:2px;height:calc(100% - 31px);background:repeating-linear-gradient(to bottom,currentColor 0 3px,transparent 3px 7px);opacity:.92}
.hero-master-pull__chain::before{content:"";position:absolute;left:-4px;top:-3px;width:10px;height:10px;border:1px solid currentColor;border-radius:50%;background:#070707}
.hero-master-pull__handle{position:absolute;left:17px;bottom:0;width:24px;height:34px;border:1px solid currentColor;border-radius:50% 50% 45% 45%;background:linear-gradient(115deg,#2b2b2b,#060606);box-shadow:inset 3px 3px rgba(255,255,255,.12),0 7px 13px rgba(0,0,0,.7)}
.hero-master-pull:hover .hero-master-pull__handle,.hero-master-pull:focus-visible .hero-master-pull__handle{border-color:#f15a17;box-shadow:0 0 0 5px rgba(241,90,23,.13),0 0 18px rgba(241,90,23,.42)}
.hero-master-pull:focus-visible{outline:2px solid #fff;outline-offset:5px}
.hero-master-pull.is-pulling{animation:masterPull .62s cubic-bezier(.2,.8,.2,1)}
@keyframes masterPull{0%,100%{transform:translateX(-50%)}36%{transform:translate(-50%,26px)}70%{transform:translate(-50%,-4px)}}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-master-pull{color:#111}
@media(max-width:700px){.hero-master-pull{top:64%;height:20%;transform:translateX(-50%) scale(.78);transform-origin:top center}}
@media(prefers-reduced-motion:reduce){.hero-master-pull.is-pulling{animation:none}}

/* Final paint order: flat transparent mark, above every beam and without a box. */
.hero-minimal-stage.trilamp-ready .hero-logo-lockup{
  z-index:20!important;
  display:block!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.hero-minimal-stage.trilamp-ready .hero-logo-lockup::before,
.hero-minimal-stage.trilamp-ready .hero-logo-lockup::after{content:none!important;display:none!important}
.hero-minimal-stage.trilamp-ready .hero-logo-lockup img,
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-dark"] .hero-logo-lockup img,
.hero-minimal-stage.trilamp-ready[data-hero-theme="chromatic"] .hero-logo-lockup img{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-logo-lockup img,
html[data-site-theme="mono-light"] .hero-minimal-stage.trilamp-ready .hero-logo-lockup img{
  opacity:1!important;
  visibility:visible!important;
  filter:brightness(0)!important;
  mix-blend-mode:normal!important;
}

/* Compact transparent halftone lockup replaces the former framed script mark. */
.hero-minimal-stage.trilamp-ready .hero-logo-lockup{
  width:min(60vw,960px)!important;
  aspect-ratio:2.84/1!important;
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  min-height:0!important;
  overflow:visible!important;
  isolation:isolate!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:700px){
  .hero-minimal-stage.trilamp-ready .hero-logo-lockup{
    width:min(89vw,520px)!important;
    aspect-ratio:2.84/1!important;
  }
}

/* Always render the transparent wordmark as the flat foreground artwork. */
.hero-minimal-stage.trilamp-ready .hero-logo-lockup img,
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-dark"] .hero-logo-lockup img,
.hero-minimal-stage.trilamp-ready[data-hero-theme="chromatic"] .hero-logo-lockup img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  animation:none!important;
}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-logo-lockup img,
html[data-site-theme="mono-light"] .hero-minimal-stage.trilamp-ready .hero-logo-lockup img{
  opacity:1!important;
  visibility:visible!important;
  filter:brightness(0)!important;
  mix-blend-mode:normal!important;
}

/* Gloss-metal dome shades, modelled after the original orange floor lamp. */
.hero-pendant__shade{
  aspect-ratio:1.75/1;
  border:1px solid color-mix(in srgb,var(--lamp),#fff 38%);
  border-radius:50% 50% 4% 4% / 96% 96% 7% 7%;
  clip-path:none;
  background:
    radial-gradient(ellipse at 31% 18%,rgba(255,255,255,.94) 0 2.2%,rgba(255,255,255,.48) 2.6% 6%,transparent 11%),
    radial-gradient(ellipse at 45% 23%,rgba(255,255,255,.36),transparent 23%),
    linear-gradient(105deg,color-mix(in srgb,var(--lamp),#000 32%) 0%,color-mix(in srgb,var(--lamp),#fff 20%) 28%,var(--lamp) 51%,color-mix(in srgb,var(--lamp),#000 24%) 84%,color-mix(in srgb,var(--lamp),#fff 8%) 100%);
  box-shadow:inset 0 -12px 16px rgba(0,0,0,.48),inset 7px 5px 11px rgba(255,255,255,.2),0 9px 20px rgba(0,0,0,.68);
}
.hero-pendant__shade::before{content:"";position:absolute;inset:5% 10% 48% 14%;border-radius:50%;background:linear-gradient(105deg,rgba(255,255,255,.46),transparent 62%);filter:blur(3px);opacity:.9}
.hero-pendant__shade::after{content:"";position:absolute;left:3%;right:3%;bottom:-3px;height:7px;border-radius:50%;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(255,255,255,.28) 48%,rgba(0,0,0,.88));box-shadow:0 3px 5px rgba(0,0,0,.55)}
.hero-pendant--mono-dark .hero-pendant__shade{background:radial-gradient(ellipse at 31% 18%,rgba(255,255,255,.65) 0 2%,rgba(255,255,255,.2) 3% 7%,transparent 12%),radial-gradient(ellipse at 42% 22%,rgba(255,255,255,.18),transparent 25%),linear-gradient(105deg,#020202,#343434 31%,#0a0a0a 59%,#000 86%,#292929)}
.hero-pendant--chromatic .hero-pendant__shade{background:radial-gradient(ellipse at 31% 18%,#fff 0 2%,rgba(255,255,255,.72) 3% 6%,transparent 11%),radial-gradient(ellipse at 43% 24%,rgba(255,235,214,.58),transparent 24%),linear-gradient(105deg,#9e2700,#ff812f 28%,#ff5900 52%,#c53600 84%,#ff7524)}
.hero-pendant--mono-light .hero-pendant__shade{background:radial-gradient(ellipse at 31% 18%,#fff 0 3%,rgba(255,255,255,.82) 3% 8%,transparent 13%),radial-gradient(ellipse at 43% 24%,#fff,transparent 27%),linear-gradient(105deg,#aaa79f,#fff 31%,#e9e6dd 56%,#a8a69f 86%,#fff)}
.hero-pendant__beam{top:23.5%;width:88%;height:76%;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);background:linear-gradient(180deg,var(--glow) 0,color-mix(in srgb,var(--glow),transparent 35%) 38%,transparent 92%);filter:blur(14px);mix-blend-mode:screen}
.hero-pendant.is-lit .hero-pendant__beam{opacity:.92;animation:spotIgnition .7s cubic-bezier(.16,1,.3,1) both}
.hero-pendant.is-lit .hero-pendant__shade{box-shadow:inset 0 -10px 18px rgba(0,0,0,.32),inset 8px 5px 12px rgba(255,255,255,.28),0 0 17px var(--glow),0 12px 30px rgba(0,0,0,.58)}
@keyframes spotIgnition{from{opacity:0;transform:translateX(-50%) scaleY(.55);transform-origin:top}to{opacity:.92;transform:translateX(-50%) scaleY(1)}}
@media(max-width:700px){.hero-trilamp{height:78%}.hero-pendant__beam{top:20%;width:112%;height:80%;filter:blur(9px)}}
@media(prefers-reduced-motion:reduce){.hero-pendant.is-lit .hero-pendant__beam{animation:none}}

/* White/black mode: the illuminated SVG has a white cavity, so force the overlaid mark black. */
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-logo-lockup::before,
html[data-site-theme="mono-light"] .hero-minimal-stage.trilamp-ready .hero-logo-lockup::before{
  opacity:1!important;
  visibility:visible!important;
  background-image:url("assets/logo-handwritten-pop-halftone-v1.png?v=20260824-3")!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  mix-blend-mode:difference!important;
  filter:contrast(1.28) drop-shadow(0 2px 1px rgba(0,0,0,.18))!important;
  transform:translate3d(-1px,-2px,28px) scale(1.014)!important;
}

/* The logo sits directly in the spotlight; no light-box casing behind it. */
.hero-minimal-stage.trilamp-ready .hero-logo-lockup,
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-logo-lockup,
html[data-site-theme="mono-light"] .hero-minimal-stage.trilamp-ready .hero-logo-lockup{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:translate(-50%,-50%)!important;
}
.hero-minimal-stage.trilamp-ready .hero-logo-lockup::before,
.hero-minimal-stage.trilamp-ready .hero-logo-lockup::after{
  content:none!important;
  display:none!important;
}
.hero-minimal-stage.trilamp-ready .hero-logo-lockup img{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  mix-blend-mode:screen!important;
}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-logo-lockup img,
html[data-site-theme="mono-light"] .hero-minimal-stage.trilamp-ready .hero-logo-lockup img{
  filter:invert(1) contrast(1.18)!important;
  mix-blend-mode:multiply!important;
}

/* Antique weighted pull: aged brass beads, ceramic drop and a damped swing. */
.hero-master-pull{
  --pull-scale:1;
  width:68px;
  color:#c8a66a!important;
  perspective:500px;
  transform:translateX(-50%) scale(var(--pull-scale));
  transform-origin:50% 0;
}
.hero-master-pull__chain{
  left:31px;
  width:7px;
  height:calc(100% - 38px);
  background:
    radial-gradient(circle at 44% 38%,#fff4c4 0 8%,transparent 10%),
    radial-gradient(circle,#d9bd7d 0 35%,#73552b 38% 55%,transparent 59%) center top/7px 10px repeat-y;
  filter:drop-shadow(1px 2px 1px rgba(0,0,0,.75));
  opacity:1;
}
.hero-master-pull__chain::before{
  left:-3px;
  top:-5px;
  width:11px;
  height:11px;
  border:1px solid #e1c78e;
  background:radial-gradient(circle at 35% 28%,#f7e4af,#8a6737 54%,#332313 100%);
  box-shadow:inset -2px -2px 3px rgba(0,0,0,.45),0 2px 4px rgba(0,0,0,.65);
}
.hero-master-pull__handle{
  left:17px;
  width:34px;
  height:43px;
  border:1px solid #d6b878;
  border-radius:52% 52% 58% 58% / 34% 34% 72% 72%;
  background:
    radial-gradient(circle at 34% 25%,rgba(255,250,213,.78) 0 5%,transparent 8%),
    radial-gradient(ellipse at 50% 22%,#b99352 0 18%,#745229 48%,#2b1c10 100%);
  box-shadow:inset 4px 2px 5px rgba(255,239,185,.24),inset -5px -6px 8px rgba(25,13,5,.58),0 8px 13px rgba(0,0,0,.7);
}
.hero-master-pull__handle::after{
  content:"";
  position:absolute;
  inset:7px 8px 10px;
  border:1px solid rgba(42,27,13,.72);
  border-radius:50%;
  background:radial-gradient(circle at 40% 33%,#d6bb7d,#50371e 70%);
  box-shadow:0 0 0 1px rgba(239,211,149,.18);
}
.hero-master-pull__label{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:calc(100% + 11px);
  width:max-content;
  min-width:48px;
  padding:7px 2px 6px;
  border:0;
  border-radius:0;
  color:#f4f2eb;
  background:transparent;
  font:600 11px/1 PlexCond,sans-serif;
  letter-spacing:.12em;
  text-align:center;
  text-transform:uppercase;
  pointer-events:none;
  text-shadow:0 1px 7px rgba(0,0,0,.85);
  box-shadow:none;
  transform:translateX(-50%);
}
.hero-master-pull:hover .hero-master-pull__handle,
.hero-master-pull:focus-visible .hero-master-pull__handle{
  border-color:#f0d59a;
  box-shadow:inset 4px 2px 5px rgba(255,239,185,.3),inset -5px -6px 8px rgba(25,13,5,.58),0 0 0 4px rgba(202,161,91,.12),0 9px 18px rgba(0,0,0,.78);
}
.hero-master-pull.is-pulling{animation:antiquePull 1.05s cubic-bezier(.18,.8,.22,1)}
@keyframes antiquePull{
  0%{transform:translateX(-50%) scale(var(--pull-scale)) rotate(0)}
  24%{transform:translate(-50%,30px) scale(var(--pull-scale)) rotate(-2deg)}
  43%{transform:translate(-50%,5px) scale(var(--pull-scale)) rotate(7deg)}
  61%{transform:translate(-50%,1px) scale(var(--pull-scale)) rotate(-4deg)}
  78%{transform:translateX(-50%) scale(var(--pull-scale)) rotate(2deg)}
  100%{transform:translateX(-50%) scale(var(--pull-scale)) rotate(0)}
}
@media(max-width:700px){.hero-master-pull{--pull-scale:.78;transform:translateX(-50%) scale(var(--pull-scale))}}
@media(prefers-reduced-motion:reduce){.hero-master-pull.is-pulling{animation:none}}

/* Final paint order: flat transparent logo, no casing, no blend disappearance. */
.hero-minimal-stage.trilamp-ready .hero-logo-lockup{z-index:20!important;display:block!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.hero-minimal-stage.trilamp-ready .hero-logo-lockup::before,.hero-minimal-stage.trilamp-ready .hero-logo-lockup::after{content:none!important;display:none!important}
.hero-minimal-stage.trilamp-ready .hero-logo-lockup img,.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-dark"] .hero-logo-lockup img,.hero-minimal-stage.trilamp-ready[data-hero-theme="chromatic"] .hero-logo-lockup img{opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-logo-lockup img,html[data-site-theme="mono-light"] .hero-minimal-stage.trilamp-ready .hero-logo-lockup img{opacity:1!important;visibility:visible!important;filter:brightness(0)!important;mix-blend-mode:normal!important}
.hero-minimal-stage.trilamp-ready .hero-logo-lockup img{content:normal!important}

/* Inline floor switch at the hero seam. The cable enters from the left and
   exits on the right; the existing theme-cycle button remains fully usable. */
.hero-minimal-stage.trilamp-ready{
  overflow:visible!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
}
.hero-master-pull{
  --switch-size:72px;
  --pull-scale:1;
  top:auto!important;
  bottom:0!important;
  left:50%!important;
  width:var(--switch-size)!important;
  height:var(--switch-size)!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  color:#dedbd2!important;
  background:transparent!important;
  transform:translate(-50%,50%) scale(var(--pull-scale))!important;
  transform-origin:center!important;
  filter:drop-shadow(0 9px 12px rgba(0,0,0,.68));
  z-index:60!important;
}
.hero-master-pull::before,
.hero-master-pull::after{
  content:"";
  position:absolute;
  z-index:-2;
  top:50%;
  width:calc(50vw - (var(--switch-size) / 2) + 3px);
  height:7px;
  border-top:1px solid rgba(255,255,255,.26);
  border-bottom:1px solid rgba(0,0,0,.92);
  background:linear-gradient(180deg,#565653 0,#171716 43%,#050505 72%,#363633 100%);
  box-shadow:0 2px 5px rgba(0,0,0,.8),inset 0 1px rgba(255,255,255,.13);
  transform:translateY(-50%);
}
.hero-master-pull::before{right:calc(100% - 4px);border-radius:99px 0 0 99px}
.hero-master-pull::after{left:calc(100% - 4px);border-radius:0 99px 99px 0}
.hero-master-pull__chain{display:none!important}
.hero-master-pull__handle{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border:1px solid #050505!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 38% 29%,rgba(255,255,255,.2) 0 3%,transparent 13%),
    radial-gradient(circle at 50% 52%,#2a2a29 0 33%,#0c0c0c 35% 39%,#393837 41% 43%,#111 45% 61%,#2c2b2a 63% 65%,#050505 68% 100%)!important;
  box-shadow:
    inset 5px 7px 10px rgba(255,255,255,.08),
    inset -8px -10px 13px rgba(0,0,0,.82),
    0 0 0 2px #292827,
    0 0 0 4px #080808,
    0 7px 14px rgba(0,0,0,.72)!important;
  transition:transform .16s ease,filter .2s ease,box-shadow .2s ease!important;
}
.hero-master-pull__handle::before{
  content:"";
  position:absolute;
  inset:18%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:radial-gradient(circle at 38% 28%,#40403e,#171716 48%,#050505 100%);
  box-shadow:inset 3px 3px 5px rgba(255,255,255,.09),inset -5px -6px 7px rgba(0,0,0,.8),0 3px 5px rgba(0,0,0,.8);
}
.hero-master-pull__handle::after{
  content:""!important;
  position:absolute!important;
  inset:28%!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 38% 28%,#3b3b39,#121211 64%,#030303)!important;
  box-shadow:inset 2px 2px 3px rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.8)!important;
}
.hero-master-pull:hover .hero-master-pull__handle,
.hero-master-pull:focus-visible .hero-master-pull__handle{
  filter:brightness(1.2);
  box-shadow:inset 5px 7px 10px rgba(255,255,255,.1),inset -8px -10px 13px rgba(0,0,0,.82),0 0 0 2px #5b5955,0 0 0 5px #080808,0 0 0 8px rgba(255,255,255,.18),0 9px 18px rgba(0,0,0,.78)!important;
}
.hero-master-pull:focus-visible{outline:2px solid currentColor!important;outline-offset:9px!important}
.hero-master-pull.is-pulling{animation:inlineFootSwitch .58s cubic-bezier(.2,.8,.2,1)!important}
@keyframes inlineFootSwitch{
  0%,100%{transform:translate(-50%,50%) scale(var(--pull-scale))}
  38%{transform:translate(-50%,54%) scale(calc(var(--pull-scale) * .93))}
  68%{transform:translate(-50%,49%) scale(calc(var(--pull-scale) * 1.015))}
}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-master-pull{color:#111!important;filter:drop-shadow(0 8px 9px rgba(0,0,0,.3))}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-master-pull__label,
html[data-site-theme="mono-light"] .hero-minimal-stage.trilamp-ready .hero-master-pull__label{color:#111!important;background:transparent!important;border:0!important;text-shadow:0 1px 7px rgba(255,255,255,.9)}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-master-pull::before,
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-master-pull::after{border-top-color:rgba(255,255,255,.72)}
@media(max-width:700px){
  .hero-master-pull{--switch-size:54px;--pull-scale:1;transform:translate(-50%,50%)!important}
  .hero-master-pull::before,.hero-master-pull::after{height:5px;width:calc(50vw - (var(--switch-size) / 2) + 3px)}
}
@media(prefers-reduced-motion:reduce){
  .hero-master-pull.is-pulling{animation:none!important}
  .hero-master-pull__handle{transition:none!important}
}

/* Make the floor switch read as an intentional theme control. */
.hero-master-pull__label{
  bottom:calc(100% + 17px)!important;
  display:grid!important;
  gap:3px!important;
  min-width:154px!important;
  padding:10px 14px 9px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:2px!important;
  color:#fff!important;
  background:rgba(5,5,5,.86)!important;
  box-shadow:0 7px 24px rgba(0,0,0,.35)!important;
  text-shadow:none!important;
  backdrop-filter:blur(7px);
}
.hero-master-pull__label::after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  width:8px;
  height:8px;
  border-right:1px solid rgba(255,255,255,.72);
  border-bottom:1px solid rgba(255,255,255,.72);
  background:rgba(5,5,5,.86);
  transform:translate(-50%,-4px) rotate(45deg);
}
.hero-master-pull__label strong{font:700 12px/1 PlexCond,sans-serif;letter-spacing:.16em}
.hero-master-pull__label small{font:500 9px/1.2 PlexMono,monospace;letter-spacing:.08em;opacity:.72}
.hero-master-pull:hover .hero-master-pull__label,
.hero-master-pull:focus-visible .hero-master-pull__label{background:#fff!important;color:#090909!important}
.hero-minimal-stage.trilamp-ready[data-hero-theme="mono-light"] .hero-master-pull__label,
html[data-site-theme="mono-light"] .hero-minimal-stage.trilamp-ready .hero-master-pull__label{
  color:#fff!important;
  background:rgba(5,5,5,.86)!important;
  border-color:#111!important;
  text-shadow:none!important;
}
@media(max-width:700px){
  .hero-master-pull__label{bottom:calc(100% + 14px)!important;min-width:144px!important;padding:9px 12px 8px!important}
}

/* Canonical desktop composition: prevent ultra-wide screens from inflating the
   lamps and wordmark while preserving a full, intentionally framed hero. */
@media(min-width:701px){
  .hero-editorial,
  html[data-theme="light"] .hero-editorial,
  html[data-theme="dark"] .hero-editorial,
  html[data-site-theme="mono-light"] .hero-editorial,
  html[data-site-theme="mono-dark"] .hero-editorial,
  html[data-site-theme="chromatic"] .hero-editorial{
    min-height:700px!important;
    height:clamp(700px,100svh,940px)!important;
    padding:92px 0 0!important;
  }
  .hero-minimal-stage.trilamp-ready{
    width:100%!important;
    min-height:0!important;
    height:calc(100% - 92px)!important;
  }
  .hero-trilamp{
    inset:0 max(4vw,54px) auto!important;
    height:76%!important;
  }
  .hero-pendant__shade{
    top:16%!important;
    width:clamp(112px,9vw,176px)!important;
  }
  .hero-pendant__bulb{
    top:calc(16% + clamp(64px,5.15vw,101px))!important;
    width:clamp(30px,2.8vw,50px)!important;
  }
  .hero-pendant__beam{top:20.5%!important;height:76%!important}
  .hero-minimal-stage.trilamp-ready .hero-logo-lockup{
    top:56%!important;
    width:clamp(580px,46vw,820px)!important;
    aspect-ratio:2.84/1!important;
  }
}