.video-hero{position:relative;width:100%;height:min(820px,calc(100svh - 88px));min-height:520px;overflow:hidden;background:#b9430c url('hero-emagre-video-poster.jpg') center 20%/cover no-repeat;isolation:isolate}
.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;position:absolute;inset:0;z-index:0}
.video-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(76,30,10,.68),rgba(49,24,14,.24) 37%,transparent 66%),linear-gradient(0deg,rgba(31,14,7,.32),transparent 38%)}
.video-brand{position:absolute;z-index:2;left:5.5%;top:50%;transform:translateY(-50%);width:min(39%,636px);pointer-events:none;filter:drop-shadow(0 4px 18px rgba(37,15,6,.2))}
.video-brand img{width:100%;height:auto}
.video-ready .video-brand{animation:emagre-brand-reveal 1.5s cubic-bezier(.16,1,.3,1) .35s both}
@keyframes emagre-brand-reveal{from{opacity:0;transform:translateY(calc(-50% + 22px)) scale(.96);filter:blur(6px) drop-shadow(0 4px 18px rgba(37,15,6,.2))}to{opacity:1;transform:translateY(-50%) scale(1);filter:blur(0) drop-shadow(0 4px 18px rgba(37,15,6,.2))}}
.video-caption{position:absolute;z-index:2;left:25px;bottom:24px;font-size:9px;letter-spacing:.025em;line-height:1.4;color:#fff6d3;opacity:.9;text-shadow:0 1px 5px #0009}
.video-toggle{display:none;position:absolute;right:25px;bottom:20px;z-index:3;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #fff6d370;border-radius:50%;background:rgba(30,15,8,.3);color:#fff6d3;backdrop-filter:blur(8px);cursor:pointer;transition:background .2s}
.js .video-toggle{display:flex}.video-toggle:hover{background:rgba(30,15,8,.55)}.video-toggle svg{width:21px;height:21px}.video-toggle .play-symbol{display:none}.video-toggle[aria-pressed="true"] .pause-symbol{display:none}.video-toggle[aria-pressed="true"] .play-symbol{display:block}.js .video-unavailable .video-toggle{display:none}
.hero-introduction{background:#b9430c;color:#fff6d3}.hero-intro-grid{padding-top:68px;padding-bottom:68px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.hero-intro-heading h1{font-size:clamp(34px,3.3vw,48px);line-height:1.08}.hero-intro-heading .eyebrow{margin-bottom:22px}.hero-intro-copy>p{font-size:15px;line-height:1.65}.hero-intro-copy .hero-purpose{font-size:13px;line-height:1.65;margin-top:18px}.hero-intro-copy .button{background:#fff6d3;color:#8e2d08;margin-top:26px}.hero-intro-copy .hero-meta{color:#fff6d3;margin-top:20px}
.has-video-hero .floating-contact{transition:opacity .25s,visibility .25s}.video-in-view .floating-contact{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:1150px){.hero-intro-grid{gap:55px}.hero-intro-heading h1{font-size:36px}.video-brand{width:42%;left:4%}}
@media(max-width:900px){.video-hero{height:min(720px,calc(100svh - 72px));min-height:420px}.hero-intro-grid{gap:40px;padding-block:48px}.hero-intro-heading h1{font-size:30px}.hero-intro-copy>p{font-size:13px}.hero-intro-copy .hero-purpose{font-size:12px}.hero-intro-copy .button{font-size:11px}}
@media(max-width:680px){.video-hero{height:auto;min-height:0;aspect-ratio:16/9;background-position:center;background-size:contain}.hero-video{object-fit:contain;object-position:center}.video-shade{background:linear-gradient(0deg,rgba(45,18,6,.58),transparent 61%),linear-gradient(90deg,rgba(76,30,10,.22),transparent 65%)}.video-brand{width:48%;left:6%;top:auto;bottom:14%;transform:none}.video-ready .video-brand{animation:emagre-brand-mobile 1.4s cubic-bezier(.16,1,.3,1) .3s both}@keyframes emagre-brand-mobile{from{opacity:0;transform:translateY(15px) scale(.96);filter:blur(4px) drop-shadow(0 3px 12px #0003)}to{opacity:1;transform:none;filter:blur(0) drop-shadow(0 3px 12px #0003)}}.video-caption{left:15px;bottom:10px;font-size:7px}.video-toggle{right:12px;bottom:10px;width:36px;height:36px}.video-toggle svg{width:17px;height:17px}.hero-intro-grid{display:block;width:calc(100% - 48px);padding-top:36px;padding-bottom:42px}.hero-intro-heading .eyebrow{font-size:9px;margin-bottom:18px}.hero-intro-heading h1{font-size:clamp(24px,7.15vw,36px);line-height:1.08;text-wrap:initial}.hero-intro-copy{margin-top:24px}.hero-intro-copy>p{font-size:13px;line-height:1.6}.hero-intro-copy .hero-purpose{font-size:12px;line-height:1.6;margin-top:16px}.hero-intro-copy .button{display:flex;width:min(100%,320px);margin:26px auto 0;min-height:44px;font-size:11px;gap:20px;padding:12px 18px}.hero-intro-copy .hero-meta{font-size:9px;justify-content:center;gap:8px 15px}.has-video-hero .site-header{border-bottom:1px solid #fff6d329}}
@media(max-width:360px){.hero-intro-copy .hero-meta{font-size:8px}}
@media(max-width:680px){.video-hero{aspect-ratio:5/4;background-position:right center;background-size:cover}.hero-video{object-fit:cover;object-position:right center}.video-shade{background:linear-gradient(0deg,rgba(45,18,6,.58),transparent 72%)}.video-brand{left:50%;top:62%;bottom:auto;width:88%;max-width:540px;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 15px #0006)}.video-ready .video-brand{animation:emagre-brand-centered 1.5s cubic-bezier(.16,1,.3,1) .3s both}@keyframes emagre-brand-centered{from{opacity:0;transform:translate(-50%,calc(-50% + 18px)) scale(.96);filter:blur(4px) drop-shadow(0 3px 15px #0006)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0) drop-shadow(0 3px 15px #0006)}}.video-toggle{width:44px;height:44px;right:11px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.video-ready .video-brand{animation:none}.has-video-hero .floating-contact{transition:none}}