.kh-hero-intro{--kh-accent: #0a7f3b;--kh-accent-2: #1b4b1b;--kh-gold: #f7b500;--kh-ink: #0a2f0a;--kh-muted: #567a56;--kh-surface: #f4faf4;font-family:Poppins,Arial,sans-serif!important;color:var(--kh-ink)!important;max-width:560px!important;margin:0 auto!important;padding:14px 0 18px!important;text-align:left!important;animation:khFadeUp .35s ease-out both;isolation:isolate;contain:layout paint style}@media (max-width: 640px){.kh-hero-intro{text-align:center!important}}.kh-hero-intro .stars{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:6px 10px!important;border-radius:999px!important;background:linear-gradient(180deg,#fff,var(--kh-surface))!important;box-shadow:0 1px #0000000a,0 0 0 1px #0a7f3b0f inset!important;margin:0 0 10px!important}.kh-hero-intro .stars .glyph{color:var(--kh-gold)!important;font-size:clamp(18px,5.4vw,22px)!important;line-height:1!important;letter-spacing:2px!important}.kh-hero-intro .stars .meta{font-size:clamp(12px,3.6vw,14px)!important;color:var(--kh-muted)!important;white-space:nowrap!important}.kh-hero-intro h2{color:#0a2f0a!important;font-weight:800!important;font-size:clamp(28px,6.2vw,44px)!important;line-height:1.15!important;margin:6px 0 8px!important;letter-spacing:-.02em!important;background:none!important}@supports ((-webkit-background-clip: text) or (background-clip: text)){.kh-hero-intro h2{background:linear-gradient(180deg,#0f3f0f 0%,var(--kh-accent-2) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}}.kh-hero-intro p.sub{margin:0 0 14px!important;font-size:clamp(16px,4.6vw,20px)!important;line-height:1.45!important;color:var(--kh-accent-2)!important;font-weight:600!important}.kh-hero-intro ul{list-style:none!important;padding:0!important;margin:0 0 10px!important;display:grid!important;gap:6px!important}@media (min-width: 560px){.kh-hero-intro ul{grid-template-columns:1fr 1fr!important;column-gap:14px!important}}.kh-hero-intro li{position:relative!important;font-size:clamp(15px,4.1vw,17px)!important;line-height:1.7!important;color:var(--kh-ink)!important;padding-left:28px!important}.kh-hero-intro li:before{content:"\2714";position:absolute;left:0;top:.1em;width:20px;height:20px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(180deg,#16a34a,var(--kh-accent));border-radius:6px;box-shadow:0 1px #0000000d,0 0 0 1px #0000000a inset}.kh-hero-intro .divider{width:72px!important;height:3px!important;margin:14px 0 0!important;border-radius:2px!important;background:linear-gradient(90deg,#b8d8b8,var(--kh-accent))!important;box-shadow:0 1px #0000000f!important}@media (max-width: 640px){.kh-hero-intro .divider{margin-left:auto!important;margin-right:auto!important}}.kh-hero-intro,.kh-hero-intro *{max-width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}@keyframes khFadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}section[class^=sinon-]{position:relative;isolation:isolate}section[class^=sinon-]:before,section[class^=sinon-]:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:min(92%,1200px);height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent);pointer-events:none;z-index:0}section[class^=sinon-]:before{top:0}section[class^=sinon-]:after{bottom:0}section[class^=sinon-] .sinon-container{position:relative;z-index:1;background:radial-gradient(1200px 500px at 50% -10%,color-mix(in oklab,var(--sinon-accent) 12%,transparent) 0%,transparent 60%),radial-gradient(800px 400px at 50% 110%,color-mix(in oklab,var(--sinon-accent) 10%,transparent) 0%,transparent 60%);border-radius:18px;box-shadow:0 1px #0000000a,0 12px 30px #0000000f}section[class^=sinon-] .sinon-head{margin-bottom:clamp(18px,3.2vw,26px)}section[class^=sinon-] .sinon-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:color-mix(in oklab,var(--sinon-accent) 12%,#ffffff);color:#0a2f0a;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 0 1px color-mix(in oklab,var(--sinon-accent) 28%,transparent) inset}section[class^=sinon-] .sinon-title{margin:10px 0 6px;font-weight:800;letter-spacing:-.015em;line-height:1.15;font-size:clamp(30px,4vw,44px)}section[class^=sinon-] .sinon-sub{margin:0;color:color-mix(in oklab,var(--sinon-ink) 86%,black);line-height:1.55;font-size:clamp(16px,2vw,20px)}section[class^=sinon-] .sinon-row{background:#fff;border-radius:16px;padding:clamp(18px,3.4vw,28px);gap:clamp(22px,3.2vw,44px);box-shadow:0 1px #0000000a,0 10px 20px #0000000d;border:1px solid rgba(0,0,0,.06);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}section[class^=sinon-] .sinon-row:hover{transform:translateY(-2px);box-shadow:0 12px 26px #00000014,0 1px #0000000a;border-color:color-mix(in oklab,var(--sinon-accent) 24%,rgba(0,0,0,.06))}section[class^=sinon-] .sinon-media-wrap{border-radius:16px;overflow:clip;background:linear-gradient(180deg,#0000000a,#00000005);transition:transform .35s ease;height:calc(var(--sinon-img-height, 400px) * 1.1)}@media (min-width: 1024px){section[class^=sinon-] .sinon-media-wrap{height:calc(var(--sinon-img-height, 400px) * 1.2)}}section[class^=sinon-] .sinon-media-wrap.round{border-radius:24px}section[class^=sinon-] .sinon-row:hover .sinon-media-wrap{transform:translateY(-2px)}section[class^=sinon-] .sinon-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.002);transition:transform .45s ease}section[class^=sinon-] .sinon-row:hover .sinon-img{transform:scale(1.03)}section[class^=sinon-] .sinon-row-kicker{margin:0 0 8px;color:var(--sinon-accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}section[class^=sinon-] .sinon-row-title{margin:0 0 10px;color:var(--sinon-ink);font-size:clamp(22px,2.8vw,34px);font-weight:800;line-height:1.18}section[class^=sinon-] .sinon-row .rte{font-size:clamp(16px,1.15vw,19px);line-height:1.75}section[class^=sinon-] .sinon-btn-wrap{margin-top:14px}section[class^=sinon-] .sinon-btn{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;will-change:transform}section[class^=sinon-] .sinon-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014}@media (max-width: 1023px){section[class^=sinon-] .sinon-row{gap:clamp(16px,4vw,22px)}section[class^=sinon-] .sinon-row:after{content:"";grid-column:1 / -1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}}@media (prefers-reduced-motion: reduce){section[class^=sinon-] .sinon-row,section[class^=sinon-] .sinon-media-wrap,section[class^=sinon-] .sinon-img{transition:none!important}section[class^=sinon-] .sinon-row:hover,section[class^=sinon-] .sinon-row:hover .sinon-media-wrap,section[class^=sinon-] .sinon-row:hover .sinon-img{transform:none!important;box-shadow:none!important}}section[class^=sinon-] .sinon-row,section[class^=sinon-] .sinon-row *{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}#MainContent .kh-hero-intro{font-family:Poppins,Arial,sans-serif}#MainContent .kh-hero-intro h2{letter-spacing:-.02em}
/*# sourceMappingURL=/cdn/shop/t/18/assets/kh-hero-intro.css.map */