/* SelfDrive Chandigarh — global header + footer */
/* the theme header + footer are replaced by ours, site-wide */
#masthead, header.site-header, .site-header-wrap,
#colophon, footer.site-footer, .site-footer-wrap,
.site-bottom-footer-wrap, .site-middle-footer-wrap, .site-top-footer-wrap { display:none !important; }

#sdcnav{
  /* brand tokens — Ink #14110C · Cream #F6F1E3 · Drive Orange #E85D04 · Stone #8A857E */
  --nv-ground:#14110C; --nv-surface:#1E1A13; --nv-ink:#F6F1E3; --nv-ink2:#ADA391;
  --nv-ink3:#8A857E; --nv-line:#372F22; --nv-accent:#E85D04;
  position:sticky; top:0; z-index:9000;
  background:var(--nv-ground); border-bottom:2px solid var(--nv-ink);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
#sdcnav *{box-sizing:border-box; margin:0}
#sdcnav a{text-decoration:none; color:inherit}
#sdcnav :focus-visible{outline:2px solid var(--nv-accent); outline-offset:3px}

#sdcnav .nv-in{width:min(1200px,92vw); margin-inline:auto; min-height:62px;
  display:flex; align-items:center; gap:1.2rem}

/* brand */
#sdcnav .nv-brand{display:flex; align-items:center; flex-shrink:0; line-height:0;
  min-height:44px; padding-block:.35rem}
#sdcnav .nv-brand img{display:block; width:163px; height:34px}
@media(max-width:1040px){#sdcnav .nv-brand img{width:144px; height:30px}}
@media(max-width:400px){#sdcnav .nv-brand img{width:130px; height:27px}}

/* desktop menu */
#sdcnav .nv-menu{display:flex; align-items:center; gap:.15rem; margin-left:auto}
#sdcnav .nv-node{position:relative}
#sdcnav .nv-link{display:inline-flex; align-items:center; gap:.35rem; height:62px; padding:0 .85rem;
  font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--nv-ink2); background:none; border:0; cursor:pointer; font-family:inherit;
  transition:color .15s ease}
#sdcnav .nv-link:hover, #sdcnav .nv-node:hover>.nv-link{color:var(--nv-ink)}
#sdcnav .nv-link[aria-current="page"]{color:var(--nv-accent)}
#sdcnav .car{width:0; height:0; flex-shrink:0;
  border-left:4px solid transparent; border-right:4px solid transparent;
  border-top:4px solid currentColor; transition:transform .18s ease}
#sdcnav .nv-node:hover .car{transform:rotate(180deg)}

/* dropdown */
#sdcnav .nv-sub{position:absolute; top:62px; left:0; min-width:230px;
  background:var(--nv-surface); border:2px solid var(--nv-ink); padding:.3rem;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s}
#sdcnav .nv-node:hover .nv-sub, #sdcnav .nv-node:focus-within .nv-sub{opacity:1; visibility:visible; transform:none}
#sdcnav .nv-sub a{display:block; padding:.7rem .8rem; font-size:.85rem; font-weight:600;
  color:var(--nv-ink2); transition:background .14s ease, color .14s ease}
#sdcnav .nv-sub a:hover{background:var(--nv-accent); color:var(--nv-ground)}
#sdcnav .nv-sub a[aria-current="page"]{color:var(--nv-accent)}

/* right-hand contact */
#sdcnav .nv-contact{display:flex; align-items:center; gap:.6rem; flex-shrink:0}
#sdcnav .nv-tel{font-family:ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;
  font-size:.8rem; color:var(--nv-ink2); white-space:nowrap; transition:color .15s ease}
#sdcnav .nv-tel:hover{color:var(--nv-ink)}
#sdcnav .nv-wa{display:inline-flex; align-items:center; height:38px; padding:0 1rem;
  background:var(--nv-accent); color:var(--nv-ground); border:2px solid var(--nv-ink);
  box-shadow:3px 3px 0 var(--nv-ink); font-size:.75rem; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase; white-space:nowrap; transition:transform .12s ease, box-shadow .12s ease}
#sdcnav .nv-wa:hover{transform:translate(2px,2px); box-shadow:1px 1px 0 var(--nv-ink)}

/* burger */
#sdcnav .nv-burger{display:none; margin-left:auto; width:44px; height:44px; padding:0;
  background:none; border:2px solid var(--nv-line); cursor:pointer; position:relative; flex-shrink:0}
#sdcnav .nv-burger span{position:absolute; left:11px; right:11px; height:2px; background:var(--nv-ink);
  transition:transform .22s ease, opacity .18s ease}
#sdcnav .nv-burger span:nth-child(1){top:14px}
#sdcnav .nv-burger span:nth-child(2){top:20px}
#sdcnav .nv-burger span:nth-child(3){top:26px}
#sdcnav.open .nv-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
#sdcnav.open .nv-burger span:nth-child(2){opacity:0}
#sdcnav.open .nv-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* mobile panel */
#sdcnav .nv-panel{display:none; border-top:2px solid var(--nv-ink); background:var(--nv-ground);
  min-height:calc(100dvh - 58px); max-height:calc(100dvh - 58px); overflow-y:auto; padding:.5rem 0 1.4rem}
#sdcnav.open .nv-panel{display:block}
#sdcnav .nv-panel .nv-in{display:block; min-height:0}
#sdcnav .nv-acc{border-bottom:1px solid var(--nv-line)}
#sdcnav .nv-acc>a, #sdcnav .nv-acc>button{display:flex; align-items:center; justify-content:space-between;
  width:100%; min-height:56px; padding:.9rem .2rem; font-family:inherit;
  font-size:1rem; font-weight:700; letter-spacing:.04em; color:var(--nv-ink);
  background:none; border:0; cursor:pointer; text-align:left}
#sdcnav .nv-acc>button .car{border-top-color:var(--nv-accent); border-left-width:5px;
  border-right-width:5px; border-top-width:5px}
#sdcnav .nv-acc.on>button .car{transform:rotate(180deg)}
#sdcnav .nv-acc-sub{display:none; padding:0 0 .6rem .9rem; border-left:2px solid var(--nv-accent); margin-left:.2rem}
#sdcnav .nv-acc.on .nv-acc-sub{display:block}
#sdcnav .nv-acc-sub a{display:block; min-height:48px; padding:.75rem 0; font-size:.92rem;
  font-weight:600; color:var(--nv-ink2)}
