:root{--ink:#0b0f14;--ink2:#121a23;--cyan:#27b4ec;--cyan-d:#0b7fb0;--orange:#ff6a1a;--paper:#f4f7f9;--mist:#e4edf2;--text:#17212b;--mute:#566574;--line:#d3dee6}
html{scroll-behavior:smooth;scroll-padding-top:150px}
body{font-family:'Barlow',system-ui,sans-serif;font-size:1.08rem;line-height:1.65;color:var(--text);background:var(--paper)}
h1,h2,h3,h4,.display{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;text-transform:uppercase;line-height:.98;letter-spacing:.01em;color:var(--ink)}
h2{font-size:clamp(2.4rem,5.4vw,4.2rem);margin-bottom:1rem}
h3{font-size:1.7rem}
a{color:var(--cyan-d)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:.5rem;z-index:99}
.eyebrow{font-family:'DM Mono',monospace;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-d);margin-bottom:.7rem}
.eyebrow.on-dark{color:var(--cyan)}
section{padding:5.5rem 0}
.btn-go{background:var(--orange);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:1.2rem;border:2px solid var(--orange);border-radius:0;padding:.7rem 1.6rem;transform:skew(-8deg)}
.btn-go:hover{background:#fff;color:var(--orange);border-color:#fff}
.btn-line{background:transparent;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:1.2rem;border:2px solid var(--cyan);border-radius:0;padding:.7rem 1.6rem;transform:skew(-8deg)}
.btn-line:hover{background:var(--cyan);color:var(--ink)}
.btn-dark{background:var(--ink);color:#fff;border-radius:0;font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:1.2rem;padding:.7rem 1.6rem;border:2px solid var(--ink)}
.btn-dark:hover{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}

/* nav: centered logo stacked above links */
.site-head{position:sticky;top:0;z-index:50;background:var(--ink);border-bottom:4px solid var(--cyan)}
.site-head .navbar{padding:.5rem 0}
.brand-stack{display:flex;align-items:center;gap:.8rem;text-decoration:none}
.brand-stack img{height:46px;width:auto}
.brand-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.7rem;text-transform:uppercase;color:#fff;line-height:1}
.brand-name small{display:block;font-family:'DM Mono',monospace;font-weight:400;font-size:.62rem;letter-spacing:.18em;color:var(--cyan)}
.navbar .nav-link{color:#dbe7ee;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:1.1rem}
.navbar .nav-link:hover{color:var(--cyan)}
.navbar-toggler{border-color:var(--cyan);filter:invert(1)}
@media(min-width:992px){
 .site-head .container{flex-direction:column}
 .site-head .navbar-collapse{justify-content:center;margin-top:.15rem}
 .brand-stack img{height:54px}
}
.nav-tel{color:var(--orange)!important}

/* hero */
.hero{background:var(--ink);color:#fff;padding:4.5rem 0 0;position:relative;overflow:hidden}
.hero h1{color:#fff;font-size:clamp(3.4rem,9vw,7.4rem);font-style:italic}
.hero h1 em{color:var(--cyan);font-style:italic}
.hero .lead{color:#c9d8e2;max-width:34rem}
.hero-photo{position:relative;transform:rotate(2deg);border:6px solid #fff;box-shadow:14px 14px 0 var(--cyan)}
.hero-photo img{display:block;width:100%;height:auto}
.hero-badge{position:absolute;left:-14px;bottom:-18px;background:var(--orange);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;padding:.4rem 1rem;transform:rotate(-3deg);letter-spacing:.06em}
.tread{height:26px;margin-top:4rem;background:repeating-linear-gradient(115deg,var(--cyan) 0 10px,transparent 10px 22px);opacity:.85}

/* trail line (signature moment) */
.trail{position:relative;padding:3.2rem 0 1rem}
.trail-line{position:relative;height:6px;background:repeating-linear-gradient(90deg,var(--ink) 0 14px,transparent 14px 24px);margin:2.6rem 1rem 3.4rem}
.trail-line.on-dark{background:repeating-linear-gradient(90deg,var(--cyan) 0 14px,transparent 14px 24px)}
.stop{position:absolute;top:-9px;transform:translateX(-50%);text-align:center;white-space:nowrap}
.stop::before{content:"";display:block;width:24px;height:24px;border-radius:50%;background:var(--orange);border:4px solid #fff;margin:0 auto .4rem;box-shadow:0 0 0 2px var(--ink)}
.stop b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:1.15rem;text-transform:uppercase;line-height:1.1}
.stop span{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.1em;color:var(--mute)}
.on-dark .stop b,.trail-dark .stop b{color:#fff}
.trail-dark .stop span{color:var(--cyan)}
.trail-dark .stop::before{border-color:var(--ink);box-shadow:0 0 0 2px var(--cyan)}
@media(max-width:700px){
 .trail-line{display:none}
 .stops{display:grid;gap:.9rem;margin-top:1.5rem}
 .stop{position:static;transform:none;text-align:left;display:flex;gap:.8rem;align-items:center}
 .stop::before{margin:0;flex:none}
}
@media(min-width:701px){.stops{position:relative}}

/* services */
.band-light{background:#fff}
.svc-index{list-style:none;padding:0;margin:0;border-top:3px solid var(--ink)}
.svc-index li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:1.2rem;padding:1.4rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.svc-index h3{margin:0;font-size:clamp(1.7rem,3.4vw,2.6rem)}
.svc-index p{margin:0;color:var(--mute)}
.svc-index li:hover h3{color:var(--cyan-d)}
@media(max-width:700px){.svc-index li{grid-template-columns:1fr;gap:.3rem}}
.checks{list-style:none;padding:0;margin:1rem 0 0;columns:2;column-gap:2rem}
.checks li{padding:.25rem 0 .25rem 1.7rem;position:relative;break-inside:avoid;font-size:1rem}
.checks li::before{content:"";position:absolute;left:0;top:.7rem;width:.9rem;height:.5rem;border-left:3px solid var(--orange);border-bottom:3px solid var(--orange);transform:rotate(-45deg)}
@media(max-width:600px){.checks{columns:1}}
.priority{background:var(--orange);color:#fff;padding:1.6rem 1.8rem;transform:rotate(-1deg);box-shadow:8px 8px 0 var(--ink)}
.priority h3{color:#fff}
.priority .price{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:4.4rem;line-height:1}

/* rentals */
.rent{background:var(--ink);color:#fff}
.rent h2,.rent h3{color:#fff}
.rent .lead,.rent p{color:#c9d8e2}
.rent-card{border:2px solid var(--cyan);padding:1.4rem 1.5rem;height:100%}
.rent-card h3{color:var(--cyan);font-size:1.6rem}
.rent-card p{margin:0;font-size:1rem}

/* about */
.about-photo{border:5px solid var(--ink);box-shadow:10px 10px 0 var(--cyan);display:block;width:100%;height:auto}
.stat-strip{display:flex;flex-wrap:wrap;gap:.6rem}
.stat-strip span{background:var(--ink);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.35rem .9rem}
.quote-band{background:var(--cyan);color:var(--ink);padding:3.5rem 0}
.quote-band p{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1.8rem,4.4vw,3.2rem);line-height:1.05;margin:0}
.quote-band small{font-family:'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}

/* contact */
.hours{width:100%;border-collapse:collapse}
.hours td{padding:.45rem 0;border-bottom:1px solid var(--line)}
.hours td:last-child{text-align:right;font-weight:700}
.hours .closed td:last-child{color:var(--mute);font-weight:500}
.map-wrap iframe{width:100%;height:100%;min-height:360px;border:0;border-top:5px solid var(--cyan)}
.contact-line{display:flex;gap:.6rem;align-items:baseline}
.contact-line b{font-family:'DM Mono',monospace;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-d);min-width:4.5rem}

.site-foot{background:var(--ink);color:#aebdc8;padding:3rem 0 2rem;font-size:.98rem}
.site-foot a{color:#fff}
.site-foot .chip{display:inline-block;background:#fff;padding:4px;border-radius:6px}
.site-foot .chip img{height:46px;width:auto;display:block}
.powered a{color:var(--cyan)}
.rent-card p{color:#c9d8e2}
.stops{padding-bottom:3.2rem}
@media(max-width:700px){.stops{padding-bottom:0}}