/* Theme Name: ShineLab Premium Author: ShineLab Description: Editorial, bilingual detailing website with car make/model/year pricing. Version: 2.0.0 Requires at least: 6.5 Requires PHP: 7.4 Text Domain: shinelab-premium License: GPL-2.0-or-later */ :root{--dark:#141517;--dark2:#1b1d1f;--dark3:#252628;--paper:#eae8e3;--paper2:#f4f2ed;--ink:#171719;--cream:#f8f7f4;--muted:#aba9ae;--line:rgba(255,255,255,.13);--purple:#bb9be1;--violet:#6a478a;--body:'General Sans','Arial',sans-serif;--display:'Clash Display','Arial',sans-serif;--width:1220px} *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--dark);color:var(--cream);font-family:var(--body);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.no-scroll{overflow:hidden}a{text-decoration:none;color:inherit}img,svg{display:block;max-width:100%}input,select,textarea,button{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em;line-height:1.08;font-weight:600}p{line-height:1.75}svg.sl-icon{width:22px;height:22px;flex-shrink:0}::selection{background:var(--purple);color:#111}.container{width:min(calc(100% - 104px),var(--width));margin-inline:auto}.section-pad{padding:120px 0}.skip-link{position:fixed;top:-90px;left:16px;padding:12px 18px;background:var(--paper);color:var(--dark);z-index:800}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--purple);outline-offset:4px}.noise-layer,.hero-glow,.hero-art-ring,.hero-art-star,.inner-orb,.eyebrow-line,.page-trail,.section-index,.process-index,.package-number,.offer-number,.offer-tag,.aside-deco,.art-caption{display:none!important} /* Header: small, clear controls and no distracting decoration */ .site-header{height:88px;position:sticky;top:0;z-index:150;background:var(--dark);border-bottom:1px solid var(--line)}.site-header.scrolled{background:var(--dark)}.nav-shell{height:100%;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;gap:10px;align-items:center;flex-shrink:0}.brand-symbol{display:block;width:37px;height:42px;position:relative;overflow:visible}.brand-symbol .brand-flask{width:37px;height:42px;object-fit:contain;animation:floatFlask 6s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(187,155,225,.20))}@keyframes floatFlask{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.brand-text{font-family:var(--display);font-weight:700;letter-spacing:-.035em;font-size:24px;line-height:.95;white-space:nowrap}.brand-text>span{color:var(--purple)}.brand-text small{display:block;font-family:var(--body);font-weight:600;letter-spacing:.24em;color:#878589;font-size:8px;margin-top:6px}.desktop-nav{display:flex;align-items:center;gap:40px;margin:auto}.nav-link{font-size:14px;font-weight:500;color:#a6a5a8;transition:color .16s;position:relative}.nav-link:hover,.nav-link.is-current{color:#fff}.nav-link.is-current::after{position:absolute;content:'';background:var(--purple);height:2px;width:100%;left:0;bottom:-31px}.nav-actions{display:flex;align-items:center;gap:23px}.language-switch{display:flex;align-items:center;gap:9px}.language-switch a{color:#858287;font-size:12px;font-weight:600;transition:color .2s}.language-switch a.active,.language-switch a:hover{color:#fff}.lang-divider{font-size:11px;color:#555458}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:53px;padding:0 23px;border:1px solid transparent;border-radius:3px;font-size:14px;font-weight:600;line-height:1.2;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.button .sl-icon{width:18px;height:18px}.button-nav{min-height:44px;padding:0 17px;gap:14px;border-color:#a689cd;color:#f5f1fa;background:transparent;font-size:13px}.button-nav:hover{background:var(--purple);color:var(--ink)}.button-primary{background:#d1b4ee;color:#16131a}.button-primary:hover{background:#e3cef7}.button-light{background:#191919;color:#fff}.button-light:hover{background:#363038}.button-text{display:inline-flex;align-items:center;gap:13px;border-bottom:1px solid currentColor;padding:0 0 5px;font-size:15px;font-weight:600;line-height:1.2;transition:color .2s}.button-text:hover{color:var(--purple)}.button-text svg{width:18px;height:18px}.mobile-toggle,.mobile-nav{display:none} /* Home hero: photography, a short headline, generous white space */ .editorial-hero{position:relative;min-height:min(780px,calc(100svh - 88px));background:#252629;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-photography{position:absolute;inset:0 0 0 34%;z-index:-2;background-color:#343437;background-image:linear-gradient(135deg,#2b2c30,#121315);background-size:cover;background-position:58% 50%}.editorial-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#141517 1%,rgba(20,21,23,.96) 23%,rgba(20,21,23,.69) 47%,rgba(20,21,23,.08) 82%),linear-gradient(0deg,rgba(12,13,14,.42),transparent 27%);pointer-events:none}.hero-inner{display:flex;align-items:center;min-height:inherit}.hero-main{max-width:690px;padding:108px 0 120px}.hero-main h1{font-size:clamp(60px,6.9vw,104px);line-height:.97;max-width:680px;text-wrap:balance;letter-spacing:-.048em}.hero-main p{font-size:clamp(17px,1.5vw,20px);max-width:500px;color:#d1ced1;line-height:1.68;margin-top:33px}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:40px}.hero-actions .button-text{color:#fff}.hero-actions .button-text:hover{color:var(--purple)} /* Editorial split sections, no arbitrary numbers or filler labels */ .story-section{background:var(--paper);color:var(--ink)}.story-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(50px,8vw,135px);align-items:start}.story-layout h2{font-size:clamp(49px,5.1vw,76px);max-width:650px;line-height:1.04}.story-copy{padding-top:4px}.story-copy>p{color:#535054;font-size:19px;line-height:1.8}.story-copy blockquote{margin:62px 0 0;padding:0 0 0 25px;border-left:2px solid var(--violet);font-family:var(--display);font-weight:500;font-size:clamp(24px,2.6vw,34px);line-height:1.32;letter-spacing:-.02em} .method-section{background:#1c1d1f}.method-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:62px}.method-intro h2{font-size:clamp(46px,4.5vw,68px);max-width:700px}.method-intro p{color:#b1aeb0;max-width:400px;font-size:17px}.method-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #575557}.method-item{padding:32px 34px 0 0}.method-item+.method-item{padding-left:34px;border-left:1px solid #444345}.method-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;color:var(--purple)}.method-icon svg{width:28px;height:28px;stroke-width:1.4}.method-item h3{font-size:25px;font-weight:600;margin-bottom:15px}.method-item p{font-size:15px;color:#b0acb0;line-height:1.85} .feature-section{background:#252628}.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,7.8vw,115px);align-items:center}.feature-image{min-height:570px;background:#252528 url("assets/img/shinelab-brand.webp") center / cover no-repeat;overflow:hidden}.feature-image img{width:100%;height:570px;object-fit:cover;object-position:center}.feature-copy{max-width:470px}.feature-copy h2{font-size:clamp(40px,4.2vw,65px);line-height:1.07}.feature-copy>p{font-size:18px;line-height:1.8;color:#bdb8bd;margin:29px 0 42px}.end-section{background:#c7b1de;color:#1c1622;padding:92px 0}.end-layout{display:flex;gap:60px;align-items:center;justify-content:space-between}.end-layout h2{font-size:clamp(39px,4vw,60px)}.end-layout p{max-width:580px;margin-top:17px;font-size:17px;color:#413449}.end-layout .button{flex-shrink:0} /* Distinct secondary pages */ .interior-hero{background:#212224;min-height:320px;display:flex;align-items:center;padding:74px 0 78px}.interior-title{max-width:930px;font-size:clamp(53px,6.2vw,91px);line-height:1.02;letter-spacing:-.045em}.interior-hero-content>p{font-size:19px;line-height:1.75;color:#c3bfc4;max-width:665px;margin-top:25px}.pricing-section{background:var(--paper);color:var(--ink)}.vehicle-finder{padding:45px 46px 35px;background:#fff;border:1px solid #d5d1cb;margin-bottom:105px;box-shadow:0 24px 50px rgba(20,20,20,.055)}.vehicle-finder-head{display:flex;gap:22px;align-items:flex-start;margin-bottom:35px}.vehicle-finder-icon{display:grid;place-items:center;width:52px;height:52px;color:var(--violet);background:#eee6f4;flex-shrink:0}.vehicle-finder-icon svg{width:27px;height:27px}.vehicle-finder-head h2{font-size:32px;margin-bottom:10px}.vehicle-finder-head p{color:#666166;font-size:16px}.vehicle-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.vehicle-field label{display:block;margin-bottom:11px;font-size:13px;font-weight:600;color:#3b393b}.vehicle-field select{width:100%;border:1px solid #d6d3cd;height:58px;background:#f7f6f3;color:#222;padding:0 40px 0 16px;border-radius:2px;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%23604778' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.vehicle-field select:disabled{opacity:.55;cursor:not-allowed}.vehicle-field select:focus-visible,.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #9777bd;outline-offset:2px}.vehicle-result{margin-top:28px;padding:26px 0;border-top:1px solid #dedbd6;border-bottom:1px solid #dedbd6}.vehicle-result-content{display:flex;gap:18px;align-items:center}.vehicle-size-badge{height:52px;width:52px;display:grid;place-items:center;background:#75538c;color:#fff;font-family:var(--display);font-size:24px;font-weight:700}.vehicle-size-badge.is-empty{background:#eceae7;color:#6c666a}.vehicle-result strong{font-size:16px;font-weight:600}.vehicle-result p{font-size:14px;color:#6b666b;margin-top:3px}.vehicle-fallback{padding-top:22px;display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap}.vehicle-fallback>span{font-size:14px;color:#555055}.size-selector{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.size-selector-label{font-size:14px;color:#645f63}.vehicle-fallback .size-selector-label{display:none}.size-selector-buttons{display:flex;gap:6px}.size-btn{border:1px solid #d1cdc8;background:#faf9f6;color:#4d484e;padding:10px 17px;font-size:13px;line-height:1.3;border-radius:2px;transition:background .15s,color .15s}.size-btn.is-selected{background:#28242d;color:#fff;border-color:#28242d}.vehicle-finder-notice{font-size:12px;color:#797178;margin-top:23px;max-width:780px;line-height:1.7}.price-section-header{margin-bottom:38px;display:flex;justify-content:space-between;align-items:end;gap:25px}.price-section-header h2{font-size:clamp(35px,4vw,55px);margin:0}.price-section-header p{margin-top:13px;color:#636062;font-size:16px;max-width:700px}.packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.package-card{padding:34px 30px 28px;display:flex;flex-direction:column;min-height:620px;background:#fff;border:1px solid #d7d3ce;position:relative}.package-card.package-featured{border-top:4px solid #8961ab;padding-top:31px}.package-top{display:flex;justify-content:flex-start;margin-bottom:28px}.package-icon{color:#77538c}.package-icon .sl-icon{width:29px;height:29px;stroke-width:1.35}.package-head{margin-bottom:21px}.package-head h3{font-size:clamp(23px,2vw,32px);line-height:1.14}.package-tag{font-size:13px;font-weight:500;color:#796b7e;margin-bottom:10px}.package-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:22px}.package-price .price-value{font-family:var(--display);font-size:clamp(24px,2.2vw,34px);font-weight:600;line-height:1.15;letter-spacing:-.035em;color:#242127;white-space:nowrap}.price-period{font-size:13px;color:#666169}.package-divider{height:1px;background:#e7e4df;width:100%;margin-bottom:21px}.package-points{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:17px}.package-points li{display:flex;gap:12px;color:#5d585c;font-size:14px;line-height:1.55}.package-points .sl-icon{width:16px;height:16px;color:#79608e;margin-top:3px}.package-link{margin-top:auto;padding-top:22px;border-top:1px solid #e7e4df;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#332b37;font-weight:600}.package-link:hover{color:#8b56ad}.package-link .sl-icon{height:18px;width:18px} /* Individual services: clean editorial rows rather than synthetic cards */ .single-section{background:#171819;color:#fff}.single-section .price-section-header p{color:#aaa5a8}.single-size-indicator{font-size:13px;border:1px solid #59545d;padding:11px 16px;white-space:nowrap;color:#a5a1a7}.single-size-indicator strong{color:#fff;font-weight:600}.single-services-grid{border-top:1px solid #484749}.single-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:26px;align-items:start;padding:30px 0;border-bottom:1px solid #484749}.single-icon{width:43px;height:43px;display:grid;place-items:center;color:#bd9de0}.single-icon svg{width:27px;height:27px;stroke-width:1.4}.single-card h3{font-size:23px;line-height:1.2;margin-bottom:10px}.single-card p{font-size:15px;max-width:750px;color:#a7a3a7}.single-price{font-weight:600;font-size:16px;text-align:right;white-space:nowrap;padding-top:7px}.single-price .price-value{font-family:var(--body);font-size:17px;letter-spacing:0;color:#e4ccee} .extras-section{background:var(--paper2);color:var(--ink)}.extras-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.extra-card{border:1px solid #d5d0cb;background:transparent;padding:32px;display:flex;flex-direction:column;min-height:310px;transition:background .2s,border-color .2s}.extra-card:hover{background:#fff;border-color:#ac91bc}.extra-icon{color:#795b90;margin-bottom:27px}.extra-icon svg{width:30px;height:30px;stroke-width:1.35}.extra-card h3{font-size:25px;margin-bottom:13px}.extra-card p{color:#676266;font-size:15px}.extra-bottom{display:flex;align-items:center;justify-content:space-between;color:#543f64;font-weight:600;font-size:14px;margin-top:auto;padding-top:23px}.extra-bottom svg{height:18px;width:18px} .offer-section{background:#242527;padding:70px 0}.offer-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.offer-top h2{font-size:37px;margin-bottom:15px}.offer-top p{color:#b7b3b6;font-size:16px}.offer-panel ul{padding:0;margin:0;list-style:none;display:grid;gap:16px}.offer-panel li{display:flex;gap:14px;align-items:start;font-size:15px;color:#d2cdd1;line-height:1.6}.offer-panel li svg{width:20px;height:20px;color:var(--purple);margin-top:2px}.price-disclaimer{display:flex;gap:17px;align-items:start;padding-top:30px;padding-bottom:50px;color:#9b969a}.price-disclaimer>span{margin-top:5px;color:var(--purple)}.price-disclaimer p{max-width:980px;font-size:13px;line-height:1.7} /* Contact */ .contact-section{background:var(--paper);color:var(--ink)}.contact-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px;align-items:stretch}.contact-form-shell{padding:52px 48px;background:#fff;border:1px solid #d9d4ce}.contact-form-heading{margin-bottom:35px}.contact-form-heading h2{font-size:38px;margin-bottom:10px}.contact-form-heading p{font-size:15px;color:#696469}.contact-form{display:grid;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;color:#444047;font-size:14px;font-weight:600}.contact-form label>span{color:#795a90}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:11px;min-height:53px;background:#f7f6f3;border:1px solid #d4d0cb;border-radius:2px;color:#202020;padding:13px 15px;font-size:15px;font-weight:400}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8b868a}.contact-form textarea{resize:vertical;min-height:145px}.consent-label{display:flex!important;gap:12px;align-items:flex-start;font-weight:400!important;font-size:13px!important;line-height:1.6}.consent-label input{width:18px;height:18px;accent-color:#6c518a;flex:none;margin:1px 0 0}.consent-label span{color:#5c565d!important}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.form-bottom small{font-size:12px;color:#777076}.form-honeypot{position:absolute!important;left:-9000px!important;height:1px!important;width:1px!important;opacity:0!important}.form-alert{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:22px;font-size:14px;background:#e6f2e7;color:#245334}.form-alert.form-failure{background:#f7e3e2;color:#822828}.contact-aside{background:#242527;color:#f8f7f4;padding:54px 38px}.contact-aside-top h2{font-size:34px;line-height:1.2;max-width:340px}.contact-aside-top p{font-size:15px;color:#a6a2a7;margin-top:18px}.info-list{margin-top:42px}.info-item{display:flex;align-items:start;gap:15px;padding:23px 0;border-top:1px solid #454347}.info-icon{color:var(--purple);width:22px;height:22px;flex:none;margin-top:3px}.info-icon svg{width:21px;height:21px}.info-item strong{font-weight:600;font-size:13px;color:#a7a3a7;display:block;margin-bottom:6px}.info-item a,.info-item div>span{color:#fff;font-size:15px;overflow-wrap:anywhere}.info-item a:hover{color:var(--purple)} /* Footer */ .site-footer{background:#111213;color:#fff;border-top:1px solid #333134}.footer-main{padding:75px 0 78px;display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:70px}.footer-brand .brand-text{font-size:32px}.footer-about p{max-width:330px;color:#9f9ca0;font-size:15px;margin-top:26px}.footer-links{display:grid;gap:15px;align-content:start}.footer-links a{color:#c9c5c9;font-size:15px}.footer-links a:hover{color:#fff}.footer-contact{text-align:right}.footer-contact>a{font-size:17px;font-weight:500;color:#e6d9ef;overflow-wrap:anywhere}.footer-contact p{color:#99949a;font-size:14px;margin-top:18px}.footer-contact>a:hover{color:white}.footer-bottom{min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #343336;color:#969297;font-size:13px}.footer-bottom svg{width:19px;height:19px;color:#e4c5f7}.footer-bottom a{padding:8px} /* Pages without bespoke templates */ .simple-page{background:var(--paper);color:var(--ink)}.simple-page h1{font-size:54px}.simple-page .page-content{max-width:800px;margin-top:20px}.error-code{font-size:50px} @media(max-width:1120px){.container{width:min(calc(100% - 70px),var(--width))}.nav-shell{gap:22px}.desktop-nav{gap:23px}.nav-actions{gap:15px}.hero-main h1{font-size:clamp(60px,7.5vw,88px)}.packages-grid{gap:12px}.package-card{padding:26px 20px}.package-card.package-featured{padding-top:23px}.package-head h3{font-size:25px}.package-price .price-value{font-size:25px}.footer-main{gap:33px}} @media(max-width:920px){.container{width:min(calc(100% - 52px),var(--width))}.site-header{height:74px}.desktop-nav,.button-nav{display:none}.nav-shell{justify-content:space-between}.mobile-toggle{display:grid;place-items:center;background:transparent;border:1px solid #555059;color:#fff;height:40px;width:42px}.mobile-toggle svg{width:22px;height:22px}.mobile-nav{display:none;position:absolute;z-index:160;top:74px;left:0;right:0;background:#1c1c1e;padding:18px 26px 25px;border-bottom:1px solid #454148}.site-header.menu-open .mobile-nav{display:grid;gap:0}.mobile-nav>a{padding:17px 2px;border-bottom:1px solid #363438;font-size:18px}.mobile-nav>a.is-current{color:var(--purple)}.mobile-nav .mobile-contact{color:var(--purple)}.brand-symbol{width:31px;height:36px}.brand-symbol .brand-flask{width:31px;height:36px}.brand-text{font-size:22px}.editorial-hero{min-height:670px}.hero-photography{inset:0 0 0 22%}.hero-main{max-width:600px}.story-layout,.method-intro,.feature-grid{gap:40px}.story-copy blockquote{margin-top:36px}.contact-grid{grid-template-columns:1fr}.contact-aside{padding:38px}.info-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.vehicle-finder{padding:30px}.packages-grid{grid-template-columns:1fr 1fr}.package-card{min-height:0}.packages-grid .package-card:last-child{grid-column:1/-1;max-width:100%}.extras-grid{grid-template-columns:1fr 1fr}.extra-card{min-height:260px}.offer-panel{gap:30px}} @media(max-width:700px){html{scroll-padding-top:78px}.container{width:calc(100% - 40px)}.section-pad{padding:75px 0}.editorial-hero{min-height:690px;align-items:flex-end}.hero-photography{inset:0;background-position:58% center}.editorial-hero::after{background:linear-gradient(0deg,#151618 8%,rgba(21,22,24,.95) 24%,rgba(21,22,24,.48) 57%,rgba(21,22,24,.14) 100%)}.hero-inner{align-items:flex-end}.hero-main{padding:225px 0 68px;max-width:100%}.hero-main h1{font-size:clamp(56px,11.2vw,78px);line-height:.97}.hero-main p{font-size:16px;line-height:1.7;margin-top:24px}.hero-actions{gap:24px;margin-top:29px;flex-wrap:wrap}.hero-actions .button{min-height:49px;padding:0 18px;font-size:13px}.button-text{font-size:14px}.story-layout,.method-intro,.feature-grid{grid-template-columns:1fr;gap:27px}.story-layout h2,.method-intro h2{font-size:clamp(42px,9.4vw,61px)}.story-copy>p{font-size:17px}.story-copy blockquote{font-size:28px}.method-intro{margin-bottom:35px}.method-list{grid-template-columns:1fr}.method-item{display:flex;gap:24px;padding:24px 0}.method-item+.method-item{padding:24px 0;border-left:0;border-top:1px solid #414042}.method-icon{margin:0;width:30px;flex:none}.method-item h3{font-size:23px}.method-item p{font-size:14px}.feature-image,.feature-image img{min-height:380px;height:380px}.feature-copy h2{font-size:44px}.feature-copy>p{font-size:16px;margin:22px 0 27px}.end-section{padding:65px 0}.end-layout{flex-direction:column;align-items:flex-start;gap:24px}.end-layout h2{font-size:48px}.end-layout p{font-size:15px}.interior-hero{min-height:270px;padding:67px 0 60px}.interior-title{font-size:clamp(49px,9.6vw,70px)}.interior-hero-content>p{font-size:16px;margin-top:18px}.vehicle-finder{padding:24px 18px;margin-bottom:64px}.vehicle-finder-head{gap:13px;margin-bottom:25px}.vehicle-finder-head h2{font-size:25px}.vehicle-finder-head p{font-size:14px}.vehicle-finder-icon{width:40px;height:40px}.vehicle-finder-icon svg{width:22px}.vehicle-fields{grid-template-columns:1fr;gap:19px}.vehicle-field select{height:53px}.vehicle-result-content{gap:13px}.vehicle-size-badge{width:46px;height:46px;font-size:21px;flex:none}.vehicle-result strong{font-size:14px}.vehicle-result p{font-size:12px}.vehicle-fallback{display:block}.vehicle-fallback>span{display:block;margin-bottom:14px}.size-selector-buttons{width:100%}.size-btn{flex:1;padding:10px 7px;font-size:12px}.price-section-header{display:block;margin-bottom:25px}.price-section-header h2{font-size:36px}.price-section-header p{font-size:14px}.packages-grid,.extras-grid{grid-template-columns:1fr}.packages-grid .package-card:last-child{grid-column:auto}.package-card{padding:27px 25px}.package-card.package-featured{padding-top:24px}.package-head h3{font-size:27px}.package-price .price-value{font-size:29px}.single-size-indicator{display:inline-block;margin-top:20px}.single-card{grid-template-columns:34px 1fr;gap:15px;padding:24px 0}.single-icon{width:30px;height:30px}.single-icon svg{width:23px;height:23px}.single-card h3{font-size:21px}.single-card p{font-size:14px}.single-price{grid-column:2;text-align:left;padding-top:0}.extra-card{padding:26px;min-height:230px}.extra-card h3{font-size:25px}.offer-panel{grid-template-columns:1fr;gap:25px}.offer-top h2{font-size:32px}.offer-panel li{font-size:14px}.price-disclaimer{padding-top:24px;padding-bottom:34px}.contact-form-shell{padding:29px 21px}.contact-form-heading h2{font-size:32px}.form-row{grid-template-columns:1fr}.form-bottom{align-items:flex-start}.contact-aside{padding:35px 25px}.contact-aside-top h2{font-size:30px}.info-list{grid-template-columns:1fr;margin-top:25px}.footer-main{grid-template-columns:1fr 1fr;gap:33px 14px;padding:55px 0}.footer-about{grid-column:1/-1}.footer-contact{text-align:left;grid-column:1/-1}.footer-about p{max-width:450px;margin-top:14px}.footer-links{grid-column:1/-1;display:flex;gap:28px;flex-wrap:wrap}.footer-bottom{flex-wrap:wrap;gap:10px;font-size:12px;min-height:75px}.footer-bottom>span:nth-child(2){display:none}} @media(max-width:400px){.container{width:calc(100% - 32px)}.brand-text{font-size:20px}.nav-actions{gap:12px}.language-switch a{font-size:11px}.hero-main h1{font-size:52px}.hero-actions{gap:22px}.feature-image,.feature-image img{min-height:310px;height:310px}.contact-form-shell{padding:23px 17px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}} /* Version 1.4: vehicle confirmation and intentional package selection. */ .vehicle-submit-row{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap} .vehicle-submit-row .button{gap:26px;min-height:52px} .vehicle-submit-row .button:disabled{background:#e5e1e7;color:#89808b;cursor:not-allowed;border-color:transparent} .vehicle-submit-hint{color:#807880;font-size:13px} .vehicle-submit-hint[hidden]{display:none} .vehicle-finder.has-result .vehicle-result{border-color:#ad8dc5} .pricing-packages .package-card{border:2px solid #d7d3ce;padding:33px 29px 27px;transition:border-color .15s ease,box-shadow .15s ease} .pricing-packages .package-card.package-featured{border-top:2px solid #d7d3ce;padding-top:33px} .pricing-packages .package-card.is-active{border-color:#8c52b3;box-shadow:0 0 0 2px rgba(140,82,179,.18)} .pricing-packages .package-card.package-featured.is-active{border-top-color:#8c52b3} .package-choose{position:absolute;inset:0;z-index:2;width:100%;height:100%;background:transparent;border:0;border-radius:0;cursor:pointer} .package-choose:focus-visible{outline:3px solid #8c52b3;outline-offset:-5px} .pricing-packages .package-card .package-link{display:none} .pricing-packages .package-card.is-active .package-link{display:flex;position:relative;z-index:3} .pricing-packages .package-card.is-active .package-link:focus-visible{outline:2px solid #8153aa} .pricing-packages .package-card:not(.is-active) .package-points{margin-bottom:0} /* Reference work: quiet photo-led portfolio with real WordPress content. */ .works-hero{background:#202022} .works-section{background:var(--paper);color:var(--ink);min-height:480px} .works-topline{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px} .works-topline h2{font-size:clamp(35px,3.8vw,56px)} .works-topline p{font-size:14px;color:#777079} .works-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:37px} .works-filter{display:inline-flex;align-items:center;min-height:41px;padding:8px 17px;border:1px solid #cbc7c3;font-size:13px;font-weight:600;color:#59505b;transition:background .14s,border-color .14s,color .14s} .works-filter:hover{background:#fff;border-color:#8e70a6;color:#3b2e44} .works-filter.active{background:#29242f;border-color:#29242f;color:#fff} .works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;row-gap:42px} .work-card{display:block;min-width:0} .work-photo{aspect-ratio:4/3;background:#d6d1ce;overflow:hidden} .work-photo>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease} .work-card:hover .work-photo>img{transform:scale(1.035)} .work-empty-image{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(140deg,#333039,#1e1e22);color:#b69bc6} .work-empty-image svg{width:40px;height:40px} .work-meta{display:flex;justify-content:space-between;gap:15px;margin-top:19px} .work-category{font-size:12px;color:#7c627f;font-weight:600} .work-card h3{margin-top:7px;font-size:24px;line-height:1.2;color:#1c1b1d} .work-arrow{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #c9c1c9;color:#4e375b;transition:background .18s} .work-card:hover .work-arrow{background:#d0b6e1} .work-arrow svg{width:17px;height:17px} .works-pagination{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:60px} .page-number{display:grid;place-items:center;min-width:43px;height:43px;border:1px solid #c5bdc3;font-weight:600;font-size:14px} .page-number:hover,.page-number.active{background:#29242f;color:#fff;border-color:#29242f} .works-empty{padding:72px 30px;border:1px solid #cbc4c9;text-align:center;display:grid;justify-items:center;gap:15px} .works-empty span{display:grid;place-items:center;color:#80658f} .works-empty h3{font-size:30px} .works-empty p{font-size:15px;color:#6f6770} .project-detail{background:var(--paper);color:var(--ink)} .project-detail-hero{background:#212224;color:#f4f0f4;padding:68px 0 88px} .back-to-works{display:inline-flex;align-items:center;gap:13px;font-size:14px;font-weight:600;color:#d4c9da;margin-bottom:70px} .back-to-works:hover{color:#fff} .back-to-works svg{width:18px;height:18px} .project-kicker{color:#c2a4dc;font-size:14px;font-weight:600;margin-bottom:18px} .project-detail-hero h1{font-size:clamp(48px,6vw,89px);max-width:960px} .project-description{color:#beb8c1;font-size:18px;line-height:1.7;max-width:760px;margin-top:28px} .project-description p+p{margin-top:15px} .project-gallery-section{padding:70px 0 105px} .project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .project-gallery-image{margin:0;min-width:0;overflow:hidden;background:#d7d1d7;aspect-ratio:4/3} .project-gallery-image:first-child:nth-last-child(odd){grid-column:1/-1;aspect-ratio:16/9} .project-gallery-image img{width:100%;height:100%;object-fit:cover} .project-back-button{margin-top:42px} @media(max-width:1120px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){ .vehicle-submit-row{align-items:stretch;flex-direction:column;gap:11px} .vehicle-submit-row .button{width:100%;justify-content:center} .vehicle-submit-hint{font-size:12px} .pricing-packages .package-card,.pricing-packages .package-card.package-featured{padding:26px 24px} .works-topline{display:block}.works-topline p{margin-top:12px} .works-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:10px} .works-filter{flex:none} .works-grid{grid-template-columns:1fr;row-gap:34px} .work-card h3{font-size:23px} .project-detail-hero{padding:38px 0 60px} .back-to-works{margin-bottom:47px} .project-description{font-size:16px} .project-gallery-section{padding:30px 0 75px} .project-gallery{grid-template-columns:1fr;gap:13px} .project-gallery-image:first-child:nth-last-child(odd){grid-column:auto;aspect-ratio:4/3} } @media(prefers-reduced-motion:reduce){.work-photo>img{transition:none}} /* v1.5.0: clear locale picker, persistent light/dark choice. */ .nav-shell{gap:clamp(16px,2.6vw,38px)} .desktop-nav{gap:clamp(17px,2.2vw,34px)} .nav-actions{gap:11px} .language-picker{position:relative;flex-shrink:0;color:#f7f3f9} .language-picker summary{list-style:none} .language-picker summary::-webkit-details-marker{display:none} .language-trigger{height:43px;min-width:122px;padding:0 11px;display:flex;align-items:center;gap:9px;background:#242428;border:1px solid #554c59;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;user-select:none} .language-flag{font-size:21px;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:none;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif} .language-trigger .sl-icon{height:15px;width:15px;margin-left:auto;color:#c6b3d3;transition:transform .16s} .language-picker[open] .language-trigger{border-color:#af92c8;background:#29262d} .language-picker[open] .language-trigger .sl-icon{transform:rotate(180deg)} .language-options{position:absolute;top:calc(100% + 9px);right:0;width:182px;padding:6px;background:#27262b;border:1px solid #62566e;border-radius:5px;box-shadow:0 16px 42px rgba(0,0,0,.30);z-index:250} .language-options a{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:3px;font-size:14px;font-weight:500;color:#ebe6ed} .language-options a:hover,.language-options a:focus-visible{background:#3b3440;color:white} .language-options a.active{color:#e0c7f2;background:#38303f} .language-options .sl-icon{width:16px;height:16px;margin-left:auto} .theme-toggle{height:43px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #554c59;border-radius:4px;padding:0 11px;background:#242428;color:#f0eaf2;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s} .theme-toggle:hover,.language-trigger:hover{background:#343038;border-color:#9f7cbd} .theme-toggle .sl-icon{height:19px;width:19px;stroke-width:1.8;color:#d2b5ee} .theme-icon-dark,.theme-label-dark{display:none} html[data-sl-theme="light"] .theme-icon-light,html[data-sl-theme="light"] .theme-label-light{display:none} html[data-sl-theme="light"] .theme-icon-dark,html[data-sl-theme="light"] .theme-label-dark{display:inline-flex} @media(max-width:1120px){.nav-actions{gap:8px}.language-trigger{min-width:112px;padding:0 9px;gap:7px}.theme-toggle{padding:0 9px}} @media(max-width:920px){.nav-shell{gap:11px}.nav-actions{gap:9px}.mobile-toggle{flex:none}} @media(max-width:540px){.theme-text{display:none}.theme-toggle{width:40px;padding:0}.language-trigger{min-width:104px;height:40px;padding:0 8px;gap:6px}.theme-toggle{height:40px}.language-trigger .sl-icon{width:12px}.language-name{font-size:12px}} @media(max-width:390px){.language-trigger{min-width:56px;width:56px}.language-trigger .language-name{display:none}.brand{gap:7px}.nav-actions{gap:7px}.nav-shell{gap:7px}.brand-text{font-size:19px}} @media(max-width:350px){.brand-text small{font-size:6px}.brand-symbol,.brand-symbol .brand-flask{width:27px}.language-trigger{min-width:50px;width:50px}.theme-toggle,.mobile-toggle{width:36px}} /* Light mode: an intentionally designed palette, not an inverted dark page. */ html[data-sl-theme="light"]{color-scheme:light;--dark:#f7f5f1;--dark2:#eeeae6;--dark3:#e1dce2;--paper:#f2f0ed;--paper2:#f8f7f4;--ink:#242126;--cream:#242126;--muted:#716b73;--line:rgba(36,33,38,.14);--purple:#8455a8;--violet:#7c529d} html[data-sl-theme="dark"]{color-scheme:dark} html[data-sl-theme="light"] body{background:#f6f4f1;color:#242126} html[data-sl-theme="light"] .site-header{background:#faf9f6;border-color:#ddd7dc} html[data-sl-theme="light"] .brand-text{color:#1c1b1e} html[data-sl-theme="light"] .brand-text>span{color:#8753ac} html[data-sl-theme="light"] .brand-text small{color:#777078} html[data-sl-theme="light"] .nav-link{color:#5b555e} html[data-sl-theme="light"] .nav-link:hover,html[data-sl-theme="light"] .nav-link.is-current{color:#201c24} html[data-sl-theme="light"] .nav-link.is-current::after{background:#8753ac} html[data-sl-theme="light"] .language-picker,html[data-sl-theme="light"] .theme-toggle{color:#322837} html[data-sl-theme="light"] .language-trigger,html[data-sl-theme="light"] .theme-toggle{background:#fff;border-color:#cec3d1;color:#312737} html[data-sl-theme="light"] .language-trigger:hover,html[data-sl-theme="light"] .theme-toggle:hover{background:#f1edf3;border-color:#aa8cb8} html[data-sl-theme="light"] .language-trigger .sl-icon,html[data-sl-theme="light"] .theme-toggle .sl-icon{color:#754893} html[data-sl-theme="light"] .language-picker[open] .language-trigger{background:#f0e9f4;border-color:#9c76b5} html[data-sl-theme="light"] .language-options{background:#fff;border-color:#cfc4d2;box-shadow:0 16px 42px rgba(38,25,48,.15)} html[data-sl-theme="light"] .language-options a{color:#342e36} html[data-sl-theme="light"] .language-options a:hover,html[data-sl-theme="light"] .language-options a:focus-visible{background:#f2eaf6;color:#312438} html[data-sl-theme="light"] .language-options a.active{background:#e9dff0;color:#60397c} html[data-sl-theme="light"] .button-nav{color:#3c2948;border-color:#9b70b6;background:transparent} html[data-sl-theme="light"] .button-nav:hover{background:#e2d2eb;color:#271a2d} html[data-sl-theme="light"] .mobile-toggle{background:#fff;color:#33283a;border-color:#cfc2d2} html[data-sl-theme="light"] .mobile-nav{background:#f9f7f4;color:#231f25;border-color:#d7d0d9;box-shadow:0 12px 24px rgba(35,29,38,.08)} html[data-sl-theme="light"] .mobile-nav>a{border-color:#e0dae1} html[data-sl-theme="light"] .mobile-nav>a.is-current,html[data-sl-theme="light"] .mobile-nav .mobile-contact{color:#82539c} /* Hero photo remains visible, with pale editorial overlay on the headline. */ html[data-sl-theme="light"] .editorial-hero{background:#ece9e6;color:#1e1c21} html[data-sl-theme="light"] .editorial-hero::after{background:linear-gradient(90deg,rgba(247,245,241,.99) 1%,rgba(247,245,241,.96) 24%,rgba(247,245,241,.73) 48%,rgba(247,245,241,.07) 85%),linear-gradient(0deg,rgba(239,235,230,.25),transparent 32%)} html[data-sl-theme="light"] .hero-main p{color:#504b50} html[data-sl-theme="light"] .hero-actions .button-text{color:#342a3a} html[data-sl-theme="light"] .hero-actions .button-text:hover{color:#8855a5} html[data-sl-theme="light"] .button-primary{background:#774d94;color:#fff} html[data-sl-theme="light"] .button-primary:hover{background:#5e377a} html[data-sl-theme="light"] .button-light{background:#262229;color:#fff} /* Alternate editorial sections keep a restrained light-to-warm rhythm. */ html[data-sl-theme="light"] .story-section{background:#f2f0ec;color:#242126} html[data-sl-theme="light"] .story-copy>p{color:#5e5960} html[data-sl-theme="light"] .method-section{background:#e9e7e3;color:#272329} html[data-sl-theme="light"] .method-intro p,html[data-sl-theme="light"] .method-item p{color:#615d63} html[data-sl-theme="light"] .method-list{border-top-color:#c9c4c9} html[data-sl-theme="light"] .method-item+.method-item{border-left-color:#c9c4c9} html[data-sl-theme="light"] .method-icon{color:#8456a8} html[data-sl-theme="light"] .feature-section{background:#faf9f6;color:#252127} html[data-sl-theme="light"] .feature-copy>p{color:#615961} html[data-sl-theme="light"] .end-section{background:#dfd2e8;color:#261c2d} html[data-sl-theme="light"] .end-layout p{color:#4f4055} html[data-sl-theme="light"] .interior-hero,html[data-sl-theme="light"] .works-hero{background:#e7e4e0;color:#27222a} html[data-sl-theme="light"] .interior-hero-content>p{color:#635d66} html[data-sl-theme="light"] .pricing-section,html[data-sl-theme="light"] .works-section,html[data-sl-theme="light"] .project-detail,html[data-sl-theme="light"] .contact-section{background:#f3f1ed;color:#242126} html[data-sl-theme="light"] .extras-section{background:#f9f8f5;color:#252127} html[data-sl-theme="light"] .single-section{background:#e8e6e2;color:#28242a} html[data-sl-theme="light"] .single-section .price-section-header p{color:#5f5860} html[data-sl-theme="light"] .single-size-indicator{border-color:#c1b9c2;color:#5d515f} html[data-sl-theme="light"] .single-size-indicator strong{color:#272329} html[data-sl-theme="light"] .single-services-grid,html[data-sl-theme="light"] .single-card{border-color:#c8c1c9} html[data-sl-theme="light"] .single-card p{color:#615b63} html[data-sl-theme="light"] .single-price .price-value{color:#71458e} html[data-sl-theme="light"] .single-icon{color:#895ca6} html[data-sl-theme="light"] .offer-section{background:#e9e2ed;color:#28222c} html[data-sl-theme="light"] .offer-top p{color:#5e5364} html[data-sl-theme="light"] .offer-panel li{color:#4b414f} html[data-sl-theme="light"] .offer-panel li svg{color:#885ca3} html[data-sl-theme="light"] .price-disclaimer{color:#716a72} html[data-sl-theme="light"] .price-disclaimer>span{color:#8456a4} html[data-sl-theme="light"] .contact-aside{background:#e6e0e9;color:#28222b} html[data-sl-theme="light"] .contact-aside-top p{color:#635966} html[data-sl-theme="light"] .info-item{border-color:#c8bdcd} html[data-sl-theme="light"] .info-icon{color:#7f529d} html[data-sl-theme="light"] .info-item strong{color:#6d6270} html[data-sl-theme="light"] .info-item a,html[data-sl-theme="light"] .info-item div>span{color:#302637} html[data-sl-theme="light"] .info-item a:hover{color:#8755ac} html[data-sl-theme="light"] .project-detail-hero{background:#e8e4e4;color:#252128} html[data-sl-theme="light"] .back-to-works{color:#664e78} html[data-sl-theme="light"] .back-to-works:hover{color:#2d2137} html[data-sl-theme="light"] .project-kicker{color:#785194} html[data-sl-theme="light"] .project-description{color:#5f5763} html[data-sl-theme="light"] .site-footer{background:#f0ede9;color:#242126;border-color:#d5cfd7} html[data-sl-theme="light"] .footer-about p{color:#5f5860} html[data-sl-theme="light"] .footer-links a{color:#514a55} html[data-sl-theme="light"] .footer-links a:hover{color:#754b94} html[data-sl-theme="light"] .footer-contact>a{color:#71448f} html[data-sl-theme="light"] .footer-contact>a:hover{color:#472d59} html[data-sl-theme="light"] .footer-contact p{color:#69616c} html[data-sl-theme="light"] .footer-bottom{color:#6b626c;border-color:#d5cfd7} html[data-sl-theme="light"] .footer-bottom svg{color:#71448f} html[data-sl-theme="light"] .simple-page{background:#f3f1ed;color:#242126} @media(max-width:700px){ html[data-sl-theme="light"] .editorial-hero::after{background:linear-gradient(0deg,rgba(247,245,241,1) 7%,rgba(247,245,241,.95) 26%,rgba(247,245,241,.64) 58%,rgba(247,245,241,.05) 100%)} html[data-sl-theme="light"] .method-item+.method-item{border-left:0;border-top-color:#c9c4c9} } /* Keep the chosen language readable down to 360px while allowing the logo room. */ @media(min-width:351px) and (max-width:390px){ .language-trigger{min-width:99px;width:99px;gap:5px;padding:0 6px} .language-trigger .language-name{display:inline;font-size:11px} .brand{gap:6px} .brand-text{font-size:18px} .brand-symbol,.brand-symbol .brand-flask{width:28px} .nav-actions{gap:6px} .nav-shell{gap:6px} .theme-toggle,.mobile-toggle{width:38px} } /* v1.6: cohesive automotive studio refinement and deliberate theme crossfade. * Theme transitions are activated after first paint so there is no load-in animation. * Background colors, text and borders fade; page changes remain instant. */ :root{ --dark:#111315; --dark2:#191b1e; --dark3:#26272a; --paper:#efede8; --paper2:#f5f4f0; --ink:#1a1c1f; --cream:#f5f4f2; --purple:#b59bc8; --violet:#735987; --line:rgba(238,237,233,.14); } html[data-sl-theme="light"]{ --dark:#f7f6f3; --dark2:#eceae5; --dark3:#e3e0df; --paper:#eeede9; --paper2:#f6f5f2; --ink:#202124; --cream:#202124; --purple:#795a8d; --violet:#76548b; --line:rgba(29,28,30,.15); } body{font-feature-settings:'kern' 1,'ss01' 1;letter-spacing:-.004em} h1,h2,h3{font-feature-settings:'kern' 1,'ss01' 1;letter-spacing:-.042em} h1{letter-spacing:-.052em} .site-header{background:#111315;border-bottom:1px solid rgba(255,255,255,.105)} html[data-sl-theme="light"] .site-header{background:#faf9f6;border-bottom-color:#d9d6d4} .site-header.scrolled{background:#111315} html[data-sl-theme="light"] .site-header.scrolled{background:#faf9f6} .brand-text{letter-spacing:-.048em} .brand-text small{font-size:8px;letter-spacing:.17em;color:#99979c} .nav-link{font-weight:600;font-size:13px;letter-spacing:.015em;color:#bab6bd} .nav-link:hover,.nav-link.is-current{color:#f5f4f1} .nav-link.is-current::after{height:2px;background:#b59bc8} .button,.language-trigger,.theme-toggle,.vehicle-field select,.size-btn,.package-card,.contact-form input,.contact-form textarea,.contact-form select{border-radius:2px} .button{font-weight:650;letter-spacing:-.005em} .button-nav{background:transparent;border-color:#9b83ae} .button-primary{background:#c9afd8;color:#18141b} .button-primary:hover{background:#d8c2e2} .button-light{background:#17191b;color:#fff} .end-section{background:#c3b4cd;color:#19151d} html[data-sl-theme="light"] .end-section{background:#d8cfde;color:#241e28} .story-section{background:#eeece8} .method-section{background:#181b1e} .feature-section{background:#202226} .single-section{background:#17191d} html[data-sl-theme="light"] .story-section{background:#eeede9} html[data-sl-theme="light"] .method-section{background:#e6e5e1} html[data-sl-theme="light"] .feature-section{background:#f7f6f3} html[data-sl-theme="light"] .single-section{background:#e5e4e0} .story-copy blockquote{border-left-color:#886998} .method-list{border-top-color:rgba(255,255,255,.23)} html[data-sl-theme="light"] .method-list{border-top-color:#bbb8bc} .package-card{border-color:#d5d0ca;box-shadow:none} .package-card.package-featured{border-top-color:#896da4} .package-card.is-active{border-color:#926ab1;box-shadow:0 0 0 1px #926ab1} .vehicle-finder{box-shadow:0 16px 44px rgba(22,22,23,.04)} .vehicle-finder-head h2{letter-spacing:-.04em} .contact-form-shell,.contact-aside,.vehicle-finder{border-radius:2px} .site-footer{border-top:1px solid rgba(255,255,255,.09)} .footer-contact{display:flex;align-items:flex-start;flex-direction:column;gap:12px} .footer-contact .footer-location{margin:0} .footer-contact .footer-form-link{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:14px;color:#d1bcdf;border-bottom:1px solid rgba(209,188,223,.55);padding:0 0 5px;transition:color .2s,border-color .2s} .footer-contact .footer-form-link .sl-icon{height:15px;width:15px} .footer-contact .footer-form-link:hover{color:#fff;border-color:#fff} html[data-sl-theme="light"] .footer-contact .footer-form-link{color:#76568a;border-color:#a08db0} html[data-sl-theme="light"] .footer-contact .footer-form-link:hover{color:#35243f;border-color:#35243f} /* The form is the only visible e-mail channel: never expose the recipient address. */ .contact-aside .info-item:first-child div>span{display:block;max-width:290px;line-height:1.65} /* The two hero overlays fade across one photograph instead of abruptly swapping gradients. */ .editorial-hero::before, .editorial-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none} .editorial-hero::before{opacity:0;background:linear-gradient(90deg,rgba(247,246,243,.99) 1%,rgba(247,246,243,.96) 24%,rgba(247,246,243,.73) 48%,rgba(247,246,243,.07) 85%),linear-gradient(0deg,rgba(239,235,230,.25),transparent 32%)} .editorial-hero::after{opacity:1;background:linear-gradient(90deg,#111315 1%,rgba(17,19,21,.96) 23%,rgba(17,19,21,.74) 47%,rgba(17,19,21,.08) 82%),linear-gradient(0deg,rgba(12,13,14,.38),transparent 30%)} html[data-sl-theme="light"] .editorial-hero::before{opacity:1} html[data-sl-theme="light"] .editorial-hero::after{opacity:0} @media(max-width:700px){ .editorial-hero::before{background:linear-gradient(0deg,rgba(247,246,243,1) 7%,rgba(247,246,243,.95) 26%,rgba(247,246,243,.64) 58%,rgba(247,246,243,.05) 100%)} .editorial-hero::after{background:linear-gradient(0deg,#111315 8%,rgba(17,19,21,.95) 24%,rgba(17,19,21,.49) 57%,rgba(17,19,21,.14) 100%)} } /* Tactile but subtle toggle. The icon crossfade communicates state immediately. */ .theme-toggle{position:relative;min-width:88px;padding-left:35px;gap:7px;background:#242529;border-color:#525059} .theme-icon-light,.theme-icon-dark{display:inline-flex!important;position:absolute;left:11px;top:50%;transform:translateY(-50%);opacity:1;transition:opacity .35s ease,transform .45s ease} .theme-icon-dark{opacity:0;transform:translateY(-50%) rotate(-45deg)} html[data-sl-theme="light"] .theme-icon-light{opacity:0;transform:translateY(-50%) rotate(50deg)} html[data-sl-theme="light"] .theme-icon-dark{opacity:1;transform:translateY(-50%) rotate(0)} html[data-sl-theme="light"] .theme-toggle{background:#fff;border-color:#cac3ce} html[data-sl-theme="light"] .theme-toggle:hover{background:#eee9f0} .theme-label-light,.theme-label-dark{transition:color .45s} .language-trigger{background:#222428;border-color:#504d56} html[data-sl-theme="light"] .language-trigger{background:#fff;border-color:#cac3ce} /* Transition only visual properties; do not animate layout, photo loading or navigation. */ html.sl-theme-ready body, html.sl-theme-ready .site-header, html.sl-theme-ready .mobile-nav, html.sl-theme-ready .editorial-hero, html.sl-theme-ready .story-section, html.sl-theme-ready .method-section, html.sl-theme-ready .feature-section, html.sl-theme-ready .end-section, html.sl-theme-ready .interior-hero, html.sl-theme-ready .pricing-section, html.sl-theme-ready .single-section, html.sl-theme-ready .extras-section, html.sl-theme-ready .offer-section, html.sl-theme-ready .contact-section, html.sl-theme-ready .contact-aside, html.sl-theme-ready .contact-form-shell, html.sl-theme-ready .vehicle-finder, html.sl-theme-ready .package-card, html.sl-theme-ready .extra-card, html.sl-theme-ready .work-card, html.sl-theme-ready .works-section, html.sl-theme-ready .project-detail, html.sl-theme-ready .project-detail-hero, html.sl-theme-ready .simple-page, html.sl-theme-ready .site-footer, html.sl-theme-ready .nav-link, html.sl-theme-ready .brand-text, html.sl-theme-ready .brand-text small, html.sl-theme-ready .footer-links a, html.sl-theme-ready .footer-contact a, html.sl-theme-ready .footer-contact p, html.sl-theme-ready .interior-hero-content>p, html.sl-theme-ready .story-copy>p, html.sl-theme-ready .method-intro p, html.sl-theme-ready .method-item p, html.sl-theme-ready .feature-copy>p, html.sl-theme-ready .end-layout p, html.sl-theme-ready .single-card p, html.sl-theme-ready .single-price .price-value, html.sl-theme-ready .info-item, html.sl-theme-ready .info-item strong, html.sl-theme-ready .info-item div>span, html.sl-theme-ready .info-item a, html.sl-theme-ready .price-section-header p, html.sl-theme-ready .project-description, html.sl-theme-ready .footer-about p, html.sl-theme-ready .footer-bottom, html.sl-theme-ready .language-trigger, html.sl-theme-ready .language-options, html.sl-theme-ready .language-options a, html.sl-theme-ready .theme-toggle, html.sl-theme-ready .button-primary, html.sl-theme-ready .button-nav, html.sl-theme-ready .button-light, html.sl-theme-ready .hero-main p, html.sl-theme-ready .hero-actions .button-text{ transition-property:background-color,color,border-color,box-shadow; transition-duration:520ms; transition-timing-function:cubic-bezier(.22,1,.36,1); } html.sl-theme-ready .editorial-hero::before, html.sl-theme-ready .editorial-hero::after{transition:opacity 580ms cubic-bezier(.22,1,.36,1)} /* Keep the intent of users who ask for reduced motion. */ @media(prefers-reduced-motion:reduce){ html.sl-theme-ready body,html.sl-theme-ready body *,html.sl-theme-ready .editorial-hero::before,html.sl-theme-ready .editorial-hero::after{transition-duration:0ms!important;animation:none!important} } @media(max-width:540px){ .theme-toggle{width:40px;min-width:40px;padding:0} .theme-icon-light,.theme-icon-dark{left:10px} .footer-contact{gap:13px} } /* ShineLab Premium 1.7.0 | precision automotive design system */ :root{ --body:'Manrope',Arial,sans-serif; --display:'Saira Semi Condensed','Arial Narrow',Arial,sans-serif; --purple:#b774ff; --violet:#8752d8; --sl-accent:#b774ff; --sl-soft:rgba(183,116,255,.14); --sl-stroke:rgba(210,184,255,.20); } html[data-sl-theme="light"]{--sl-accent:#7135b5;--sl-soft:rgba(113,53,181,.09);--sl-stroke:rgba(113,53,181,.20)} body{font-family:var(--body);letter-spacing:-.012em} h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.017em;line-height:1.06} .hero-main h1,.interior-title{font-family:var(--display);font-size:clamp(66px,7.5vw,118px);font-weight:800;text-transform:uppercase;line-height:.96;letter-spacing:-.029em;max-width:850px} .interior-title{font-size:clamp(55px,6vw,93px)} .story-layout h2,.method-intro h2,.feature-copy h2,.end-layout h2,.price-section-header h2,.works-topline h2{font-family:var(--display);font-weight:700;letter-spacing:-.016em} .nav-link,.button,.language-trigger,.theme-toggle{font-family:var(--body);font-weight:700} .brand-text{font-family:var(--display);font-weight:800;letter-spacing:.025em;font-size:26px} .brand-text>span{color:var(--sl-accent)} .brand-text small{font-family:var(--body);letter-spacing:.2em;font-weight:800} .site-header{border-bottom:1px solid var(--sl-stroke)} .nav-link.is-current::after{background:var(--sl-accent);height:3px} .button{border-radius:0!important;min-height:56px;font-weight:800;letter-spacing:.015em} .button-primary,.button-nav:hover{background:var(--sl-accent);color:#120b19} .button-primary:hover{background:#d0a4ff} .button-nav{border-color:var(--sl-accent)} .button-text{font-weight:800} .hero-main h1{max-width:680px;text-shadow:0 3px 18px rgba(0,0,0,.10)} .hero-main p{font-family:var(--body)} .editorial-hero{border-bottom:3px solid var(--sl-accent)} .hero-photography{filter:saturate(.85) contrast(1.09)} .feature-image{border:1px solid var(--sl-stroke)} .method-icon,.single-icon,.extra-icon,.package-icon,.info-icon{color:var(--sl-accent)} .vehicle-finder{border-top:4px solid var(--sl-accent);border-radius:0;box-shadow:none} .vehicle-finder-head h2{font-size:40px} .vehicle-size-badge{border-radius:0;background:var(--sl-accent);color:#15101d} .package-card{border-radius:0!important} .package-card.is-active{border-color:var(--sl-accent)!important;box-shadow:0 0 0 2px var(--sl-soft)!important} .pricing-packages .package-card:hover{border-color:var(--sl-accent)} .package-head h3{font-weight:800} .work-card:hover .work-photo img{transform:scale(1.045)} .works-filter.active,.page-number.active{background:var(--sl-accent);border-color:var(--sl-accent);color:#130e18} /* Full dark design: every major panel, not only the header, is dark. */ html[data-sl-theme="dark"] body{background:#0b0b10;color:#f8f6fd} html[data-sl-theme="dark"] .site-header,html[data-sl-theme="dark"] .site-header.scrolled{background:#0b0b10} html[data-sl-theme="dark"] .editorial-hero{background:#0b0b10} html[data-sl-theme="dark"] .story-section,html[data-sl-theme="dark"] .pricing-section,html[data-sl-theme="dark"] .works-section,html[data-sl-theme="dark"] .contact-section,html[data-sl-theme="dark"] .project-detail,html[data-sl-theme="dark"] .simple-page{background:#101015;color:#f4f1fa} html[data-sl-theme="dark"] .method-section,html[data-sl-theme="dark"] .single-section{background:#15151d;color:#f4f1fa} html[data-sl-theme="dark"] .feature-section,html[data-sl-theme="dark"] .extras-section{background:#0c0c12;color:#f4f1fa} html[data-sl-theme="dark"] .interior-hero,html[data-sl-theme="dark"] .works-hero,html[data-sl-theme="dark"] .project-detail-hero{background:#16141e;color:#f5f2fc} html[data-sl-theme="dark"] .offer-section{background:#1a1723;color:#f5f2fc} html[data-sl-theme="dark"] .end-section{background:#341e4e;color:#fff} html[data-sl-theme="dark"] .end-layout p{color:#e2d2ed} html[data-sl-theme="dark"] .end-layout .button{background:#e3c7fb;color:#24112f} html[data-sl-theme="dark"] .story-copy>p,html[data-sl-theme="dark"] .method-intro p,html[data-sl-theme="dark"] .method-item p,html[data-sl-theme="dark"] .feature-copy>p,html[data-sl-theme="dark"] .price-section-header p,html[data-sl-theme="dark"] .interior-hero-content>p,html[data-sl-theme="dark"] .works-topline p{color:#bcb5c8} html[data-sl-theme="dark"] .story-copy blockquote{color:#f5f2fa;border-color:var(--sl-accent)} html[data-sl-theme="dark"] .method-list,html[data-sl-theme="dark"] .method-item+.method-item{border-color:#41354e} html[data-sl-theme="dark"] .vehicle-finder,html[data-sl-theme="dark"] .package-card,html[data-sl-theme="dark"] .contact-form-shell{background:#1a1922;color:#f6f4fb;border-color:#42354f} html[data-sl-theme="dark"] .vehicle-finder{border-top-color:var(--sl-accent)} html[data-sl-theme="dark"] .vehicle-finder-head p,html[data-sl-theme="dark"] .vehicle-field label,html[data-sl-theme="dark"] .vehicle-finder-notice,html[data-sl-theme="dark"] .vehicle-submit-hint,html[data-sl-theme="dark"] .vehicle-result p{color:#b7aebf} html[data-sl-theme="dark"] .vehicle-field select,html[data-sl-theme="dark"] .sl-custom-fields input,html[data-sl-theme="dark"] .sl-custom-fields select,html[data-sl-theme="dark"] .contact-form input,html[data-sl-theme="dark"] .contact-form textarea,html[data-sl-theme="dark"] .contact-form select{background-color:#101017;color:#f5f1fc;border-color:#4b4057} html[data-sl-theme="dark"] .vehicle-field select option,html[data-sl-theme="dark"] .sl-custom-fields select option{background:#17121f;color:#faf7fd} html[data-sl-theme="dark"] .vehicle-result{border-color:#494052} html[data-sl-theme="dark"] .size-btn{background:#262230;color:#f0e9fa;border-color:#53485c} html[data-sl-theme="dark"] .size-btn.is-selected{background:#452866;border-color:var(--sl-accent);color:#fff} html[data-sl-theme="dark"] .package-tag{color:#b794db} html[data-sl-theme="dark"] .package-head h3,html[data-sl-theme="dark"] .package-price,html[data-sl-theme="dark"] .package-points,html[data-sl-theme="dark"] .package-link{color:#faf8fd} html[data-sl-theme="dark"] .package-divider{background:#3b3348} html[data-sl-theme="dark"] .single-size-indicator{color:#ddd3e6;border-color:#574762} html[data-sl-theme="dark"] .single-size-indicator strong,html[data-sl-theme="dark"] .single-price .price-value{color:#d8afff} html[data-sl-theme="dark"] .single-card p{color:#c6bdce} html[data-sl-theme="dark"] .single-services-grid,html[data-sl-theme="dark"] .single-card{border-color:#41374d} html[data-sl-theme="dark"] .extra-card{border-color:#44344f;background:#1b1623;color:#f6f3f9} html[data-sl-theme="dark"] .extra-card p{color:#b9b0c3} html[data-sl-theme="dark"] .offer-top p,html[data-sl-theme="dark"] .offer-panel li{color:#d5cadc} html[data-sl-theme="dark"] .price-disclaimer,html[data-sl-theme="dark"] .price-disclaimer p{color:#a9a0b1} html[data-sl-theme="dark"] .contact-aside{background:#241b30;color:#f6f3fc} html[data-sl-theme="dark"] .contact-aside-top p,html[data-sl-theme="dark"] .info-item div>span,html[data-sl-theme="dark"] .info-item strong{color:#bdb1c9} html[data-sl-theme="dark"] .info-item a{color:#eee4fa} html[data-sl-theme="dark"] .info-item{border-color:#4b3c55} html[data-sl-theme="dark"] .works-filter{background:#1a1922;border-color:#4c4055;color:#e3dbea} html[data-sl-theme="dark"] .works-filter.active{background:var(--sl-accent);color:#17101e} html[data-sl-theme="dark"] .work-card h3{color:#f8f5fc} html[data-sl-theme="dark"] .work-category,html[data-sl-theme="dark"] .project-kicker{color:#d0a8f2} html[data-sl-theme="dark"] .project-description{color:#b9b0c2} html[data-sl-theme="dark"] .works-empty{border-color:#45394e} html[data-sl-theme="dark"] .works-empty p{color:#b1a5bb} html[data-sl-theme="dark"] .site-footer{background:#09090d;color:#f5f3fa;border-top-color:#3f344a} /* Truly light palette, not grey-tinted dark sections. */ html[data-sl-theme="light"] body{background:#fcfbfe;color:#17121e} html[data-sl-theme="light"] .site-header,html[data-sl-theme="light"] .site-header.scrolled{background:#fff;border-bottom-color:#e3d5ed} html[data-sl-theme="light"] .story-section,html[data-sl-theme="light"] .pricing-section,html[data-sl-theme="light"] .works-section,html[data-sl-theme="light"] .contact-section,html[data-sl-theme="light"] .project-detail,html[data-sl-theme="light"] .simple-page{background:#fff;color:#191520} html[data-sl-theme="light"] .method-section,html[data-sl-theme="light"] .single-section{background:#f5f1f8;color:#1e1727} html[data-sl-theme="light"] .feature-section,html[data-sl-theme="light"] .extras-section{background:#fdfcff;color:#1f1827} html[data-sl-theme="light"] .interior-hero,html[data-sl-theme="light"] .works-hero,html[data-sl-theme="light"] .project-detail-hero{background:#f1eaf6;color:#24172b} html[data-sl-theme="light"] .editorial-hero{background:#faf8fd;color:#211329} html[data-sl-theme="light"] .offer-section{background:#eee6f4;color:#2a1b33} html[data-sl-theme="light"] .end-section{background:#c99deb;color:#201028} html[data-sl-theme="light"] .vehicle-finder,html[data-sl-theme="light"] .package-card,html[data-sl-theme="light"] .contact-form-shell{background:#fff;color:#181320;border-color:#ded4e5} html[data-sl-theme="light"] .vehicle-finder{border-top-color:var(--sl-accent)} html[data-sl-theme="light"] .vehicle-field select,html[data-sl-theme="light"] .sl-custom-fields input,html[data-sl-theme="light"] .sl-custom-fields select,html[data-sl-theme="light"] .contact-form input,html[data-sl-theme="light"] .contact-form textarea,html[data-sl-theme="light"] .contact-form select{background-color:#faf8fc;color:#24172c;border-color:#d4c9dc} html[data-sl-theme="light"] .package-card{background:#fff} html[data-sl-theme="light"] .single-services-grid,html[data-sl-theme="light"] .single-card{border-color:#d8ccdf} html[data-sl-theme="light"] .extra-card{background:#fff;border-color:#e4d8ea;color:#23172c} html[data-sl-theme="light"] .work-card h3{color:#201429} html[data-sl-theme="light"] .contact-aside{background:#ede3f4;color:#21172c} html[data-sl-theme="light"] .site-footer{background:#f7f2fa;color:#24182d;border-top-color:#e4d7ed} /* Price lock is true content hiding rather than just a blurred number. */ .sl-prices-pending .price-value, .sl-prices-pending .price-period, .sl-prices-pending .fixed-price{display:none!important} .sl-prices-unlocked .price-placeholder, .sl-prices-unlocked .sl-price-gate-message{display:none!important} .sl-prices-unlocked .price-value{display:inline} .sl-prices-unlocked .price-period{display:inline} .sl-price-gate-message{display:flex;align-items:center;gap:12px;margin:0 0 30px;padding:17px 21px;border:1px solid var(--sl-stroke);background:var(--sl-soft);color:inherit;font-weight:700;font-size:14px} .sl-price-gate-message svg{color:var(--sl-accent)} .price-placeholder{font-family:var(--body);font-size:12px;font-weight:700;line-height:1.5;letter-spacing:0;color:var(--sl-accent)} .package-price .price-placeholder{display:block;max-width:190px} .single-price .price-placeholder{max-width:150px;display:inline-block;text-align:right} .sl-prices-pending .single-size-indicator{display:none} .vehicle-fallback[hidden],.sl-custom-vehicle[hidden]{display:none!important} .sl-custom-vehicle{padding:22px;margin-top:22px;border:1px solid var(--sl-stroke);background:var(--sl-soft)} .sl-custom-vehicle>p{font-size:14px;line-height:1.5;margin-bottom:14px} .sl-custom-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .sl-custom-fields label{display:grid;gap:9px;font-size:13px;font-weight:700} .sl-custom-fields input,.sl-custom-fields select{height:52px;width:100%;min-width:0;border:1px solid #cfc5d8;border-radius:0;padding:0 13px;color:#16101b;background:#fff} /* Boutique automotive microinteractions. No document/navigation transitions. */ .site-header,.button,.package-card,.work-card,.extra-card,.theme-toggle,.language-trigger{will-change:auto} .package-card{transition:box-shadow .22s,border-color .22s,transform .22s} .package-card:hover{transform:translateY(-3px)} .button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(137,69,199,.24)} .button-primary{transition:background .2s,transform .2s,box-shadow .2s} .work-photo img{transition:transform .5s cubic-bezier(.22,1,.36,1)} .sl-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)} .sl-reveal.sl-in-view{opacity:1;transform:translateY(0)} /* First-visit language and theme gateway. Only on the first visit. */ .sl-welcome{display:none;position:fixed;inset:0;z-index:99999;background:#0a0910;color:#f7f2fd;overflow-y:auto;align-items:center;justify-content:center;padding:26px 18px;isolation:isolate} .sl-welcome::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 83% 10%,rgba(145,63,211,.26),transparent 38%),radial-gradient(ellipse at 0% 100%,rgba(102,32,159,.24),transparent 45%)} .sl-welcome::after{content:'';position:fixed;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,#a959f0 20%,#deabff 50%,#a959f0 80%,transparent)} html.sl-welcome-needed .sl-welcome{display:flex} html.sl-welcome-needed,html.sl-welcome-needed body,body.sl-welcome-open{overflow:hidden} .sl-welcome-inner{width:min(100%,690px);padding:40px 30px;text-align:center} .sl-welcome-mark{display:flex;align-items:center;justify-content:center;gap:13px} .sl-welcome-mark img{object-fit:contain;filter:drop-shadow(0 0 13px rgba(181,116,255,.4))} .sl-welcome-mark strong{font-family:var(--display);font-size:42px;letter-spacing:.02em;line-height:1} .sl-welcome-mark strong span{color:#bd84ff} .sl-welcome-overline,.sl-welcome-foot{font-size:10px;font-weight:800;letter-spacing:.25em;color:#a68bb7} .sl-welcome-overline{margin:10px 0 35px} .sl-welcome-inner h2{font-size:clamp(32px,4vw,54px);line-height:1.14;letter-spacing:-.012em;font-weight:700} .sl-welcome-inner h2 span{color:#c49aea} .sl-welcome-note{font-size:14px;color:#bcb1c5;margin-top:18px} .sl-welcome-groups{margin:40px 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left} .sl-welcome-group{margin:0;padding:0;border:0;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:8px} .sl-welcome-group legend{padding:0;margin-bottom:12px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#cec3da} .sl-welcome-option{border:1px solid #4b3a5a;background:#17131e;color:#d8cbdf;padding:13px 8px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;font-size:12px;font-family:var(--body);font-weight:700;transition:background .2s,border-color .2s,color .2s;white-space:nowrap} .sl-welcome-option svg{height:16px;width:16px;color:#c39bdc} .sl-welcome-option>span{font-size:19px} .sl-welcome-option:hover,.sl-welcome-option.is-selected{background:#38234f;border-color:#c18af4;color:#fff} .sl-welcome-enter{width:100%;max-width:400px;min-height:58px;border:0;background:#bc81f4;color:#160e1d;font-weight:800;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:20px;transition:background .2s,transform .2s} .sl-welcome-enter:hover{background:#d7a9ff;transform:translateY(-2px)} .sl-welcome-enter svg{width:19px;height:19px} .sl-welcome-foot{margin-top:38px} @media(min-width:701px){.editorial-hero .hero-main h1{font-size:clamp(68px,7.3vw,112px)}} @media(max-width:900px){.hero-main h1,.interior-title{font-size:clamp(52px,8vw,86px)}.sl-custom-fields{grid-template-columns:1fr 1fr}} @media(max-width:700px){.hero-main h1{font-size:clamp(49px,12vw,76px)}.interior-title{font-size:clamp(44px,9vw,72px)}.sl-welcome-groups{grid-template-columns:1fr;gap:18px}.sl-welcome-inner{padding:14px 2px}.sl-welcome-overline{margin-bottom:22px}.sl-welcome-groups{margin:26px 0 22px}.sl-custom-fields{grid-template-columns:1fr}.package-card:hover{transform:none}} @media(prefers-reduced-motion:reduce){.sl-reveal{opacity:1;transform:none;transition:none}.package-card:hover,.button-primary:hover{transform:none}} /* Prevent long Hungarian vehicle-finder headings from creating mobile overflow. */ .vehicle-finder-head>div{min-width:0;flex:1} .vehicle-finder-head h2{overflow-wrap:anywhere} @media(max-width:700px){.vehicle-finder-head h2{font-size:clamp(25px,7.2vw,32px)}.vehicle-finder-head{gap:13px}} @media(max-width:380px){ .nav-shell{gap:4px} .brand{gap:4px} .brand-symbol,.brand-symbol .brand-flask{width:25px;height:33px} .brand-text{font-size:16px;letter-spacing:0} .brand-text small{font-size:6px;letter-spacing:.13em} .nav-actions{gap:4px} .language-trigger{min-width:86px;width:86px;padding:0 4px;gap:3px} .language-trigger .language-name{display:inline;font-size:10px} .language-flag{font-size:16px} .theme-toggle,.mobile-toggle{min-width:33px;width:33px;padding:0} } /* Visitors can preview their selected appearance on the welcome screen. */ html[data-sl-theme="light"] .sl-welcome{background:#faf7fd;color:#201729} html[data-sl-theme="light"] .sl-welcome::before{background:radial-gradient(ellipse at 85% 10%,rgba(167,105,227,.14),transparent 40%),radial-gradient(ellipse at 0% 100%,rgba(151,94,209,.13),transparent 45%)} html[data-sl-theme="light"] .sl-welcome-inner h2 span{color:#7737ae} html[data-sl-theme="light"] .sl-welcome-note{color:#5a4d64} html[data-sl-theme="light"] .sl-welcome-overline,html[data-sl-theme="light"] .sl-welcome-foot{color:#796387} html[data-sl-theme="light"] .sl-welcome-group legend{color:#45334e} html[data-sl-theme="light"] .sl-welcome-option{background:#fff;color:#2c2132;border-color:#d7c7e1} html[data-sl-theme="light"] .sl-welcome-option.is-selected,html[data-sl-theme="light"] .sl-welcome-option:hover{background:#ede0f8;border-color:#854db8;color:#31203c} html[data-sl-theme="light"] .sl-welcome-option svg{color:#7943a5} html[data-sl-theme="light"] .sl-welcome-enter{background:#753bad;color:#fff} html[data-sl-theme="light"] .sl-welcome-enter:hover{background:#5f2898} html.sl-theme-ready .sl-welcome,html.sl-theme-ready .sl-welcome-inner h2 span,html.sl-theme-ready .sl-welcome-option{transition:background-color .48s ease,color .48s ease,border-color .48s ease} @media(prefers-reduced-motion:reduce){html.sl-theme-ready .sl-welcome,html.sl-theme-ready .sl-welcome-inner h2 span,html.sl-theme-ready .sl-welcome-option{transition:none}} /* Version 1.7.1: dark-mode package legibility and uniform borders. * The original light-mode declaration assigns an explicit dark color to * .price-value and .package-points li, overriding the inherited dark-mode * text color. The featured border also had higher specificity. */ html[data-sl-theme="dark"] .pricing-packages .package-card { border-color: #4d405b; } html[data-sl-theme="dark"] .pricing-packages .package-card.package-featured { border-top-color: #4d405b; } html[data-sl-theme="dark"] .pricing-packages .package-card.is-active, html[data-sl-theme="dark"] .pricing-packages .package-card.package-featured.is-active { border-color: var(--sl-accent) !important; box-shadow: 0 0 0 2px var(--sl-soft) !important; } html[data-sl-theme="dark"] .pricing-packages .package-price .price-value { color: #f2dcff; } html[data-sl-theme="dark"] .pricing-packages .package-price .price-period { color: #c2b4cf; } html[data-sl-theme="dark"] .pricing-packages .package-points li { color: #d8d0e2; } html[data-sl-theme="dark"] .pricing-packages .package-points .sl-icon { color: #c795ff; } html[data-sl-theme="dark"] .pricing-packages .package-divider { background-color: #514458; } html[data-sl-theme="dark"] .pricing-packages .package-link { border-top-color: #756580; color: #f4eafb; } html[data-sl-theme="dark"] .pricing-packages .package-link:hover { color: #dfb6ff; } /* ShineLab 1.9.0 | Studio identity: automotive editorial, not template theatrics. */ :root{ --body:'Instrument Sans',Arial,sans-serif; --display:'Barlow Condensed','Arial Narrow',Arial,sans-serif; --sl-accent:#b991e9; --sl-soft:rgba(185,145,233,.14); --sl-stroke:rgba(196,184,205,.22); --width:1220px; } html[data-sl-theme="light"]{ --sl-accent:#7546a4; --sl-soft:rgba(117,70,164,.10); --sl-stroke:rgba(58,38,73,.18); } body{font-family:var(--body);font-size:16px;letter-spacing:0;line-height:1.55} h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:-.007em;line-height:1.03;text-transform:none} p{line-height:1.68} .container{width:min(calc(100% - 112px),var(--width))} .section-pad{padding:104px 0} /* A calm studio header with deliberate controls. */ .site-header{height:82px} .nav-shell{gap:32px} .brand-text{font-family:var(--display);font-weight:700;font-size:29px;letter-spacing:.008em} .brand-text small{font-family:var(--body);font-size:8px;letter-spacing:.19em;font-weight:600;color:#9d979f} .desktop-nav{gap:33px} .nav-link{font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:.01em} .nav-link.is-current::after{height:2px;bottom:-29px} .nav-actions{gap:11px} .button{font-family:var(--body);font-size:13px;font-weight:650;letter-spacing:0;min-height:48px;padding:0 20px;gap:20px;border-radius:4px!important} .button-nav{font-size:12px;padding:0 16px;min-height:42px} .button-primary{background:#bd90ed;color:#180f20} .button-primary:hover{background:#d6b8f5;color:#180f20} .button-text{font-family:var(--body);font-size:14px;font-weight:600;letter-spacing:0} .language-trigger,.theme-toggle{font-family:var(--body);font-weight:600} /* Car photograph stays static. No headlight or floor-light overlays. */ .sl-editorial-home .editorial-hero{min-height:700px;border:0;isolation:isolate;background:#0d0e10} .sl-editorial-home .editorial-hero::before{display:none!important} .sl-editorial-home .editorial-hero::after{content:'';display:block;opacity:1!important;inset:0;position:absolute;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0d0e10 0%,#0d0e10 26%,rgba(13,14,16,.93) 38%,rgba(13,14,16,.16) 77%,rgba(13,14,16,.05) 100%)} .sl-editorial-home .hero-photography{inset:0 0 0 41%;z-index:-2;filter:none;background:#0c0c0f;overflow:hidden} .sl-editorial-home .hero-photography .hero-frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:54% 49%;max-width:none;filter:none;mask-image:radial-gradient(ellipse 57% 55% at 50% 50%,#000 66%,transparent 100%)} .sl-editorial-home .hero-inner{min-height:700px;position:relative;z-index:1} .sl-editorial-home .hero-main{max-width:655px;padding:88px 0 92px} .sl-editorial-home .hero-main h1{font-family:var(--display);font-weight:600;font-size:clamp(74px,7.4vw,116px);line-height:.93;letter-spacing:-.013em;max-width:670px;text-transform:none;text-shadow:none;text-wrap:pretty} .sl-editorial-home .hero-main p{font-family:var(--body);font-size:18px;max-width:448px;line-height:1.7;margin-top:30px;color:#c9c6ce} .sl-editorial-home .hero-actions{margin-top:34px;gap:30px;flex-wrap:wrap} .sl-editorial-home .hero-actions .button-text{color:#e4dfe7} .sl-editorial-home .hero-actions .button-text:hover{color:#d5acef} html[data-sl-theme="light"] .sl-editorial-home .editorial-hero{background:#f5f3f0;color:#1b181c} html[data-sl-theme="light"] .sl-editorial-home .editorial-hero::after{opacity:1!important;background:linear-gradient(90deg,#f5f3f0 0%,#f5f3f0 26%,rgba(245,243,240,.96) 39%,rgba(245,243,240,.13) 74%,rgba(245,243,240,.04) 100%)} html[data-sl-theme="light"] .sl-editorial-home .hero-main p{color:#5d5860} html[data-sl-theme="light"] .sl-editorial-home .hero-actions .button-text{color:#34283d} /* An honest description of the actual work, not a row of generic icon cards. */ .sl-practice{background:#131417;color:#f4f1f7} .sl-practice-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;padding-bottom:52px} .sl-practice-heading h2{font-size:clamp(48px,5.1vw,76px);max-width:730px} .sl-practice-heading p{font-size:17px;max-width:410px;color:#b8b4bd} .sl-practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #393740} .sl-practice-item{padding:28px 36px 2px 0} .sl-practice-item+.sl-practice-item{padding-left:36px;border-left:1px solid #393740} .sl-practice-item h3{font-size:30px;line-height:1.1;margin-bottom:14px;color:#f8f7fb} .sl-practice-item p{font-size:15px;line-height:1.75;color:#bdb8c2} html[data-sl-theme="light"] .sl-practice{background:#fbfaf8;color:#19171c} html[data-sl-theme="light"] .sl-practice-heading p,html[data-sl-theme="light"] .sl-practice-item p{color:#625d65} html[data-sl-theme="light"] .sl-practice-grid,html[data-sl-theme="light"] .sl-practice-item+.sl-practice-item{border-color:#d6d0d6} html[data-sl-theme="light"] .sl-practice-item h3{color:#201924} /* Real portfolio work is pulled from the WordPress admin, never stock placeholders. */ .sl-home-works{background:#0d0e11;color:#f6f4f8} .sl-home-works-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:38px} .sl-home-works-heading h2{font-size:clamp(51px,5vw,74px)} .sl-home-works-heading p{color:#b3afb8;max-width:520px;font-size:16px;margin-top:14px} .sl-home-works-heading .button-text{flex-shrink:0;margin-bottom:8px} .sl-home-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px} .sl-home-project{display:block;min-width:0} .sl-home-project-image{aspect-ratio:4/3;overflow:hidden;background:#25232a} .sl-home-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .38s ease} .sl-home-project:hover .sl-home-project-image img{transform:scale(1.035)} .sl-home-project-label{border-top:1px solid #49434f;padding:16px 0;display:flex;justify-content:space-between;gap:16px;align-items:center} .sl-home-project-label strong{font-weight:600;font-size:15px} .sl-home-project-label svg{width:17px;height:17px;color:#bd91e9} html[data-sl-theme="light"] .sl-home-works{background:#fff;color:#201b23} html[data-sl-theme="light"] .sl-home-works-heading p{color:#68616b} html[data-sl-theme="light"] .sl-home-project-label{border-color:#d8d3da} /* A single human-scale, factual explanation of the process. */ .sl-home-method{background:#19191d;color:#f6f4f8} .sl-home-method-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start} .sl-home-method h2{font-size:clamp(55px,6vw,83px);max-width:620px} .sl-home-method-copy{padding-top:8px} .sl-home-method-copy>p{font-size:18px;line-height:1.8;color:#cbc7cf;max-width:570px} .sl-home-method-steps{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:35px;padding-top:19px;border-top:1px solid #4c4550} .sl-home-method-steps span{font-size:13px;font-weight:600;color:#d1bedf} html[data-sl-theme="light"] .sl-home-method{background:#f2f0ed;color:#1d1b20} html[data-sl-theme="light"] .sl-home-method-copy>p{color:#605d61} html[data-sl-theme="light"] .sl-home-method-steps{border-color:#d1cbd2} html[data-sl-theme="light"] .sl-home-method-steps span{color:#6e4f86} /* A quieter contact close that leads to one action. */ .sl-home-contact{background:#251b30;color:#fff} .sl-home-contact-layout{display:flex;gap:55px;justify-content:space-between;align-items:center} .sl-home-contact h2{font-size:clamp(50px,5.1vw,75px);max-width:820px} .sl-home-contact p{color:#d2c4dd;font-size:17px;max-width:600px;margin-top:17px} .sl-home-contact .button{flex-shrink:0} html[data-sl-theme="light"] .sl-home-contact{background:#e9e1ed;color:#251b2b} html[data-sl-theme="light"] .sl-home-contact p{color:#625667} /* Match subpages to the same studio identity. */ .interior-title{font-size:clamp(58px,6.5vw,92px);font-weight:600;letter-spacing:-.011em;text-transform:none} .story-layout h2,.method-intro h2,.feature-copy h2,.end-layout h2,.price-section-header h2,.works-topline h2,.contact-form-heading h2,.contact-aside-top h2,.vehicle-finder-head h2{font-family:var(--display);font-weight:600;letter-spacing:-.009em;text-transform:none} .interior-hero-content>p,.price-section-header p,.works-topline p{font-family:var(--body)} .package-head h3{font-family:var(--display);font-weight:600;font-size:31px} .package-card,.extra-card,.contact-form-shell,.vehicle-finder{border-radius:3px!important} html[data-sl-theme="dark"] .pricing-packages .package-card{background:#19171d;border-color:#403845} html[data-sl-theme="dark"] .pricing-packages .package-card.package-featured{border-top-color:#403845} html[data-sl-theme="light"] .pricing-packages .package-card{background:#fff;border-color:#d9d2df} html[data-sl-theme="light"] .pricing-packages .package-card.package-featured{border-top-color:#d9d2df} html[data-sl-theme="dark"] .price-section-header p,html[data-sl-theme="dark"] .interior-hero-content>p{color:#c7c0cb} html[data-sl-theme="light"] .price-section-header p,html[data-sl-theme="light"] .interior-hero-content>p{color:#635c68} .works-hero,.interior-hero{border-bottom:1px solid var(--sl-stroke)} .works-filter{border-radius:3px!important} .footer-brand .brand-text{font-size:32px} .site-footer .footer-links a,.site-footer .footer-contact a{font-size:14px} /* Keep the logo's subtle independent float; no car animation or navigation transition. */ @media(max-width:1120px){ .container{width:min(calc(100% - 72px),var(--width))} .sl-editorial-home .hero-main h1{font-size:clamp(65px,7.5vw,98px)} .sl-practice-heading{gap:45px} } @media(max-width:920px){ .site-header{height:74px} .sl-editorial-home .editorial-hero,.sl-editorial-home .hero-inner{min-height:660px} .sl-editorial-home .hero-photography{inset:0 0 0 26%} .sl-editorial-home .hero-main{max-width:570px} .sl-editorial-home .hero-main h1{font-size:clamp(60px,9.2vw,85px)} .sl-practice-heading{grid-template-columns:1fr 1fr;gap:35px} .sl-practice-item{padding-right:21px}.sl-practice-item+.sl-practice-item{padding-left:21px} .sl-home-method-layout{gap:40px} } @media(max-width:700px){ .container{width:calc(100% - 40px)} .section-pad{padding:76px 0} .sl-editorial-home .editorial-hero{min-height:730px;display:flex;align-items:flex-end} .sl-editorial-home .hero-inner{min-height:730px;align-items:flex-end} .sl-editorial-home .hero-photography{inset:0 0 auto 0;height:348px;background:#0c0c10} .sl-editorial-home .hero-photography .hero-frame{object-fit:contain;object-position:50% 42%;mask-image:linear-gradient(#000 0%,#000 83%,transparent 99%)} .sl-editorial-home .editorial-hero::after{background:linear-gradient(0deg,#0d0e10 19%,rgba(13,14,16,.96) 41%,rgba(13,14,16,.05) 67%,transparent 100%)} html[data-sl-theme="light"] .sl-editorial-home .editorial-hero::after{background:linear-gradient(0deg,#f5f3f0 18%,rgba(245,243,240,.98) 39%,rgba(245,243,240,.08) 63%,transparent 100%)} .sl-editorial-home .hero-main{padding:315px 0 68px;max-width:100%} .sl-editorial-home .hero-main h1{font-size:clamp(59px,12vw,78px);line-height:.95;max-width:550px} .sl-editorial-home .hero-main p{font-size:16px;line-height:1.64;max-width:440px;margin-top:20px} .sl-editorial-home .hero-actions{margin-top:27px;gap:19px} .sl-editorial-home .hero-actions .button{min-height:46px} .sl-practice-heading,.sl-home-method-layout{display:block;padding:0} .sl-practice-heading{padding-bottom:30px} .sl-practice-heading h2,.sl-home-method h2{font-size:clamp(49px,10vw,67px)} .sl-practice-heading p{font-size:16px;max-width:560px;margin-top:19px} .sl-practice-grid{grid-template-columns:1fr} .sl-practice-item,.sl-practice-item+.sl-practice-item{padding:23px 0;border-left:0;border-bottom:1px solid #38343e} html[data-sl-theme="light"] .sl-practice-item,html[data-sl-theme="light"] .sl-practice-item+.sl-practice-item{border-bottom-color:#d5ced7} .sl-practice-item h3{font-size:29px;margin-bottom:10px} .sl-home-works-heading{display:block;margin-bottom:28px} .sl-home-works-heading h2{font-size:56px} .sl-home-works-heading .button-text{margin-top:17px} .sl-home-works-grid{grid-template-columns:1fr;gap:30px} .sl-home-project-image{aspect-ratio:16/11} .sl-home-method-copy{margin-top:20px} .sl-home-method-copy>p{font-size:16px} .sl-home-method-steps{margin-top:24px} .sl-home-contact-layout{display:block} .sl-home-contact h2{font-size:clamp(48px,10.4vw,72px)} .sl-home-contact p{font-size:16px} .sl-home-contact .button{margin-top:25px} } @media(max-width:400px){ .container{width:calc(100% - 32px)} .sl-editorial-home .hero-main h1{font-size:clamp(54px,12vw,65px)} .sl-editorial-home .hero-main{padding-bottom:57px} } @media(prefers-reduced-motion:reduce){.sl-home-project-image img{transition:none!important}} /* Final layout polish: stable navigation and intentional headline wrapping. */ @media(min-width:921px){.sl-editorial-home .hero-main h1{font-size:clamp(72px,6.25vw,92px);max-width:690px}} @media(max-width:700px){ .nav-shell{gap:7px} .brand{gap:5px;min-width:0} .brand-symbol,.brand-symbol .brand-flask{width:27px;height:34px} .brand-text{font-size:20px;letter-spacing:0} .brand-text small{font-size:6.5px;letter-spacing:.14em} .nav-actions{gap:6px;flex-shrink:0} .language-trigger{min-width:94px;width:94px;padding:0 5px;gap:4px} .language-trigger .language-name{font-size:11px} .theme-toggle,.mobile-toggle{min-width:37px;width:37px;padding:0} .sl-editorial-home .hero-main h1{max-width:100%;text-wrap:initial} } @media(max-width:380px){ .brand-symbol,.brand-symbol .brand-flask{width:24px;height:31px} .brand-text{font-size:17px} .nav-actions{gap:4px} .language-trigger{min-width:84px;width:84px;padding:0 3px} .language-trigger .language-name{font-size:10px} .theme-toggle,.mobile-toggle{min-width:33px;width:33px} } /* ShineLab 2.0: service-led navigation and owner-managed membership identity. */ .sl-editorial-home .hero-main h1{font-weight:650} .site-header .desktop-nav{gap:25px} .site-header .nav-shell{gap:24px} .sl-services-directory{background:#f4f2f0;color:#18151a} .sl-services-intro{display:grid;grid-template-columns:1.15fr .65fr;gap:60px;align-items:end;margin-bottom:42px} .sl-services-intro h2{font-family:var(--display);font-size:clamp(48px,5.4vw,82px);line-height:.97;letter-spacing:-.025em;margin:15px 0 0;text-transform:uppercase} .sl-services-intro>p{font-size:17px;color:#676169;line-height:1.7;max-width:380px} .sl-services-kicker{font-size:12px;font-weight:800;color:#8243b4;letter-spacing:.18em} .sl-service-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d5d0d8} .sl-service-directory-item{position:relative;display:flex;flex-direction:column;padding:30px 25px 34px;min-height:252px;background:#fff;color:#211d23;transition:background-color .22s} .sl-service-directory-item+.sl-service-directory-item{border-left:1px solid #ded9e0} .sl-service-directory-item:hover{background:#eee7f4} .sl-dir-icon{width:46px;height:46px;border:1px solid #c3a2d9;display:grid;place-items:center;color:#823ba8;margin-bottom:39px} .sl-dir-icon .sl-icon{width:24px;height:24px} .sl-dir-name{font-family:var(--display);font-weight:700;font-size:28px;text-transform:uppercase;line-height:1.03;letter-spacing:-.01em;max-width:205px} .sl-dir-desc{font-size:13px;color:#5f5862;line-height:1.6;max-width:195px;margin-top:12px} .sl-dir-arrow{position:absolute;right:22px;top:34px;color:#7f3ead} .sl-services-all{display:inline-flex;gap:12px;align-items:center;color:#6a2a9d;font-weight:800;margin-top:26px;border-bottom:1px solid;padding-bottom:7px;text-transform:uppercase;font-size:12px;letter-spacing:.06em} .sl-services-all .sl-icon{width:18px} html[data-sl-theme=dark] .sl-services-directory{background:#141119;color:#f5f0fa} html[data-sl-theme=dark] .sl-services-intro>p{color:#aaa0b0} html[data-sl-theme=dark] .sl-service-directory-grid{border-color:#443649} html[data-sl-theme=dark] .sl-service-directory-item{background:#1e1824;color:#fff} html[data-sl-theme=dark] .sl-service-directory-item+.sl-service-directory-item{border-color:#443649} html[data-sl-theme=dark] .sl-service-directory-item:hover{background:#35253f} html[data-sl-theme=dark] .sl-dir-desc{color:#beb2c9} html[data-sl-theme=dark] .sl-services-all{color:#ce91ff} .sl-club-promo{background:#21152f;color:#f9f4fd;border-top:1px solid #492c66} .sl-club-promo-grid{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:95px} .sl-club-promo-grid>div:first-child>span{color:#c38cf1;font-size:13px;font-weight:800;letter-spacing:.18em} .sl-club-promo h2{font-family:var(--display);font-size:clamp(48px,5.5vw,82px);line-height:.97;text-transform:uppercase;margin:20px 0 22px;letter-spacing:-.025em} .sl-club-promo p{color:#d2c1df;line-height:1.72;font-size:17px;max-width:520px;margin-bottom:31px} .sl-promo-card{aspect-ratio:1.58;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:38px;background:radial-gradient(ellipse at 92% 8%,rgba(191,107,255,.39),transparent 55%),linear-gradient(125deg,#372040,#100f14 70%);border:1px solid #8553a7;box-shadow:0 40px 68px #0d061b66;transform:rotate(-3deg)} .sl-promo-card-top{font-weight:900;font-size:clamp(26px,3.3vw,45px);letter-spacing:-.045em}.sl-promo-card-top span{color:#c691fa}.sl-promo-card-top small{font-weight:500;color:#cab2d9;font-size:12px;letter-spacing:.2em;margin-left:7px} .sl-promo-card-stripe{position:absolute;top:51%;left:36px;right:36px;height:2px;background:linear-gradient(90deg,#c98dff,#7832b4,transparent)} .sl-promo-card-bottom{font-size:11px;letter-spacing:.2em;color:#aa98b7;font-weight:700} html[data-sl-theme=light] .sl-club-promo{background:#ede6f1;color:#251b2d;border-color:#d4bbdf} html[data-sl-theme=light] .sl-club-promo p{color:#65526b} html[data-sl-theme=light] .sl-club-promo-grid>div:first-child>span{color:#834cad} @media(max-width:1200px){.site-header .desktop-nav{gap:17px}.site-header .nav-shell{gap:18px}} @media(max-width:920px){.sl-services-intro{gap:25px}.sl-service-directory-grid{grid-template-columns:repeat(2,1fr)}.sl-service-directory-item:nth-child(3){border-left:0}.sl-service-directory-item:nth-child(n+3){border-top:1px solid #ded9e0}.sl-club-promo-grid{gap:35px}} @media(max-width:700px){.sl-services-intro{display:block}.sl-services-intro>p{margin-top:20px}.sl-service-directory-item{min-height:218px;padding:24px 17px}.sl-dir-icon{margin-bottom:30px}.sl-dir-name{font-size:24px}.sl-dir-arrow{top:23px;right:14px}.sl-club-promo-grid{display:block}.sl-club-promo-grid .sl-promo-card{max-width:410px;margin:48px 0 0;transform:rotate(-2deg)}.sl-club-promo h2{font-size:56px}} @media(max-width:420px){.sl-service-directory-grid{grid-template-columns:1fr}.sl-service-directory-item+.sl-service-directory-item{border-left:0;border-top:1px solid #ded9e0}.sl-service-directory-item{min-height:180px}.sl-dir-icon{margin-bottom:20px}} .sl-service-directory-item:has(.sl-dir-photo){padding-top:0} .sl-dir-photo{display:block;aspect-ratio:1.4;margin:0 -25px 20px;overflow:hidden;background:#29232c} .sl-dir-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease} .sl-service-directory-item:hover .sl-dir-photo img{transform:scale(1.045)} .sl-service-directory-item:has(.sl-dir-photo) .sl-dir-arrow{top:16px;right:16px;background:#fff;padding:8px;border-radius:50%} .sl-service-directory-item:has(.sl-dir-photo) .sl-dir-name{margin-top:auto} @media(max-width:700px){.sl-dir-photo{margin:0 -17px 20px}} @media(prefers-reduced-motion:reduce){.sl-dir-photo img{transition:none!important}}