/* Tetri’s Smile · “Lumen” skin (v20)
   The cinematic version: the operatory photographed in black and white, light falling through the dark, the brand board's
   two wallpapers (rim-lit navy curves, white curves) as the surfaces, and motion everywhere it can be cheap: a breathing
   hero, a light that follows the pointer, words that rise into place, photographs that open like a shutter, frames that
   expand as their chapter arrives, parallax on every image, numbers that count up and buttons that lean toward the hand.
   Everything moves with transform and opacity only; blur is applied to small elements and only while they move.
   Scoped to html[data-skin="lumen"]; lumen.js adds the motion and only runs in this skin. */
html[data-skin="lumen"]{
  --display:"Outfit","Montserrat","Avenir Next","Segoe UI",system-ui,sans-serif;--body:"Outfit","Montserrat","Avenir Next","Segoe UI",system-ui,sans-serif;
  --navy:#0b1324;--night:#060a13;--steel:#9fb4d4;--rim:rgba(150,180,230,.55);
  --lm-ease:cubic-bezier(.16,1,.3,1);--lm-soft:cubic-bezier(.22,.61,.36,1);
}
@property --lm-s{syntax:"<number>";inherits:false;initial-value:1}
@property --lm-y{syntax:"<length>";inherits:false;initial-value:0px}   /* non-inherited: changing it restyles one element, not a subtree */
html[data-skin="lumen"] body{background:var(--night)}
html[data-skin="lumen"] body.page{background:#fff}
html[data-skin="lumen"] #gl,html[data-skin="lumen"] .film,html[data-skin="lumen"] .hero__mark,html[data-skin="lumen"] .hero__dash{display:none!important}
html[data-skin="lumen"] ::selection{background:#fff;color:var(--navy)}

/* ---------- colour follows each chapter, not the page ----------
   The other skins flip the colour variables on <html> whenever a dark chapter reaches mid-screen, which restyles every
   element and lets text on a light chapter turn white near the boundary. Lumen paints each chapter itself, so the page
   keeps ink-on-white variables, dark chapters carry light ones, and the fixed header follows the page's dark state. */
html[data-skin="lumen"],html[data-skin="lumen"].dark{--fg:#0b1324;--fg2:#2f3b52;--fg3:#6a7891;--ln:rgba(11,19,36,.22);--panel:rgba(255,255,255,.62);--panel-ln:rgba(255,255,255,.85)}
html[data-skin="lumen"] body [data-theme="dark"],html[data-skin="lumen"].dark .hd,html[data-skin="lumen"].dark .rail,html[data-skin="lumen"].dark .totop{--fg:#ffffff;--fg2:#e2eaf6;--fg3:#a9bddc;--ln:rgba(255,255,255,.34);--panel:rgba(6,15,44,.72);--panel-ln:rgba(255,255,255,.2)}
html[data-skin="lumen"] body .ft[data-theme]{--fg:#0b1324;--fg2:#2f3b52;--fg3:#5b6679;--ln:rgba(11,19,36,.22);--panel:rgba(255,255,255,.62);--panel-ln:rgba(255,255,255,.85)}
html[data-skin="lumen"] body [data-theme]{color:var(--fg)}
html[data-skin="lumen"] body .btn{background:var(--navy);color:#fff;border-color:var(--navy)}
html[data-skin="lumen"] body .btn:hover{background:#fff;color:var(--navy)}
html[data-skin="lumen"] body .btn--line{background:transparent;color:var(--fg);border-color:var(--ln)}
html[data-skin="lumen"] body [data-theme="dark"] .btn,html[data-skin="lumen"] body .pcta .btn{background:#fff;color:var(--navy);border-color:#fff}
html[data-skin="lumen"] body [data-theme="dark"] .btn:hover,html[data-skin="lumen"] body .pcta .btn:hover{background:transparent;color:#fff}
html[data-skin="lumen"] body [data-theme="dark"] .btn--line,html[data-skin="lumen"] body .pcta .btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.38)}
html[data-skin="lumen"] body .cta i{color:#fff}
html[data-skin="lumen"] body [data-theme="dark"] .cta i{color:var(--navy)}
html[data-skin="lumen"] .ch--wm{overflow-x:clip}   /* the watermark bleeds off the right edge: keep it inside its chapter */
html[data-skin="lumen"] .ch--wm[data-theme="dark"]::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 108'><path fill='white' d='M0 0h100v20H60v34H40V20H0z'/><path fill='white' d='M0 58a50 50 0 0 0 100 0H80a30 30 0 0 1-60 0z'/></svg>")}

/* ---------- surfaces: the brand board's dark and light wallpapers ---------- */
html[data-skin="lumen"] body .ch[data-theme="dark"],html[data-skin="lumen"] body .hero[data-theme="dark"]{background:
  radial-gradient(130% 95% at 112% 118%,rgba(0,0,0,0) 56%,rgba(150,180,230,.20) 57.4%,rgba(150,180,230,.05) 59.5%,rgba(0,0,0,0) 63%),
  radial-gradient(110% 80% at -18% -24%,rgba(0,0,0,0) 60%,rgba(150,180,230,.10) 61.2%,rgba(0,0,0,0) 64.5%),
  radial-gradient(70% 60% at 85% 10%,rgba(40,62,104,.45),rgba(0,0,0,0) 70%),
  linear-gradient(170deg,#0b1324 0%,#070c18 60%,#05080f 100%)}
html[data-skin="lumen"] body .ch[data-theme="light"]{background:
  radial-gradient(120% 90% at 108% 115%,rgba(255,255,255,0) 57%,rgba(255,255,255,.95) 58.5%,rgba(214,222,232,.55) 60.5%,rgba(255,255,255,0) 64%),
  radial-gradient(80% 70% at 0% 0%,#ffffff,rgba(255,255,255,0) 70%),
  linear-gradient(180deg,#f5f7fa 0%,#e9edf2 100%)}
html[data-skin="lumen"] body .ft{background:linear-gradient(180deg,#f3f5f8 0%,#e4e9ef 100%);color:var(--navy)}

/* ---------- type ---------- */
html[data-skin="lumen"] .ch h2{font-weight:300;font-size:clamp(40px,1.6rem + 3.9vw,94px);line-height:1.02;letter-spacing:-.022em;text-transform:none;text-wrap:balance}
html[data-skin="lumen"] .ch--media .ch__body h2,html[data-skin="lumen"] .ch--center h2{font-size:clamp(36px,1.4rem + 3.2vw,78px)}
html[data-skin="lumen"] .lab,html[data-skin="lumen"] .ch__label{letter-spacing:.34em}
html[data-skin="lumen"] .deck{font-weight:300;line-height:1.75}
html[data-skin="lumen"] .num{font-weight:200;font-size:clamp(34px,1.3rem + 2vw,58px);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
/* words rise into place inside a mask */
html[data-skin="lumen"] .lm-w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .02em .12em;margin:0 -.02em -.12em}
html[data-skin="lumen"] .lm-w > span{display:inline-block;transform:translate3d(0,108%,0) rotate(4deg);transform-origin:0 100%;transition:transform 1.25s var(--lm-ease);transition-delay:calc(var(--d,0s) + min(var(--i,0) * 42ms, 1.1s))}
html[data-skin="lumen"] .in .lm-w > span,html[data-skin="lumen"] .in.lm-w > span,html[data-skin="lumen"] [data-reveal].in.lm-split .lm-w > span,html[data-skin="lumen"] .lm-split.lm-on .lm-w > span{transform:none}
html[data-skin="lumen"] [data-reveal].lm-split{opacity:1;filter:none;transform:none}
/* everything else: a longer, softer rise out of blur */
html[data-skin="lumen"].js [data-reveal]:not(.lm-split):not(.lm-img){transform:translate3d(0,34px,0);filter:blur(12px);transition:opacity 1.3s var(--lm-soft),filter 1.3s var(--lm-soft),transform 1.6s var(--lm-ease);transition-delay:var(--d,0s)}
html[data-skin="lumen"].js [data-reveal].in:not(.lm-split):not(.lm-img){transform:none;filter:none}
/* once revealed, the edge blur (widgets.js) drives opacity and blur every frame: keep its quick timing */
html[data-skin="lumen"].js [data-reveal].in.rv:not(.lm-split):not(.lm-img){transition-duration:.32s;transition-delay:0s}

/* ---------- photographs open like a shutter, then drift with the page ----------
   The clip sits on the image, not on the observed figure: Chromium's IntersectionObserver counts a target's own
   clip-path, so a fully clipped figure would never be reported as on screen. */
html[data-skin="lumen"] .lm-img[data-reveal]{opacity:1;filter:none;transform:none}
html[data-skin="lumen"] .lm-img{overflow:hidden}
html[data-skin="lumen"] .lm-img img{--lm-s:1.28;clip-path:inset(100% 0 0 0);transform:translate3d(0,var(--lm-y,0px),0) scale(var(--lm-s));transition:clip-path 1.25s var(--lm-ease),--lm-s 2.2s var(--lm-ease),filter .9s var(--lm-soft);will-change:transform}
html[data-skin="lumen"] .lm-img.in img{--lm-s:1.08;clip-path:inset(0 0 0 0)}
html[data-skin="lumen"] .photo{margin:0}
html[data-skin="lumen"] .photo img{height:auto;filter:grayscale(.35) contrast(1.04) brightness(.95)}
html[data-skin="lumen"] .photo:hover img{filter:none}
html[data-skin="lumen"] .photo{transition:transform .6s var(--lm-ease),box-shadow .6s var(--lm-ease);transform-style:preserve-3d}
html[data-skin="lumen"] .photo.lm-tilt{box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}

/* ---------- media chapters: the frame expands as the chapter arrives ---------- */
html[data-skin="lumen"] .ch--media > .media{transform-origin:50% 40%;will-change:transform}
html[data-skin="lumen"] .ch--media > .media > img,html[data-skin="lumen"] .ch--media > .media > video{transform:scale(1.14);will-change:transform}
html[data-skin="lumen"] .ch--media > .media::after{background:linear-gradient(90deg,rgba(5,8,15,.9) 0%,rgba(5,8,15,.66) 46%,rgba(5,8,15,.28) 100%),linear-gradient(180deg,rgba(5,8,15,.55),rgba(5,8,15,0) 30%,rgba(5,8,15,0) 68%,rgba(5,8,15,.7))}
html[data-skin="lumen"] .ch--media > .media > img{filter:grayscale(.55) contrast(1.06) brightness(.9)}

/* ---------- hero: the operatory, breathing, lit by the hand ---------- */
html[data-skin="lumen"] .hero{position:relative;overflow:hidden;min-height:100svh;display:grid;grid-template-rows:1fr auto;isolation:isolate}
html[data-skin="lumen"] body .hero[data-theme]{background:var(--night)}
html[data-skin="lumen"] .hd.is-top{background:transparent;border-bottom-color:transparent}
html[data-skin="lumen"] .lm-hero{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
html[data-skin="lumen"] .lm-hero__ph{position:absolute;inset:-7% -5%;will-change:transform}
html[data-skin="lumen"] .lm-hero__ph img{width:100%;height:100%;object-fit:cover;object-position:56% 30%;display:block;filter:contrast(1.08) brightness(.86);animation:lm-breathe 15s ease-in-out infinite alternate;transform-origin:44% 38%}
@keyframes lm-breathe{0%{transform:scale(1)}100%{transform:scale(1.055)}}
html[data-skin="lumen"] .lm-hero__veil{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 30%,rgba(6,10,19,0) 35%,rgba(6,10,19,.55) 75%,rgba(6,10,19,.92) 100%),linear-gradient(180deg,rgba(6,10,19,.35) 0%,rgba(6,10,19,0) 26%,rgba(6,10,19,.15) 55%,rgba(6,10,19,.94) 100%);animation:lm-veil 11s ease-in-out infinite alternate}
@keyframes lm-veil{0%{opacity:.92}100%{opacity:1}}
html[data-skin="lumen"] .lm-hero__beams{position:absolute;left:-12%;top:-30%;width:90%;height:130%;transform-origin:20% 0;animation:lm-sway 13s ease-in-out infinite alternate;opacity:.55}
html[data-skin="lumen"] .lm-hero__beams i{position:absolute;top:0;left:var(--x);width:var(--w);height:100%;background:linear-gradient(180deg,rgba(220,232,255,.32),rgba(220,232,255,.08) 55%,rgba(220,232,255,0));transform:rotate(var(--r));transform-origin:50% 0;filter:blur(18px)}
html[data-skin="lumen"] .lm-hero__beams i:nth-child(1){--x:22%;--w:9%;--r:-14deg}
html[data-skin="lumen"] .lm-hero__beams i:nth-child(2){--x:33%;--w:5%;--r:-6deg;opacity:.7}
html[data-skin="lumen"] .lm-hero__beams i:nth-child(3){--x:44%;--w:7%;--r:4deg;opacity:.5}
@keyframes lm-sway{0%{transform:rotate(-2.2deg)}100%{transform:rotate(2.4deg)}}
html[data-skin="lumen"] .lm-hero__dust i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(235,242,255,.85);box-shadow:0 0 6px rgba(235,242,255,.6);opacity:0;animation:lm-mote var(--t) linear var(--dl) infinite}
@keyframes lm-mote{0%{opacity:0;transform:translate3d(0,0,0)}12%{opacity:.75}70%{opacity:.5}100%{opacity:0;transform:translate3d(var(--dx),-120px,0)}}
html[data-skin="lumen"] .lm-hero__light{position:absolute;left:0;top:0;width:70vmax;height:70vmax;margin:-35vmax 0 0 -35vmax;border-radius:50%;background:radial-gradient(circle,rgba(220,232,255,.22) 0%,rgba(220,232,255,.08) 32%,rgba(220,232,255,0) 62%);mix-blend-mode:soft-light;will-change:transform;transform:translate3d(62vw,40vh,0)}
html[data-skin="lumen"] .lm-hero__light.lm-auto{animation:lm-drift 19s ease-in-out infinite alternate}
@keyframes lm-drift{0%{transform:translate3d(40vw,32vh,0)}50%{transform:translate3d(70vw,46vh,0)}100%{transform:translate3d(56vw,26vh,0)}}
html[data-skin="lumen"] .hero__word{position:relative;z-index:2;align-self:end;text-align:left;width:100%;max-width:1320px;margin-inline:auto;padding:0 var(--gutter) clamp(28px,6vh,72px);box-sizing:border-box;animation:none;will-change:transform,opacity}
html[data-skin="lumen"].lm .hero__word > *{opacity:0}
html[data-skin="lumen"].lm .hero__word.lm-go > *{animation:lm-rise 1.7s var(--lm-ease) both}
html[data-skin="lumen"].lm .hero__word.lm-go > *:nth-child(2){animation-delay:.12s}
html[data-skin="lumen"].lm .hero__word.lm-go > *:nth-child(3){animation-delay:.26s}
@keyframes lm-rise{from{opacity:0;transform:translate3d(0,36px,0);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}
html[data-skin="lumen"] .hero__values{justify-content:flex-start;color:rgba(232,239,250,.72);letter-spacing:.36em;margin-bottom:clamp(22px,4vh,40px)}
html[data-skin="lumen"] .hero__word .lockup-x{position:relative;display:block;max-width:min(860px,84vw)}
html[data-skin="lumen"] .hero__word .lockup-x > *:not(.lm-lockup){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-skin="lumen"] .lm-lockup{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 40px rgba(0,0,0,.45))}
html[data-skin="lumen"] .hero__word > .lab{color:rgba(232,239,250,.7);margin-top:clamp(20px,3.6vh,36px)}
html[data-skin="lumen"] .hero__foot{position:relative;z-index:2;height:auto;padding-top:0;padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))}
html[data-skin="lumen"] .swipe{color:rgba(232,239,250,.7)}

/* ---------- the opening: the lockup surfaces from blur, light sweeps across, the curtain lifts ---------- */
html[data-skin="lumen"] .lm-intro{position:fixed;inset:0;z-index:7000;display:grid;place-items:center;background:radial-gradient(90% 70% at 50% 45%,#0f1a30 0%,#060a13 70%);transition:clip-path 1s var(--lm-ease),opacity .6s;clip-path:inset(0 0 0 0)}
html[data-skin="lumen"] .lm-intro.is-out{clip-path:inset(0 0 100% 0)}
html[data-skin="lumen"] .lm-intro img{width:min(620px,78vw);height:auto;opacity:0;filter:blur(22px);transform:scale(1.06);animation:lm-emerge 1.4s var(--lm-ease) .15s forwards}
@keyframes lm-emerge{to{opacity:1;filter:blur(0);transform:none}}
html[data-skin="lumen"] .lm-intro__sweep{position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(220,232,255,.18) 50%,rgba(255,255,255,0) 60%);transform:translateX(-100%);animation:lm-sweep 1.3s var(--lm-soft) .7s forwards}
@keyframes lm-sweep{to{transform:translateX(100%)}}
html.lm-intro-on body{overflow:hidden}

/* ---------- the light that follows the hand, and the reading line ---------- */
html[data-skin="lumen"] .lm-glow{position:fixed;left:0;top:0;z-index:3;width:44vmax;height:44vmax;margin:-22vmax 0 0 -22vmax;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(160,190,240,.10) 0%,rgba(160,190,240,.04) 38%,rgba(160,190,240,0) 66%);opacity:0;transition:opacity .9s var(--lm-soft);will-change:transform}
html[data-skin="lumen"].dark .lm-glow.is-on{opacity:1}
html[data-skin="lumen"] .lm-progress{position:fixed;left:0;right:0;top:0;z-index:101;height:1px;background:linear-gradient(90deg,rgba(160,190,240,.0),rgba(200,220,255,.9));transform:scaleX(0);transform-origin:0 50%;pointer-events:none;will-change:transform}
html[data-skin="lumen"]:not(.dark) .lm-progress{background:linear-gradient(90deg,rgba(11,19,36,0),rgba(11,19,36,.7))}

/* ---------- buttons lean toward the hand; a slow sheen on hover ---------- */
html[data-skin="lumen"] .btn,html[data-skin="lumen"] .cta,html[data-skin="lumen"] .lcta,html[data-skin="lumen"] .menu-btn,html[data-skin="lumen"] .swipe{transition-property:translate,background,color,border-color,opacity;transition-duration:.7s,.3s,.3s,.3s,.3s;transition-timing-function:var(--lm-ease)}
html[data-skin="lumen"] .btn{position:relative;overflow:hidden}
html[data-skin="lumen"] .btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 70%);transform:translateX(-120%);transition:transform 1.1s var(--lm-ease);pointer-events:none}
html[data-skin="lumen"] .btn:hover::after{transform:translateX(120%)}

/* ---------- footer: the lockup embossed on a light wall ---------- */
html[data-skin="lumen"] .lm-emboss{display:block;width:min(720px,86%);height:auto;margin:0 auto 6px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9))}
html[data-skin="lumen"] .ft .ft__mark{display:none}
html[data-skin="lumen"] .ft,html[data-skin="lumen"] .page .ft{color:var(--navy)}
html[data-skin="lumen"] .ft__links a,html[data-skin="lumen"] .page .ft .ft__links a{color:#2f3b52}
html[data-skin="lumen"] .ft__links a:hover,html[data-skin="lumen"] .page .ft .ft__links a:hover{color:var(--navy)}
html[data-skin="lumen"] .ft small,html[data-skin="lumen"] .page .ft small{color:#5b6679}
html[data-skin="lumen"] body .ft{border-top:0}

/* ---------- inner pages ---------- */
html[data-skin="lumen"] .phero,html[data-skin="lumen"] .mag .phero{background:var(--night);min-height:min(88vh,860px)}
html[data-skin="lumen"] .phero__img{animation:lm-breathe 16s ease-in-out infinite alternate;transform-origin:60% 40%}
html[data-skin="lumen"] .phero__img img{transform:translate3d(0,var(--lm-y,0px),0) scale(1.1);will-change:transform;filter:grayscale(.5) contrast(1.06) brightness(.85)}
html[data-skin="lumen"] .phero__img::after,html[data-skin="lumen"] .mag .phero__img::after{background:linear-gradient(90deg,rgba(6,10,19,.94) 0%,rgba(6,10,19,.62) 52%,rgba(6,10,19,.25) 100%),linear-gradient(180deg,rgba(6,10,19,.2),rgba(6,10,19,0) 40%,rgba(6,10,19,.85) 100%)}
html[data-skin="lumen"] .phero h1,html[data-skin="lumen"] .mag .phero h1{font-weight:300;letter-spacing:-.025em;text-shadow:none}
html[data-skin="lumen"] .phero .lab,html[data-skin="lumen"] .mag .phero .lab{color:#a9bddc;letter-spacing:.34em}
html[data-skin="lumen"] .article h2,html[data-skin="lumen"] .mag .article h2{font-weight:300;letter-spacing:-.02em}
html[data-skin="lumen"] .mfig img{border-radius:0}
html[data-skin="lumen"] .pull p{font-weight:300;letter-spacing:-.02em}
html[data-skin="lumen"] .pcta{background:
  radial-gradient(130% 95% at 112% 118%,rgba(0,0,0,0) 56%,rgba(150,180,230,.2) 57.4%,rgba(0,0,0,0) 62%),
  linear-gradient(170deg,#0b1324 0%,#060a13 100%)}

/* ---------- stillness: reduced motion, the T panel's Stop animations, inverted colours ---------- */
html[data-skin="lumen"].reduced .lm-w > span,html[data-skin="lumen"].a11y-motion .lm-w > span{transform:none!important;transition:none!important}
html[data-skin="lumen"].a11y-motion .hero__word > *,html[data-skin="lumen"].reduced .hero__word > *{opacity:1!important;animation:none!important}
html[data-skin="lumen"].reduced .lm-img img,html[data-skin="lumen"].a11y-motion .lm-img img{clip-path:none!important}
html[data-skin="lumen"].reduced .lm-img img,html[data-skin="lumen"].a11y-motion .lm-img img{--lm-s:1;transform:none!important}
html[data-skin="lumen"].reduced *,html[data-skin="lumen"].a11y-motion .lm-hero *,html[data-skin="lumen"].a11y-motion .phero__img{animation:none!important}
html[data-skin="lumen"].a11y-motion .lm-glow,html[data-skin="lumen"].reduced .lm-glow,html[data-skin="lumen"].a11y-motion .lm-hero__dust,html[data-skin="lumen"].reduced .lm-hero__dust{display:none}
@media (prefers-reduced-motion:reduce){html[data-skin="lumen"] .lm-w > span{transform:none!important;transition:none!important}html[data-skin="lumen"] .lm-img img{clip-path:none!important}html[data-skin="lumen"] .lm-hero *,html[data-skin="lumen"] .phero__img{animation:none!important}html[data-skin="lumen"] .lm-glow,html[data-skin="lumen"] .lm-hero__dust,html[data-skin="lumen"] .lm-intro{display:none}}
html[data-skin="lumen"].a11y-darkc main .lm-hero__ph img,html[data-skin="lumen"].a11y-darkc main .phero__img img,html[data-skin="lumen"].a11y-darkc main .lm-img img,html[data-skin="lumen"].a11y-darkc main .ch--media > .media > img{filter:invert(1) hue-rotate(180deg) grayscale(.5)}
html[data-skin="lumen"].a11y-contrast .lm-hero__veil{background:linear-gradient(180deg,rgba(6,10,19,.6),rgba(6,10,19,.96))}

/* ---------- phones ---------- */
@media (max-width:760px){
  html[data-skin="lumen"] .lm-hero__ph{inset:-4% -8%}
  html[data-skin="lumen"] .lm-hero__ph img{object-position:58% 34%}
  html[data-skin="lumen"] .lm-hero__beams{left:-30%;width:140%;opacity:.45}
  html[data-skin="lumen"] .hero__word .lockup-x{max-width:92vw}
  html[data-skin="lumen"] .ch--media > .media > img,html[data-skin="lumen"] .ch--media > .media > video{transform:scale(1.1)}
}