/* v1.1: root is pinned; keep its overflow visible so ScrollTrigger can reserve space outside it. */
/* 11 Media — Cinematic 3D Scroll Hero. All selectors scoped; no theme-level overrides. */
.e11-hero {
  position:relative; isolation:isolate; width:100%; max-width:none!important;
  height:100svh; min-height:520px; overflow:visible;
  background:#080808; color:#fff; font-family:Inter,Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.e11-hero, .e11-hero * {box-sizing:border-box}
.e11-hero__stage { position:relative; height:100svh; min-height:520px; width:100%; overflow:hidden; background:#080808; }
.e11-hero__canvas { position:absolute; inset:0; z-index:1; pointer-events:none; }
.e11-hero__canvas canvas {display:block; width:100%; height:100%; outline:none}
.e11-hero__poster {position:absolute; inset:0; z-index:1; display:flex; justify-content:center; align-items:center; pointer-events:none; transition:opacity .5s ease, visibility .5s ease; background:#080808}
.e11-hero__poster img {display:block; width:min(36vw,330px); height:auto; aspect-ratio:1; max-width:75%; object-fit:contain; border:0; filter:none}
.e11-hero--ready .e11-hero__poster {opacity:0; visibility:hidden}
.e11-hero__noise {position:absolute; inset:0; z-index:2; pointer-events:none; opacity:.25; background:radial-gradient(ellipse 65% 65% at 50% 48%,transparent 8%,rgba(0,0,0,.54) 100%)}
.e11-hero__top,.e11-hero__bottom {position:absolute; left:clamp(22px,4.4vw,84px); right:clamp(22px,4.4vw,84px); z-index:8; display:flex; justify-content:space-between; gap:14px; color:#aeaeae; font:500 10px/1.4 Inter,Arial,sans-serif; letter-spacing:.15em; pointer-events:none}
.e11-hero__top {top:36px}
.e11-hero__bottom {bottom:34px}
.e11-hero .e11-hero__copy {position:absolute; z-index:5; pointer-events:none; opacity:0; visibility:hidden; left:clamp(22px,7vw,130px); right:clamp(22px,7vw,130px); top:50%; max-width:900px; transform:translateY(-42%); will-change:opacity,transform; transition:none}
.e11-hero .e11-hero__copy--intro {top:auto;bottom:10%;transform:none;max-width:760px;opacity:1;visibility:visible}
.e11-hero .e11-hero__copy--middle,.e11-hero .e11-hero__copy--passage {max-width:760px}
.e11-hero .e11-hero__copy--outro {max-width:890px}
.e11-hero .e11-eyebrow {display:block; font:500 10px/1.5 Inter,Arial,sans-serif; letter-spacing:.2em; color:#a8a8a8; margin:0 0 26px; text-transform:uppercase}
.e11-hero h1,.e11-hero h2 {font-family:Arial,Helvetica,sans-serif!important; font-size:clamp(48px,7vw,124px)!important; font-weight:600!important; line-height:.99!important; letter-spacing:-.075em!important; margin:0!important; padding:0!important; color:#fff!important; text-transform:uppercase; background:none!important; border:0!important}
.e11-hero .e11-hero__copy--intro h1 {font-size:clamp(42px,6vw,100px)!important}
.e11-hero h1 em,.e11-hero h2 em {font-family:Georgia,'Times New Roman',serif!important; font-style:italic!important; font-weight:400!important; letter-spacing:-.06em!important; color:#fff!important}
.e11-hero .e11-hero__copy--outro p {margin:24px 0!important; font:400 clamp(14px,1.3vw,19px)/1.5 Inter,Arial,sans-serif!important; color:#b3b3b3!important}
.e11-hero .e11-hero__cta {display:inline-flex; gap:28px; align-items:center; pointer-events:auto; text-decoration:none!important; color:#fff!important; font:600 11px/1.5 Inter,Arial,sans-serif!important; letter-spacing:.13em; border:0!important; border-bottom:1px solid #9e9e9e!important; background:transparent!important; padding:0 0 14px!important; margin:0; transition:border-color .25s ease}
.e11-hero .e11-hero__cta:hover,.e11-hero .e11-hero__cta:focus-visible {border-bottom-color:#fff!important}
.e11-hero .e11-hero__cta:focus-visible {outline:2px solid #fff;outline-offset:5px}
.e11-hero__fallback {position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px;text-align:center;background:#080808}
.e11-hero__fallback img {display:block;width:100px;height:100px;object-fit:contain}
.e11-hero__fallback h2 {max-width:900px;font-size:clamp(30px,5vw,66px)!important}
.e11-hero__fallback[hidden],.e11-hero__debug[hidden]{display:none!important}
.e11-hero--failed .e11-hero__canvas,.e11-hero--failed .e11-hero__poster,.e11-hero--failed .e11-hero__copy {display:none!important}
.e11-hero--reduced .e11-hero__canvas,.e11-hero--reduced .e11-hero__poster {display:none!important}
.e11-hero--reduced .e11-hero__copy--intro,.e11-hero--reduced .e11-hero__copy--middle,.e11-hero--reduced .e11-hero__copy--passage {display:none!important}
.e11-hero--reduced .e11-hero__copy--outro {opacity:1!important;visibility:visible!important;transform:translateY(-50%)!important;pointer-events:auto!important}
.e11-hero__debug {position:absolute;z-index:25;bottom:80px;left:22px;width:min(390px,calc(100% - 44px));background:rgba(16,16,16,.96);border:1px solid #555;border-radius:10px;padding:16px;display:grid;gap:14px;font:500 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.09em}
.e11-hero__debug label {display:flex;justify-content:space-between;gap:8px}
.e11-hero__debug input {display:block;width:100%;accent-color:white;cursor:pointer}
.e11-hero__debug button {background:#fff;color:#080808;border:0;border-radius:3px;padding:10px;cursor:pointer;font:600 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.08em}
@media(max-width:767px){
  .e11-hero,.e11-hero__stage{min-height:550px}
  .e11-hero__poster img{width:min(64vw,260px)}
  .e11-hero__top,.e11-hero__bottom{font-size:8px;letter-spacing:.08em;left:20px;right:20px}
  .e11-hero__top{top:21px}.e11-hero__bottom{bottom:24px}
  .e11-hero .e11-hero__copy{left:24px;right:24px;top:55%}
  .e11-hero .e11-hero__copy--intro{bottom:16%;top:auto}
  .e11-hero h1,.e11-hero h2 {font-size:clamp(38px,10vw,66px)!important}
  .e11-hero .e11-hero__copy--intro h1 {font-size:clamp(38px,10vw,66px)!important}
  .e11-hero .e11-eyebrow {font-size:9px;margin-bottom:18px;letter-spacing:.12em}
  .e11-hero .e11-hero__copy--outro{top:49%}
  .e11-hero .e11-hero__copy--outro p {margin:16px 0!important}
  .e11-hero .e11-hero__cta{font-size:10px!important;padding-bottom:9px!important}
  .e11-hero__fallback img{width:75px;height:75px}
}
@media(prefers-reduced-motion:reduce){
  .e11-hero__canvas,.e11-hero__poster{display:none!important}
  .e11-hero .e11-hero__copy--intro,.e11-hero .e11-hero__copy--middle,.e11-hero .e11-hero__copy--passage{display:none!important}
  .e11-hero .e11-hero__copy--outro{opacity:1!important;visibility:visible!important;transform:translateY(-50%)!important;pointer-events:auto!important}
}