#sdcnav .nv-panel .nv-foot{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:1.2rem}
#sdcnav .nv-panel .nv-foot a{display:inline-flex; align-items:center; justify-content:center;
  min-height:52px; border:2px solid var(--nv-ink); font-size:.85rem; font-weight:800;
  letter-spacing:.06em; text-transform:uppercase}
#sdcnav .nv-panel .nv-foot .c{color:var(--nv-ink)}
#sdcnav .nv-panel .nv-foot .w{background:var(--nv-accent); color:var(--nv-ground)}

@media(max-width:1040px){
  #sdcnav .nv-menu, #sdcnav .nv-contact{display:none}
  #sdcnav .nv-burger{display:block}
  #sdcnav .nv-in{min-height:58px}
  #sdcnav .nv-link{height:58px}
}
/* The Click-to-Chat plugin's green float is off-palette and redundant: WhatsApp already
   sits in the sticky header, the hero, the footer and the mobile bottom bar. Hidden at all
   breakpoints for brand consistency — delete these two lines to bring it back. */
.ht-ctc, #ht-ctc-chat { display:none !important; }

@media (prefers-reduced-motion:reduce){
  #sdcnav *{transition-duration:.001s !important}
}

/* ── global footer ── */
#sdcfoot{
  --nv-ground:#14110C; --nv-surface:#1E1A13; --nv-ink:#F6F1E3; --nv-ink2:#ADA391;
  --nv-ink3:#8A857E; --nv-line:#372F22; --nv-accent:#E85D04;
  background:var(--nv-ground); color:var(--nv-ink2); border-top:2px solid var(--nv-ink);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased;
}
#sdcfoot *{box-sizing:border-box; margin:0}
#sdcfoot a{color:inherit; text-decoration:none; transition:color .15s ease}
#sdcfoot a:hover{color:var(--nv-accent)}
#sdcfoot :focus-visible{outline:2px solid var(--nv-accent); outline-offset:3px}
#sdcfoot .ft-in{width:min(1200px,92vw); margin-inline:auto}
#sdcfoot .ft-grid{display:grid; gap:clamp(1.8rem,3vw,2.6rem);
  grid-template-columns:1.4fr 1fr 1fr 1fr 1fr; padding:clamp(2.2rem,5vw,3.4rem) 0}
@media(max-width:1100px){#sdcfoot .ft-grid{grid-template-columns:1.3fr 1fr 1fr}}
@media(max-width:760px){#sdcfoot .ft-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){#sdcfoot .ft-grid{grid-template-columns:1fr}}
#sdcfoot h3{font-size:.66rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase;
  color:var(--nv-accent); margin-bottom:1rem}
#sdcfoot ul{list-style:none; padding:0; display:grid; gap:.65rem}
#sdcfoot li{font-size:.9rem}
#sdcfoot .ft-brand{display:block; line-height:0; margin-bottom:1rem}
#sdcfoot .ft-brand img{display:block; width:196px; height:43px; max-width:100%}
#sdcfoot .ft-blurb{font-size:.88rem; max-width:36ch; margin-bottom:1.2rem}
#sdcfoot .ft-tel{display:inline-flex; align-items:center; min-height:44px;
  font-family:ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;
  font-size:1.1rem; font-weight:700; color:var(--nv-ink); margin-bottom:.5rem}
#sdcfoot .ft-wa{display:inline-flex; align-items:center; min-height:46px; padding:0 1.2rem;
  background:var(--nv-accent); color:var(--nv-ground); border:2px solid var(--nv-ink);
  box-shadow:4px 4px 0 var(--nv-ink); font-size:.78rem; font-weight:800; letter-spacing:.07em;
  text-transform:uppercase; transition:transform .12s ease, box-shadow .12s ease}
#sdcfoot .ft-wa:hover{transform:translate(2px,2px); box-shadow:2px 2px 0 var(--nv-ink); color:var(--nv-ground)}
#sdcfoot .ft-bar{border-top:1px solid var(--nv-line); padding:1.15rem 0 1.4rem;
  display:flex; align-items:center; justify-content:space-between; gap:.8rem 1.4rem; flex-wrap:wrap;
  font-size:.76rem; color:var(--nv-ink3)}
#sdcfoot .ft-legal{display:flex; gap:.3rem 1rem; flex-wrap:wrap; margin:-.5rem 0}
#sdcfoot .ft-legal a{display:inline-flex; align-items:center; min-height:32px; padding:0 .15rem}
@media(max-width:760px){#sdcfoot .ft-bar{padding-bottom:5rem}}
/* SelfDrive Chandigarh — page design system (scoped to #sdc) */
/* == SelfDrive Chandigarh homepage · artifact design language · #sdc == */
#sdc{
  /* brand tokens — Ink #14110C · Cream #F6F1E3 · Drive Orange #E85D04 · Stone #8A857E */
  --ground:#14110C; --surface:#1E1A13; --surface2:#282218;
  --ink:#F6F1E3; --ink2:#ADA391; --ink3:#8A857E;
  --line:#372F22; --accent:#E85D04; --accent-hot:#C94F03; --on-accent:#F6F1E3;
  --deep:#8E9CF0; --deepsoft:#1B1E3A;
  background:var(--ground); color:var(--ink); overflow-x:clip;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
#sdc *{box-sizing:border-box; margin:0}
#sdc .disp{
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Franklin Gothic Bold",sans-serif;
  font-weight:400; letter-spacing:.01em; line-height:.88; text-transform:uppercase; text-wrap:balance;
}
#sdc .mono{font-family:ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace; font-variant-numeric:tabular-nums}
#sdc .wrap{width:min(1200px,92vw); margin-inline:auto}
#sdc a{color:inherit}
#sdc :focus-visible{outline:3px solid var(--accent); outline-offset:3px}
#sdc p{margin:0 0 1rem}

/* scroll progress */
#sdc .prog{position:fixed; top:0; left:0; right:0; height:4px; z-index:99999;
  background:var(--accent); transform-origin:0 50%; transform:scaleX(0)}

