/* SLV / cinema atelier — V27. This sits on top of existing V25/V26 rules. */
:root{--bg:#080b13;--panel:#111723;--panel2:#1b2330;--text:#f8f4ed;--muted:#bcc1c7;--accent:#e4bd80;--line:rgba(230,196,144,.19);--max:1300px}
html{background:#080b13}
body{background:#080b13;overflow-x:clip}
header{background:rgba(8,11,19,.78);border-bottom-color:rgba(230,196,144,.16)}
header.scrolled{background:rgba(8,11,19,.95)}
.logo{min-width:0;gap:0}
.logo img.slv-v27-wordmark,.logo img.slv-v27-wordmark:hover{display:block;width:clamp(204px,20vw,252px);height:auto;max-width:100%;object-fit:contain;filter:none;transform:none}
.navlinks{gap:clamp(10px,1.15vw,22px)}
.navlinks a,.navbtn{transition:color .24s,background .24s,border-color .24s}
.navlinks a:hover{color:#f2d3a1}
.navbtn{border-color:rgba(230,196,144,.56);color:#f0d1a0}
.navbtn:hover{background:#e4bd80;border-color:#e4bd80;color:#111522}
.eyebrow{color:#e4bd80}
.premium-home .hero{min-height:min(845px,calc(100svh - 82px));background:#0e121b}
.premium-home .hero::before{background:linear-gradient(90deg,rgba(7,10,17,.95) 0%,rgba(7,10,17,.78) 34%,rgba(7,10,17,.14) 78%),linear-gradient(0deg,#0c101b,transparent 46%)!important}
.premium-home .hero::after{height:2px;background:linear-gradient(90deg,transparent,#d7af70,#ffe1aa,transparent)}
.premium-home .hero .wrap{padding-block:clamp(78px,11vh,160px)}
.premium-home .hero h1{font-family:var(--font-display);font-size:clamp(64px,7.8vw,125px);font-weight:500;line-height:.97;letter-spacing:-.065em;max-width:990px}
.premium-home .hero h1 em{color:#efc991}
.premium-home .hero p{color:#f2f0ed;text-shadow:0 1px 20px rgba(0,0,0,.6)}
.premium-home .hero .eyebrow{color:#f6d69e}
.premium-home .hero-trust span{border-color:#e4bd80}
.premium-home .hero .hero-get-quote{background:#e8c794!important;color:#10131b!important;border-color:#e8c794!important}
.premium-home .hero .hero-get-quote:hover{background:#fff0cb!important}
.premium-home .hero .btn.dark{backdrop-filter:blur(8px);background:rgba(17,21,31,.43);border-color:rgba(249,231,200,.62)}
.premium-home .hero .cinema-scene{filter:saturate(1.04) contrast(1.06)}
.premium-home .cinema-controls{padding:6px 8px;border:1px solid rgba(234,200,149,.34);border-radius:99px;background:rgba(13,18,26,.6);backdrop-filter:blur(14px)}
.premium-home .cinema-controls-label{padding-left:13px}
.premium-home .cinema-controls button{background:rgba(10,14,23,.7)}
.cinema-ribbon{overflow:hidden;background:#d7b27a;color:#181521;border-block:1px solid #f4dbae;height:53px;display:flex;align-items:center;white-space:nowrap}
.cinema-ribbon-track{font-size:11px;letter-spacing:.37em;font-weight:800;word-spacing:22px;min-width:max-content;animation:slvRibbon 36s linear infinite}
.cinema-ribbon-track span{color:#503b40;letter-spacing:0}
@keyframes slvRibbon{to{transform:translateX(-33.33%)}}
.premium-home .gallery-note{background:#121825}
.premium-home .stat{background:#121825;border-color:rgba(230,196,144,.19)}
.premium-home .stat strong{color:#f1d29e}
.premium-home .stat span{color:#ced0d2}
.premium-home section:not(.hero):not(.gallery-note){border-top-color:rgba(230,196,144,.08)}
.premium-home .experience-section{background:radial-gradient(ellipse at 90% 0%,rgba(130,90,127,.24),transparent 50%),linear-gradient(145deg,#161b29,#0a0e18 68%);overflow:hidden}
.experience-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(40px,6vw,110px);align-items:center}
.experience-copy h2{font-size:clamp(43px,5.7vw,79px);line-height:1.04;margin:17px 0 18px}
.experience-copy h2 em{font-weight:400;color:#ebc491}
.experience-copy .lead{font-size:16px;line-height:1.74;color:#c7cad0;max-width:535px}
.experience-selector{margin-top:32px;border-top:1px solid rgba(237,209,165,.26)}
.experience-choice{display:grid;grid-template-columns:40px 1fr 23px;gap:10px;align-items:center;width:100%;text-align:left;padding:18px 8px;border:0;border-bottom:1px solid rgba(237,209,165,.24);background:transparent;color:#d9dce0;cursor:pointer;transition:padding .28s,color .28s,background .28s}
.experience-choice span:first-child{font:500 12px var(--font-body);color:#c9a775}
.experience-choice strong{font:500 clamp(23px,2vw,30px) var(--font-display)}
.experience-choice span:last-child{font-size:19px}
.experience-choice:hover,.experience-choice.is-current,.experience-choice:focus-visible{color:#f3d09b;background:linear-gradient(90deg,rgba(228,189,128,.11),transparent);padding-left:18px}
.experience-detail{min-height:56px;margin:24px 0;color:#e7e3db;line-height:1.65;max-width:460px}
.experience-link{display:inline-flex;gap:16px;align-items:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f2d5a8;border-bottom:1px solid #d6ad74;padding-bottom:10px}
.experience-link span{font-size:18px;transition:transform .3s}
.experience-link:hover span{transform:translate(3px,-3px)}
.experience-visual{position:relative;aspect-ratio:4/5;min-height:490px;border:1px solid rgba(237,209,165,.5);overflow:hidden;box-shadow:22px 22px 0 -12px rgba(217,172,109,.28),0 50px 100px rgba(0,0,0,.34)}
.experience-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .72s ease,transform 1.4s var(--motion-ease);filter:saturate(.85) contrast(1.07)}
.experience-image.is-current{opacity:1;transform:scale(1)}
.experience-visual::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(8,11,19,.58));pointer-events:none}
.experience-visual-label{position:absolute;z-index:1;bottom:20px;left:22px;letter-spacing:.25em;color:#fff2d8;font-size:10px;text-shadow:0 2px 12px #000}
.premium-home #services{background:radial-gradient(circle at 12% 10%,rgba(71,75,138,.16),transparent 45%),#0c101b}
.premium-home #services .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.premium-home #services .card{min-height:244px;background:linear-gradient(150deg,#171d2d,#121724);border:1px solid rgba(221,190,147,.24);padding:32px;transition:transform .38s var(--motion-ease),box-shadow .38s,border-color .38s}
.premium-home #services .card:hover{transform:translateY(-9px);box-shadow:0 26px 62px rgba(0,0,0,.3);border-color:#d8b17e}
.premium-home #services .card h3{font:500 clamp(24px,2.4vw,32px)/1.2 var(--font-display);margin:25px 0 10px}
.premium-home #services .card p{line-height:1.72;color:#bfc5c9}
.premium-home #services .card:nth-child(2),.premium-home #services .card:nth-child(5){transform:none}
.premium-home #services .card:nth-child(2):hover,.premium-home #services .card:nth-child(5):hover{transform:translateY(-9px)}
.premium-home #projects{background:#0d121e}
.premium-home .project{border-color:rgba(234,200,149,.24)}
.premium-home .project img{filter:saturate(.95) contrast(1.05)}
.premium-home .project:hover img{filter:saturate(1.06) contrast(1.07);transform:scale(1.075)}
.premium-home #process{background:radial-gradient(circle at 85% 25%,rgba(147,100,122,.13),transparent 44%),#121727}
.premium-home .step,.premium-home .review,.premium-home .card,.premium-home .feature{background:#161d2a}
.premium-home .step{border-color:rgba(234,200,149,.23);min-height:206px}
.premium-home .step::before{color:#f2cd92}
.premium-home .step h3{font:500 25px var(--font-display)}
.premium-home .review{border-left:3px solid #e3b87b;background:linear-gradient(125deg,#20253a,#141925);box-shadow:0 30px 80px rgba(0,0,0,.24)}
.premium-home #quote{background:radial-gradient(circle at 80% 10%,rgba(121,84,129,.22),transparent 45%),linear-gradient(180deg,#0e1220,#171d2b)}
.btn.primary{background:#e5c18b;border-color:#e5c18b;color:#111521}
.btn.primary:hover{background:#f3d7a7;border-color:#f3d7a7}
.card,.box,.step,.feature,.contactbox,.brandbox,.review,.quote,.quote-form-wrap,.estimator-controls,.estimate-result,.related-services,details{border-color:rgba(230,196,144,.19)}
footer{background:#090d17}
@media(max-width:1050px){.logo img.slv-v27-wordmark{width:202px}.experience-grid{gap:34px}}
@media(max-width:800px){
 .logo img.slv-v27-wordmark{width:207px}
 .premium-home .hero::before{background:linear-gradient(90deg,rgba(7,10,17,.87),rgba(7,10,17,.62)),linear-gradient(0deg,#0c101b,transparent 45%)!important}
 .experience-grid{grid-template-columns:1fr;gap:42px}
 .experience-visual{min-height:0;aspect-ratio:4/3;max-width:680px}
 .premium-home #services .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 .logo img.slv-v27-wordmark{width:182px}
 header nav{gap:8px}
 .premium-home .hero .wrap{padding:70px 0 75px}
 .premium-home .hero h1{font-size:clamp(52px,11.2vw,72px);line-height:1.02}
 .premium-home .cinema-controls{bottom:12px}
 .cinema-ribbon{height:42px}.cinema-ribbon-track{font-size:9px}
 .experience-copy h2{font-size:clamp(42px,10vw,62px)}
 .experience-visual{aspect-ratio:4/4.5;max-width:100%}
 .premium-home #services .grid{grid-template-columns:1fr}
 .premium-home #services .card{min-height:0}
 .premium-home .stat strong{font-size:24px}
}
@media(prefers-reduced-motion:reduce){
 .cinema-ribbon-track{animation:none!important}
 .experience-image,.experience-choice,.experience-link span{transition:none!important}
 .premium-home #services .card:hover,.premium-home #services .card:nth-child(2):hover,.premium-home #services .card:nth-child(5):hover{transform:none!important}
}

.premium-home .hero .cinema-scene-1{background-image:url('/assets/slv-cinema-concept-v27.webp')}

/* V28 typography system: bundled fonts; no third-party font request. */
@font-face{font-family:"SLV Rubik";src:url('/assets/fonts/Rubik-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"SLV Rubik";src:url('/assets/fonts/Rubik-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"SLV Caladea";src:url('/assets/fonts/Caladea-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--font-body:"SLV Rubik",Arial,sans-serif;--font-display:"SLV Rubik",Arial,sans-serif}
body{font-family:var(--font-body);letter-spacing:-.008em}
h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.046em;line-height:1.08}
.premium-home .hero h1{font-family:var(--font-display);font-size:clamp(58px,6.1vw,103px);font-weight:400;letter-spacing:-.057em;line-height:1.07;max-width:1050px}
.premium-home .hero h1 em,.experience-copy h2 em{font-family:"SLV Caladea",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.048em}
.experience-copy h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.051em}
.experience-choice strong,.premium-home #services .card h3,.premium-home .step h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em}
.premium-home .project .label{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em}
.premium-home .review blockquote{font-family:"SLV Caladea",Georgia,serif;font-style:italic;font-weight:400;line-height:1.48}
.premium-home .stat strong{font-family:var(--font-display);font-weight:400;letter-spacing:-.04em}
.navlinks,.btn,.eyebrow,.navbtn{font-family:var(--font-body)}
.btn,.navbtn{font-weight:700}
@media(max-width:560px){.premium-home .hero h1{font-size:clamp(49px,10.5vw,67px);line-height:1.1}.experience-copy h2{font-size:clamp(40px,9.3vw,59px)}}