.db-hero{position:relative;display:flex;overflow:hidden;background:var(--db-ink);color:rgba(255,255,255,.82);--fg:#fff;--rule:rgba(255,255,255,.22)}
.db-hero--full{min-height:max(640px,100svh)}.db-hero--large{min-height:max(560px,80svh)}.db-hero--medium{min-height:max(480px,62svh)}
.db-hero__media{position:absolute;inset:0}
.db-hero__media img{width:100%;height:100%;object-fit:cover}
{% if theme.effects.animations %}@media (prefers-reduced-motion:no-preference){.db-hero__media img{animation:db-zoom 18s var(--db-ease) both}}
@keyframes db-zoom{from{transform:scale(1.12)}to{transform:scale(1)}}{% endif %}
.db-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--o) * 1.3)) 0%,rgba(0,0,0,calc(var(--o) * .6)) 22%,rgba(0,0,0,calc(var(--o) * .7)) 45%,rgba(0,0,0,calc(var(--o) * 1.6)) 100%)}
.db-hero.db-grain::after{z-index:1}
.db-hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding-top:clamp(140px,16vw,200px);padding-bottom:clamp(40px,5vw,64px)}
.db-hero--center .db-hero__inner{justify-content:center;text-align:center;align-items:center}
.db-hero h1{color:#fff;margin:0 0 clamp(24px,3vw,40px);max-width:14ch;font-size:clamp(3rem,8.6vw,8.4rem);line-height:.9}
.db-hero--center h1{margin-inline:auto}
.db-hero h1 mark{color:var(--db-primary);background:none;padding:0}
.db-hero__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 64px}
.db-hero--center .db-hero__row{justify-content:center}
.db-hero__lead{margin:0;max-width:44ch;font-size:clamp(1.05rem,1.4vw,1.25rem);color:rgba(255,255,255,.86)}
.db-hero .db-actions{margin:0}
.db-btn--glass{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.db-btn--glass:hover{background:#fff;border-color:#fff;color:var(--db-ink)}
.db-hero__proof{display:flex;flex-wrap:wrap;gap:12px 56px;margin:clamp(40px,5vw,72px) 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.25)}
.db-hero--center .db-hero__proof{justify-content:center}
.db-hero__proof div{display:flex;flex-direction:column}
.db-hero__proof dd{margin:0;font:800 clamp(1.8rem,3vw,2.6rem)/1 var(--db-f-head);letter-spacing:-.04em;color:#fff}
.db-hero__proof dt{margin-top:6px;font:500 .78rem var(--db-f-mono);text-transform:uppercase;color:rgba(255,255,255,.7)}
@media (max-width:767px){.db-hero .db-actions{width:100%}}