/* grid paper */
#sdc .sheet{position:relative}
#sdc .sheet::before{content:""; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),
                   linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:74px 74px; opacity:.28;
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 78%);
          mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 78%)}
#sdc .sheet>*{position:relative}

/* buttons */
#sdc .btn{display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  min-height:52px; padding:1rem 1.7rem; font-weight:800; font-size:.95rem; line-height:1.2;
  text-decoration:none; border:2px solid var(--ink); background:var(--accent); color:var(--on-accent);
  box-shadow:5px 5px 0 var(--ink); transition:transform .12s ease, box-shadow .12s ease; cursor:pointer}
#sdc .btn:hover{transform:translate(3px,3px); box-shadow:2px 2px 0 var(--ink)}
#sdc .btn.ghost{background:transparent; color:var(--ink)}

/* hero */
#sdc .hero{padding:clamp(2rem,5.5vw,4rem) 0 clamp(2rem,5vw,3.5rem);
  display:grid; gap:clamp(1.6rem,3.5vw,3rem); align-items:start}
@media(min-width:980px){#sdc .hero{grid-template-columns:1.3fr 1fr}}
#sdc .eyebrow{display:flex; flex-wrap:wrap; gap:.4rem 1.1rem; align-items:center;
  font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:var(--ink2); margin-bottom:1rem}
#sdc .eyebrow .dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;
  animation:blink 1.8s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}
#sdc .slogan{font-size:.78rem; font-weight:800; letter-spacing:.22em; text-transform:uppercase;
  color:var(--accent); margin-bottom:.9rem}
#sdc h1{margin:0 0 .12em; color:var(--ink)}
#sdc h1 .big{display:block; font-size:clamp(2.9rem,12vw,6.2rem)}
#sdc h1 .ln{display:block; overflow:hidden}
#sdc h1 .ln span{display:block; transform:translateY(105%); animation:rise .95s cubic-bezier(.16,1,.3,1) forwards}
#sdc h1 .ln:nth-child(2) span{animation-delay:.10s}
#sdc h1 .ln:nth-child(3) span{animation-delay:.20s}
@keyframes rise{to{transform:translateY(0)}}
#sdc .yell{color:var(--accent)}
#sdc .outline{color:transparent; -webkit-text-stroke:2px var(--ink)}
#sdc .lede{max-width:52ch; font-size:clamp(1rem,1.6vw,1.15rem); color:var(--ink2);
  margin:1.4rem 0 1.8rem; opacity:0; animation:fade .8s .45s ease forwards}
@keyframes fade{to{opacity:1}}
#sdc .cta-row{display:flex; flex-wrap:wrap; gap:.8rem; opacity:0; animation:fade .8s .6s ease forwards}

/* ---- the docket ---- */
#sdc .qpanel{border:2px solid var(--ink); background:var(--surface); padding:0;
  box-shadow:10px 10px 0 var(--ink); opacity:0; animation:fade .8s .5s ease forwards}
#sdc .qpanel.ping{animation:pingA .9s ease; opacity:1}
@keyframes pingA{0%{outline:4px solid var(--accent); outline-offset:5px}100%{outline:0 solid transparent; outline-offset:5px}}
#sdc .q-head{display:flex; align-items:center; justify-content:space-between; gap:1rem;
  background:var(--ink); color:var(--ground); padding:.65rem 1.05rem}
#sdc .q-head h2{font-size:.82rem; letter-spacing:.16em; text-transform:uppercase; font-weight:800;
  color:var(--ground); font-family:inherit; margin:0; line-height:1.4}
#sdc .q-head span{font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; color:#8a8266}
#sdc .qpanel form{padding:1.05rem}
#sdc .qpanel label{display:block; font-size:.62rem; letter-spacing:.15em; text-transform:uppercase;
  color:var(--ink3); margin-bottom:.3rem}
#sdc .q-row{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:.85rem}
@media(max-width:420px){#sdc .q-row{grid-template-columns:1fr}}
#sdc .qpanel select{width:100%; min-height:48px; padding:.55rem .8rem;
  font-size:16px; font-family:inherit; color:var(--ink); background:var(--ground);
  border:2px solid var(--line); border-radius:0; appearance:none; -webkit-appearance:none;
  transition:border-color .15s ease;
  background-image:linear-gradient(45deg,transparent 49%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 51%);
  background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%; background-size:6px 6px; background-repeat:no-repeat}
#sdc .qpanel select:focus{border-color:var(--accent); outline:none}
#sdc .qpanel .btn{width:100%; gap:.45rem}
#sdc .qpanel .tiny{font-size:.68rem; color:var(--ink3); margin:.55rem 0 0; text-align:center}

/* calendar */
#sdc .cal{border:2px solid var(--line); background:var(--ground); margin-bottom:.85rem}
#sdc .cal-head{display:flex; align-items:center; justify-content:space-between; gap:.4rem;
  background:var(--surface2); border-bottom:2px solid var(--line); padding:.4rem .45rem}
#sdc .cal-head b{flex:1; text-align:center; font-size:1.02rem; letter-spacing:.1em}
#sdc .cal-nav-btn{min-width:32px; min-height:32px; border:2px solid var(--line); background:var(--ground);
  color:var(--ink); font-size:.95rem; line-height:1; cursor:pointer; border-radius:0; padding:0}
#sdc .cal-nav-btn:hover{border-color:var(--accent)}
#sdc .cal-nav-btn:disabled{opacity:.3; cursor:default; border-color:var(--line)}
#sdc .cal-dow{display:grid; grid-template-columns:repeat(7,1fr); gap:2px; padding:.35rem .45rem 0}
#sdc .cal-dow span{font-size:.6rem; letter-spacing:.08em; text-align:center; color:var(--ink3); text-transform:uppercase}
#sdc .cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:2px; padding:.15rem .45rem .35rem}
#sdc .cal-grid button{min-height:40px; border:0; background:transparent; color:var(--ink);
  font-family:ui-monospace,Consolas,monospace; font-size:.88rem; cursor:pointer; border-radius:0; padding:0}
