.catalog-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.2rem;padding-top:1.2rem}@media screen and (max-width:989px){.catalog-hero{grid-template-columns:1fr}}.catalog-hero__main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:42rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid var(--dau-line);border-radius:var(--dau-radius-md);overflow:hidden}@media screen and (max-width:749px){.catalog-hero__main{grid-template-columns:1fr;min-height:0}}.catalog-hero__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.4rem;padding:3.2rem 2.4rem 3.2rem 3.2rem}@media screen and (max-width:749px){.catalog-hero__copy{padding:2rem 2rem 2.4rem;order:1}.catalog-hero__media{min-height:0;padding:1.6rem 1.6rem 0}.catalog-hero__callout{background:none;color:var(--dau-ink);padding:0;gap:.6rem}.catalog-hero__callout:before{content:"";width:1.4rem;height:1.4rem;border-radius:50%;background:var(--dau-cyan-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3 3 7-7'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3 3 7-7'/%3E%3C/svg%3E") center / contain no-repeat}}.catalog-hero__heading{font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;letter-spacing:-.005em;line-height:1.02;font-size:clamp(2.4rem,1.5rem + 1.9vw,3.8rem);margin:0;max-width:20ch;text-wrap:balance}.catalog-hero__text{font-size:1.6rem;line-height:1.5;margin:0;max-width:40ch;opacity:.85}.catalog-hero__btn{display:inline-flex;align-items:center;gap:.7rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.4rem;text-decoration:none;padding:1.2rem 1.8rem;border-radius:var(--dau-radius-sm);transition:background-color .15s var(--dau-ease),transform .15s var(--dau-ease)}.catalog-hero__btn svg{width:1.5rem;height:1.5rem;transition:transform .15s var(--dau-ease)}.catalog-hero__btn:hover{background:var(--dau-cyan-deep)}.catalog-hero__btn:hover svg{transform:translate(2px)}.catalog-hero__btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--dau-white),0 0 0 4px var(--dau-cyan-deep)}.catalog-hero__callout{display:inline-flex;align-items:center;background:var(--dau-ink);color:var(--dau-white);font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem;padding:.55rem .9rem;border-radius:.4rem}.catalog-hero__media{display:flex;align-items:center;justify-content:center;background:var(--dau-white);padding:1.6rem 1.6rem 1.6rem .4rem;min-height:24rem}.catalog-hero__media img{width:100%;height:100%;max-height:40rem;object-fit:contain}.catalog-hero__side{display:grid;grid-template-rows:1fr 1fr;gap:1.2rem}@media screen and (max-width:989px){.catalog-hero__side{grid-template-rows:none;grid-template-columns:1fr 1fr}}@media screen and (max-width:599px){.catalog-hero__side{grid-template-columns:1fr}}.catalog-hero__tile{display:grid;grid-template-columns:minmax(0,1fr) 42%;align-items:center;gap:1.2rem;padding:1.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid var(--dau-line);border-radius:var(--dau-radius-md);text-decoration:none;transition:border-color .15s var(--dau-ease),box-shadow .15s var(--dau-ease),transform .15s var(--dau-ease)}.catalog-hero__tile:hover{border-color:var(--dau-cyan-deep);box-shadow:var(--dau-shadow-md);transform:translateY(-1px)}.catalog-hero__tile:focus-visible{outline:3px solid var(--dau-cyan-deep);outline-offset:2px}.catalog-hero__tile-copy{display:flex;flex-direction:column;gap:.5rem}.catalog-hero__tile-title{font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:1.7rem;line-height:1.1}.catalog-hero__tile-text{font-size:1.35rem;line-height:1.4;opacity:.8}.catalog-hero__tile-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.4rem;color:var(--dau-cyan-ink);font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:.05em}.catalog-hero__tile-cta svg{width:1.3rem;height:1.3rem;transition:transform .15s var(--dau-ease)}.catalog-hero__tile:hover .catalog-hero__tile-cta svg{transform:translate(2px)}.catalog-hero__tile-media{display:block;aspect-ratio:4 / 3;background:var(--dau-white);border-radius:.6rem;overflow:hidden}.catalog-hero__tile-media img{width:100%;height:100%;object-fit:contain;padding:.6rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-catalog-hero.css.map */