@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#f7f7f4;--surface:#fff;--ink:#171b19;--sub:#66716b;--line:#dbe0db;--accent:#526b55;--hero:#142017;--gold:#c3a65d;--surface2:#eff1ed}
html[data-theme="dark"]{color-scheme:dark;--bg:#0c100f;--surface:#171b19;--ink:#f5f5ef;--sub:#a3aea5;--line:#333b36;--accent:#d1c18d;--hero:#0a0e0c;--surface2:#1e2520}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.wrap{max-width:1320px;margin:auto;padding:0 clamp(20px,5vw,72px)}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:var(--accent)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em;line-height:1.13}h1{font-size:clamp(45px,7.5vw,102px)}h2{font-size:clamp(30px,4.8vw,57px)}h3{font-size:22px}.muted{color:var(--sub)}.topline{background:#142017;color:#f3f4ef;font-size:10px;letter-spacing:.16em;text-align:center;text-transform:uppercase;padding:9px}.header{position:sticky;z-index:20;top:0;background:var(--surface);border-bottom:1px solid var(--line)}.navrow{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;gap:11px;align-items:center;flex:none}.brand-mark{display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;width:36px;height:36px;font:800 19px Manrope}.brand-word{font:800 19px/1 Manrope;letter-spacing:-.065em}.brand-word small{font:700 9px/1.6 'DM Sans';letter-spacing:.35em;display:block;margin-top:3px}.navlinks{display:flex;align-items:center;gap:26px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.navlinks a:hover{text-decoration:underline}.nav-controls{display:flex;gap:8px;align-items:center}.toggle,.menu{color:var(--ink);background:var(--surface2);border:1px solid var(--line);min-height:39px;padding:8px 12px}.menu{display:none}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:14px 21px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:opacity .2s}.btn:hover{opacity:.8}.btn.inverse{background:#f6f6ef;color:#101912;border-color:#f6f6ef}.btn.outline{background:transparent;color:var(--ink)}.hero{position:relative;color:#fff;background:#19251d;min-height:625px;display:flex;align-items:end;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,16,10,.93),rgba(8,16,10,.55),rgba(8,16,10,.20)),url('https://images.unsplash.com/photo-1519641471654-76ce0107ad1b?auto=format&fit=crop&w=2200&q=82') center/cover}.hero .wrap{width:100%;position:relative;padding-top:100px;padding-bottom:95px}.hero h1{margin:23px 0;max-width:930px}.hero p{max-width:510px;color:#e4eae1}.hero .btn{margin-top:20px}.hero .eyebrow{color:#d4dcce}.hero-foot{margin-top:65px;color:#d2d9cd;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.trust{border-bottom:1px solid var(--line);background:var(--surface2)}.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.trust .wrap>div{padding:22px 14px;border-right:1px solid var(--line)}.trust .wrap>div:first-child{padding-left:0}.trust .wrap>div:last-child{border:0}.trust b,.trust span{display:block}.trust b{font-size:13px}.trust span{color:var(--sub);font-size:11px}.section{padding:95px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.sectionhead h2{margin:14px 0 0}.sectionhead p{max-width:420px;color:var(--sub)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.collection{display:flex;flex-direction:column;justify-content:space-between;min-height:340px;padding:28px;background:#1b2920;color:#fff;position:relative;overflow:hidden}.collection::before{position:absolute;content:"";inset:0;background:linear-gradient(0deg,#081009d9,#08100925),url('https://images.unsplash.com/photo-1519641471654-76ce0107ad1b?auto=format&fit=crop&w=1100&q=75') center/cover;transition:transform .3s}.collection.performance::before{background-image:linear-gradient(0deg,#081009df,#08100935),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1100&q=75')}.collection:hover::before{transform:scale(1.03)}.collection>*{position:relative}.collection h3{font-size:clamp(32px,4vw,49px);margin:0}.collection p{font-size:12px;color:#e0e4df}.fleet-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.car-card{background:var(--surface);border:1px solid var(--line)}.car-visual{height:285px;background:#a1aaa2;position:relative;background-size:cover;background-position:center}.car-visual.svr{background-image:linear-gradient(0deg,#0006,transparent),url('https://images.unsplash.com/photo-1519641471654-76ce0107ad1b?auto=format&fit=crop&w=1300&q=85')}.car-visual.civic{background-image:linear-gradient(0deg,#0006,transparent),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1300&q=85')}.chip{position:absolute;top:18px;left:18px;padding:7px 12px;background:#f6f7f2;color:#171b19;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.1em}.image-disclaimer{position:absolute;bottom:10px;right:15px;background:#101712bb;color:#eee;font-size:10px;padding:3px 7px}.card-copy{padding:27px}.card-top{display:flex;justify-content:space-between;gap:15px}.card-top h3{margin:7px 0}.badge{display:inline-block;padding:6px 10px;border:1px solid var(--line);font-size:11px;white-space:nowrap;font-weight:700;height:max-content}.specbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:20px 0}.specbar b{display:block;font-size:16px}.specbar span{font-size:10px;color:var(--sub)}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-bottom small{color:var(--sub)}.feature{background:var(--surface2)}.featuregrid{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:55px}.featuregrid p{color:var(--sub)}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.step{padding:22px;background:var(--surface);min-height:155px}.step small{color:var(--accent);font-weight:800}.step h3{font-size:16px;margin:22px 0 5px}.step p{font-size:12px;margin:0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formbox{background:var(--surface);border:1px solid var(--line);padding:28px}label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:block;margin:14px 0 6px}input,select,textarea{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:12px;min-height:46px;border-radius:0}.formbox button{margin-top:20px}.notice{padding:13px 16px;border-left:3px solid var(--accent);background:var(--surface2);color:var(--sub);font-size:12px}.area{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:11px;border:1px solid var(--line);padding:6px 10px}.faqs{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}details{padding:17px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}details p{font-size:13px;color:var(--sub)}.footer{background:#121913;color:#e5ebe2;padding:55px 0 24px}.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer p,.footer a:not(.brand){color:#aebbad;font-size:12px}.footer a:not(.brand){display:block;margin:10px 0}.footer h4{font-size:12px}.copyright{border-top:1px solid #354139;margin-top:40px;padding-top:22px;font-size:11px;color:#aebbad}.breadcrumb{padding-top:27px;font-size:12px;color:var(--sub)}.breadcrumb a{text-decoration:underline}.detailhero{padding:34px 0 40px}.detail-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.detail-art{position:relative;min-height:440px;background:#27332c center/cover}.detail-art.svr{background-image:linear-gradient(0deg,#0007,transparent),url('https://images.unsplash.com/photo-1519641471654-76ce0107ad1b?auto=format&fit=crop&w=1400&q=85')}.detail-art.civic{background-image:linear-gradient(0deg,#0007,transparent),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1400&q=85')}.detail-art span{position:absolute;bottom:20px;left:20px;color:#fff;font-size:12px}.detail-info{background:var(--surface);padding:30px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.detail-info h1{font-size:clamp(32px,4vw,58px);margin:15px 0}.detail-info p{color:var(--sub)}.detail-info .btn{margin-top:22px;text-align:center}.detail-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:var(--surface);border:1px solid var(--line);padding:27px}.panel h2{font-size:30px}.policy{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.policy-row{display:flex;align-items:center;gap:14px;padding:20px 25px;border-bottom:1px solid var(--line)}.policy-row:last-child{border:0}.policy-icon{color:var(--gold);font-size:24px;width:34px;text-align:center;flex:none}.policy-label{font-weight:600;flex:1}.policy-value{text-align:right;font-weight:700}.policy-foot{text-align:center;border-top:1px solid var(--line);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:20px}.stats-six{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:var(--surface);border:1px solid var(--line);padding:28px;text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-icon{font-size:26px;color:var(--gold)}.stat b{font-size:19px;margin:12px 0 0}.stat span:last-child{font-size:12px;color:var(--sub)}.spec-table{width:100%;border-collapse:collapse}.spec-table td{padding:13px 0;border-bottom:1px solid var(--line)}.spec-table td:last-child{text-align:right;font-weight:700}.timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.phase{padding:17px 13px;background:var(--surface);border:1px solid var(--line);position:relative}.phase small{color:var(--accent);font-weight:800}.phase b{display:block;margin:10px 0;font-size:12px;line-height:1.4}.phase p{font-size:11px;color:var(--sub);margin:0}.phase:not(:last-child)::after{content:'→';position:absolute;right:-10px;top:48%;z-index:2;color:var(--accent)}.phase-note{margin-top:17px;color:var(--sub);font-size:12px}.selected-car{color:var(--accent);font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:850px){.navlinks{display:none;position:absolute;top:76px;left:0;right:0;padding:22px;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu{display:block}.detail-layout,.featuregrid,.area,.faqs{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr)}.phase:nth-child(even)::after{display:none}.detail-cols{grid-template-columns:1fr}.section{padding:65px 0}}
@media(max-width:600px){.hero{min-height:560px}.hero .wrap{padding-top:70px;padding-bottom:65px}.hero h1{font-size:clamp(46px,12vw,75px)}.sectionhead{display:block}.sectionhead p{margin-top:20px}.split,.fleet-grid,.area,.formgrid{grid-template-columns:1fr}.trust .wrap{grid-template-columns:1fr 1fr}.trust .wrap>div{border-bottom:1px solid var(--line)}.collection{min-height:290px}.specbar{grid-template-columns:repeat(2,1fr)}.card-bottom{flex-direction:column;align-items:stretch}.card-bottom .btn{width:100%}.stats-six{grid-template-columns:repeat(2,1fr)}.footer-cols{grid-template-columns:1fr 1fr}.footer-cols>div:first-child{grid-column:1/-1}.policy-row{flex-wrap:wrap;padding:17px}.policy-value{width:100%;padding-left:48px;text-align:left}.timeline{grid-template-columns:1fr}.phase::after{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Quayline monochrome / champagne-gold visual identity */
:root {
  color-scheme:dark;
  --bg:#111112;
  --surface:#1a1a1c;
  --surface2:#202023;
  --ink:#f3f1ec;
  --sub:#b4b0a9;
  --line:#393737;
  --accent:#c6a86c;
  --gold:#c6a86c;
  --hero:#0c0c0d;
}
html[data-theme="dark"] {
  color-scheme:dark;
  --bg:#101011;
  --surface:#19191b;
  --surface2:#222224;
  --ink:#f3f1ec;
  --sub:#b4b0a9;
  --line:#393737;
  --accent:#c6a86c;
  --gold:#c6a86c;
  --hero:#0b0b0c;
}
html[data-theme="light"] {
  color-scheme:light;
  --bg:#f3f1eb;
  --surface:#fffdf8;
  --surface2:#eae7df;
  --ink:#201f1e;
  --sub:#6f6b65;
  --line:#d5d0c6;
  --accent:#917340;
  --gold:#917340;
  --hero:#191817;
}
.topline { background:#090909; color:#d1c6b2; }
.header { background:var(--surface); }
.brand-mark { border-color:var(--accent);color:var(--accent); }
.hero { background:#0d0d0e; }
.hero::before { background:linear-gradient(90deg,rgba(6,6,7,.95),rgba(8,8,9,.62),rgba(8,8,9,.29)),url('https://images.unsplash.com/photo-1519641471654-76ce0107ad1b?auto=format&fit=crop&w=2200&q=82') center/cover;filter:grayscale(.4); }
.hero .eyebrow,.hero-foot { color:#d4b77c; }
.collection { background:#151517; }
.collection::before { background-image:linear-gradient(0deg,rgba(8,8,9,.93),rgba(8,8,9,.2)),url('https://images.unsplash.com/photo-1519641471654-76ce0107ad1b?auto=format&fit=crop&w=1100&q=75');filter:grayscale(.32); }
.collection.performance::before { background-image:linear-gradient(0deg,rgba(8,8,9,.93),rgba(8,8,9,.2)),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1100&q=75'); }
.collection .eyebrow {color:#d5bc86}
.chip {background:#131313;color:#d6bb84;border:1px solid #6f5b33}
.car-visual {background-color:#222}
.car-card {transition:border-color .22s ease,transform .22s ease}
.car-card:hover {border-color:var(--accent);transform:translateY(-2px)}
.btn {background:var(--accent);border-color:var(--accent);color:#131313}
.btn:hover {opacity:1;background:#d9bd83;border-color:#d9bd83}
.btn.inverse {background:#c6a86c;color:#141312;border-color:#c6a86c}
.toggle,.menu{background:var(--surface2)}
.policy-icon,.stat-icon,.step small {color:var(--accent)}
.footer{background:#090909;color:#eee9e0}
.footer p,.footer a:not(.brand),.copyright{color:#b3aa99}
.footer .copyright{border-color:#36312a}
#prestige,#performance{scroll-margin-top:110px}

/* Homepage composition refinement — Quayline editorial */
html {scroll-padding-top:90px}
.hero {min-height: min(840px, 88svh);align-items:flex-end;isolation:isolate}
.hero::before {background:linear-gradient(90deg,rgba(5,5,6,.92) 0%,rgba(7,7,8,.55) 53%,rgba(4,4,5,.2) 100%),linear-gradient(0deg,rgba(3,3,4,.7),transparent 48%),url('https://images.unsplash.com/photo-1519641471654-76ce0107ad1b?auto=format&fit=crop&w=2200&q=85') center/cover;filter:grayscale(.55)}
.hero .wrap {padding-top:145px;padding-bottom:46px}
.hero h1 {font-size:clamp(57px,8.1vw,120px);font-weight:600;letter-spacing:-.08em;line-height:.97;margin:32px 0 30px;max-width:1050px}
.hero h1 em {font-style:normal;color:#c6a86c}
.hero p {max-width:455px;font-size:16px;line-height:1.9;color:#e2e0d9}
.hero-actions {display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:29px}
.hero .btn {margin:0}
.hero-secondary {text-transform:uppercase;letter-spacing:.11em;font-weight:700;font-size:11px;border-bottom:1px solid #c6a86c;padding:12px 0;color:#f0e9df}
.hero-foot {margin-top:clamp(65px,12vh,130px);padding-top:22px;border-top:1px solid #ffffff55;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#e2d0af}
.trust .wrap>div {position:relative;padding:26px 16px 25px 55px}
.trust .wrap>div:first-child{padding-left:46px}
.trust-num {position:absolute;left:15px;top:28px;color:var(--accent)!important;font-size:11px!important;font-weight:800}
.trust .wrap>div:first-child .trust-num{left:0}
.trust b {font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.trust span:not(.trust-num){margin-top:5px;line-height:1.5}
.sectionhead h2{max-width:690px}
.collection {min-height:465px;padding:35px;border:1px solid #413b31}
.collection h3{font-size:clamp(39px,4.3vw,62px);line-height:1.02;letter-spacing:-.075em}
.collection-cta{display:inline-block;margin:23px 0 10px;border-bottom:1px solid #c6a86c;padding-bottom:9px;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#e0c38c}
.collection p{max-width:345px;line-height:1.8;color:#ece8e2}
.collection::before {background-image:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.04) 80%),url('https://images.unsplash.com/photo-1519641471654-76ce0107ad1b?auto=format&fit=crop&w=1300&q=85');filter:grayscale(.5)}
.collection.performance::before {background-image:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.04) 80%),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1300&q=85')}
.collection:hover::before{transform:scale(1.055)}
.car-visual {height:330px;filter:saturate(.75)}
.card-copy{padding:30px}
.card-top h3{font-size:25px}
.specbar{margin-top:24px;margin-bottom:26px}
.section {padding:100px 0}
@media(max-width:850px){.hero{min-height:680px}.trust .wrap{grid-template-columns:repeat(2,1fr)}.trust .wrap>div{border-bottom:1px solid var(--line)}}
@media(max-width:600px){.hero{min-height:640px}.hero .wrap{padding-top:95px;padding-bottom:30px}.hero h1{font-size:clamp(48px,12vw,78px)}.hero-foot{margin-top:90px;flex-wrap:wrap}.hero-foot span:nth-child(2){display:none}.trust .wrap>div,.trust .wrap>div:first-child{padding:23px 10px 20px 36px}.trust-num,.trust .wrap>div:first-child .trust-num{left:8px;top:24px}.collection{min-height:360px}.section{padding:70px 0}.car-visual{height:270px}}

/* Fleet imagery: retain fallback backgrounds until photos are uploaded */
.car-visual, .detail-art {overflow:hidden}
.fleet-photo,.detail-photo {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.fleet-photo {position:absolute;inset:0}
.detail-photo {position:absolute;inset:0}
.car-visual .chip {z-index:2}
.car-visual.svr .fleet-photo {object-position:52% 50%}
.car-visual.civic .fleet-photo {object-position:50% 50%}
.detail-art.svr .detail-photo {object-position:50% 50%}
.detail-art.civic .detail-photo {object-position:52% 50%}


/* Custom Quayline homepage hero photograph, October 2026 */
.hero::before {
  background:
    linear-gradient(90deg, rgba(5,5,6,.86) 0%, rgba(5,5,6,.60) 31%, rgba(5,5,6,.12) 67%, rgba(5,5,6,.07) 100%),
    linear-gradient(0deg, rgba(5,5,6,.58) 0%, transparent 33%),
    url('header.webp') center 52% / cover no-repeat;
  filter:none;
}
.hero h1 {max-width:810px;text-shadow:0 3px 24px rgba(0,0,0,.20)}
.hero p {text-shadow:0 2px 12px rgba(0,0,0,.35)}
@media (max-width:760px) {
  .hero::before {
    background:
      linear-gradient(0deg,rgba(5,5,6,.93) 0%,rgba(5,5,6,.70) 43%,rgba(5,5,6,.13) 100%),
      url('header.webp') 56% center / cover no-repeat;
  }
  .hero {align-items:end}
}