#sdc .cal-grid button:hover{background:var(--surface2)}
#sdc .cal-grid button.off{color:var(--ink3); opacity:.35; cursor:default; background:transparent}
#sdc .cal-grid button.today{color:var(--accent); box-shadow:inset 0 -3px 0 var(--accent)}
#sdc .cal-grid button.mid{background:var(--surface2); color:var(--accent)}
#sdc .cal-grid button.sel{background:var(--accent); color:var(--on-accent); font-weight:800}
#sdc .cal-foot{display:flex; align-items:center; justify-content:space-between; gap:.6rem;
  border-top:2px dashed var(--line); padding:.45rem .6rem; margin-top:.1rem}
#sdc .cal-foot .lbl{font-size:.72rem; color:var(--ink2)}
#sdc .cal-foot .clr{font-size:.7rem; color:var(--ink2); background:none; border:0; cursor:pointer;
  padding:.55rem .5rem; min-height:32px; text-decoration:underline; text-underline-offset:2px}
#sdc .cal-foot .clr:hover{color:var(--accent)}

/* stats */
#sdc .stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  border:2px solid var(--ink); background:var(--surface); margin-bottom:clamp(2.4rem,5vw,3.5rem)}
#sdc .stat{padding:1.1rem 1.2rem; border-right:2px solid var(--ink)}
#sdc .stat:last-child{border-right:0}
#sdc .stat b{display:block; font-size:1.75rem; line-height:1; letter-spacing:-.02em}
#sdc .stat small{display:block; margin-top:.4rem; font-size:.68rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink3)}
#sdc .rot{display:inline-block; will-change:opacity,transform;
  transition:opacity .3s ease, transform .3s cubic-bezier(.16,1,.3,1)}
#sdc .rot.out{opacity:0; transform:translateY(-9px)}
@media(max-width:640px){#sdc .stat{border-right:0; border-bottom:2px solid var(--ink)}
  #sdc .stat:last-child{border-bottom:0}}

/* ticker — cream band */
#sdc .ticker{border-block:2px solid var(--ink); background:var(--ink); color:var(--ground);
  overflow:hidden; padding:.7rem 0}
#sdc .tk{display:flex; width:max-content; animation:slide 38s linear infinite}
#sdc .ticker:hover .tk{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
#sdc .tk span{display:flex; align-items:center; gap:.65rem; padding-inline:1.5rem;
  font-size:.85rem; white-space:nowrap}
#sdc .tk b{color:#B34904; font-weight:800}
#sdc .tk span::after{content:"◆"; color:#b9b19d; margin-left:1.5rem; font-size:.6rem}

/* sections */
#sdc section{padding:clamp(3.2rem,7vw,5.5rem) 0}
#sdc h2{color:var(--ink)}
#sdc .shead{display:flex; align-items:flex-end; justify-content:space-between;
  gap:1.5rem; flex-wrap:wrap; margin-bottom:2.5rem;
  border-bottom:2px solid var(--ink); padding-bottom:1rem}
#sdc .shead h2{font-size:clamp(2.1rem,5.5vw,4rem); margin:0}
#sdc .shead p{margin:0; max-width:34ch; color:var(--ink2); font-size:.94rem}

/* reveal + stagger */
.sdc-anim #sdc .rv{opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s cubic-bezier(.16,1,.3,1)}
#sdc .rv.in{opacity:1; transform:none}
.sdc-anim #sdc .st>*{opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s cubic-bezier(.16,1,.3,1)}
#sdc .st.in>*{opacity:1; transform:none}
#sdc .st.in>*:nth-child(1){transition-delay:.02s}#sdc .st.in>*:nth-child(2){transition-delay:.08s}
#sdc .st.in>*:nth-child(3){transition-delay:.14s}#sdc .st.in>*:nth-child(4){transition-delay:.2s}
#sdc .st.in>*:nth-child(5){transition-delay:.26s}#sdc .st.in>*:nth-child(6){transition-delay:.32s}
#sdc .st.in>*:nth-child(7){transition-delay:.38s}#sdc .st.in>*:nth-child(8){transition-delay:.44s}
#sdc .st.in>*:nth-child(9){transition-delay:.5s}#sdc .st.in>*:nth-child(10){transition-delay:.56s}
#sdc .st.in>*:nth-child(11){transition-delay:.62s}

/* fleet bento */
#sdc .bento{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
#sdc .car{border:2px solid var(--ink); background:var(--surface); padding:1.2rem;
  display:flex; flex-direction:column; justify-content:space-between; gap:1.6rem;
  min-height:170px; text-decoration:none; transition:background .18s ease, color .18s ease, transform .18s ease;
  cursor:pointer}
#sdc .car:hover{background:var(--accent); color:var(--on-accent); transform:translateY(-4px)}
#sdc .car:hover .cat,#sdc .car:hover .rate small{color:var(--on-accent); opacity:.75}
#sdc .car .cat{font-size:.63rem; letter-spacing:.15em; text-transform:uppercase; color:var(--ink3)}
#sdc .car .nm{font-size:1.32rem; font-weight:800; letter-spacing:-.02em; line-height:1.1}
#sdc .car .rate{font-size:1.5rem; font-weight:700; letter-spacing:-.02em}
#sdc .car .rate small{font-size:.66rem; font-weight:500; letter-spacing:.1em; color:var(--ink3);
  text-transform:uppercase; margin-left:.35rem}
#sdc .car.wide{grid-column:span 2}
#sdc .car.hero-car{grid-column:span 2; grid-row:span 2; background:var(--ink); color:var(--ground);
  justify-content:flex-end}
#sdc .car.hero-car .cat{color:#B34904}
#sdc .car.hero-car .nm{font-size:clamp(1.9rem,3.4vw,2.7rem)}
#sdc .car.hero-car:hover{background:var(--accent); color:var(--on-accent)}
#sdc .car.hero-car:hover .cat{color:var(--on-accent)}
#sdc .flag{align-self:flex-start; font-size:.6rem; letter-spacing:.14em; text-transform:uppercase;
  border:1.5px solid currentColor; padding:.25rem .5rem}
