.kodo-hero{--accent: #285C4D;--kodo-ink: #1C2522;--kodo-line: #E4E2D8;--display: var(--font-heading--family);--btn-radius: 999px;--hero-overlay: .5;--hero-min-vh: 86vh;position:relative;width:100%;display:flex;align-items:center;overflow:hidden;font-family:var(--font-body--family);-webkit-font-smoothing:antialiased}.kodo-hero *,.kodo-hero *:before,.kodo-hero *:after{box-sizing:border-box}.kodo-hero--tall{min-height:var(--hero-min-vh)}.kodo-hero--banner{max-width:2172px;margin:0 auto;aspect-ratio:2.76 / 1;min-height:554px}.kodo-hero--left{justify-content:flex-start;text-align:left}.kodo-hero--center{justify-content:center;text-align:center}.kodo-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;pointer-events:none}.kodo-hero__media::-webkit-media-controls,.kodo-hero__media::-webkit-media-controls-start-playback-button,.kodo-hero__media::-webkit-media-controls-play-button,.kodo-hero__media::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none}.kodo-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(34,30,26,calc(var(--hero-overlay) * 1.3)),rgba(34,30,26,var(--hero-overlay)) 46%,rgba(34,30,26,calc(var(--hero-overlay) * .15)))}.kodo-hero--center .kodo-hero__overlay{background:linear-gradient(180deg,rgba(34,30,26,calc(var(--hero-overlay) * .5)),rgba(34,30,26,var(--hero-overlay)))}.kodo-hero__inner{position:relative;z-index:2;padding:clamp(40px,6vw,80px);padding-top:calc(clamp(42px,6.3vw,84px) + 4.3vh);max-width:760px}.kodo-hero--center .kodo-hero__inner{max-width:880px;margin:0 auto}.kodo-hero .eyb{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:#fffc;margin-bottom:22px}.kodo-hero .serif{font-family:var(--display)}.kodo-hero__heading{margin:0;padding-top:10px;font-size:clamp(43.2px,6.3vw,82.8px);line-height:1.02;font-weight:600;color:#fff;letter-spacing:-.01em;text-shadow:0 2px 24px rgba(20,16,12,.35)}.kodo-hero__body{margin:26px 0 0;max-width:480px;font-size:18px;line-height:1.7;color:#ffffffe6;font-weight:300;text-shadow:0 1px 16px rgba(20,16,12,.4)}.kodo-hero--center .kodo-hero__body{margin-left:auto;margin-right:auto}.kodo-hero__actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}.kodo-hero--center .kodo-hero__actions{justify-content:center}.kodo-hero .cta{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:var(--btn-radius);background:var(--accent);color:#fff;font-size:15px;font-weight:500;letter-spacing:.02em;text-decoration:none;transition:background .2s ease;cursor:pointer;border:none}.kodo-hero .cta:hover{background:color-mix(in srgb,var(--accent) 84%,#000)}.kodo-hero .cta-on-dark{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.35)}.kodo-hero .cta-on-dark:hover{background:#fff3;border-color:#ffffff8c}@keyframes kodo-word-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes kodo-fade-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.kodo-hero .kodo-word,.kodo-hero .kodo-fade{opacity:0}.kodo-hero.is-revealed .kodo-word{display:inline-block;animation:kodo-word-up .6s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d, 0s)}.kodo-hero.is-revealed .kodo-fade{animation:kodo-fade-up .8s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d, 0s)}@media(prefers-reduced-motion:reduce){.kodo-hero .kodo-word,.kodo-hero .kodo-fade{opacity:1!important;transform:none!important;animation:none!important}}@media(max-width:860px){.kodo-hero,.kodo-hero--banner{display:flex;align-items:flex-end;aspect-ratio:auto;min-height:47svh;max-width:100%;background:#1c2522}.kodo-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;display:block;object-fit:cover;object-position:center}.kodo-hero__overlay,.kodo-hero--center .kodo-hero__overlay{display:block;background:linear-gradient(180deg,#14100c1a,#14100c73 48%,#14100ce0)}.kodo-hero__inner{position:relative;z-index:2;max-width:100%;margin:0;background:transparent;padding-inline:clamp(22px,6vw,36px);padding-block-start:100px;padding-block-end:clamp(34px,9vw,52px)}.kodo-hero .eyb{margin-bottom:14px;font-size:11px}.kodo-hero__heading{font-size:clamp(28.8px,7.56vw,46.8px);line-height:1.08}.kodo-hero__body{font-size:16px;line-height:1.6;margin-top:14px}.kodo-hero__actions{margin-top:22px;gap:10px}.kodo-hero .cta{flex:0 1 50%;justify-content:center;padding:16px 12px;font-size:16px;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/kodo-hero.css.map */