/* SLV Home Theatres / Atelier edition. Shared across public pages.
   Local assets, no animation framework and no new third-party requests. */
:root{
  --bg:#090d10;
  --panel:#11181b;
  --panel2:#182126;
  --text:#f6f1e8;
  --muted:#b7bbb8;
  --accent:#cdb586;
  --line:rgba(221,205,173,.19);
  --max:1240px;
  --font-body: "Avenir Next", "Segoe UI", Arial, sans-serif;
  --font-display: "Bodoni 72", Didot, "Baskerville", Georgia, serif;
  --motion-ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-padding-top:90px;background:var(--bg)}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
body::selection{background:#cdb586;color:#0e1518}
:where(.wrap){width:min(92%,var(--max));margin-inline:auto}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #e8d4aa;outline-offset:3px}
[hidden]{display:none!important}
header{background:rgba(9,13,16,.83);border-bottom:1px solid rgba(221,205,173,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
header.scrolled{background:rgba(9,13,16,.96);border-bottom-color:rgba(221,205,173,.26);box-shadow:0 15px 45px rgba(0,0,0,.35)}
header nav{height:82px;gap:24px}
.logo{gap:10px;display:inline-flex;align-items:center;min-width:max-content;padding:0;text-decoration:none}
.logo img.logo-mark,.logo img.logo-mark:hover{width:48px;height:48px;max-width:none;object-fit:contain;filter:none;transform:none}
.logo-wordmark{display:flex;flex-direction:column;justify-content:center;line-height:1;gap:4px;color:#f6f1e8}
.logo-wordmark strong{font:600 25px/.95 var(--font-display);letter-spacing:.18em;white-space:nowrap}
.logo-wordmark small{font:600 9px/1.1 var(--font-body);letter-spacing:.23em;color:#d2bc91;white-space:nowrap}
.navlinks{gap:clamp(12px,1.5vw,25px);font-size:12px;letter-spacing:.065em;text-transform:uppercase;color:#e0e0d7}
.navlinks a:hover,.navlinks a:focus-visible{color:#f8dfaa}
.navlinks a::after{background:#cdb586}
.navbtn{border:1px solid rgba(205,181,134,.66);padding:11px 20px;border-radius:3px;color:#ead5ab;letter-spacing:.08em;text-transform:uppercase;font-size:11px;transition:background .3s,color .3s,transform .3s}
.navbtn:hover{background:#cdb586;color:#101619;transform:translateY(-2px)}
.menu-toggle{border:1px solid rgba(221,205,173,.34);border-radius:3px;background:rgba(255,255,255,.035)}
.menu-toggle span{background:#e8d9bf}
.mobile-menu{background:#111719;border-bottom:1px solid rgba(221,205,173,.28)}
.mobile-menu a{border-bottom-color:rgba(221,205,173,.12)}
.mobile-menu-cta{background:#cdb586;color:#11191c!important;border-radius:3px!important}
.eyebrow,.crumb{color:#cdb586;letter-spacing:.18em;font-size:11px}
h1,h2{font-family:var(--font-display);font-weight:500;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
h2{font-size:clamp(32px,4.1vw,57px)}
h3{letter-spacing:-.025em}
.lead,.step p,.card p,.box p{color:var(--muted)}
section{scroll-margin-top:86px}
.sectionhead{gap:35px;margin-bottom:42px}
.sectionhead::after{background:linear-gradient(90deg,#cdb586,transparent)}
.sectionhead .lead{font-size:clamp(15px,1.4vw,17px);line-height:1.75;max-width:420px}
.btn{border-radius:3px;min-height:49px;letter-spacing:.075em;text-transform:uppercase;font-size:11px;font-weight:750;transition:transform .28s var(--motion-ease),box-shadow .3s,border-color .3s,background .3s}
.btn.primary{color:#11191c;background:#d2bc91;border-color:#d2bc91}
.btn.primary:hover{background:#eddbb5;border-color:#eddbb5;box-shadow:0 12px 40px rgba(205,181,134,.19)}
.btn.dark,.btn:not(.primary){border-color:rgba(221,205,173,.38);background:rgba(255,255,255,.02)}
.btn.dark:hover,.btn:not(.primary):hover{border-color:#d2bc91;background:rgba(205,181,134,.10)}
.btn:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.21),transparent)}
.card,.box,.step,.feature,.contactbox,.brandbox,.review,.quote,.quote-form-wrap,.estimator-controls,.estimate-result,.related-services{
  background:#11181b;
  border:1px solid rgba(221,205,173,.16);
  border-radius:5px;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.card:hover,.box:hover,.step:hover,.feature:hover,.brandbox:hover{border-color:rgba(221,205,173,.45);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.card h3,.step h3{font-weight:620}
.icon{font:500 14px var(--font-body);letter-spacing:.1em;color:#d0b98d;border-bottom:1px solid rgba(221,205,173,.65);display:inline-flex;padding-bottom:8px;min-width:34px}
.step::before{color:#cdb586;font-size:11px}
.statbar{border-radius:4px;border-color:rgba(221,205,173,.2);background:rgba(221,205,173,.14)}
.stat{background:#10171a;text-align:left;padding:30px 32px}
.stat strong{font-family:var(--font-display);font-weight:500;color:#e0c99d;font-size:30px}
.stat span{color:#b7bbb8;letter-spacing:.035em}
.founder{gap:clamp(34px,6vw,96px)}
.founder-photo{aspect-ratio:4/5;border-radius:3px;max-width:390px;width:100%;position:relative;border:1px solid rgba(205,181,134,.38);box-shadow:24px 24px 0 -14px rgba(205,181,134,.22),0 24px 65px rgba(0,0,0,.3)}
.founder-photo img{object-fit:cover;object-position:center top}
.founder-copy h3{font:500 clamp(34px,3.8vw,53px)/1.08 var(--font-display)}
.founder-role{color:#d1ba91}
.founder-copy p{color:#c7c7c2;line-height:1.78}
.social-icon{border-color:rgba(221,205,173,.3);color:#d2bc91;background:#111719;animation:none!important;filter:none!important}
.social-icon.instagram,.social-icon.facebook,.social-icon.youtube{color:#d2bc91;border-color:rgba(221,205,173,.3);box-shadow:none;animation:none!important}
.social-icon:hover,.social-icon.instagram:hover,.social-icon.facebook:hover,.social-icon.youtube:hover{background:#cdb586;color:#11191c;border-color:#cdb586;box-shadow:0 8px 25px rgba(0,0,0,.28)}
.projects{gap:12px}
.project{border-radius:4px;min-height:340px;border:1px solid rgba(221,205,173,.16)}
.project:nth-child(1),.project:nth-child(2){min-height:400px}
.project::after{background:linear-gradient(transparent,rgba(5,9,12,.86))}
.project .label{left:24px;bottom:21px;font:500 23px/1.1 var(--font-display);letter-spacing:.015em;max-width:90%}
.project img{filter:saturate(.78) contrast(1.06)}
.project:hover img{filter:saturate(.95) contrast(1.08);transform:scale(1.04)}
.project.coming{border-radius:4px;background:radial-gradient(circle at 85% 10%,rgba(205,181,134,.10),transparent 65%),#10171a}
.review{max-width:960px;padding:clamp(28px,5vw,60px);border-left:2px solid #cdb586}
.review blockquote{font:400 clamp(21px,2.6vw,30px)/1.47 var(--font-display);letter-spacing:-.018em;color:#f2ede3}
.review cite{color:#cdb586}
.stars,.review-meta strong{color:#d4bb8b}
.brand-group{border-bottom-color:rgba(221,205,173,.12)}
.brand-group strong{color:#d1bb94;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.brand-group span,.socials a{border-color:rgba(221,205,173,.17);background:#151b1d;color:#dad9d0;border-radius:3px}
.brandbox{padding:34px}
.quote-form-wrap{padding:clamp(22px,4vw,42px)}
.quote-form input,.quote-form select,.quote-form textarea,.estimator-controls select{
  background:#0b1114;border:1px solid rgba(221,205,173,.23);border-radius:3px;color:#f2ede4;min-height:48px;font-size:16px;
}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus,.estimator-controls select:focus{border-color:#d2bc91;box-shadow:0 0 0 3px rgba(205,181,134,.15)}
.form-submit{font-size:12px}
.estimate-result{background:linear-gradient(145deg,#252722,#151c1d);border-color:rgba(205,181,134,.45)}
.estimate-result strong{color:#f4e4bf}.estimate-result p{color:#d6d1c4}
.estimate-result .btn{background:#d2bc91;color:#151817;border-color:#d2bc91}
.map-card{border-radius:4px;border-color:rgba(221,205,173,.18)}
details{border-radius:4px;border-color:rgba(221,205,173,.18);background:#11181b}
details[open]{border-color:rgba(221,205,173,.48);background:#151d20}
summary{font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}
summary::after{content:'+';float:right;color:#cdb586;font:400 24px/1 var(--font-display);margin-left:12px}
details[open] summary::after{content:'−'}
footer{border-top:1px solid rgba(221,205,173,.2);color:#a6a9a5;background:#0c1114}
.floating .btn{border-radius:3px}
/* The public homepage receives the full cinematic layout; service pages share its visual language. */
.premium-home .hero{min-height:min(790px,calc(100svh - 82px));display:grid;align-items:center;padding:0;isolation:isolate;background:#0b0e0f}
.premium-home .hero::before{
  inset:0;content:"";
  background:linear-gradient(90deg,rgba(6,9,11,.96) 0%,rgba(6,9,11,.82) 30%,rgba(6,9,11,.32) 72%,rgba(6,9,11,.31) 100%),linear-gradient(0deg,rgba(6,9,11,.8),transparent 34%),url('/assets/project-5.jpeg') 57% center/cover no-repeat!important;
  filter:saturate(.79) contrast(1.06);animation:none;transform:scale(1.025);will-change:auto;
}
.premium-home .hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(221,205,173,.72),transparent);pointer-events:none}
.premium-home .hero .wrap{padding:clamp(88px,12vh,170px) 0;position:relative;z-index:1}
.premium-home .hero .eyebrow{font-size:11px;letter-spacing:.23em;color:#e7ca93}
.premium-home .hero h1{font:500 clamp(62px,6.9vw,112px)/.98 var(--font-display);max-width:970px;letter-spacing:-.047em;text-shadow:0 2px 30px rgba(0,0,0,.2)}
.premium-home .hero h1 em{font-style:italic;color:#e2c997;white-space:normal}
.premium-home .hero p{font-size:clamp(16px,1.45vw,19px);line-height:1.7;color:#edece5;max-width:595px}
.premium-home .hero-trust{gap:22px;color:#e4dccb;font-size:12px;letter-spacing:.025em}
.premium-home .hero-trust span{border-left:1px solid #dec392;padding-left:12px}
.premium-home .hero .actions{margin-top:24px}
.premium-home .hero .btn{min-height:52px}
.premium-home .hero .hero-get-quote{background:#d5bd90!important;color:#11191c!important;border:1px solid #d5bd90!important;border-radius:3px!important;box-shadow:0 15px 35px rgba(0,0,0,.2)!important;min-height:54px!important;min-width:0!important;width:auto!important;margin:27px 0 0!important;padding:14px 27px!important;font-size:12px!important;letter-spacing:.13em!important;font-weight:750!important;transition:background .28s,transform .28s,box-shadow .28s!important}
.premium-home .hero .hero-get-quote:hover,.premium-home .hero .hero-get-quote:focus-visible{background:#ecd8ad!important;box-shadow:0 18px 42px rgba(0,0,0,.32)!important;transform:translateY(-3px)!important}
.premium-home .hero .hero-get-quote-saber,.premium-home .hero .hero-get-quote-saber-path{display:none!important;animation:none!important}
.premium-home .gallery-note{padding:0;background:#10171a}
.premium-home .gallery-note .wrap{width:100%;max-width:none}
.premium-home .statbar{border:0;border-radius:0;gap:0;background:transparent;grid-template-columns:repeat(3,minmax(0,1fr))}
.premium-home .stat{padding:31px clamp(22px,4vw,70px);border-right:1px solid rgba(221,205,173,.16)}
.premium-home .stat:last-child{border:0}
.premium-home section:not(.hero):not(.gallery-note){padding-block:clamp(76px,9vw,126px);border-top:1px solid rgba(221,205,173,.08)}
.premium-home #projects{background:#0c1215}
.premium-home #about,.premium-home #reviews{background:radial-gradient(circle at 84% 15%,rgba(205,181,134,.045),transparent 42%)}
.premium-home #quote{background:linear-gradient(180deg,#0b1114,#141a1a)}
@media(min-width:801px){
 .premium-home #services .grid>.card:nth-child(2),.premium-home #services .grid>.card:nth-child(5){transform:translateY(18px)}
 .premium-home #services .grid>.card:nth-child(2):hover,.premium-home #services .grid>.card:nth-child(5):hover{transform:translateY(11px)}
}
@media(max-width:1050px){.navlinks{gap:10px;font-size:11px}header nav{gap:14px}.logo-wordmark strong{font-size:22px}.logo-wordmark small{font-size:8px}.navbtn{padding-inline:13px}}
@media(max-width:800px){
 header nav{height:69px}
 .navlinks,.navbtn{display:none}
 .mobile{display:flex}
 .logo img.logo-mark{width:43px;height:43px}
 .logo-wordmark strong{font-size:21px}.logo-wordmark small{font-size:8px}
 .premium-home .hero{min-height:0!important;display:block;padding:0}
 .premium-home .hero::before{background:linear-gradient(90deg,rgba(6,9,11,.85),rgba(6,9,11,.63)),linear-gradient(0deg,rgba(6,9,11,.73),transparent 50%),url('/assets/project-5.jpeg') 58% center/cover no-repeat!important;transform:none}
 .premium-home .hero .wrap{padding:72px 0 78px}
 .premium-home .hero h1{font-size:clamp(52px,10vw,78px);max-width:680px}
 .premium-home .hero .actions{padding-bottom:0}
 .premium-home .statbar{grid-template-columns:repeat(3,minmax(0,1fr))}
 .premium-home .stat{padding:22px 15px}.premium-home .stat strong{font-size:24px}
 .premium-home section:not(.hero):not(.gallery-note){padding-block:72px}
 .founder-photo{max-width:min(78vw,360px);width:100%;aspect-ratio:4/5}
 .project:nth-child(n),.project:nth-child(1),.project:nth-child(2){min-height:250px}
}
@media(max-width:560px){
 .wrap{width:calc(100% - 36px)}
 .premium-home .hero{padding:0}
 .premium-home .hero .wrap{padding:62px 0 60px}
 .premium-home .hero h1{font-size:clamp(51px,12vw,67px);line-height:1.02;margin:17px 0}
 .premium-home .hero p{font-size:16px;line-height:1.68}
 .premium-home .hero-trust{display:grid;gap:10px}
 .premium-home .hero .hero-get-quote{min-height:51px!important;margin-top:21px!important;width:100%!important}
 .premium-home .hero .actions{margin-top:12px;padding-bottom:60px}
 .premium-home .statbar{grid-template-columns:1fr}
 .premium-home .stat{padding:17px 24px;border-right:0;border-bottom:1px solid rgba(221,205,173,.13)}
 .premium-home .stat strong{font-size:25px}.premium-home .stat span{font-size:12px}
 .premium-home section:not(.hero):not(.gallery-note){padding-block:63px}
 .sectionhead{margin-bottom:27px}
 .card,.box,.contact,.quote-form-wrap,.estimator-controls,.estimate-result{padding:22px}
 .project:nth-child(n){min-height:275px}
 .review blockquote{font-size:24px}
 .floating{bottom:calc(8px + env(safe-area-inset-bottom))}
 .floating a{border-radius:3px}
}
@media(prefers-reduced-motion:reduce){
 .premium-home .hero::before{animation:none!important;transform:none!important}
 .premium-home .hero .hero-get-quote:hover{transform:none!important}
 .card:hover,.box:hover,.step:hover,.feature:hover,.brandbox:hover,.project:hover img{transform:none!important}
}
/* Standalone thank-you and Google review pages use the same identity. */
.thank-you.hero::before{background:linear-gradient(90deg,rgba(6,9,11,.96),rgba(6,9,11,.52)),url('/assets/project-5.jpeg') center/cover no-repeat!important;filter:saturate(.75);animation:none;transform:none}
.thank-you.hero .wrap{position:relative;z-index:1}
.review-page{background:radial-gradient(circle at 80% 10%,rgba(205,181,134,.10),transparent 39%),#090d10}
.review-card{border:1px solid rgba(221,205,173,.28);background:#12191b;border-radius:5px;box-shadow:0 28px 80px rgba(0,0,0,.36)}
.review-card .brand img{width:min(300px,72vw)}
.review-card h1{font:500 clamp(33px,6vw,55px)/1.08 var(--font-display);color:#f6f1e8}
.review-card .eyebrow,.review-card .stars{color:#cdb586}
.google-review-button{background:#d2bc91;color:#11191c;border-radius:3px;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.google-review-button:hover{background:#ecd8ad;opacity:1}
.review-card .home-link{color:#e1c89b}
/* Existing secondary-page CSS pointed to assets/assets/project-1.jpeg. */
body:not(.premium-home) .hero:not(.thank-you){background:linear-gradient(90deg,rgba(6,9,11,.95),rgba(6,9,11,.69) 58%,rgba(6,9,11,.53)),url('/assets/project-1.jpeg') 58% center/cover no-repeat}

/* V26 cinema motion: local project photography and a small, accessible controller. */
.premium-home .hero .cinema-scenes{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.premium-home .hero .cinema-scene{position:absolute;inset:-2%;opacity:0;background-position:center;background-size:cover;transform:scale(1.03);transition:opacity 1.2s ease,transform 8s linear;will-change:opacity;filter:saturate(.83) contrast(1.06)}
.premium-home .hero .cinema-scene.is-active{opacity:1;transform:scale(1.09)}
.premium-home .hero .cinema-scene-1{background-image:url('/assets/project-5.jpeg')}
.premium-home .hero .cinema-scene-2{background-image:url('/assets/project-3.jpeg')}
.premium-home .hero .cinema-scene-3{background-image:url('/assets/project-4.jpeg')}
.premium-home .hero::before{z-index:1;background:linear-gradient(90deg,rgba(6,9,11,.96) 0%,rgba(6,9,11,.81) 31%,rgba(6,9,11,.38) 74%,rgba(6,9,11,.34) 100%),linear-gradient(0deg,rgba(6,9,11,.8),transparent 36%)!important;transform:none!important;filter:none;pointer-events:none}
.premium-home .hero .wrap{z-index:2}
.premium-home .hero::after{z-index:2}
.premium-home .cinema-controls{position:absolute;bottom:27px;right:max(4%,calc((100vw - 1240px)/2));z-index:3;display:flex;align-items:center;gap:12px;color:#f6f1e8}
.premium-home .cinema-controls-label{font-size:10px;letter-spacing:.18em;color:#e5d0a9;margin-right:9px}
.premium-home .cinema-controls button{width:38px;height:38px;border:1px solid rgba(235,218,184,.52);border-radius:50%;color:#f6f1e8;background:rgba(9,13,16,.52);cursor:pointer;transition:background .25s,transform .25s,border-color .25s}
.premium-home .cinema-controls button:hover,.premium-home .cinema-controls button:focus-visible{background:#d2bc91;color:#11191c;transform:scale(1.07);border-color:#d2bc91}
.premium-home .cinema-count{min-width:45px;text-align:center;font-size:11px;letter-spacing:.13em;font-variant-numeric:tabular-nums}
.premium-home #services .card{position:relative;overflow:hidden}
.premium-home #services .card::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#d2bc91,transparent);transform:scaleX(0);transition:transform .5s var(--motion-ease)}
.premium-home #services .card:hover::after,.premium-home #services .card:focus-visible::after{transform:scaleX(1)}
.premium-home .project .label{transition:transform .4s var(--motion-ease)}
.premium-home .project:hover .label{transform:translateY(-6px)}
.premium-home .project::before{content:"VIEW PROJECT  ↗";position:absolute;right:19px;top:18px;z-index:3;color:#f8e8c6;font-size:10px;letter-spacing:.15em;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.premium-home .project:hover::before{opacity:1;transform:none}
.premium-home details p{animation:premiumDetailsIn .35s var(--motion-ease)}
@keyframes premiumDetailsIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:800px){
 .premium-home .hero::before{background:linear-gradient(90deg,rgba(6,9,11,.88),rgba(6,9,11,.65)),linear-gradient(0deg,rgba(6,9,11,.78),transparent 52%)!important}
 .premium-home .cinema-controls{right:18px;bottom:15px;gap:9px}
 .premium-home .cinema-controls-label{display:none}
}
@media(prefers-reduced-motion:reduce){
 .premium-home .hero .cinema-scene{transition:none!important;transform:none!important}
 .premium-home #services .card::after,.premium-home .project::before,.premium-home details p{animation:none!important;transition:none!important}
}