@media(max-width:900px){#sdc .bento{grid-template-columns:repeat(2,1fr)}
  #sdc .car.hero-car,#sdc .car.wide{grid-column:span 2} #sdc .car.hero-car{grid-row:auto}}
@media(max-width:520px){#sdc .bento{grid-template-columns:1fr}
  #sdc .car.hero-car,#sdc .car.wide{grid-column:span 1}}

/* duration cards */
#sdc .durs{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px}
#sdc .dur{border:2px solid var(--ink); background:var(--surface); padding:1.4rem;
  transition:transform .18s ease, border-color .18s ease}
#sdc .dur:hover{transform:translateY(-4px); border-color:var(--accent)}
#sdc .dur .tag{font-family:Impact,"Arial Narrow Bold",sans-serif; font-size:1.7rem;
  text-transform:uppercase; letter-spacing:.02em; color:var(--accent); display:block; margin-bottom:.4rem}
#sdc .dur b{display:block; font-size:1.15rem; margin-bottom:.35rem}
#sdc .dur p{margin:0; font-size:.9rem; color:var(--ink2)}

/* deposit */
#sdc .pledge-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px}
#sdc .pl{border:2px solid var(--accent); padding:1.2rem; background:var(--surface)}
#sdc .pl b{display:block; font-size:1.05rem; margin-bottom:.35rem; color:var(--accent)}
#sdc .pl p{margin:0; font-size:.92rem; color:var(--ink2)}

/* giant destination marquee */
#sdc .mq{border-block:2px solid var(--ink); overflow:hidden; padding:1.1rem 0; background:var(--ground)}
#sdc .mq-track{display:flex; width:max-content; animation:slideBack 46s linear infinite}
@keyframes slideBack{to{transform:translateX(-50%)}}
#sdc .mq span{display:flex; align-items:center; gap:1.6rem; padding-inline:1.6rem;
  font-size:clamp(2.2rem,6vw,4.2rem); white-space:nowrap}
#sdc .mq .out{color:transparent; -webkit-text-stroke:1.5px var(--ink3)}
#sdc .mq .arr{color:var(--accent); font-size:.55em}

/* himachal run */
#sdc .run{background:var(--deepsoft); border-block:2px solid var(--ink)}
#sdc .roadwrap{overflow-x:auto; padding-bottom:.5rem}
#sdc .road{display:block; width:100%; min-width:680px; height:auto}
#sdc .road .tarmac{fill:none; stroke:var(--ink); stroke-width:3}
#sdc .road .dash{fill:none; stroke:var(--accent); stroke-width:3; stroke-dasharray:14 12;
  stroke-dashoffset:1400; transition:stroke-dashoffset 2.4s ease-out}
#sdc .road.in .dash{stroke-dashoffset:0}
#sdc .road .stop{fill:var(--ground); stroke:var(--ink); stroke-width:3}
#sdc .road text{font-family:ui-monospace,Consolas,monospace; font-size:12px; fill:var(--ink)}
#sdc .road .km{fill:var(--ink3); font-size:10.5px}
#sdc .rates{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; margin-top:2.2rem}
#sdc .rate-card{border:2px solid var(--ink); background:var(--surface); padding:1.2rem}
#sdc .rate-card b{display:block; font-size:1.6rem; letter-spacing:-.02em}
#sdc .rate-card span{font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink3)}

/* luxury duo */
#sdc .lux{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px}
#sdc .lux .car{min-height:200px}

/* steps */
#sdc .steps{display:grid; grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); gap:0;
  border:2px solid var(--ink); list-style:none; padding:0; counter-reset:sdcstep}
#sdc .steps li{padding:1.6rem 1.3rem; border-right:2px solid var(--ink); background:var(--surface); counter-increment:sdcstep}
#sdc .steps li:last-child{border-right:0}
#sdc .steps li::before{content:"0" counter(sdcstep);
  font-family:Impact,"Arial Narrow Bold",sans-serif; font-size:2.6rem; line-height:1;
  color:var(--accent); display:block; margin-bottom:.6rem}
#sdc .steps b{display:block; font-size:1.02rem; letter-spacing:-.01em; margin-bottom:.4rem}
#sdc .steps p{margin:0; font-size:.88rem; color:var(--ink2)}
@media(max-width:820px){#sdc .steps li{border-right:0; border-bottom:2px solid var(--ink)}
  #sdc .steps li:last-child{border-bottom:0}}

/* areas */
#sdc .areas{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px}
#sdc .area{border:2px solid var(--ink); background:var(--surface); padding:1.2rem}
#sdc .area b{display:block; font-size:1.1rem; margin-bottom:.3rem}
#sdc .area p{margin:0; font-size:.9rem; color:var(--ink2)}

/* faq — centered column */
#sdc .faq{max-width:820px; margin-inline:auto}
#sdc .faq h3{font-size:1.08rem; margin:0; font-weight:700; color:var(--ink);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#sdc details{border:2px solid var(--ink); background:var(--surface); margin-bottom:10px}
#sdc details[open]{border-color:var(--accent)}
#sdc summary{padding:1rem 1.1rem; cursor:pointer; list-style:none; display:flex;
  justify-content:space-between; gap:1rem; align-items:center; min-height:52px}
#sdc summary::-webkit-details-marker{display:none}
#sdc summary::after{content:"+"; font-family:Impact,sans-serif; font-size:1.5rem; color:var(--accent); flex-shrink:0}
#sdc details[open] summary::after{content:"–"}
#sdc details .a{padding:0 1.1rem 1.1rem; color:var(--ink2); font-size:.95rem}
#sdc details[open] .a{animation:faqIn .3s ease}
@keyframes faqIn{from{opacity:0; transform:translateY(-6px)}to{opacity:1; transform:none}}
#sdc details .a p{margin:0 0 .6rem}

/* close — cream block */
#sdc .close{background:var(--ink); color:var(--ground); border-top:2px solid var(--ink)}
#sdc .close h2{font-size:clamp(2.6rem,9vw,7rem); margin:0 0 1.2rem; color:var(--ground)}
#sdc .close .yell{color:#B34904}
#sdc .close p{color:#6f6853; max-width:48ch; margin:0 0 2rem}
#sdc .close .btn{border-color:var(--ground); color:var(--on-accent); box-shadow:5px 5px 0 var(--ground)}
#sdc .close .btn.ghost{color:var(--ground); background:transparent}

