/* Super 8 Landing — intentionally namespaced to avoid Stylex/Elementor collisions */
.s8-hero,.s8-filmography,.s8-page{--s8-bg:#080808;--s8-surface:#111;--s8-surface-2:#171717;--s8-line:rgba(255,255,255,.14);--s8-text:#f1f1ef;--s8-muted:#9a9a96;--s8-accent:#e3fb2a;font-family:'Montserrat','Raleway',Arial,sans-serif;color:var(--s8-text);background:var(--s8-bg);box-sizing:border-box}
.s8-hero *,.s8-filmography *,.s8-page *{box-sizing:border-box}
.s8-shell{width:min(1440px,calc(100% - 96px));margin:0 auto;position:relative;z-index:2}
.s8-eyebrow{font-size:11px;line-height:1.2;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:var(--s8-accent)}
.s8-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid var(--s8-line);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.s8-btn:hover{transform:translateY(-2px)}
.s8-btn-primary{background:var(--s8-accent);border-color:var(--s8-accent);color:#080808!important}
.s8-btn-ghost{background:rgba(0,0,0,.24);color:#fff!important}

/* Hero */
.s8-hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end;background:#050505}
.s8-hero-media,.s8-hero-shade,.s8-grain{position:absolute;inset:0}
.s8-hero-video,.s8-hero-image{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8) contrast(1.05)}
.s8-hero-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:radial-gradient(circle at 72% 32%,rgba(227,251,42,.16),transparent 28%),linear-gradient(135deg,#0a0a0a 0%,#171717 42%,#050505 100%);font-weight:900;letter-spacing:-.07em;font-size:clamp(70px,17vw,290px);line-height:.72;color:#161616;-webkit-text-stroke:1px rgba(255,255,255,.09)}
.s8-hero-fallback span:last-child{font-size:clamp(15px,2vw,28px);letter-spacing:.28em;color:rgba(255,255,255,.4);-webkit-text-stroke:0}
.s8-hero-fallback:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:8.333vw 8.333vw;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}
.s8-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.42) 55%,rgba(0,0,0,.25) 100%),linear-gradient(0deg,#080808 0%,transparent 38%)}
.s8-grain{opacity:.12;pointer-events:none;background-image:url('../img/film-grain.gif');mix-blend-mode:screen}
.s8-hero-content{padding-top:160px;padding-bottom:62px;display:flex;min-height:100svh;flex-direction:column;justify-content:flex-end}
.s8-hero h1{max-width:1100px;margin:20px 0 22px;font-family:'Montserrat',sans-serif;font-size:clamp(48px,6.6vw,112px);line-height:.91;letter-spacing:-.055em;font-weight:800;text-wrap:balance;color:#fff}
.s8-hero-subtitle{max-width:690px;margin:0;color:#d2d2cf;font-size:clamp(16px,1.35vw,22px);line-height:1.55;font-weight:400}
.s8-hero-actions{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap}
.s8-hero-bottom{margin-top:64px;padding-top:20px;border-top:1px solid var(--s8-line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a9a9a5;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.s8-powered b{color:#fff}

/* Filmography rail */
.s8-filmography{padding:76px 0 92px;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}
.s8-filmography-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}
.s8-filmography h2{margin:10px 0 0;font-size:clamp(30px,3.6vw,58px);line-height:1;letter-spacing:-.04em;color:#fff;font-weight:700}
.s8-rail-controls{display:flex;gap:8px}
.s8-rail-controls button{width:48px;height:48px;border:1px solid var(--s8-line);background:transparent;color:#fff;font-size:20px;cursor:pointer;transition:background .2s,color .2s}
.s8-rail-controls button:hover{background:#fff;color:#111}
.s8-filmrail-wrap{padding-left:max(48px,calc((100vw - 1440px)/2));padding-right:0}
.s8-filmrail{--s8-poster-w:240px;display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;user-select:none;padding-right:48px;outline:none}
.s8-filmrail::-webkit-scrollbar{display:none}.s8-filmrail.is-dragging{cursor:grabbing}
.s8-poster{flex:0 0 var(--s8-poster-w);text-decoration:none!important;color:#fff!important;display:block}
.s8-poster-art{aspect-ratio:2/3;overflow:hidden;background:#151515;border:1px solid rgba(255,255,255,.12);position:relative}
.s8-poster-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.75,.2,1),filter .35s ease}
.s8-poster:hover img{transform:scale(1.035);filter:brightness(1.08)}
.s8-poster-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#121212,#1b1b1b);font-size:58px;font-weight:800;letter-spacing:-.06em;color:#282828}
.s8-poster-placeholder:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.08)}
.s8-poster-placeholder:after{content:"SUPER 8 / SELECTED WORK";position:absolute;left:18px;bottom:18px;font-size:8px;letter-spacing:.18em;color:#777}
.s8-poster-copy{padding:13px 1px 0;display:flex;flex-direction:column;gap:4px}.s8-poster-copy strong{font-size:13px;letter-spacing:-.01em}.s8-poster-copy span{font-size:10px;color:#81817e;text-transform:uppercase;letter-spacing:.1em}

/* Main content */
.s8-page{overflow:hidden}.s8-section{padding:120px 0;border-top:1px solid rgba(255,255,255,.08);position:relative}.s8-section h2{margin:12px 0 0;font-size:clamp(38px,5vw,78px);line-height:.98;letter-spacing:-.05em;font-weight:700;color:#fff;text-wrap:balance}.s8-section p{color:var(--s8-muted);font-size:16px;line-height:1.7;margin:0}.s8-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}.s8-section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:80px;align-items:end;margin-bottom:60px}.s8-section-head p{max-width:560px;padding-bottom:6px}.s8-copy-block>p{max-width:580px;margin-top:24px}

/* Location */
.s8-location{background:#0a0a0a}.s8-location-grid{align-items:stretch}.s8-location-address{display:flex;align-items:center;gap:14px;margin-top:34px;padding-top:20px;border-top:1px solid var(--s8-line);font-size:14px;color:#fff}.s8-location-address span{color:var(--s8-accent)}.s8-mini-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.s8-mini-tags span{border:1px solid var(--s8-line);padding:8px 10px;color:#aaa;font-size:9px;letter-spacing:.12em}.s8-map-wrap{min-height:480px;border:1px solid var(--s8-line);overflow:hidden;filter:grayscale(1) contrast(1.1)}.s8-map-wrap iframe{width:100%;height:100%;min-height:480px;border:0;display:block}

/* Studio */
.s8-studio{background:#0d0d0d}.s8-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--s8-line);border-left:1px solid var(--s8-line);margin-bottom:26px}.s8-stat{min-height:190px;padding:28px;border-right:1px solid var(--s8-line);border-bottom:1px solid var(--s8-line);display:flex;flex-direction:column;justify-content:space-between}.s8-stat strong{font-size:clamp(44px,5vw,82px);line-height:.9;letter-spacing:-.07em}.s8-stat strong span{font-size:.3em;letter-spacing:0;color:var(--s8-accent);margin-left:6px}.s8-stat small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#90908c}.s8-media-pair{display:grid;grid-template-columns:1.5fr .9fr;gap:18px}.s8-media-block{position:relative;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.1)}.s8-media-block img{width:100%;height:100%;object-fit:cover;display:block}.s8-media-wide{min-height:560px}.s8-media-plan{min-height:560px;background:#eee}.s8-media-plan img{object-fit:contain;background:#efefed}.s8-media-placeholder{min-height:420px;display:grid;place-items:center;background:radial-gradient(circle at 35% 40%,rgba(227,251,42,.08),transparent 25%),linear-gradient(135deg,#101010,#181818);color:#292929;font-size:clamp(28px,5vw,72px);font-weight:800;letter-spacing:-.05em}.s8-media-editor-hint{display:none;position:absolute;left:14px;bottom:14px;background:var(--s8-accent);color:#080808;padding:8px 10px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.elementor-editor-active .s8-media-editor-hint{display:block}.s8-facility-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--s8-line);border-left:1px solid var(--s8-line);margin-top:18px}.s8-facility-grid div{min-height:86px;border-right:1px solid var(--s8-line);border-bottom:1px solid var(--s8-line);padding:18px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;font-weight:600;text-transform:uppercase}.s8-facility-grid span{color:#62625f;font-size:9px}

/* LED */
.s8-led{background:#080808}.s8-led-grid{gap:70px}.s8-sticky-copy{position:sticky;top:90px}.s8-spec-list{margin-top:42px;border-top:1px solid var(--s8-line)}.s8-spec-list div{display:flex;align-items:baseline;justify-content:space-between;gap:30px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09)}.s8-spec-list span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#797976}.s8-spec-list b{font-size:13px;color:#e9e9e6}.s8-media-led{min-height:540px}.s8-volume-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.s8-volume-cards div{padding:22px;background:#141414;border:1px solid var(--s8-line)}.s8-volume-cards strong{display:block;font-size:24px;letter-spacing:-.04em}.s8-volume-cards span{display:block;margin-top:8px;color:#858581;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em}

/* Services */
.s8-services{background:#101010}.s8-service-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px}.s8-service-media{min-height:760px;position:sticky;top:86px;align-self:start}.s8-service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--s8-line);border-left:1px solid var(--s8-line)}.s8-service-grid article{min-height:250px;padding:28px;border-right:1px solid var(--s8-line);border-bottom:1px solid var(--s8-line)}.s8-service-grid article>span{font-size:9px;color:var(--s8-accent);letter-spacing:.1em}.s8-service-grid h3{font-size:21px;line-height:1.1;letter-spacing:-.025em;margin:55px 0 12px;color:#fff}.s8-service-grid p{font-size:13px;line-height:1.65}

/* Tax */
.s8-tax{background:var(--s8-accent);color:#080808}.s8-tax .s8-eyebrow{color:#080808}.s8-tax h2{color:#080808}.s8-tax p{color:#272727}.s8-tax-card{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}.s8-tax-example{margin-top:28px;padding:22px;border:1px solid rgba(0,0,0,.25)}.s8-tax-example>span{display:block;font-size:9px;letter-spacing:.14em;font-weight:800;margin-bottom:12px}.s8-tax-example p{margin:0}.s8-editor-only{display:none;margin-top:20px;border:1px dashed rgba(0,0,0,.35);padding:16px;font-size:11px}.elementor-editor-active .s8-editor-only{display:block}

/* Scope */
.s8-scope{background:#090909}.s8-scope-list{border-top:1px solid var(--s8-line)}.s8-scope-list div{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--s8-line);font-size:15px;color:#d1d1ce}.s8-scope-list span{color:var(--s8-accent)}

/* Alliance */
.s8-alliance{background:#0e0e0e}.s8-about-media{height:560px;margin-bottom:18px}.s8-alliance-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--s8-line);border-left:1px solid var(--s8-line)}.s8-alliance-grid article{min-height:310px;padding:30px;border-right:1px solid var(--s8-line);border-bottom:1px solid var(--s8-line)}.s8-alliance-brand{font-size:24px;font-weight:800;letter-spacing:-.04em;color:#fff;margin-bottom:90px}.s8-alliance-grid p{font-size:13px}.s8-backed{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid var(--s8-line);font-size:10px;letter-spacing:.11em}.s8-backed span{color:#6e6e6b;margin-right:auto}.s8-backed b{color:#ddd}

/* Scale & contact */
.s8-scale{background:#080808}.s8-scale-card{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.s8-scale-number{font-size:clamp(70px,10vw,170px);line-height:.75;letter-spacing:-.075em;font-weight:800;color:#191919;-webkit-text-stroke:1px rgba(255,255,255,.16)}.s8-scale-number span{font-size:.2em;letter-spacing:0;color:var(--s8-accent);-webkit-text-stroke:0}.s8-scale-card p{margin-top:22px;max-width:650px}.s8-contact{padding-bottom:160px;background:#080808}.s8-contact-card{border:1px solid var(--s8-line);padding:54px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;position:relative;overflow:hidden}.s8-contact-card:after{content:"S8";position:absolute;right:-20px;bottom:-72px;font-size:300px;font-weight:900;line-height:1;color:#0f0f0f;z-index:0}.s8-contact-card>div{position:relative;z-index:1}.s8-contact-card p{margin-top:18px;max-width:580px}.s8-contact-person{display:flex;flex-direction:column;align-items:flex-start}.s8-contact-person>span{font-size:9px;letter-spacing:.12em;color:#777}.s8-contact-person>strong{font-size:24px;margin:12px 0 3px}.s8-contact-person>a:not(.s8-btn){color:#aaa;text-decoration:none;font-size:13px}.s8-contact-person .s8-btn{margin-top:24px}



/* Stylex integration -------------------------------------------------------
 * Stylex injects a fixed four-column grid from header.php/header-nofilm.php
 * and then adds .vertical-effect nodes with JavaScript. This stylesheet is
 * only enqueued by the Super 8 Elementor widgets, so on this landing we can
 * suppress those theme grid nodes directly instead of depending on a body
 * class/page ID. The JS file also removes them as a defensive fallback.
 */
html body .vertical-lines-wrapper,
html body .vertical-lines,
html body .vertical-effect,
html body .vertical-lines-wrapper *,
html body .vertical-effect::before,
html body .vertical-effect::after {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    animation:none!important;
    -webkit-animation:none!important;
    border:0!important;
    background:none!important;
    pointer-events:none!important;
}

/* Elementor / Stylex integration */
.elementor-widget-super8_hero>.elementor-widget-container,.elementor-widget-super8_films>.elementor-widget-container,.elementor-widget-super8_content>.elementor-widget-container{margin:0!important;padding:0!important}.page-template-pages .elementor-section-wrap>.elementor-section,.page-template-pages .elementor>.elementor-section{margin:0}.page-template-pages .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:0}

@media (max-width:1100px){.s8-shell{width:min(100% - 56px,1440px)}.s8-two-col,.s8-section-head,.s8-tax-card,.s8-scale-card,.s8-contact-card{gap:46px}.s8-stats-grid{grid-template-columns:repeat(2,1fr)}.s8-facility-grid{grid-template-columns:repeat(2,1fr)}.s8-service-layout{grid-template-columns:1fr}.s8-service-media{min-height:500px;position:relative;top:auto}.s8-sticky-copy{position:relative;top:auto}}
@media (max-width:767px){.s8-shell{width:calc(100% - 32px)}.s8-hero-content{padding-top:120px;padding-bottom:34px}.s8-hero h1{font-size:clamp(44px,14vw,72px)}.s8-hero-bottom{align-items:flex-start;flex-direction:column;margin-top:44px}.s8-filmography{padding:58px 0}.s8-filmography-head{align-items:flex-start}.s8-rail-controls{display:none}.s8-filmrail-wrap{padding-left:16px}.s8-filmrail{--s8-poster-w:178px;padding-right:16px}.s8-section{padding:82px 0}.s8-two-col,.s8-section-head,.s8-tax-card,.s8-scale-card,.s8-contact-card{grid-template-columns:1fr;gap:34px}.s8-section-head{margin-bottom:38px}.s8-location-grid{display:flex;flex-direction:column}.s8-map-wrap,.s8-map-wrap iframe{min-height:360px}.s8-stats-grid{grid-template-columns:1fr 1fr}.s8-stat{min-height:145px;padding:20px}.s8-media-pair{grid-template-columns:1fr}.s8-media-wide,.s8-media-plan,.s8-media-led{min-height:310px}.s8-facility-grid{grid-template-columns:1fr 1fr}.s8-facility-grid div{min-height:74px}.s8-led-grid{grid-template-columns:1fr}.s8-volume-cards{grid-template-columns:1fr}.s8-service-grid{grid-template-columns:1fr}.s8-service-grid article{min-height:220px}.s8-alliance-grid{grid-template-columns:1fr}.s8-alliance-grid article{min-height:auto}.s8-alliance-brand{margin-bottom:42px}.s8-backed{gap:18px}.s8-backed span{width:100%;margin-right:0}.s8-scale-number{font-size:26vw}.s8-contact-card{padding:30px}.s8-contact-card:after{font-size:180px}.s8-contact{padding-bottom:100px}}