.city-dabie-pilot{--dbi-ink:#111b2f;--dbi-red:#e23749;--dbi-blue:#1f5a9d;--dbi-green:#2f6f62;--dbi-paper:#fffdf9;--dbi-line:#d5dde8;background:#f6f8fb;color:var(--dbi-ink)}
.city-dabie-pilot .dbi-shell{width:min(1216px,calc(100% - 40px));margin-inline:auto}
.city-dabie-pilot .dbi-hero{padding:116px 0 42px;background:linear-gradient(118deg,#f8fafc 0%,#fff8f6 100%);border-bottom:1px solid var(--dbi-line)}
.city-dabie-pilot .dbi-hero__grid,.city-dabie-pilot .dbi-signature__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);gap:48px;align-items:center}
.city-dabie-pilot .dbi-kicker{margin:0 0 18px;color:var(--dbi-red);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.city-dabie-pilot .dbi-hero h1,.city-dabie-pilot .dbi-signature h2{margin:0;color:var(--dbi-ink);font-weight:800;letter-spacing:-.055em;line-height:1.01}
.city-dabie-pilot .dbi-hero h1{font-size:clamp(46px,5.2vw,72px)}
.city-dabie-pilot .dbi-hero h1 em{display:block;color:var(--dbi-red);font-style:normal}
.city-dabie-pilot .dbi-hero__lead{max-width:610px;margin:24px 0 0;color:#5d6d86;font-size:18px;line-height:1.65}
.city-dabie-pilot .dbi-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.city-dabie-pilot .dbi-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:14px;padding:0 20px;border:1px solid var(--dbi-ink);border-radius:12px;font-size:14px;font-weight:800;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}
.city-dabie-pilot .dbi-button--primary{background:var(--dbi-ink);color:white}
.city-dabie-pilot .dbi-button--quiet{background:white;color:var(--dbi-ink);border-color:var(--dbi-line)}
.city-dabie-pilot .dbi-button:hover{background:var(--dbi-red);border-color:var(--dbi-red);color:white}
.city-dabie-pilot .dbi-button:focus-visible{outline:3px solid var(--dbi-red);outline-offset:4px}
.city-dabie-pilot .dbi-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:32px 0 0;border-top:1px solid var(--dbi-line);border-bottom:1px solid var(--dbi-line)}
.city-dabie-pilot .dbi-hero__facts div{padding:15px 16px 16px 0}
.city-dabie-pilot .dbi-hero__facts div+div{padding-left:16px;border-left:1px solid var(--dbi-line)}
.city-dabie-pilot .dbi-hero__facts dt{color:var(--dbi-red);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.city-dabie-pilot .dbi-hero__facts dd{margin:6px 0 0;color:var(--dbi-ink);font-size:13px;font-weight:700;line-height:1.45}
.city-dabie-pilot .dbi-visual{margin:0;border:1px solid var(--dbi-line);border-radius:24px;background:var(--dbi-paper);overflow:hidden;box-shadow:0 20px 52px rgba(17,27,47,.09)}
.city-dabie-pilot .dbi-visual picture,.city-dabie-pilot .dbi-visual img{display:block;width:100%}
.city-dabie-pilot .dbi-visual img{height:auto;aspect-ratio:1200/760;object-fit:contain}
.city-dabie-pilot .dbi-visual figcaption{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:16px 20px;border-top:1px solid var(--dbi-line);font-size:12px;line-height:1.45}
.city-dabie-pilot .dbi-visual figcaption strong{color:var(--dbi-ink)}
.city-dabie-pilot .dbi-visual figcaption span{color:#687991}
.city-dabie-pilot .dbi-signature{padding:54px 0 62px;background:#fff;border-bottom:1px solid var(--dbi-line)}
.city-dabie-pilot .dbi-signature__grid{grid-template-columns:minmax(360px,.72fr) minmax(600px,1.28fr)}
.city-dabie-pilot .dbi-signature h2{font-size:clamp(36px,4vw,56px)}
.city-dabie-pilot .dbi-signature__copy>p:not(.dbi-kicker){margin:20px 0 0;color:#5d6d86;font-size:16px;line-height:1.65}
.city-dabie-pilot .dbi-signature__list{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--dbi-line)}
.city-dabie-pilot .dbi-signature__list li{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--dbi-line);font-size:13px;line-height:1.45;color:#687991}
.city-dabie-pilot .dbi-signature__list li>span{color:var(--dbi-red);font-size:11px;font-weight:800;letter-spacing:.08em}
.city-dabie-pilot .dbi-signature__list strong{color:var(--dbi-ink);font-size:14px}
@media(max-width:980px){.city-dabie-pilot .dbi-hero__grid,.city-dabie-pilot .dbi-signature__grid{grid-template-columns:1fr;gap:30px}.city-dabie-pilot .dbi-hero__copy,.city-dabie-pilot .dbi-signature__copy{max-width:720px}.city-dabie-pilot .dbi-visual{max-width:760px;margin-inline:auto}}
@media(max-width:700px){.city-dabie-pilot .dbi-shell{width:min(100% - 28px,560px)}.city-dabie-pilot .dbi-hero{padding:102px 0 30px}.city-dabie-pilot .dbi-hero h1{font-size:42px}.city-dabie-pilot .dbi-hero__lead{font-size:16px;line-height:1.55}.city-dabie-pilot .dbi-hero__actions{display:grid}.city-dabie-pilot .dbi-button{width:100%}.city-dabie-pilot .dbi-hero__facts{grid-template-columns:1fr}.city-dabie-pilot .dbi-hero__facts div,.city-dabie-pilot .dbi-hero__facts div+div{padding:12px 0;border-left:0;border-bottom:1px solid var(--dbi-line)}.city-dabie-pilot .dbi-hero__facts div:last-child{border-bottom:0}.city-dabie-pilot .dbi-visual{border-radius:20px}.city-dabie-pilot .dbi-visual img{aspect-ratio:390/620}.city-dabie-pilot .dbi-visual figcaption{grid-template-columns:1fr;gap:4px;padding:14px 16px}.city-dabie-pilot .dbi-signature{padding:42px 0 50px}.city-dabie-pilot .dbi-signature h2{font-size:36px}.city-dabie-pilot .dbi-signature__grid{gap:26px}}
@media(max-width:340px){.city-dabie-pilot .dbi-signature h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.city-dabie-pilot *{scroll-behavior:auto!important;transition:none!important}}
