/* VERSION 3 — DENZA Atelier / independent personal sales experience */
:root{--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',system-ui,sans-serif;--ink:#14202d;--night:#071121;--night2:#0d1a2e;--denza-royal:#063f9b;--denza-blue:#194baa;--signature:#6b8ed3;--silver:#c8d5e8;--light:#f5f5f4;--mute:#707d8b}
html{scroll-padding-top:90px}
body{background:#f5f6f5}
:focus-visible{outline:2px solid #3577ec!important;outline-offset:4px}
/* Cinematic opening sequence; mounted only when JS runs */
.denza-preloader{position:fixed;inset:0;z-index:10000;background:#040a15;display:grid;place-items:center;color:white;overflow:hidden;opacity:1;visibility:visible;transition:opacity 850ms cubic-bezier(.2,.75,.2,1),visibility 850ms;isolation:isolate}
.denza-preloader::before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse 42% 30% at 50% 50%,rgba(34,86,183,.32),transparent 82%),linear-gradient(135deg,transparent 15%,rgba(130,172,238,.06) 48%,transparent 60%);animation:prelight 3.3s ease-in-out infinite alternate}
.denza-preloader::after{content:"";position:absolute;inset:16px;border:1px solid #829fc326;pointer-events:none}
.loader-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 24.95%,rgba(176,197,237,.045) 25%,transparent 25.05%,transparent 49.95%,rgba(176,197,237,.045) 50%,transparent 50.05%,transparent 74.95%,rgba(176,197,237,.045) 75%,transparent 75.05%)}
.loader-beam{position:absolute;top:-40%;left:-15%;width:65%;height:190%;background:linear-gradient(90deg,transparent,rgba(36,88,176,.18),transparent);transform:rotate(22deg);animation:beam 3s ease-in-out both}
.loader-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:35px;min-width:min(90%,390px)}
.loader-rule{height:1px;width:60px;background:#7896d4;margin-bottom:42px;animation:loader-line 1s both .1s}
.loader-logo{width:clamp(100px,11vw,155px);height:clamp(100px,11vw,155px);object-fit:contain;filter:drop-shadow(0 0 25px #2c5bb57c);animation:logo-arrive 1300ms cubic-bezier(.16,1,.3,1) both,logo-glow 3s 1.5s ease-in-out infinite alternate}
.loader-denza{font-size:clamp(36px,5vw,62px);font-weight:600;letter-spacing:.36em;padding-left:.36em;line-height:1.3;margin-top:18px;animation:text-arrive .8s .35s both}
.loader-by{display:flex;align-items:center;gap:14px;letter-spacing:.3em;font-size:9px;color:#bbc9e6;font-weight:700;margin-top:9px;animation:text-arrive .8s .6s both}
.loader-by i{width:22px;height:1px;background:#6e9adf;display:inline-block}
.loader-track{height:1px;width:min(280px,70vw);background:#617aa04d;margin:50px 0 0;overflow:hidden}
.loader-track span{display:block;width:100%;height:100%;background:#a3bff1;transform-origin:left;animation:loader-progress 2.3s cubic-bezier(.25,.46,.14,.99) both}
.loader-message{font-size:9px;letter-spacing:.42em;color:#91a4c2;margin-top:22px}
.loader-corner{position:absolute;bottom:45px;font-size:8px;letter-spacing:.17em;color:#627493}.loader-corner-left{left:65px}.loader-corner-right{right:65px}
.denza-preloader.preloader-done{opacity:0;visibility:hidden;pointer-events:none}
@keyframes logo-arrive{from{opacity:0;transform:translateY(22px) scale(.76);filter:blur(12px)}to{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 0 25px #2c5bb57c)}}
@keyframes logo-glow{from{filter:drop-shadow(0 0 12px #2b5ea55e)}to{filter:drop-shadow(0 0 32px #4277d6a9)}}
@keyframes text-arrive{from{opacity:0;transform:translateY(12px);letter-spacing:.6em}to{opacity:1;transform:translateY(0)}}
@keyframes loader-progress{0%{transform:scaleX(0)}55%{transform:scaleX(.64)}100%{transform:scaleX(1)}}
@keyframes loader-line{from{width:0;opacity:0}to{width:60px;opacity:1}}
@keyframes beam{from{transform:translateX(-80%) rotate(22deg)}to{transform:translateX(240%) rotate(22deg)}}
@keyframes prelight{from{opacity:.6;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}
/* Brand and navigation */
.announcement{background:#050c17;color:#9cabbf;font-weight:600;letter-spacing:2.9px;padding:11px}.announcement-dot{background:#5b93ec;box-shadow:0 0 13px #6390e7}
.site-header{background:#f7f8faeb;border-bottom:1px solid #cad2dc77;backdrop-filter:blur(24px)}
.site-header.scrolled{box-shadow:0 10px 45px #09152619}
.brand-with-mark{min-width:235px;column-gap:12px!important}.brand-with-mark .brand-mark{width:43px;height:43px;filter:drop-shadow(0 3px 6px #174ba326)}
.brand-with-mark .brand-word{font-weight:700;letter-spacing:.22em!important;line-height:1;font-size:28px}
.brand-with-mark .brand-sub{letter-spacing:2px!important;font-size:7px!important;color:#53617a}
.desktop-nav a{position:relative;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#3e4c60;font-weight:700;padding:10px 0}
.desktop-nav a::after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:1px;background:#2760b9;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1)}
.desktop-nav a:hover{color:#143d8a}
.header-cta{background:#0a1930;font-size:10px;letter-spacing:1px;padding:17px 22px;border:1px solid #0a1930}
.header-cta:hover{background:#164cac;border-color:#164cac;box-shadow:0 11px 28px #0e439d33}
.header-cta span{transition:transform .35s}.header-cta:hover span{transform:translate(3px,-3px)}
/* Cinema-inspired hero; preserve the truthful vehicle photograph */
.hero{background:radial-gradient(circle at 75% 35%,#152f58 0%,#091628 37%,#050c17 85%);color:#f8faff;min-height:680px}
.hero::before{content:'DENZA';position:absolute;font-family:var(--sans);font-weight:800;font-size:clamp(180px,29vw,460px);letter-spacing:-.11em;color:#ffffff04;left:22%;top:11%;white-space:nowrap;pointer-events:none}
.hero::after{background:linear-gradient(120deg,transparent 44%,#3167c011 50%,transparent 57%),repeating-linear-gradient(90deg,transparent,transparent 179px,#ffffff05 180px);animation:hero-breath 9s linear infinite}
@keyframes hero-breath{from{background-position:0 0,0 0}to{background-position:140vw 0,0 0}}
.hero-grid{grid-template-columns:52% 48%;min-height:715px}
.hero-copy{padding:84px 30px 84px 0}
.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.8px;color:#a9bedf}
.eyebrow-line{background:#5d95ef;width:42px}
.hero h1{font-family:var(--serif);font-size:clamp(68px,6.45vw,116px);letter-spacing:-.053em;line-height:.89;max-width:700px;white-space:normal;font-weight:500;text-wrap:balance;margin-bottom:34px}
.hero h1 em{color:#a3bee8;font-weight:400;letter-spacing:-.04em;white-space:nowrap}
.hero-text{font-size:13px;line-height:2;max-width:440px;color:#b1c3da}
.hero-signature{display:block;margin-top:27px;letter-spacing:2px;font-size:9px;font-weight:600;color:#8fa1b7}.hero-signature span{color:#b6cfff;padding:0 8px}
.hero-actions{gap:11px}.hero-actions .btn{min-height:56px}
.hero-caption{margin-top:46px}.mini-mark{border:1px solid #6787b3;color:#c4dafc}
.hero-visual{height:560px;background:#0d1c2a;border:1px solid #6c86ab44;box-shadow:0 35px 90px #0005;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:box-shadow .65s,transform .65s}
.hero-visual:hover{box-shadow:0 36px 110px #3478f02d;transform:translateY(-4px)}
.hero-car{inset:0;display:block;background:none}
.hero-car::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#030915c9 0%,transparent 27%),linear-gradient(90deg,#05132744,transparent 30%)}
.hero-car img{height:100%;width:100%;object-fit:cover;object-position:47% 50%;mix-blend-mode:normal;filter:saturate(.78) contrast(1.11);transition:transform 1.5s cubic-bezier(.15,.8,.15,1),filter 1.3s}
.hero-visual:hover .hero-car img{transform:scale(1.085);filter:saturate(1) contrast(1.05)}
.visual-orbit{display:none}.hero-visual-top,.hero-visual-bottom{z-index:3}
.hero-visual-top{top:22px;font-weight:700;text-shadow:0 2px 10px #000;letter-spacing:2.5px}
.hero-visual-bottom{bottom:27px}.hero-visual-bottom strong{font-size:36px;font-weight:500;letter-spacing:-.035em}
.hero-visual-bottom a{border-color:#b6c2d277;transition:transform .25s,background .25s}.hero-visual-bottom a:hover{transform:rotate(45deg);background:#ffffff33}
.hero-foot{color:#7f99b8;border-color:#9eb7d32c}
/* Elevated typography */
.section{padding:123px 0}
.section h2,.experience-section h2,.last-cta h2{font-family:var(--serif);font-weight:500;font-size:clamp(58px,5.3vw,85px);line-height:.9;letter-spacing:-.055em}
.section h2 em,.experience-section h2 em,.last-cta h2 em{letter-spacing:-.05em;color:#728ba8}
.section-top{margin-bottom:42px}
.section-top>p{font-size:12px;max-width:335px}
.models-section{background:#f9faf9}
.explore-hint{letter-spacing:2px;color:#8292a7;font-size:9px}
.models-grid{gap:21px}
.model-card{border:1px solid #cbd4dd;background:#fff;position:relative;box-shadow:0 6px 30px #1b31450c;transform:translateZ(0);transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s,border-color .6s}
.model-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#2154a2,transparent);opacity:0;transition:opacity .4s;z-index:10}
.model-card:hover,.model-card:focus-within{transform:translateY(-10px);box-shadow:0 35px 55px #13264223;border-color:#92add5}
.model-card:hover::before,.model-card:focus-within::before{opacity:1}
.model-picture{height:265px;cursor:default}
.model-picture.brochure-photo{background:radial-gradient(ellipse at 50% 70%,#fafdff 1%,#dbe4ed 95%);isolation:isolate}
.model-picture.brochure-photo img{padding:20px 3px 0;object-fit:contain;filter:contrast(1.06) saturate(.83);transition:transform 1s cubic-bezier(.16,1,.3,1),filter 1s}
.model-card:hover .model-picture.brochure-photo img,.model-card:focus-within .model-picture.brochure-photo img{transform:scale(1.17) translateY(-4px);filter:contrast(1.07) saturate(1.02)}
.model-picture.brochure-photo.img-z9 img{padding:25px 5px 0}
.model-chip{background:#ffffffeb!important;color:#173452!important;letter-spacing:1.6px;padding:11px 12px;font-size:8px;top:16px;left:16px}
.photo-label{font-size:8px!important;letter-spacing:2.3px!important;color:#617286!important;text-shadow:none!important}
.picture-view{position:absolute;bottom:16px;right:17px;display:flex;align-items:center;gap:13px;font-size:8px;color:#223951;font-weight:800;letter-spacing:1.5px;opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .4s}
.picture-view span{font-size:16px}.model-card:hover .picture-view{opacity:1;transform:translateX(0)}
.model-body{padding:27px}
.model-heading h3{font-size:40px;letter-spacing:-.04em;font-weight:600}
.model-heading h3 em{font-weight:500}
.model-price strong{font-size:26px;letter-spacing:-.05em}
.model-desc{min-height:55px}.model-ordinal{color:#9aabc1}
.new-finish-note{font-size:8px;letter-spacing:1.5px;color:#2d7d78;font-weight:800;display:flex;align-items:center;gap:7px;margin:-8px 0 14px}.colour-dot{width:7px;height:7px;display:inline-block;background:#0b7778;border-radius:50%;box-shadow:0 0 0 3px #a8d6ce}
/* All call-to-action controls share premium interactions */
.btn,.header-cta,.explore-button,.round-arrow,.stage-controls button,.colour-swatch,.dialog-close,.vehicle-detail-tabs button,.mobile-whatsapp-v2,.studio-mobile-actions button{position:relative;overflow:hidden;transition:transform .34s cubic-bezier(.16,1,.3,1),background .3s,color .3s,box-shadow .3s,border-color .3s}
.btn::before,.header-cta::before,.explore-button::before,.studio-mobile-actions button::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.28) 49%,transparent 75%);transform:translateX(-160%);transition:transform .75s cubic-bezier(.16,1,.3,1)}
.btn:hover::before,.header-cta:hover::before,.explore-button:hover::before,.studio-mobile-actions button:hover::before{transform:translateX(130%)}
.btn:hover,.explore-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1f46792e}
.btn:active,.header-cta:active,.explore-button:active,.stage-controls button:active,.studio-mobile-actions button:active{transform:translateY(1px) scale(.98)}
.btn span,.explore-button span,.last-cta .btn span,.form-submit span{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.btn:hover span,.explore-button:hover span{transform:translate(4px,-3px)}
.explore-button{font-size:10px;letter-spacing:1.1px;min-height:51px;background:#071c39;color:white;border:1px solid #071c39}
.explore-button:hover{background:#1250a6;border-color:#1250a6}
.btn-blue{background:#14459e}.btn-blue:hover{background:#0e2e71}
.mobile-whatsapp-v2{background:#0b796e}
.mobile-whatsapp-v2:hover{background:#0b5c54}
.experience-section{background:radial-gradient(ellipse at 60% 20%,#193257,#081323 70%)}
.intro-strip{background:#ebeff3}.intro-strip .strip-number{color:#869ab7}
.last-cta{background:linear-gradient(120deg,#071122,#0d2a64 70%,#08152e)}
.last-cta h2{font-size:clamp(48px,6vw,88px)}
.payment-result{background:#081e42}
.calculator .range{accent-color:#1b58b4}
/* Minimal, editorial vehicle studio */
.vehicle-dialog{border-radius:3px;background:#fafbfc;box-shadow:0 40px 120px #01050dcc}
.vehicle-dialog::backdrop{background:#020813db;backdrop-filter:blur(16px)}
.vehicle-dialog-top{background:#f7f9fc;border-color:#d9e0eb}.vehicle-dialog-brand{color:#162c55}
.vehicle-visual-side{background:linear-gradient(135deg,#ebf0f7,#f9fafc 65%,#e1eaf5)}
.vehicle-stage{border:1px solid #d6dfeb;background:radial-gradient(ellipse at 50% 75%,#ffffff,#d8e5f4);}
.vehicle-stage>img{transition:opacity .24s,transform .65s cubic-bezier(.16,1,.3,1)}
.vehicle-stage:hover>img{transform:scale(1.055)}
.stage-head{color:#3e5a80}.vehicle-details-side h2{font-family:var(--serif);font-size:clamp(44px,3.5vw,58px);font-weight:600;letter-spacing:-.06em}
.vehicle-details-side h2 em{font-weight:500;color:#325ea8}
.vehicle-metrics strong{font-size:18px}.vehicle-big-price strong{font-size:30px}
.colour-availability{color:#166863;background:#e0f0ee;border-left:2px solid #258f85;padding:9px 12px;font-size:10px;line-height:1.6;margin:13px 0 0}.colour-availability[hidden]{display:none}
.colour-swatch:hover .swatch-circle{transform:scale(1.1);box-shadow:0 5px 13px #172c5338}.swatch-circle{transition:transform .25s,box-shadow .25s}
.vehicle-fineprint{color:#8390a2}.vehicle-detail-tabs button:hover{color:#0c54a1}
/* Mobile typography and thumb-friendly UX */
@media(max-width:1180px){.hero h1{font-size:clamp(59px,6.3vw,85px)}.hero-grid{grid-template-columns:51% 49%}.hero-visual{height:510px}}
@media(max-width:900px){.loader-corner{display:none}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:0}.hero-copy{padding:70px 0 34px}.hero h1{font-size:clamp(65px,9vw,110px)}.hero-visual{height:450px;width:100%;margin:0 0 30px}.hero-caption{margin-top:28px}.hero-foot{height:49px}.hero{min-height:0}.models-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-card:last-child{grid-column:1/-1}.model-card:last-child .model-picture{height:340px}.model-picture{height:285px}}
@media(max-width:600px){.container{width:calc(100% - 38px)}.announcement{font-size:6.5px;letter-spacing:1.2px}.site-header .header-inner{height:66px}.brand-with-mark .brand-mark{width:33px;height:33px}.brand-with-mark .brand-word{font-size:24px!important;letter-spacing:3px!important}.brand-with-mark .brand-sub{font-size:6px!important;letter-spacing:1px!important}.mobile-toggle{width:44px;height:44px;display:grid;align-content:center}.mobile-nav{padding:10px 21px 26px}.mobile-nav a{padding:15px 6px;font-size:13px}
.hero-copy{padding:55px 0 28px}.hero h1{font-size:clamp(56px,14vw,81px);line-height:.88;letter-spacing:-.053em;margin:0 0 23px}.hero h1 em{white-space:normal}.eyebrow{font-size:8px;letter-spacing:1.6px;gap:9px;margin-bottom:25px}.eyebrow-line{width:22px}.hero-text{font-size:12px;line-height:1.9;margin-bottom:22px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%;min-height:52px}.hero-caption{margin-top:24px}.hero-signature{font-size:7px;letter-spacing:1px;margin:19px 0 0}.hero-visual{height:clamp(280px,79vw,400px);margin:0 0 12px}.hero-car img{object-position:42% center}.hero-visual-top,.hero-visual-bottom{left:17px;right:17px}.hero-visual-top{top:18px;font-size:7px}.hero-visual-bottom{bottom:17px}.hero-visual-bottom small{font-size:7px}.hero-visual-bottom strong{font-size:27px}.hero-visual-bottom a{width:35px;height:35px;font-size:18px}.hero-foot span:nth-child(3){display:none}.hero-foot{font-size:7px;letter-spacing:1.1px}.section{padding:74px 0}.section h2,.experience-section h2{font-size:clamp(56px,13vw,76px)}.section-top{margin-bottom:32px}.models-grid{grid-template-columns:1fr;gap:18px}.model-card:last-child{grid-column:auto}.model-card:last-child .model-picture{height:240px}.model-picture{height:238px}.model-picture.brochure-photo img{padding:10px 5px 0!important}.model-card:hover{transform:none}.model-card:active .model-picture img{transform:scale(1.085)}.picture-view{opacity:1;transform:none;right:10px;bottom:8px;font-size:7px;gap:7px}.model-body{padding:22px}.model-heading h3{font-size:38px}.model-desc{font-size:11px;min-height:0;margin:12px 0 18px}.model-price strong{font-size:26px}.explore-button{min-height:53px}.new-finish-note{margin:-4px 0 14px}.explore-hint{font-size:8px;line-height:1.8;letter-spacing:1.3px}.models-disclaimer{font-size:9px}.vehicle-dialog{border-radius:4px}.vehicle-stage:hover>img{transform:none}.vehicle-details-side h2{font-size:41px}.vehicle-metrics strong{font-size:13px}.loader-logo{width:125px;height:125px}.loader-denza{font-size:42px}.loader-by{font-size:7px;gap:7px;letter-spacing:2px}.loader-by i{width:15px}.loader-track{margin-top:40px}.loader-message{font-size:8px}.studio-mobile-actions button:first-child{background:#174a9f}.mobile-whatsapp-v2{background:#137568}}
@media(max-width:380px){.hero h1{font-size:51px}.model-heading h3{font-size:35px}.vehicle-dialog-brand small{letter-spacing:1.4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.denza-preloader{display:none!important}.reveal{opacity:1!important;transform:none!important}}