/* 420Express Home Video: framed brand film on the home page. Theme variables are used when present. */
.lhv{--lhv-gold:var(--gold,#f0b429);--lhv-head:var(--f-head,'Bricolage Grotesque',Arial,sans-serif);--lhv-body:var(--f-body,'DM Sans',system-ui,sans-serif);
	position:relative;overflow:hidden;container-type:inline-size;color:#fff;padding:72px 0;
	background:radial-gradient(90% 120% at 88% 0%,#24643f 0%,rgba(31,90,56,0) 55%),radial-gradient(70% 90% at 0% 100%,#143a27 0%,rgba(20,58,39,0) 60%),linear-gradient(180deg,#0e281b,#08170f)}
.lhv::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
	background:linear-gradient(90deg,rgba(240,180,41,0),rgba(240,180,41,.45),rgba(240,180,41,0)) top/100% 1px no-repeat,linear-gradient(90deg,rgba(240,180,41,0),rgba(240,180,41,.25),rgba(240,180,41,0)) bottom/100% 1px no-repeat}
.lhv *,.lhv *::before,.lhv *::after{box-sizing:border-box}
.lhv-in{position:relative;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}

/* frame */
.lhv-frame{position:relative;margin:0;padding:10px;border-radius:28px;
	background:linear-gradient(145deg,rgba(240,180,41,.55),rgba(255,255,255,.08) 32%,rgba(255,255,255,.03) 62%,rgba(240,180,41,.35));
	box-shadow:0 40px 90px -20px rgba(0,0,0,.7),0 0 0 1px rgba(240,180,41,.18),inset 0 1px 0 rgba(255,255,255,.18)}
.lhv-frame::before{content:"";position:absolute;inset:-14% -8%;z-index:-1;border-radius:50%;filter:blur(60px);background:radial-gradient(closest-side,rgba(57,214,122,.28),rgba(240,180,41,.08),transparent)}
.lhv-media{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#050b08;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6)}
.lhv-video,.lhv-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lhv-poster{transition:opacity .6s ease}
.lhv.is-playing .lhv-poster{opacity:0}
.lhv-media::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 80px rgba(0,0,0,.35)}

/* gold corner brackets around the frame */
.lhv-c{position:absolute;width:26px;height:26px;border:2px solid var(--lhv-gold);opacity:.9;pointer-events:none}
.lhv-c1{top:-8px;left:-8px;border-right:0;border-bottom:0;border-top-left-radius:12px}
.lhv-c2{top:-8px;right:-8px;border-left:0;border-bottom:0;border-top-right-radius:12px}
.lhv-c3{bottom:-8px;left:-8px;border-right:0;border-top:0;border-bottom-left-radius:12px}
.lhv-c4{bottom:-8px;right:-8px;border-left:0;border-top:0;border-bottom-right-radius:12px}

.lhv-tag{position:absolute;top:24px;left:24px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border-radius:999px;
	background:rgba(6,16,11,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);
	font:700 11px/1 var(--lhv-body);letter-spacing:.16em;text-transform:uppercase;color:#fff}
.lhv-tag i{width:7px;height:7px;border-radius:50%;background:#39d67a;box-shadow:0 0 0 0 rgba(57,214,122,.6);animation:lhv-pulse 2s infinite}
@keyframes lhv-pulse{70%{box-shadow:0 0 0 8px rgba(57,214,122,0)}100%{box-shadow:0 0 0 0 rgba(57,214,122,0)}}

.lhv-play{position:absolute;left:24px;bottom:24px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);cursor:pointer;
	background:rgba(6,16,11,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;transition:transform .2s,background .2s}
.lhv-play:hover{transform:scale(1.06);background:rgba(6,16,11,.8)}
.lhv-play:focus-visible{outline:2px solid var(--lhv-gold);outline-offset:3px}
.lhv-i-pause{width:12px;height:14px;border-left:4px solid #fff;border-right:4px solid #fff}
.lhv-i-play{display:none;width:0;height:0;margin-left:3px;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
.lhv.is-paused .lhv-i-pause{display:none}.lhv.is-paused .lhv-i-play{display:block}

/* copy */
.lhv-kicker{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:700 12px/1 var(--lhv-body);letter-spacing:.2em;text-transform:uppercase;color:var(--lhv-gold)}
.lhv-kicker::before{content:"";width:28px;height:1px;background:currentColor}
.lhv-title{margin:0 0 16px;font:700 clamp(30px,3.6vw,50px)/1.04 var(--lhv-head);letter-spacing:-.02em;color:#fff}
.lhv-text{margin:0 0 26px;font:400 17px/1.6 var(--lhv-body);color:rgba(255,255,255,.76);max-width:460px}
.lhv-btns{display:flex;flex-wrap:wrap;gap:12px}
.lhv-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;background:var(--lhv-gold);color:#1a1300;font:700 15px/1 var(--lhv-body);text-decoration:none;transition:transform .2s,box-shadow .2s}
.lhv-btn::after{content:"\2192";transition:transform .2s}
.lhv-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(240,180,41,.7);color:#1a1300}
.lhv-btn:hover::after{transform:translateX(3px)}
.lhv-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.lhv-ghost::after{content:none}
.lhv-ghost:hover{color:#fff;box-shadow:inset 0 0 0 1px #fff}
.lhv-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.lhv-facts{list-style:none;margin:32px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lhv-facts li{margin:0;display:flex;flex-direction:column;gap:4px}
.lhv-facts b{font:700 20px/1.1 var(--lhv-head);color:#fff}
.lhv-facts span{font:500 12.5px/1.35 var(--lhv-body);color:rgba(255,255,255,.6)}

/* cinema: wide frame, words over the bottom of the video */
.lhv-cinema .lhv-in{grid-template-columns:minmax(0,1fr)}
.lhv-cinema .lhv-media{aspect-ratio:21/9}
.lhv-cinema .lhv-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,10,7,.82) 0%,rgba(4,10,7,.45) 38%,rgba(4,10,7,0) 65%),linear-gradient(0deg,rgba(4,10,7,.6),rgba(4,10,7,0) 45%)}
.lhv-cinema .lhv-copy{position:absolute;z-index:2;left:76px;bottom:62px;max-width:520px}
.lhv-cinema .lhv-play{left:auto;right:24px;bottom:auto;top:24px}

/* solo: the video alone, big and centred */
.lhv-solo{padding:56px 0}
.lhv-solo .lhv-in{grid-template-columns:minmax(0,1fr);max-width:1240px;justify-items:center}
.lhv-solo .lhv-frame{width:100%;max-width:1160px}

/* narrow screens and narrow previews */
@container (max-width:900px){
	.lhv-in{grid-template-columns:minmax(0,1fr);gap:34px}
	.lhv-title{font-size:clamp(28px,7vw,40px)}
	.lhv-cinema .lhv-media{aspect-ratio:16/9}
	.lhv-cinema .lhv-copy{position:static;max-width:none}
	.lhv-cinema .lhv-media::before{background:linear-gradient(0deg,rgba(4,10,7,.45),rgba(4,10,7,0) 40%)}
}
@container (max-width:560px){
	.lhv-frame{padding:6px;border-radius:20px}
	.lhv-media{border-radius:15px}
	.lhv-c{width:18px;height:18px}
	.lhv-tag{top:14px;left:14px;font-size:10px;padding:6px 10px 6px 8px}
	.lhv-play{left:14px;bottom:14px;width:38px;height:38px}
	.lhv-cinema .lhv-play{left:auto;right:14px;top:14px}
	.lhv-text{font-size:16px}
	.lhv-btns{flex-direction:column}.lhv-btn{justify-content:center}
	.lhv-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px;margin-top:26px}
	.lhv-facts li:nth-child(3){grid-column:1/-1}
}
/* white tone (default): white section and white frame, dark words, gold + green accents */
.lhv-light{color:var(--ink,#12261a);background:radial-gradient(70% 90% at 92% 0%,rgba(57,214,122,.08),rgba(255,255,255,0) 60%),linear-gradient(180deg,#fff,#f7f9f5);border-block:1px solid var(--line,#dde4d8)}
.lhv-light::before{content:none}
.lhv-light .lhv-frame{background:#fff;box-shadow:0 40px 80px -30px rgba(15,42,29,.35),0 12px 30px -12px rgba(15,42,29,.18),0 0 0 1px rgba(15,42,29,.08)}
.lhv-light .lhv-frame::before{background:radial-gradient(closest-side,rgba(57,214,122,.16),rgba(240,180,41,.08),transparent)}
.lhv-light .lhv-c{border-color:var(--brand,#1f5a38);opacity:.55}
.lhv-light .lhv-kicker{color:var(--brand,#1f5a38)}
.lhv-light .lhv-kicker::before{background:var(--lhv-gold)}
.lhv-light .lhv-title{color:var(--ink,#12261a)}
.lhv-light .lhv-text{color:var(--muted,#5b6b60)}
.lhv-light .lhv-ghost{color:var(--ink,#12261a);box-shadow:inset 0 0 0 1px rgba(18,38,26,.3)}
.lhv-light .lhv-ghost:hover{color:var(--ink,#12261a);box-shadow:inset 0 0 0 1px var(--ink,#12261a)}
.lhv-light .lhv-btn:focus-visible{outline-color:var(--brand,#1f5a38)}
.lhv-light .lhv-facts{border-top-color:var(--line,#dde4d8)}
.lhv-light .lhv-facts b{color:var(--brand,#1f5a38)}
.lhv-light .lhv-facts span{color:var(--muted,#5b6b60)}
.lhv-light.lhv-cinema .lhv-title,.lhv-light.lhv-cinema .lhv-kicker{color:#fff}
.lhv-light.lhv-cinema .lhv-text{color:rgba(255,255,255,.8)}
.lhv-light.lhv-cinema .lhv-ghost{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
@container (max-width:900px){.lhv-light.lhv-cinema .lhv-title{color:var(--ink,#12261a)}.lhv-light.lhv-cinema .lhv-kicker{color:var(--brand,#1f5a38)}.lhv-light.lhv-cinema .lhv-text{color:var(--muted,#5b6b60)}.lhv-light.lhv-cinema .lhv-ghost{color:var(--ink,#12261a);box-shadow:inset 0 0 0 1px rgba(18,38,26,.3)}}

@media (max-width:720px){.lhv{padding:44px 0 50px}.lhv-dev-desktop{display:none}}
@media (min-width:721px){.lhv-dev-mobile{display:none}}
@media (prefers-reduced-motion:reduce){.lhv-tag i{animation:none}.lhv-btn,.lhv-play,.lhv-poster{transition:none}}