/* Interim positioning update: existing site styles remain the base. */
.hero-content-v6{max-width:900px;padding-right:48px}
.hero-line.bridge-description{font-size:clamp(1.1rem,2.3vw,1.65rem);line-height:1.5;color:rgba(255,255,255,.88);max-width:680px}
.bridge-label{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#b8b8bd;margin-bottom:18px}
.bridge-intro{padding:80px 0;background:#0c0c0e}
.bridge-intro h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;margin-bottom:20px;line-height:1.2}
.bridge-intro p:not(.bridge-label){font-size:1.15rem;line-height:1.65;color:#c5c5ca;max-width:720px}
.bridge-link{display:inline-block;margin-top:22px;color:#fff;text-decoration:underline;text-underline-offset:5px}
.bridge-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:32px}
.bridge-grid p{line-height:1.7;color:#c5c5ca;max-width:58ch}
.service-page .floating-nav,.service-page .floating-logo{opacity:1}
.service-main{max-width:1060px;margin:auto;padding:150px 80px 70px}
.service-main h1{font-size:clamp(2.4rem,5vw,4.5rem);font-weight:300;line-height:1.1;letter-spacing:-.03em;max-width:800px;margin:0 0 28px}
.service-main .lead{font-size:clamp(1.2rem,2.3vw,1.5rem);max-width:760px;line-height:1.6;color:#d0d0d5}
.service-main section{padding:55px 0;border-bottom:1px solid #303035;scroll-margin-top:65px}
.service-main section:first-child{padding-top:0}
.service-main h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;margin:0 0 22px;line-height:1.2}
.service-main h3{font-size:1.15rem;font-weight:500;margin-bottom:12px}
.service-main p,.service-main li{color:#c5c5ca;line-height:1.7;font-size:1.05rem}
.service-main p+p{margin-top:16px}
.service-main .bridge-grid{grid-template-columns:1fr 1fr;gap:35px}
.service-main ol{padding-left:24px;display:grid;gap:20px}
.service-main li strong{color:#fff}
.service-main details{padding:20px 0;border-bottom:1px solid #303035}
.service-main summary{font-size:1.15rem;cursor:pointer;line-height:1.4}
.service-main details p{margin-top:15px}
.service-main a{color:#fff;text-underline-offset:4px}
.service-main .service-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.service-main .contact-actions{display:flex;flex-wrap:wrap;gap:12px 28px}
@media(max-width:768px){.hero-content-v6{padding-right:12px}.bridge-intro{padding:50px 0}.bridge-grid,.service-main .bridge-grid{grid-template-columns:1fr}.floating-nav{gap:.65rem}.service-main{padding:110px 24px 40px}.service-main section{padding:36px 0}.service-main .bridge-grid{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}}

@media(max-width:768px){.hero-content-v6 .hero-line:last-child{font-size:1.1rem}.hero-text-link{display:inline-block;white-space:nowrap}.service-page .floating-nav{top:0;left:0;right:0;transform:none;background:rgba(0,0,0,.96);padding:4px 12px;gap:.65rem;justify-content:center}.service-page .floating-logo{top:56px}}

.bridge-stats{padding:10px 0 70px;background:#0c0c0e}
.bridge-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid #303035;padding-top:28px}
.bridge-stat-number{display:block;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:300;letter-spacing:-.03em;line-height:1;color:#fff}
.bridge-stat-label{display:block;margin-top:10px;font-size:1rem;color:#c5c5ca}
.bridge-stats-note{margin-top:26px;font-size:.8rem;color:#8a8a90;max-width:620px;line-height:1.5}
@media(max-width:768px){.bridge-stats{padding:0 0 50px}.bridge-stats-row{grid-template-columns:1fr;gap:22px}}

/* October 12: give the positioning statement a clear lead. */
.hero-content-v6 h1.hero-line{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.08;letter-spacing:-.035em;font-weight:400;max-width:850px;margin-bottom:26px}
.hero-content-v6 .bridge-description{max-width:650px}
@media(max-width:768px){.hero-content-v6 h1.hero-line{font-size:clamp(2.1rem,7.8vw,3.5rem);margin-bottom:22px}.hero-content-v6 .bridge-description{font-size:1.1rem;line-height:1.5}}

.hero-overlay{background:rgba(0,0,0,.46)}

/* Showreel hero (2026-10-12): action sits right of centre; keep the headline side calm. */
.showreel-home .hero .hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.35) 38%,rgba(0,0,0,.05) 65%,rgba(0,0,0,0) 100%)}
.showreel-home .floating-logo{display:none}
.showreel-home .hero-brand{margin-bottom:28px}
.showreel-home .hero-brand img{height:26px;width:auto;display:block}
.showreel-home .hero-meta{margin-top:34px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6)}
@media(max-width:768px){.showreel-home .hero .hero-video{object-position:76% center}.showreel-home .hero .hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.55))}
.showreel-home .hero-brand img{height:19px}.showreel-home .hero-content-v6 .hero-line.hero-meta{font-size:.6rem;letter-spacing:.12em;line-height:1.7}}
/* Mockup, phone: video gets its own space on top (uncovered), words sit below on black. 20px gutters. */
@media(max-width:768px){
.showreel-home .hero{padding:0;min-height:0;justify-content:flex-start}
.showreel-home .hero .hero-video{position:relative;height:58vh;min-height:360px;object-position:100% center}
.showreel-home .hero .hero-overlay{top:auto;height:58vh;background:linear-gradient(180deg,rgba(0,0,0,0) 70%,#000 100%)}
.showreel-home .hero-content-v6{margin:0;padding:6px 20px 44px;max-width:none;background:#000}
.showreel-home .hero-brand{margin-bottom:18px}
.showreel-home .hero-content-v6 .hero-line.hero-meta{margin-top:22px}
}


/* Client activity readout. Static snapshot; no simulated live data. */
.proof-board{padding:24px 0 52px;scroll-margin-top:90px}.proof-readout{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#111416;border-top:2px solid #c5ded5;border-bottom:1px solid #353c3c;padding:0 26px}.proof-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #303839}.proof-board h2{display:flex;align-items:center;gap:10px;font:500 .78rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.09em;margin:0;color:#c5ded5}.proof-signal{display:inline-block;width:6px;height:6px;background:#c5ded5;box-shadow:0 0 8px #c5ded533}.proof-window{font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:#e1e6e3;white-space:nowrap}.proof-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:26px 0 22px}.proof-metrics>div{display:flex;flex-direction:column;padding:0 30px}.proof-metrics>div:first-child{padding-left:0}.proof-metrics>div:last-child{padding-right:0}.proof-metrics>div+div{border-left:1px solid #303839}.proof-metrics dt{order:2;font:400 .7rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;color:#a9b4b0;margin-top:12px}.proof-metrics dd{order:1;margin:0;font-size:clamp(2.7rem,5.5vw,4.8rem);font-weight:400;line-height:1;letter-spacing:-.06em;color:#eff6f2;font-variant-numeric:tabular-nums lining-nums}.proof-plus{font-size:.7em;vertical-align:.12em}.proof-date{border-top:1px solid #303839;padding:11px 0;margin:0;color:#8f9e98;font-size:.64rem;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}@media(max-width:640px){.proof-board{padding:18px 0 36px}.proof-readout{padding:0 14px}.proof-bar{padding:14px 0;gap:8px}.proof-board h2{font-size:.61rem;gap:7px;letter-spacing:.03em}.proof-window{font-size:.6rem;letter-spacing:.03em}.proof-metrics{padding:22px 0 20px}.proof-metrics>div{padding:0 9px}.proof-metrics dd{font-size:clamp(1.5rem,7.2vw,2.6rem)}.proof-metrics dt{font-size:.55rem;letter-spacing:.02em;margin-top:10px;max-width:80px}.proof-date{font-size:.56rem}}