.hero-section{background-color:var(--hero-bg-color);color:var(--hero-text-color);padding:var(--hero-padding-top) 0 var(--hero-padding-bottom);overflow:hidden}.hero-container{max-width:var(--page-width, 1400px);margin:0 auto;padding:0 var(--page-gutter, 20px)}.hero-grid{display:grid;grid-template-columns:minmax(400px,1fr) minmax(500px,1.3fr);gap:clamp(40px,6vw,80px);align-items:center;min-height:500px}.hero-grid--image-left{grid-template-areas:"media content"}.hero-grid--image-right{grid-template-areas:"content media"}.hero-grid--image-left .hero-content{grid-area:content}.hero-grid--image-left .hero-media{grid-area:media}.hero-grid--image-right .hero-content{grid-area:content}.hero-grid--image-right .hero-media{grid-area:media}.hero-content{display:flex;flex-direction:column;gap:20px;max-width:600px}.hero-content[left]{align-items:flex-start;text-align:left}.hero-content[center]{align-items:center;text-align:center;margin:0 auto}.hero-heading{margin:0;line-height:1.1;font-weight:700;letter-spacing:-.02em;word-wrap:break-word}.hero-heading.h1{font-size:clamp(32px,5vw,56px)}.hero-heading.h2{font-size:clamp(28px,4vw,42px)}.hero-heading.h3{font-size:clamp(24px,3.5vw,36px)}.hero-subheading{margin:0;font-size:clamp(16px,2vw,20px);font-weight:500;opacity:.9}.hero-text{margin:0;font-size:clamp(14px,1.8vw,16px);line-height:1.6;opacity:.85}.hero-text p{margin:0 0 10px}.hero-text p:last-child{margin-bottom:0}.hero-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.hero-bullet-item{display:flex;align-items:center;gap:10px;font-size:clamp(14px,1.8vw,16px);font-weight:500}.bullet-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.bullet-icon--checkmark{color:#16a34a}.bullet-icon--checkmark svg{width:20px;height:20px}.bullet-icon--circle:before{content:"\2022";font-size:24px;line-height:1;color:currentColor}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px}.hero-buttons--horizontal{flex-direction:row}.hero-buttons--vertical{flex-direction:column}.hero-buttons .button{padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;border-radius:6px;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;white-space:nowrap;min-height:48px}.button--primary{background-color:#2563eb;color:#fff;border-color:#2563eb}.button--primary:hover{background-color:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}.button--secondary{background-color:#1f2937;color:#fff;border-color:#1f2937}.button--secondary:hover{background-color:#111827;border-color:#111827;transform:translateY(-1px)}.button--outline{background-color:transparent;color:var(--hero-text-color);border-color:currentColor}.button--outline:hover{background-color:var(--hero-text-color);color:var(--hero-bg-color);transform:translateY(-1px)}.hero-media{position:relative;width:100%;height:auto;min-height:auto;display:flex;align-items:center;justify-content:center}.hero-image{width:100%;height:auto;max-width:100%;display:block;object-fit:contain;border-radius:8px}.hero-placeholder{width:100%;height:100%;min-height:400px;background-color:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center}.hero-placeholder svg{width:60%;height:auto;opacity:.3}.hero-custom{width:100%}@media screen and (max-width: 989px){.hero-grid{grid-template-columns:1fr 1fr;gap:40px}.hero-heading.h1{font-size:clamp(28px,5vw,42px)}.hero-buttons{flex-direction:column;width:100%}.hero-buttons--horizontal .button{width:100%}}@media screen and (max-width: 749px){.hero-grid{grid-template-columns:1fr;grid-template-areas:"media" "content"!important;gap:30px;min-height:auto}.hero-content{max-width:100%}.hero-content[center]{align-items:flex-start;text-align:left}.hero-heading.h1{font-size:clamp(26px,7vw,36px)}.hero-heading.h2{font-size:clamp(24px,6vw,32px)}.hero-heading.h3{font-size:clamp(22px,5vw,28px)}.hero-subheading{font-size:clamp(14px,4vw,18px)}.hero-text,.hero-bullet-item{font-size:14px}.hero-buttons{margin-top:5px;width:100%}.hero-buttons .button{width:100%;padding:12px 24px;font-size:15px}.hero-media{min-height:250px}}@media (prefers-reduced-motion: reduce){.button,.hero-image{transition:none}}.hero-image{will-change:auto;contain:layout style paint}.button{transform:translateZ(0);backface-visibility:hidden}.button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.hero-bullets{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media print{.hero-section{padding:20px 0}.hero-buttons{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero.css.map */