:root{--tcg-hero-height: 620px}html body #MainContent#MainContent [class*=ai-dual-image-banner__image-container-]{height:var(--tcg-hero-height);overflow:hidden}html body #MainContent#MainContent img[class*=ai-dual-image-banner__image-]{width:100%;height:100%;object-fit:cover;object-position:right center}html body #MainContent#MainContent .tcg-contact-hub__hero{padding:0!important}html body #MainContent#MainContent :is(.tcg-reference-hero,.tcg-hub-hero,.tcg-site-hero,.tcg-about-hero,.depot-hero,.storage-hero,.tcg-faq-hero,.tcg-contact-hub__hero,.tcg-policy-document__hero,.tcg-rental-request__hero,.tcg-thankyou__hero,.tcg-containers-hero,.hero:has(.tcg-home-hero)){position:relative;box-sizing:border-box;height:var(--tcg-hero-height)!important;min-height:var(--tcg-hero-height)!important;padding-block:0!important;overflow:hidden;background-size:cover;background-position:center}html body #MainContent#MainContent :is(.tcg-reference-hero__inner,.tcg-hub-hero>.tcg-hub__inner,.tcg-site-hero>.tcg-site-shell,.tcg-about-hero__inner,.depot-hero-copy,.storage-hero-copy,.tcg-faq-hero__inner,.tcg-containers-hero__inner,.tcg-contact-hub__hero-copy){box-sizing:border-box;height:100%!important;min-height:0!important;padding:64px 40px!important;grid-area:1 / 1!important;position:relative;z-index:2}html body #MainContent#MainContent :is(.tcg-reference-hero__copy,.tcg-containers-hero__copy,.tcg-home-hero__copy){min-height:0!important}html body #MainContent#MainContent :is(.tcg-reference-hero__rfq-image,.tcg-reference-hero__hazmat-image,.tcg-contact-hub__hero-image,.depot-photo,.storage-photo){position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}html body #MainContent#MainContent :is(.depot-image,.storage-image){width:100%;height:100%;object-fit:cover;object-position:center 65%!important}html body #MainContent#MainContent :is(.tcg-reference-hero--rfq,.tcg-contact-hub__hero--with-image,.depot-hero):after{display:block!important;background:linear-gradient(90deg,#081725d1,#08172566 60%,#0817251f)}html body #MainContent#MainContent .hero:has(.tcg-home-hero) .hero__media{height:100%!important;min-height:0!important}html body #MainContent#MainContent .tcg-home-hero{height:100%!important;min-height:0!important;box-sizing:border-box}@media(max-width:760px){:root{--tcg-hero-height: 420px}html body #MainContent#MainContent :is(.tcg-reference-hero__inner,.tcg-hub-hero>.tcg-hub__inner,.tcg-site-hero>.tcg-site-shell,.tcg-about-hero__inner,.depot-hero-copy,.storage-hero-copy,.tcg-faq-hero__inner,.tcg-containers-hero__inner,.tcg-contact-hub__hero-copy,.tcg-home-hero){padding:32px 22px!important}html body #MainContent#MainContent :is(.tcg-reference-hero__copy,.tcg-contact-hub__hero-copy){width:100%!important}html body #MainContent#MainContent :is(.tcg-reference-hero,.tcg-contact-hub__hero,.depot-hero,.storage-hero,.tcg-containers-hero,.tcg-home-hero) h1{font-size:clamp(30px,8.5vw,42px)!important;line-height:1.05!important}html body #MainContent#MainContent :is(.tcg-reference-hero__actions,.tcg-contact-hub__hero-actions,.depot-actions,.storage-actions){margin-top:24px!important;padding-top:0!important}}html body #MainContent#MainContent .tcg-reference-hero--contact-layout .tcg-reference-hero__inner{display:block}html body #MainContent#MainContent .tcg-reference-hero--contact-layout .tcg-reference-hero__copy{display:block;width:calc(64vw - 80px);max-width:none}html body #MainContent#MainContent .tcg-reference-hero--contact-layout .tcg-reference-hero__eyebrow{margin:16px 0 0;color:#72cddc;font-size:16px;line-height:1.55;font-weight:900;letter-spacing:.08em}html body #MainContent#MainContent .tcg-reference-hero--contact-layout h1{font-size:clamp(38px,4.3vw,72px);line-height:.98;font-weight:950;margin:0 0 24px;min-height:1.96em}html body #MainContent#MainContent .tcg-reference-hero--contact-layout .tcg-reference-hero__lead{max-width:760px;margin:16px 0 0;font-size:16px;line-height:1.55;min-height:3.1em;color:#ffffffbd}html body #MainContent#MainContent .tcg-reference-hero--contact-layout .tcg-reference-hero__actions{margin-top:28px!important;padding-top:0!important}html body #MainContent#MainContent .tcg-reference-hero--contact-layout h1+.tcg-reference-hero__actions{margin-top:101.6px!important}html body #MainContent#MainContent .tcg-reference-hero--contact-layout .tcg-reference-hero__button{min-height:48px;padding:0 18px;font-size:14px;line-height:1.1;font-weight:900}@media(max-width:980px){html body #MainContent#MainContent .tcg-reference-hero--contact-layout .tcg-reference-hero__copy{width:100%}}@media(max-width:760px){html body #MainContent#MainContent .tcg-reference-hero--contact-layout h1{min-height:0;margin-bottom:16px}html body #MainContent#MainContent .tcg-reference-hero--contact-layout .tcg-reference-hero__lead{min-height:0}html body #MainContent#MainContent .tcg-reference-hero--contact-layout .tcg-reference-hero__actions,html body #MainContent#MainContent .tcg-reference-hero--contact-layout h1+.tcg-reference-hero__actions{margin-top:24px!important}}html body #MainContent#MainContent :is(.depot-hero-copy,.storage-hero-copy){display:block;width:64%;max-width:none;margin:0}html body #MainContent#MainContent :is(.depot-hero,.storage-hero) :is(.depot-eyebrow,.storage-eyebrow){margin:16px 0 0;color:#72cddc;font-size:16px;line-height:1.55;font-weight:900;letter-spacing:.08em}html body #MainContent#MainContent :is(.depot-hero,.storage-hero) h1{font-size:clamp(38px,4.3vw,72px);line-height:.98;font-weight:950;margin:0 0 24px;min-height:1.96em}html body #MainContent#MainContent :is(.depot-hero .depot-lead,.storage-hero .storage-lead){max-width:760px;margin:16px 0 0;font-size:16px;line-height:1.55;min-height:3.1em;color:#ffffffbd}html body #MainContent#MainContent :is(.depot-hero .depot-actions,.storage-hero .storage-actions){margin-top:28px!important;padding-top:0!important}html body #MainContent#MainContent :is(.depot-hero .depot-button,.storage-hero .storage-button){min-height:48px;padding:0 18px;font-size:14px;line-height:1.1;font-weight:900}@media(max-width:980px){html body #MainContent#MainContent :is(.depot-hero-copy,.storage-hero-copy){width:100%}}@media(max-width:760px){html body #MainContent#MainContent :is(.depot-hero,.storage-hero) h1{min-height:0;margin-bottom:16px}html body #MainContent#MainContent :is(.depot-hero .depot-lead,.storage-hero .storage-lead){min-height:0}html body #MainContent#MainContent :is(.depot-hero .depot-actions,.storage-hero .storage-actions){margin-top:24px!important}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/tcg-hero-sizing.css.map */