.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--tf-sand) 0%,var(--tf-cream) 100%)}.hero__bg-pattern{position:absolute;top:0;right:0;width:60%;height:100%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231A2634' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.hero__content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1;padding-top:120px;padding-bottom:80px;max-width:var(--page-width, 1200px);margin:0 auto;padding-left:var(--container-gutter, 20px);padding-right:var(--container-gutter, 20px)}.hero__text{animation:heroFadeInUp 1s ease}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__tagline{font-size:13px;text-transform:uppercase;letter-spacing:3px;color:var(--tf-copper);margin:0 0 20px;font-weight:600}.hero__headline{font-family:var(--font-heading);font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.1;color:var(--tf-navy);margin:0 0 24px}.hero__headline em{font-style:italic;color:var(--tf-copper)}.hero__description{font-size:18px;color:var(--tf-navy-light);max-width:480px;margin:0 0 40px;line-height:1.8}.hero__ctas{display:flex;gap:16px;flex-wrap:wrap}.hero__visual{position:relative;animation:heroFadeIn 1.2s ease .3s both}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.hero__image-container{border-radius:8px;overflow:hidden;box-shadow:0 30px 60px #00000026}.hero__image{width:100%;height:auto;display:block}.hero__image-placeholder{aspect-ratio:4/3;background:var(--tf-navy-light);display:flex;align-items:center;justify-content:center}.hero__image-placeholder .placeholder-svg{width:100px;fill:var(--tf-cream);opacity:.3}.hero__badge{position:absolute;bottom:12px;left:12px;width:140px;height:140px;background:var(--tf-gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--tf-navy);box-shadow:0 10px 30px #d4a84b66;animation:heroBadgeFloat 3s ease-in-out infinite}@keyframes heroBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero__badge-text{font-family:var(--font-heading);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.hero__badge-date{font-family:var(--font-heading);font-size:28px;font-weight:700}@media screen and (max-width: 989px){.hero__content{grid-template-columns:1fr;text-align:center;padding-top:100px;padding-bottom:60px;gap:50px}.hero__description{margin-left:auto;margin-right:auto}.hero__ctas{justify-content:center}.hero__visual{max-width:500px;margin:0 auto}.hero__badge{width:100px;height:100px;bottom:-15px;left:-10px}.hero__badge-text{font-size:11px}.hero__badge-date{font-size:22px}}@media screen and (max-width: 749px){.hero{min-height:auto}.hero__bg-pattern{width:100%}}.tf-hero{position:relative;isolation:isolate;color:var(--tf-hero-text-color, var(--color-text-inverse));min-height:clamp(480px,68vh,720px);padding-top:var(--tf-hero-padding-top, clamp(48px, 6vw, 96px));padding-bottom:var(--tf-hero-padding-bottom, clamp(48px, 6vw, 96px));display:grid;place-items:center;overflow:hidden;contain:layout style paint}.tf-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.tf-hero__media picture{display:block;width:100%;height:100%}.tf-hero__image,.tf-hero__video{width:100%;height:100%;object-fit:cover;filter:grayscale(calc(var(--tf-hero-greyscale, 0) / 100)) brightness(calc(var(--tf-hero-brightness, 100) / 100)) contrast(calc(var(--tf-hero-contrast, 100) / 100));transition:filter .3s ease}.tf-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(200deg,rgba(var(--tf-hero-overlay-start-rgb, 26, 38, 52),.78),rgba(var(--tf-hero-overlay-end-rgb, 184, 115, 51),.52));opacity:calc(var(--tf-hero-overlay-opacity, 35%) / 100);z-index:-1}.tf-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(var(--color-accent-rgb) / .5),transparent 60%),var(--color-brand-primary)}.tf-hero__content{position:relative;width:min(640px,90vw);padding-inline:var(--container-gutter)}.tf-hero__content[data-align^=flex-start]{align-self:flex-start}.tf-hero__content[data-align^=center]{align-self:center}.tf-hero__content[data-align^=flex-end]{align-self:flex-end}.tf-hero__content[data-align*=left]{justify-self:flex-start}.tf-hero__content[data-align*=center]{justify-self:center}.tf-hero__content[data-align*=right]{justify-self:flex-end}.tf-hero__stack{color:inherit}.tf-hero__heading{font-size:var(--tf-hero-heading-size, var(--font-size-600));line-height:var(--line-height-tight);margin:0;text-shadow:0 2px 12px rgba(7,7,7,.3),0 4px 24px rgba(7,7,7,.2)}.tf-hero__eyebrow{text-shadow:0 1px 8px rgba(7,7,7,.25)}.tf-hero__copy{font-size:var(--tf-hero-body-size, var(--font-size-300));line-height:var(--line-height-base);text-shadow:0 1px 8px rgba(7,7,7,.25)}.hero__tagline{color:var(--tf-hero-accent-color, var(--tf-copper, #B87333))}.hero__badge{background:var(--tf-hero-badge-bg, var(--tf-gold, #D4A84B));color:var(--tf-hero-badge-text, var(--tf-navy, #1A2634))}@media screen and (max-width: 749px){.tf-hero{min-height:var(--tf-hero-mobile-min-height, 360px);padding-top:var(--tf-hero-padding-top-mobile, var(--tf-hero-mobile-padding, 24px));padding-bottom:var(--tf-hero-padding-bottom-mobile, var(--tf-hero-mobile-padding, 24px))}.tf-hero__content{width:min(560px,92vw);padding-inline:calc(var(--container-gutter) * .5)}.tf-hero__heading{font-size:calc(var(--tf-hero-heading-size, var(--font-size-500)) * var(--tf-hero-mobile-text-scale, 1))}.tf-hero__copy{font-size:calc(var(--tf-hero-body-size, var(--font-size-200)) * var(--tf-hero-mobile-text-scale, 1))}.tf-hero__eyebrow,.hero__tagline{font-size:calc(var(--tf-hero-subheading-size, .95rem) * var(--tf-hero-mobile-text-scale, 1))}.hero__badge{width:88px;height:88px;bottom:12px;left:12px;box-shadow:0 8px 20px #d4a84b59}.hero__badge-text{font-size:10px}.hero__badge-date{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-hero-two-fathoms.css.map */