.hero{position:relative;isolation:isolate}
.hero:before{z-index:-3}
.hero-splash{position:absolute;z-index:-1;left:-4vw;top:4%;width:min(66vw,930px);height:92%;object-fit:contain;object-position:left center;opacity:.92;pointer-events:none}
.hero-copy{position:relative;z-index:2}
.hero .eyebrow{color:#fff}
.hero h1,.hero h1 span{color:#fff;text-shadow:0 4px 28px rgba(0,0,0,.38)}
.dtf-promo{background:#fff;color:#111;padding:58px clamp(24px,7vw,110px);display:grid;grid-template-columns:auto 1fr auto;gap:clamp(28px,5vw,76px);align-items:center;border-bottom:1px solid #ddd}
.dtf-label{background:#ef2028;color:#fff;font-family:"Archivo Black",sans-serif;font-size:clamp(20px,2vw,31px);line-height:1;text-align:center;padding:26px 18px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.08em}
.dtf-copy p{margin:0;color:#ef2028;font-weight:900;letter-spacing:.16em;font-size:13px}
.dtf-copy h2{font-family:"Archivo Black",sans-serif;font-size:clamp(42px,5.4vw,82px);line-height:.87;letter-spacing:-.055em;text-transform:uppercase;margin:8px 0 18px}
.dtf-copy h2 span{color:#ef2028}
.dtf-copy small{font-size:15px;color:#666}
.dtf-promo .button{background:#111;border-color:#111;min-width:170px}
.dtf-promo .button:hover{box-shadow:6px 6px 0 #ef2028}
@media(max-width:980px){.dtf-promo{grid-template-columns:auto 1fr}.dtf-promo .button{grid-column:1/-1}}
@media(max-width:650px){.hero-splash{left:-20%;top:1%;width:120%;height:62%;opacity:.84}.dtf-promo{grid-template-columns:1fr;padding:48px 20px}.dtf-label{writing-mode:horizontal-tb;transform:none;width:max-content;padding:11px 14px}.dtf-promo .button{grid-column:auto;width:100%}}