/* sticky mobile bar */
#sdc .bar{position:fixed; left:0; right:0; bottom:0; z-index:9999; display:none;
  grid-template-columns:1fr 1fr; border-top:2px solid var(--ink)}
#sdc .bar a{display:flex; align-items:center; justify-content:center; gap:.5rem;
  min-height:56px; font-weight:800; font-size:1rem; text-decoration:none}
#sdc .bar .call{background:var(--surface); color:var(--ink)}
#sdc .bar .wa{background:var(--accent); color:var(--on-accent); border-left:2px solid var(--ink)}
@media(max-width:760px){#sdc .bar{display:grid} #sdc .foot{padding-bottom:4.5rem}}

@media (prefers-reduced-motion:reduce){
  #sdc *{animation-duration:.001s!important; animation-delay:0s!important; transition-duration:.001s!important}
  #sdc h1 .ln span{transform:none}
  #sdc .lede,#sdc .cta-row,#sdc .qpanel{opacity:1}
  #sdc .rv,#sdc .st>*,#sdc .carlist .carrow{opacity:1!important; transform:none!important}
  #sdc .tk,#sdc .mq-track{animation:none}
  #sdc .road .dash{stroke-dashoffset:0}
  #sdc .prog{display:none}
}

/* ── fleet page ─────────────────────────────────────────────────────────────── */
#sdc .fleet-nav{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:2rem}
#sdc .fleet-nav a{display:inline-flex; align-items:center; min-height:44px; padding:0 1rem;
  border:2px solid var(--line); background:var(--surface); color:var(--ink2);
  font-size:.72rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase;
  text-decoration:none; transition:background .15s ease, color .15s ease, border-color .15s ease}
#sdc .fleet-nav a:hover{background:var(--accent); color:var(--on-accent); border-color:var(--accent)}
#sdc .fleet-group{margin-bottom:clamp(2.4rem,5vw,3.6rem); scroll-margin-top:84px}
#sdc .fleet-group h3{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  font-weight:400; text-transform:uppercase; letter-spacing:.01em;
  font-size:clamp(1.5rem,3.2vw,2.2rem); color:var(--ink); margin-bottom:.2rem}
#sdc .fg-note{color:var(--ink2); font-size:.92rem; margin-bottom:1.1rem}
#sdc .carlist{border:2px solid var(--ink); background:var(--surface)}
#sdc .carrow{display:grid; gap:1.1rem; align-items:center; padding:1.1rem 1.2rem;
  border-bottom:2px solid var(--line);
  grid-template-columns:220px minmax(0,1fr) auto}
#sdc .carrow:last-child{border-bottom:0}
#sdc .carrow:hover{background:var(--surface2)}
/* photo slot — fixed 220x150 so nothing shifts when real photos land */
#sdc .cr-photo{width:220px; height:150px; border:2px solid var(--line); background:var(--ground);
  overflow:hidden; position:relative; flex-shrink:0}
#sdc .cr-photo img{width:100%; height:100%; object-fit:cover; display:block}
#sdc .cr-photo[data-empty]::before{content:""; position:absolute; inset:0;
  background:url("/brand/mark-solid.svg") center/44px no-repeat; opacity:.13}
#sdc .cr-photo[data-empty]::after{content:"Photo coming"; position:absolute; left:0; right:0; bottom:8px;
  text-align:center; font-size:.58rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ink3)}
#sdc .cr-main{min-width:0}
#sdc .cr-main b{display:block; font-size:1.16rem; font-weight:800; letter-spacing:-.01em}
#sdc .cr-meta{display:block; font-size:.66rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink3); margin:.24rem 0 .45rem}
#sdc .cr-main p{margin:0; font-size:.9rem; color:var(--ink2); max-width:48ch}
#sdc .cr-price{display:flex; flex-direction:column; align-items:flex-end; gap:.6rem; flex-shrink:0}
#sdc .cr-price>b{font-size:1.34rem; font-weight:700; white-space:nowrap}
#sdc .cr-price>b small{font-size:.62rem; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink3); margin-left:.25rem}
#sdc .cr-cta{display:inline-flex; align-items:center; justify-content:center; min-height:44px;
  padding:0 1.05rem; border:2px solid var(--ink); background:var(--accent); color:var(--on-accent);
  font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  text-decoration:none; white-space:nowrap; box-shadow:3px 3px 0 var(--ink);
  transition:transform .12s ease, box-shadow .12s ease}
#sdc .cr-cta:hover{transform:translate(2px,2px); box-shadow:1px 1px 0 var(--ink)}
@media(max-width:860px){
  #sdc .carrow{grid-template-columns:150px minmax(0,1fr)}
  #sdc .cr-photo{width:150px; height:105px}
  #sdc .cr-price{grid-column:1 / -1; flex-direction:row; align-items:center;
    justify-content:space-between; width:100%; border-top:2px solid var(--line); padding-top:.85rem}
}
@media(max-width:480px){
  #sdc .carrow{grid-template-columns:1fr}
  #sdc .cr-photo{width:100%; height:180px}
}

/* two-column page shell used by inner pages */
#sdc .page-hero{padding:clamp(2rem,5vw,3.6rem) 0 clamp(1.4rem,3vw,2.2rem);
  display:grid; gap:clamp(1.6rem,3.5vw,3rem); align-items:start}
@media(min-width:1000px){#sdc .page-hero{grid-template-columns:1.35fr 1fr}}
#sdc .page-hero h1{font-size:clamp(2.2rem,7vw,4.4rem); margin-bottom:.7rem}
#sdc .page-hero .lede{margin:0 0 1.4rem; animation:none; opacity:1}
/* form sits in the right column — stack its fields so it fits a narrow rail */
#sdc .page-hero .quickform{max-width:none; margin-top:0}
#sdc .page-hero .qf-fields{grid-template-columns:1fr}
#sdc .page-hero .quickform .btn{width:100%}
#sdc .split{display:grid; gap:clamp(1.6rem,3.5vw,2.6rem); align-items:start}
@media(min-width:1000px){#sdc .split{grid-template-columns:1.55fr 1fr}}
#sdc .faq-list details{border:2px solid var(--ink); background:var(--surface); margin-bottom:10px}
#sdc .faq-list details[open]{border-color:var(--accent)}
#sdc .faq-list summary{padding:1rem 1.1rem; cursor:pointer; list-style:none; display:flex;
  justify-content:space-between; gap:1rem; align-items:center; min-height:52px}
#sdc .faq-list summary::-webkit-details-marker{display:none}
#sdc .faq-list summary::after{content:"+"; font-family:Impact,sans-serif; font-size:1.5rem;
  color:var(--accent); flex-shrink:0}
