.tt-story{--tt-ink: #14241c;--tt-muted: #5a6b60;--tt-green: #0e5c4a;--tt-green-deep: #0a4638;--tt-gold: #b8893d;--tt-cream: #f3f7f4;--tt-white: #fcfffd;--tt-line: rgba(14, 92, 74, .22);--care-ink: var(--tt-ink);--care-muted: var(--tt-muted);--care-gold: var(--tt-gold);--care-deep: var(--tt-green-deep);--care-cream: var(--tt-cream);--care-white: var(--tt-white);--care-line: var(--tt-line);position:relative;color:var(--tt-ink);background:linear-gradient(180deg,#fff 0%,var(--tt-cream) 16%,#fff 100%);padding-top:0;padding-bottom:clamp(2rem,5vw,4rem)}.tt-story .care-story__nav{background:#fcfffdf0;border-bottom:1px solid rgba(14,92,74,.1)}.tt-story .care-story__tab.is-active{color:#fff;background:linear-gradient(145deg,var(--tt-green),var(--tt-green-deep));border-color:transparent;box-shadow:0 10px 22px #0e5c4a40}.tt-story .care-details__tabs button.is-active{background:linear-gradient(145deg,var(--tt-green),var(--tt-green-deep))}.tt-panel-lead{margin:0 0 1rem;color:var(--tt-muted);font-size:.96rem;line-height:1.6}.tt-story .care-benefit:before{background:linear-gradient(180deg,var(--tt-green),rgba(14,92,74,.2))}.tt-story .care-steps__num{background:linear-gradient(145deg,var(--tt-green),var(--tt-green-deep));box-shadow:0 10px 22px #0e5c4a47}.tt-story .care-chips span{background:#0e5c4a1a;color:var(--tt-green-deep)}.tt-story .care-reviews__summary{background:#0e5c4a14}.tt-story .care-faq__icon{background:#0e5c4a1f;color:var(--tt-green)}.tt-story .care-faq__item[open] .care-faq__icon{background:var(--tt-green-deep);color:#fff}.tt-ing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.tt-ing-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:24px;background:var(--tt-white);border:1px solid rgba(20,36,28,.08);box-shadow:0 16px 36px #14241c12;opacity:0;transform:translateY(28px) scale(.97);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease;transition-delay:calc(var(--i, 0) * 60ms)}.tt-ing-card.is-inview{opacity:1;transform:none}.tt-ing-card:hover{border-color:#0e5c4a59;box-shadow:0 22px 48px #14241c1f;transform:translateY(-6px);transition-delay:0ms}.tt-ing-card__media{position:relative;aspect-ratio:1;overflow:hidden;background:#102019}.tt-ing-card__media video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);transition:transform .7s cubic-bezier(.22,1,.36,1)}.tt-ing-card:hover .tt-ing-card__media video,.tt-ing-card.is-active .tt-ing-card__media video{transform:scale(1.08)}.tt-ing-card__sound{position:absolute;right:.75rem;bottom:.75rem;width:2.4rem;height:2.4rem;border:0;border-radius:999px;display:grid;place-items:center;cursor:pointer;color:#fff;background:color-mix(in srgb,var(--tt-green) 88%,#000);box-shadow:0 10px 22px #0e5c4a59;opacity:.92;transition:transform .22s ease,opacity .22s ease}.tt-ing-card__sound:hover{transform:scale(1.06);opacity:1}.tt-ing-card__sound-icon{width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7'/%3E%3C/svg%3E") center / contain no-repeat}.tt-ing-card.is-unmuted .tt-ing-card__sound-icon{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4V5z'/%3E%3Cpath d='m22 9-6 6M16 9l6 6'/%3E%3C/svg%3E") center / contain no-repeat}.tt-ing-card__body{padding:1.15rem 1.15rem 1.3rem;display:grid;gap:.55rem}.tt-ing-card__body .care-ing-card__tag{width:fit-content;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-gold, #b8893d)}.tt-ing-card__body h3{margin:0;font-family:var(--font-display);font-size:1.4rem;letter-spacing:-.02em;color:var(--tt-green-deep)}.tt-flavour-strip{margin-top:2rem;padding:1.35rem 1.25rem 1.5rem;border-radius:24px;background:linear-gradient(160deg,#0e5c4a14,#b8893d1a);border:1px solid rgba(14,92,74,.12)}.tt-flavour-strip__label{margin:0 0 1rem;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tt-green, #0e5c4a)}.tt-flavour-strip__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.tt-flavour-strip__grid article{padding:1rem;border-radius:16px;background:#fcfffde6;border:1px solid rgba(20,36,28,.06)}.tt-flavour-strip__grid h4{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.1rem;color:var(--tt-green-deep, #0a4638)}.tt-flavour-strip__grid p{margin:0;font-size:.88rem;color:var(--tt-muted, #5a6b60);line-height:1.5}@media(max-width:989px){.tt-flavour-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:649px){.tt-flavour-strip__grid{grid-template-columns:1fr}}.tt-ing-card__points{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.tt-ing-card__points li{position:relative;padding-left:1.45rem;color:var(--tt-muted);font-size:.94rem;font-weight:550;line-height:1.45}.tt-ing-card__points li:before{content:"";position:absolute;left:0;top:.15rem;width:1.05rem;height:1.05rem;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 8.2 6.6 10.8 12 5.2' stroke='%230e5c4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / .75rem no-repeat,color-mix(in srgb,#0e5c4a 14%,#fff);border:1px solid color-mix(in srgb,#0e5c4a 22%,transparent)}@media(max-width:989px){.tt-ing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:649px){.tt-ing__grid{grid-template-columns:1fr}.tt-ing-card{grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto}.tt-ing-card__media{aspect-ratio:auto;min-height:100%}.tt-ing-card__body{padding:.95rem .95rem 1rem .85rem}.tt-ing-card__body h3{font-size:1.15rem}.tt-ing-card__points li{font-size:.86rem}}@media(max-width:899px){.tt-story{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.tt-ing-card{opacity:1!important;transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/talbeena-product-story.css.map */