/* Video-led LA Pro Tint homepage. All styles are scoped to this preview. */
body.video-home{padding-bottom:100px;background:#0B0B0C}
.video-home .redesign-content{width:100%!important;max-width:none!important;gap:0!important}
.video-home .preview-header{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:1320px;padding:14px 24px;border:1px solid #ffffff29;border-radius:18px;background:#0b0b0ce8;backdrop-filter:blur(14px)}
.video-home .preview-header .wordmark{padding:5px 10px;border-radius:8px}
.video-home .preview-header .brand-logo{width:142px}
.video-home #site-nav{gap:23px}
.video-home #site-nav a{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px}
.video-home .btn{border-radius:999px;min-height:52px;padding:17px 25px}
.video-hero{position:relative;isolation:isolate;width:100%;min-height:800px;min-height:max(760px,100svh);display:flex;align-items:center;overflow:hidden;background:#161616}
.hero-motion,.hero-shade{position:absolute;inset:0;z-index:-2}
.hero-motion{background:#171717 url('assets/installation-poster.jpg') center/cover no-repeat}
.hero-motion video{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}
.hero-shade{z-index:-1;background:linear-gradient(90deg,#0b0b0cf5 0%,#0b0b0cc4 38%,#0b0b0c26 76%),linear-gradient(0deg,#0b0b0c 0%,transparent 38%)}
.video-hero-content{width:min(1280px,100%);margin:0 auto;padding:175px 40px 140px}
.video-hero .eyebrow{color:#ff8753!important;margin-bottom:22px}
.video-hero h1{font-size:clamp(54px,6.1vw,86px)!important;line-height:1.01!important;max-width:800px;margin:0 0 28px;text-wrap:balance}
.video-hero h1 span{color:var(--orange)}
.hero-description{max-width:570px;font-size:19px;line-height:1.65;color:#f5f2ec;margin:0 0 32px}
.hero-contact{display:flex;gap:14px;flex-wrap:wrap}
.video-home .btn-outline{background:#ffffff0a;border:1px solid #ffffff8a;color:var(--cream);backdrop-filter:blur(6px)}
.video-home .btn-outline:hover{background:#ffffff22}
.hero-personal{font-size:10px;letter-spacing:.14em;font-weight:800;color:#dedbd5;margin:24px 0 0}
.video-toggle{position:absolute;bottom:34px;right:32px;background:#0b0b0cbf;color:#fff;border:1px solid #ffffff45;border-radius:999px;padding:11px 17px;font-size:10px;min-height:44px}
.hero-discover{position:absolute;bottom:44px;left:max(40px,calc((100% - 1200px)/2));font-size:10px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;color:#d4d0c8;font-weight:800}
.video-home .custom-section{padding-top:100px;padding-bottom:100px}
.film-certification{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:70px;align-items:center}
.cert-photo{position:relative;min-width:0;background:#151515;border-radius:24px;overflow:hidden;border:1px solid #ffffff17}
.cert-photo img{width:100%;height:560px;display:block;object-fit:contain!important}
.film-signature{position:absolute;bottom:20px;left:20px;right:20px;background:#0b0b0ce8;border:1px solid #ffffff35;border-radius:14px;padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.film-signature strong{font-family:Anton,sans-serif;font-size:38px;letter-spacing:.06em;color:var(--orange)}
.film-signature span{font-size:10px;letter-spacing:.12em;font-weight:800}
.cert-copy h2{font-size:clamp(38px,4.4vw,60px)!important;line-height:1.02!important}
.cert-copy h2 span{color:var(--orange)}
.cert-copy>p:not(.eyebrow){color:#c7c5c0;line-height:1.7}
.cert-services{margin:26px 0}
.cert-services>a{display:flex;gap:18px;text-decoration:none;padding:18px 0;border-top:1px solid #ffffff24}
.cert-services>a>span{font-size:12px;color:var(--orange);font-weight:800;padding-top:4px}
.cert-services h3{font-size:23px!important;margin:0 0 6px!important}
.cert-services p{font-size:14px;line-height:1.6;color:#bcb9b3;margin:0}
.text-contact{font-size:12px;font-weight:800;text-transform:uppercase;text-underline-offset:7px;color:var(--orange)}
.video-home #tint-shades{background:#111112;border:1px solid #ffffff18;border-radius:24px;padding:48px;margin-bottom:70px;width:calc(100% - 40px);max-width:1128px}
.video-home #tint-shades .tint-stage{background:#f5f2ec}
.video-home #about-home{padding-top:50px!important;padding-bottom:70px!important}
.video-home .shade-choice{border-top:1px solid #ffffff20}
.shade-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0 45px}
.shade-choice-grid article{padding:26px;background:#181819;border:1px solid #ffffff20;border-radius:18px}
.shade-choice-grid h3{font-size:25px!important;margin:20px 0 14px}
.shade-choice-grid p{font-size:14px;color:#c5c1bb;line-height:1.7;margin:0}
.shade-chip{display:block;width:76px;height:40px;border-radius:10px;transform:skew(-10deg);border:1px solid #ffffff50}
.shade-light{background:#a6a9a9}.shade-mid{background:#55595b}.shade-dark{background:#111315}
.video-home #choose-shade #compare{padding:25px 0 0!important;width:100%!important;max-width:100%!important}
.video-home #pricing{border-top:1px solid #ffffff20}
.video-home #instagram{border-top:1px solid #ffffff20}
.video-home #trust{width:100%!important;max-width:1128px!important;margin-inline:auto;padding:50px 20px!important;display:flex!important;flex-direction:column!important;gap:24px!important;background:transparent!important}
.video-home #quote{border-top:1px solid #ffffff20;background:#151516!important;padding:70px 20px!important}
.form-contact-options{max-width:850px;margin:25px auto 0;display:flex;gap:22px;justify-content:center;flex-wrap:wrap;align-items:center;color:#d7d2c9}
.form-contact-options p{font-size:14px;margin:0}.form-contact-options a{font-size:12px;font-weight:800;text-underline-offset:5px}
.video-home #areas{padding-bottom:70px}
.contact-dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:80;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:310px;max-width:calc(100% - 32px);padding:7px;background:#151516f5;border:1px solid #ffffff32;border-radius:999px;box-shadow:0 10px 40px #0008;backdrop-filter:blur(12px)}
.contact-dock a,.contact-dock button{font-family:Archivo,sans-serif;display:flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:999px;color:var(--cream);background:transparent;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;text-decoration:none}
.contact-dock button{background:var(--orange);color:var(--black)}
.contact-dock a:hover{background:#ffffff14}
#quick-quote{color:var(--black);background:white;border:0;border-radius:24px;padding:24px 0 0;width:min(700px,calc(100% - 24px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
#quick-quote::backdrop{background:#000b;backdrop-filter:blur(5px)}
#quick-quote .quote-card{box-shadow:none!important;border-radius:0!important;max-width:none}
.quote-close{position:sticky;top:0;margin:0 24px 0 auto;display:block;z-index:1;border:1px solid #d8d5cf;border-radius:999px;background:#f5f2ec;color:#0b0b0c;padding:10px 17px;min-height:44px;font-size:11px}
body:has(#quick-quote[open]){overflow:hidden}
@media(max-width:1050px){.video-home .preview-header{padding:12px 18px}.video-home #site-nav{gap:0}.video-home #site-nav button{margin-top:12px}.film-certification{gap:35px}.video-home .preview-header .brand-logo{width:126px}}
@media(max-width:809px){
 .video-home .preview-header{top:12px;width:calc(100% - 24px);border-radius:16px;padding:10px 14px}
 .video-hero{min-height:740px;min-height:max(700px,94svh);align-items:center}
 .video-hero-content{padding:145px 24px 125px}
 .video-hero h1{font-size:clamp(44px,10.8vw,64px)!important;line-height:1.02!important;margin-bottom:24px;letter-spacing:.015em!important}
 .hero-shade{background:linear-gradient(90deg,#0b0b0cd4,#0b0b0c42),linear-gradient(0deg,#0b0b0cf5 0%,#0b0b0c33 65%,#0b0b0c85)}
 .hero-motion video{object-position:center}
 .hero-description{font-size:16px;line-height:1.65;margin-bottom:26px}
 .hero-contact{flex-direction:column;gap:12px;max-width:370px}
 .hero-contact .btn{width:100%;min-height:52px}
 .hero-personal{font-size:9px;line-height:1.7;letter-spacing:.09em;max-width:280px}
 .hero-discover{left:24px;bottom:36px;font-size:9px}
 .video-toggle{right:20px;bottom:24px;padding:10px 12px;font-size:9px}
 .video-home .custom-section{padding:60px 20px}
 .film-certification{grid-template-columns:minmax(0,1fr);gap:30px}
 .cert-photo img{height:330px}
 .film-signature{bottom:14px;left:14px;right:14px;padding:10px 17px}
 .film-signature strong{font-size:30px}
 .cert-copy h2{font-size:40px!important}
 .video-home #tint-shades{padding:32px 16px;width:calc(100% - 24px);margin-bottom:25px}
 .shade-choice-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .shade-choice-grid article{padding:24px}
 .video-home #about-home{padding-bottom:45px!important}
 .video-home #quote{padding:50px 16px!important}
 .form-contact-options{gap:14px}
 .form-contact-options p{width:100%;text-align:center}
 .contact-dock{bottom:max(12px,env(safe-area-inset-bottom));width:310px}
 #quick-quote{max-height:calc(100dvh - 24px)}
}
@media(prefers-reduced-motion:reduce){.hero-motion video{display:none}}