#sdc .faq-list details[open] summary::after{content:"–"}
#sdc .faq-list h3{font-size:1.08rem; margin:0; font-weight:700; color:var(--ink);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#sdc .faq-list .a{padding:0 1.1rem 1.1rem; color:var(--ink2); font-size:.95rem}
#sdc .faq-list details[open] .a{animation:faqIn .3s ease}

/* ── short hero enquiry ─────────────────────────────────────────────────────── */
#sdc .quickform{border:2px solid var(--ink); background:var(--surface); padding:1rem 1.1rem;
  box-shadow:6px 6px 0 var(--accent); max-width:760px; margin-top:1.6rem;
  opacity:0; animation:fade .8s .55s ease forwards}
#sdc .qf-label{display:block; font-size:.62rem; font-weight:800; letter-spacing:.17em;
  text-transform:uppercase; color:var(--accent); margin-bottom:.7rem}
#sdc .qf-fields{display:grid; gap:10px; grid-template-columns:1fr 1fr auto; align-items:end}
@media(max-width:720px){#sdc .qf-fields{grid-template-columns:1fr}}
#sdc .qf-field label{display:block; font-size:.6rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink3); margin-bottom:.3rem}
#sdc .qf-field select{width:100%; min-height:48px; padding:.55rem .8rem; font-size:16px;
  font-family:inherit; color:var(--ink); background:var(--ground); border:2px solid var(--line);
  border-radius:0; appearance:none; -webkit-appearance:none; transition:border-color .15s ease;
  background-image:linear-gradient(45deg,transparent 49%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 51%);
  background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%; background-size:6px 6px; background-repeat:no-repeat}
#sdc .qf-field select:focus{border-color:var(--accent); outline:none}
#sdc .quickform .btn{min-height:48px; white-space:nowrap}
#sdc .qf-note{margin:.7rem 0 0; font-size:.7rem; color:var(--ink3)}
/* car rows fade up as they arrive */
.sdc-anim #sdc .carlist .carrow{opacity:0; transform:translateY(14px);
  transition:opacity .5s ease, transform .5s cubic-bezier(.16,1,.3,1)}
#sdc .carlist.in .carrow{opacity:1; transform:none}
#sdc .carlist.in .carrow:nth-child(1){transition-delay:.03s}
#sdc .carlist.in .carrow:nth-child(2){transition-delay:.09s}
#sdc .carlist.in .carrow:nth-child(3){transition-delay:.15s}
#sdc .carlist.in .carrow:nth-child(4){transition-delay:.21s}
#sdc .cr-photo{transition:border-color .18s ease}
#sdc .carrow:hover .cr-photo{border-color:var(--accent)}

/* ── asymmetric module grid: tile size = content priority ───────────────────── */
#sdc .bento2{display:grid; grid-template-columns:repeat(6,1fr); gap:14px}
#sdc .bt{border:2px solid var(--ink); background:var(--surface); padding:1.35rem;
  display:flex; flex-direction:column; justify-content:flex-end; gap:.5rem;
  min-height:180px; text-decoration:none; color:inherit;
  transition:transform .18s ease, border-color .18s ease, background .18s ease}
#sdc .bt:hover{transform:translateY(-3px); border-color:var(--accent)}
#sdc .bt .k{font-size:.62rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:var(--accent)}
#sdc .bt b{display:block; font-size:1.18rem; font-weight:800; letter-spacing:-.01em; line-height:1.15}
#sdc .bt p{margin:0; font-size:.9rem; color:var(--ink2); line-height:1.55}
#sdc .bt .fig{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-weight:400;
  font-size:clamp(2.6rem,6vw,4.6rem); line-height:.85; color:var(--accent); letter-spacing:.01em}
/* the feature tile — inverted, biggest, always first */
#sdc .bt.lead{grid-column:span 4; grid-row:span 2; background:var(--ink); color:var(--ground);
  min-height:300px; justify-content:space-between}
#sdc .bt.lead b{font-size:clamp(1.6rem,3.2vw,2.4rem); line-height:1.05}
#sdc .bt.lead p{color:#6f6853; max-width:44ch; font-size:.98rem}
#sdc .bt.lead .k{color:#B34904}
#sdc .bt.lead:hover{background:var(--accent); color:var(--on-accent); border-color:var(--ink)}
#sdc .bt.lead:hover p{color:#4A2A05}
#sdc .bt.lead:hover .k{color:var(--on-accent)}
#sdc .bt.tall{grid-column:span 2; grid-row:span 2; min-height:300px}
#sdc .bt.half{grid-column:span 3}
#sdc .bt.third{grid-column:span 2}
#sdc .bt.two{grid-column:span 4}
#sdc .bt.full{grid-column:span 6; min-height:0; flex-direction:row; align-items:center;
  justify-content:space-between; gap:1.4rem; flex-wrap:wrap}
#sdc .bt.full p{max-width:60ch}
#sdc .bt.accent{border-color:var(--accent)}
@media(max-width:900px){
  #sdc .bento2{grid-template-columns:repeat(2,1fr)}
  #sdc .bt.lead,#sdc .bt.two,#sdc .bt.full,#sdc .bt.half{grid-column:span 2}
  #sdc .bt.lead,#sdc .bt.tall{grid-row:auto; min-height:200px}
  #sdc .bt.tall,#sdc .bt.third{grid-column:span 1}
}
@media(max-width:560px){
  #sdc .bento2{grid-template-columns:1fr}
  #sdc .bt,#sdc .bt.lead,#sdc .bt.tall,#sdc .bt.half,#sdc .bt.third,#sdc .bt.two,#sdc .bt.full{grid-column:span 1; min-height:0}
}
/* hairline list — a different rhythm from cards, for coverage/areas */
#sdc .striplist{border:2px solid var(--ink); background:var(--surface)}
#sdc .strip{display:flex; align-items:baseline; gap:1.2rem; padding:1rem 1.2rem;
  border-bottom:2px solid var(--line); flex-wrap:wrap}
