.superdtf-hero-grid{width:100%;background:#000;padding:0;margin:0}.superdtf-hero-grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;width:100%;height:100vh;min-height:700px;max-height:1000px}.superdtf-hero-card-large{grid-column:1;grid-row:1 / 3}.superdtf-hero-card-top{grid-column:2;grid-row:1}.superdtf-hero-card-bottom{grid-column:2;grid-row:2}.superdtf-hero-grid--reverse .superdtf-hero-card-large{grid-column:2;grid-row:1 / 3}.superdtf-hero-grid--reverse .superdtf-hero-card-top{grid-column:1;grid-row:1}.superdtf-hero-grid--reverse .superdtf-hero-card-bottom{grid-column:1;grid-row:2}.superdtf-hero-card{position:relative;overflow:hidden;background:#111}.superdtf-hero-card-link{display:block;width:100%;height:100%;text-decoration:none;color:#fff}.superdtf-hero-card-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.superdtf-hero-card-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.25,.46,.45,.94),filter .5s ease}.superdtf-hero-card:hover .superdtf-hero-card-image{transform:scale(1.05)}.superdtf-hero-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.superdtf-hero-card-content{transition:none}.superdtf-hero-card:hover .superdtf-hero-card-content,.superdtf-hero-card:hover .superdtf-hero-card-title,.superdtf-hero-card:hover .superdtf-hero-card-subtitle{opacity:1}.superdtf-hero-card-content{position:absolute;left:0;right:0;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2}.superdtf-hero-card[data-content-position=bottom] .superdtf-hero-card-content,.superdtf-hero-card:not([data-content-position]) .superdtf-hero-card-content{bottom:0;top:auto;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%)}.superdtf-hero-card[data-content-position=top] .superdtf-hero-card-content{top:0;bottom:auto;justify-content:flex-start;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%)}.superdtf-hero-card[data-content-position=middle] .superdtf-hero-card-content{top:50%;bottom:auto;transform:translateY(-50%);justify-content:center;background:radial-gradient(ellipse at center,rgba(0,0,0,.5) 0%,transparent 70%)}.superdtf-hero-card-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.5px;margin:0;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.superdtf-hero-card-subtitle{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;margin:0;color:#ffffffd9;text-shadow:0 1px 5px rgba(0,0,0,.3)}.superdtf-hero-card-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;justify-content:center}.superdtf-hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 45px;font-size:14px;font-weight:500;letter-spacing:.3px;border-radius:4px;text-transform:none;text-decoration:none;cursor:pointer;background:#00000080;color:#fff;border:2px solid rgba(255,255,255,.3);transition:background .3s ease}@keyframes superdtf-hero-border-cmyk{0%{border-color:#00e5ff}33%{border-color:#ff0080}66%{border-color:#fcee01}to{border-color:#00e5ff}}@keyframes superdtf-hero-text-cmyk{0%{color:#00e5ff}25%{color:#ff0080}50%{color:#fcee01}75%{color:#ff0080}to{color:#00e5ff}}.superdtf-hero-btn:hover{background:#000c;animation:superdtf-hero-text-cmyk 3s linear infinite,superdtf-hero-border-cmyk 4s linear infinite}.superdtf-hero-btn-primary,.superdtf-hero-btn-secondary{background:#00000080;color:#fff;border:2px solid rgba(255,255,255,.3)}.superdtf-hero-btn-primary:hover,.superdtf-hero-btn-secondary:hover{background:#000c}.superdtf-hero-card-large .superdtf-hero-card-title{font-size:42px}.superdtf-hero-card-large .superdtf-hero-card-subtitle{font-size:18px}.superdtf-hero-card-large .superdtf-hero-card-content{padding:60px}@media (max-width: 1024px){.superdtf-hero-grid-container{height:auto;min-height:auto;max-height:none}.superdtf-hero-card-large{min-height:500px}.superdtf-hero-card-small{min-height:350px}.superdtf-hero-card-large .superdtf-hero-card-title{font-size:36px}.superdtf-hero-card-title{font-size:28px}.superdtf-hero-card-content{padding:30px}.superdtf-hero-card-large .superdtf-hero-card-content{padding:40px}}@media (max-width: 768px){.superdtf-hero-grid-container{display:flex;flex-direction:column;gap:4px}.superdtf-hero-card{min-height:400px}.superdtf-hero-card-large{min-height:500px}.superdtf-hero-card-large .superdtf-hero-card-title{font-size:32px}.superdtf-hero-card-title{font-size:26px}.superdtf-hero-card-subtitle{font-size:16px;font-weight:500;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.superdtf-hero-card-large .superdtf-hero-card-subtitle{font-size:17px;font-weight:500}.superdtf-hero-card-content,.superdtf-hero-card[data-content-position=top] .superdtf-hero-card-content,.superdtf-hero-card[data-content-position=middle] .superdtf-hero-card-content,.superdtf-hero-card[data-content-position=bottom] .superdtf-hero-card-content{top:auto!important;bottom:0!important;transform:none!important;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%);padding:25px 20px}.superdtf-hero-card-cta{flex-direction:column;width:100%;max-width:280px}.superdtf-hero-btn{width:100%;padding:12px 30px}}@media (max-width: 480px){.superdtf-hero-card{min-height:350px}.superdtf-hero-card-large{min-height:420px}.superdtf-hero-card-large .superdtf-hero-card-title{font-size:28px}.superdtf-hero-card-title{font-size:24px}.superdtf-hero-card-subtitle{font-size:15px;font-weight:500}.superdtf-hero-card-large .superdtf-hero-card-subtitle{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/superdtf-hero-grid.css.map */