.theme-depth { --bg:#080a0d; --accent:#8fb8fa; --accent-2:#5f97ec; --glow:rgb(79 121 173 / .2); background:var(--bg); overflow-x:clip; }
.theme-depth .wrap { max-width:1440px; padding-inline:clamp(32px,5.6vw,88px); }
.theme-depth .site-header { background:#080a0d; }
.theme-depth .header-inner { min-height:76px; }
.theme-depth .wordmark { flex-shrink:0; }
.theme-depth .brand-logo { display:block; width:218px; height:auto; }
.theme-depth .hero { padding:0; min-height:clamp(740px,calc(100svh - 76px),860px); }
.theme-depth .hero::before { content:none; }
.theme-depth .road-stage { position:absolute; inset:0; z-index:-2; overflow:hidden; }
.theme-depth .road-stage img { width:100%; height:100%; object-fit:cover; object-position:50% 52%; display:block; }
.theme-depth .hero::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgb(8 10 13 / .82) 0%,rgb(8 10 13 / .6) 29%,rgb(8 10 13 / .18) 50%,transparent 68%); }
.theme-depth .hero-content { position:relative; padding-top:clamp(68px,7vw,106px); padding-bottom:180px; }
.theme-depth .hero-copy { margin:0; max-width:660px; text-align:left; }
.theme-depth .hero h1 { font-size:clamp(54px,4.7vw,74px); font-weight:650; line-height:1.015; letter-spacing:-.046em; text-wrap:initial; }
.theme-depth .hero .lede { max-width:550px; margin:26px 0 0; font-size:19px; line-height:1.65; color:#b4bdca; }
.theme-depth .kicker { margin-bottom:26px; font-size:12px; color:#a9b4c3; border-color:rgb(205 230 240 / .14); background:rgb(9 15 21 / .62); }
.theme-depth .kicker::before { background:#78c8c1; box-shadow:0 0 12px rgb(120 200 193 / .3); }
.theme-depth .hero-actions { justify-content:flex-start; margin-top:30px; }
.theme-depth .btn-primary { box-shadow:0 5px 25px rgb(67 112 172 / .15); }
.theme-depth .btn-ghost { background:rgb(8 10 13 / .56); }
.theme-depth .hero-proof { margin-top:24px; color:#96a4b4; font-size:13px; }
.theme-depth .proof-section { padding-block:88px; border-top:1px solid rgb(178 215 215 / .12); background:linear-gradient(135deg,#0c1015,#080a0d); }
.theme-depth .proof-layout { max-width:1180px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); align-items:center; gap:92px; }
.theme-depth .proof-copy h2 { font-size:clamp(30px,3vw,44px); letter-spacing:-.035em; line-height:1.1; margin-bottom:24px; }
.theme-depth .proof-copy > p:not(.place-role) { max-width:440px; color:var(--muted); }
.theme-depth .place-role { color:#85c6c2; }
.theme-depth .hero-shot { width:330px; max-width:100%; margin:0; justify-self:center; }
.theme-depth .hero-shot .shot-open { padding-top:0; border-radius:16px; box-shadow:0 20px 70px rgb(0 0 0 / .25); }
.theme-depth .hero-shot figcaption { max-width:330px; text-align:center; }
.theme-depth #value h3 { font-size:clamp(22px,2vw,28px); line-height:1.2; }
.theme-depth .footer-inner .company-offer { flex-basis:100%; font-size:13px; }
.theme-depth .company-offer a { color:var(--faint); }
.theme-depth .company-offer a:hover { color:var(--text); }
@media(min-width:1800px) {
  .theme-depth .header-inner, .theme-depth .hero-content { max-width:1660px; }
  .theme-depth .hero h1 { font-size:84px; }
  .theme-depth .hero .lede { max-width:570px; font-size:21px; }
}
@media(min-width:901px) and (max-width:1300px) {
  .theme-depth .road-stage img { object-position:100% 52%; }
}
@media(max-width:900px) {
  .theme-depth .wrap { padding-inline:32px; }
  .theme-depth .hero { min-height:0; }
  .theme-depth .hero-content { padding-top:64px; padding-bottom:52px; }
  .theme-depth .hero-copy { max-width:600px; }
  .theme-depth .hero h1 { font-size:clamp(44px,7.7vw,66px); }
  .theme-depth .road-stage { position:relative; inset:auto; height:auto; aspect-ratio:16/9; width:100%; z-index:auto; margin-top:0; }
  .theme-depth .road-stage img { object-fit:contain; }
  .theme-depth .hero { display:flex; flex-direction:column; }
  .theme-depth .hero-content { order:-1; }
  .theme-depth .hero::after { display:none; }
  .theme-depth .proof-layout { gap:44px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
}
@media(max-width:600px) {
  .theme-depth .wrap { padding-inline:24px; }
  .theme-depth .header-inner { min-height:66px; gap:14px; }
  .theme-depth .brand-logo { width:157px; }
  .theme-depth .nav .btn { padding:9px 14px; font-size:12px; }
  .theme-depth .hero-content { padding-top:50px; padding-bottom:30px; }
  .theme-depth .hero h1 { font-size:clamp(32px,10.4vw,56px); line-height:1.03; }
  .theme-depth .kicker { font-size:9px; letter-spacing:0; padding:6px 9px; gap:6px; margin-bottom:22px; white-space:nowrap; }
  .theme-depth .hero .lede { font-size:16px; line-height:1.6; margin-top:22px; }
  .theme-depth .hero-actions { margin-top:25px; gap:10px; }
  .theme-depth .hero-actions .btn { padding:11px 17px; font-size:13px; }
  .theme-depth .hero-proof { font-size:11px; max-width:290px; margin-top:20px; }
  .theme-depth .proof-section { padding-block:52px; }
  .theme-depth .proof-layout { display:flex; flex-direction:column; align-items:stretch; gap:36px; }
  .theme-depth .proof-copy h2 { font-size:32px; }
  .theme-depth .hero-shot { width:300px; align-self:center; }
}