.sg .hero--full{position:relative;background:#000;padding:0;border-bottom:1px solid var(--sg-line);overflow:hidden;isolation:isolate}.sg .hero--full:before{display:none}.sg .hero--full .bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sg .hero--full .bg img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.sg .hero--full .shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#000000eb,#000000c7 38%,#00000047 68%,#00000073),linear-gradient(to top,rgba(0,0,0,.75),transparent 45%)}.sg .hero--full .inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:clamp(70px,11vw,150px) 28px clamp(56px,8vw,110px);min-height:clamp(460px,74vh,760px);display:flex;flex-direction:column;justify-content:flex-end}.sg .hero--full h1{font-size:clamp(40px,6.6vw,86px);max-width:16ch;text-shadow:0 4px 30px rgba(0,0,0,.6)}.sg .hero--full h1 em{font-style:normal;color:var(--sg-red-hi)}.sg .hero--full p.lead{margin:22px 0 32px;font-size:clamp(16px,1.5vw,19px);color:#d8d3c8;max-width:52ch;text-shadow:0 2px 16px rgba(0,0,0,.7)}.sg .hero--full .note{margin-top:26px;font-size:13px;color:#9c968a;letter-spacing:.04em}.sg .hero--full .tag{margin-bottom:22px}.sg .hero--full .playlink{display:inline-flex;align-items:center;gap:12px;margin-left:6px;color:var(--sg-cream);font-family:var(--d);font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.sg .hero--full .playlink i{width:44px;height:44px;border-radius:50%;background:var(--sg-red);display:grid;place-items:center;flex:0 0 44px;transition:.15s}.sg .hero--full .playlink:hover i{background:var(--sg-red-hi);transform:scale(1.06)}.sg .hero--full .playlink i:after{content:"";border-left:13px solid var(--sg-cream);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}.sg .hero--full .credit{position:absolute;right:16px;bottom:12px;z-index:2;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#ede4bb8c}@media(max-width:900px){.sg .hero--full .inner{min-height:clamp(420px,68vh,620px);padding-left:22px;padding-right:22px}.sg .hero--full h1{max-width:100%}.sg .hero--full .shade{background:linear-gradient(to top,#000000f0 12%,#0009 55%,#00000059)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/svensgarage-hero.css.map */