#sdc .strip:last-child{border-bottom:0}
#sdc .strip:hover{background:var(--surface2)}
#sdc .strip b{flex:0 0 190px; font-size:1.02rem; font-weight:800; letter-spacing:-.01em}
#sdc .strip p{margin:0; flex:1 1 300px; font-size:.9rem; color:var(--ink2)}
@media(max-width:560px){#sdc .strip b{flex:1 1 100%}}

/* ── destination pages ──────────────────────────────────────────────────────── */
#sdc .routefacts{display:grid; grid-template-columns:repeat(4,1fr); border:2px solid var(--ink);
  background:var(--surface); margin-bottom:clamp(2rem,4vw,3rem)}
#sdc .rf{padding:1.2rem 1.3rem; border-right:2px solid var(--line)}
#sdc .rf:last-child{border-right:0}
#sdc .rf .fig{display:block; font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  font-weight:400; font-size:clamp(2.2rem,5vw,3.4rem); line-height:.9; color:var(--accent);
  font-variant-numeric:tabular-nums}
#sdc .rf b{display:block; font-size:1.05rem; font-weight:800; line-height:1.2; margin-bottom:.1rem}
#sdc .rf small{display:block; margin-top:.45rem; font-size:.62rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink3)}
@media(max-width:820px){#sdc .routefacts{grid-template-columns:1fr 1fr}
  #sdc .rf:nth-child(2){border-right:0}
  #sdc .rf:nth-child(3),#sdc .rf:nth-child(4){border-top:2px solid var(--line)}}
@media(max-width:420px){#sdc .routefacts{grid-template-columns:1fr}
  #sdc .rf{border-right:0; border-top:2px solid var(--line)}
  #sdc .rf:first-child{border-top:0}}
#sdc .routecta{border:2px solid var(--accent); background:var(--surface); padding:clamp(1.3rem,3vw,2rem);
  display:flex; align-items:center; justify-content:space-between; gap:1.6rem; flex-wrap:wrap;
  margin:clamp(2rem,4vw,3rem) 0}
#sdc .routecta .k{font-size:.62rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--accent)}
#sdc .routecta b{display:block; font-size:clamp(1.2rem,2.6vw,1.7rem); margin:.35rem 0 .5rem}
#sdc .routecta p{margin:0; font-size:.92rem; color:var(--ink2); max-width:56ch}
#sdc .rc-btns{display:flex; gap:.7rem; flex-wrap:wrap; flex-shrink:0}
/* long-form prose blocks on short pages */
#sdc .prose{max-width:68ch}
/* route pages read as a single centred column: the facts strip and the CTA
   span the column, the prose keeps its 68ch measure centred inside it */
#sdc .col{max-width:720px; margin-inline:auto}
#sdc .col .prose{max-width:none}
#sdc .prose p{color:var(--ink2); margin-bottom:1rem}
#sdc .prose h2,
#sdc .prose h3{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; font-weight:400;
  text-transform:uppercase; font-size:clamp(1.3rem,2.6vw,1.8rem); color:var(--ink); margin:1.8rem 0 .5rem}
#sdc .prose strong{color:var(--ink)}
#sdc .prose ul{margin:0 0 1rem 1.1rem; color:var(--ink2)}
#sdc .prose li{margin-bottom:.45rem; font-size:.94rem}
#sdc .nap{border:2px solid var(--ink); background:var(--surface); padding:1.4rem; display:grid; gap:.9rem}
#sdc .nap .row{display:flex; gap:1rem; align-items:baseline; flex-wrap:wrap}
#sdc .nap .row span{flex:0 0 130px; font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink3)}
#sdc .nap .row b{font-size:1rem; font-weight:700}
#sdc .nap .row .mono{font-size:1.1rem}

/* ── fleet grid: the photo is the tile ─────────────────────────────────────── */
#sdc .fleetgrid{display:grid; gap:clamp(.8rem,1.6vw,1.15rem);
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); margin-bottom:clamp(2rem,4vw,3rem)}
#sdc .fcard{display:flex; flex-direction:column; border:2px solid var(--ink);
  background:var(--surface); color:var(--ink); text-decoration:none; overflow:hidden;
  transition:transform .14s ease, box-shadow .14s ease}
#sdc .fcard:hover{transform:translate(-3px,-3px); box-shadow:6px 6px 0 var(--accent); color:var(--ink)}
#sdc .fc-img{display:block; aspect-ratio:16/10; background:#211d16;
  border-bottom:2px solid var(--ink); overflow:hidden}
#sdc .fc-img img{width:100%; height:100%; object-fit:cover; display:block}
#sdc .fc-img[data-empty]{display:grid; place-items:center}
#sdc .fc-img[data-empty]::after{content:"PHOTO"; font-size:.6rem; letter-spacing:.2em; color:var(--ink3)}
#sdc .fc-body{display:flex; align-items:flex-start; justify-content:space-between;
  gap:.7rem; padding:.85rem .95rem .3rem}
#sdc .fc-head{display:flex; flex-direction:column; gap:.15rem; min-width:0}
#sdc .fc-name{font-size:1.02rem; font-weight:800; line-height:1.2}
#sdc .fc-meta{font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink3)}
#sdc .fc-rate{flex-shrink:0; font-size:1.12rem; font-weight:700; color:var(--accent); white-space:nowrap}
#sdc .fc-rate small{font-size:.6rem; color:var(--ink3); font-weight:600}
#sdc .fc-blurb{padding:0 .95rem .85rem; font-size:.87rem; line-height:1.5; color:var(--ink2)}
#sdc .fc-cta{margin-top:auto; padding:.7rem .95rem; border-top:2px solid var(--line);
  font-size:.68rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--accent)}
#sdc .fcard:hover .fc-cta{background:var(--accent); color:var(--ground); border-top-color:var(--accent)}
@media(max-width:420px){#sdc .fleetgrid{grid-template-columns:1fr}}