.dtf-mono-hero{padding-top:var(--dtf-mh-pt, 76px);padding-bottom:var(--dtf-mh-pb, 76px);color:rgb(var(--color-foreground))}.dtf-mono-hero__inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:4rem;align-items:center}.dtf-mono-hero__inner--text-only{grid-template-columns:minmax(0,1fr)}.dtf-mono-hero__text{display:flex;flex-direction:column;gap:2.4rem}.dtf-mono-hero__eyebrow{margin:0;font-family:var(--dtf-font-mono);font-size:1.1rem;font-weight:500;letter-spacing:var(--dtf-letter-spacing-eyebrow);text-transform:uppercase;color:var(--dtf-500)}.dtf-mono-hero__heading{margin:0;font-family:var(--dtf-font-stack);font-size:clamp(4rem,5.6vw,6.6rem);font-weight:900;line-height:.88;letter-spacing:var(--dtf-letter-spacing-tighter);text-transform:uppercase;text-wrap:balance}.dtf-mono-hero__line{display:block}.dtf-mono-hero__description{max-width:52ch;font-size:1.7rem;line-height:1.55;color:var(--dtf-600)}.dtf-mono-hero__description>:first-child{margin-top:0}.dtf-mono-hero__description>:last-child{margin-bottom:0}.dtf-mono-hero__ctas{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.8rem}.dtf-mono-hero__ctas .button{min-height:5rem;padding:0 2.8rem}.dtf-mono-hero__visual{display:flex;align-items:center;justify-content:center;min-width:0}.dtf-mono-hero__image{width:100%;height:auto;max-height:56rem;object-fit:contain;display:block}.dtf-mono-hero__visual--illustration{color:var(--dtf-ink)}.dtf-mono-hero__garment{flex-shrink:0;height:auto}.dtf-mono-hero__garment--tee{width:19rem;margin-right:-2.2rem}.dtf-mono-hero__garment--hoodie{width:25rem}.dtf-mono-hero__garment--roll{width:16.5rem;margin-left:-1.8rem}@media screen and (max-width:989px){.dtf-mono-hero__inner{grid-template-columns:minmax(0,1fr);gap:3rem}.dtf-mono-hero__garment--tee{width:13rem;margin-right:-1.4rem}.dtf-mono-hero__garment--hoodie{width:17rem}.dtf-mono-hero__garment--roll{width:11rem;margin-left:-1.2rem}}@media screen and (max-width:749px){.dtf-mono-hero{padding-top:clamp(34px,8vw,56px);padding-bottom:clamp(30px,7vw,48px)}.dtf-mono-hero__text{gap:1.8rem}.dtf-mono-hero__heading{font-size:clamp(3.4rem,10vw,4.4rem);line-height:.9}.dtf-mono-hero__description{font-size:1.5rem}.dtf-mono-hero__ctas{flex-direction:column;align-items:stretch}.dtf-mono-hero__ctas .button{min-height:5.2rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-dtf-mono-hero.css.map */