.trichios-hero-section{margin-block-start:calc(-1 * var(--trichios-header-height, 82px))}.thero{position:relative;isolation:isolate;overflow:hidden;min-height:var(--thero-height, 92svh);display:grid;align-items:center;background-color:var(--thero-ground, #f6eddd);color:var(--thero-ink, #1c3b27)}.thero__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(62% 46% at 50% 104%,color-mix(in srgb,var(--thero-glow, #5f7040) 34%,transparent) 0%,transparent 70%),radial-gradient(44% 38% at 78% 22%,color-mix(in srgb,var(--thero-glow, #5f7040) 12%,transparent) 0%,transparent 72%)}.thero__doodles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;color:var(--thero-highlight, #5f7040);opacity:.55}.thero__doodles .tdoodle{position:absolute;width:clamp(3.5rem,6vw,6rem);height:auto}.thero__doodle--tr{top:18%;right:8%;transform:rotate(16deg);animation:thero-drift 9s ease-in-out infinite}.thero__doodle--l{top:34%;left:12%;transform:rotate(-12deg);animation:thero-drift 11s ease-in-out infinite reverse}@keyframes thero-drift{0%,to{translate:0 0}50%{translate:0 -14px}}.thero__inner{position:relative;z-index:2;width:100%;max-width:var(--page-content-width, 90rem);margin-inline:auto;padding-block-start:calc(var(--trichios-header-height, 82px) + clamp(2rem,6vw,5rem));padding-block-end:clamp(4rem,9vw,7rem);padding-inline:clamp(1.25rem,4vw,4rem);text-align:center}.thero__eyebrow{display:flex;align-items:center;justify-content:center;gap:.7rem;font-family:var(--font-accent--family);font-size:clamp(.95rem,1.2vw,1.15rem);letter-spacing:.12em;word-spacing:.2em;color:var(--thero-highlight, #5f7040);margin:0 0 clamp(.75rem,2vw,1.5rem);animation:thero-rise .9s cubic-bezier(.16,1,.3,1) .2s both}.thero__eyebrow:before,.thero__eyebrow:after{content:"\2726";font-size:.8em;opacity:.8}.thero__title{font-family:var(--font-heading--family);font-size:clamp(2.75rem,9vw,7.5rem);line-height:.92;text-transform:uppercase;margin:0}.thero__hi{color:var(--thero-highlight, #5f7040);font-style:normal}.thero__line{display:block;overflow:hidden;padding-block:.3em;margin-block:-.3em}.thero__line-inner{display:block;animation:thero-line 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--thero-line, 0) * .14s + .32s)}@keyframes thero-line{0%{transform:translateY(165%)}to{transform:translateY(0)}}.thero__body{font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.6;max-width:42ch;margin-inline:auto;margin-block-start:clamp(1.5rem,3vw,2.5rem);opacity:.78;animation:thero-rise .9s cubic-bezier(.16,1,.3,1) .64s both}.thero__body>*{margin:0}@keyframes thero-rise{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}.thero__pack{position:absolute;z-index:3;top:var(--thero-pack-top, 38%);left:calc(50% + var(--thero-pack-x, 14%));width:var(--thero-pack-size, 28%);pointer-events:none;transform:translate3d(0,var(--trichios-parallax, 0px),0);will-change:transform}.thero__pack-rise{animation:thero-pack-in 1.2s cubic-bezier(.16,1,.3,1) .42s both}@keyframes thero-pack-in{0%{opacity:0;transform:translateY(6%) scale(.92)}to{opacity:1;transform:none}}.thero__pack-float{animation:thero-float 6s ease-in-out infinite}@keyframes thero-float{0%,to{transform:translateY(-1.5%)}50%{transform:translateY(1.5%)}}.thero__pack-img{display:block;width:100%;height:auto;max-width:none;transform:rotate(var(--thero-pack-tilt, 14deg));filter:drop-shadow(0 30px 40px rgb(28 59 39 / .22))}.thero__pack-shadow{position:absolute;z-index:-1;left:50%;bottom:-6%;width:74%;aspect-ratio:3 / 1;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgb(28 59 39 / .26),transparent 78%);animation:thero-shadow 6s ease-in-out infinite}@keyframes thero-shadow{0%,to{transform:scale(.9);opacity:.75}50%{transform:scale(1.05);opacity:1}}.thero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.75rem;margin-block-start:clamp(1.75rem,3.5vw,2.75rem);animation:thero-rise .9s cubic-bezier(.16,1,.3,1) .78s both}.thero__cta{display:inline-block;padding:1rem 2.4rem;border-radius:999px;background-color:var(--thero-highlight, #5f7040);color:var(--thero-ground, #f6eddd);font-family:var(--font-heading--family);font-size:1rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;box-shadow:0 16px 26px -18px color-mix(in srgb,var(--thero-highlight, #5f7040) 90%,black);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),filter .3s ease}.thero__cta:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 22px 34px -18px color-mix(in srgb,var(--thero-highlight, #5f7040) 90%,black)}.thero__link{display:inline-flex;align-items:center;gap:.5rem;color:inherit;font-family:var(--font-heading--family);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding-block-end:.15rem;border-block-end:1px solid color-mix(in srgb,currentcolor 45%,transparent);transition:border-color .3s ease}.thero__link svg{width:1.05rem;height:1.05rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}.thero__link:hover{border-block-end-color:currentcolor}.thero__link:hover svg{transform:translate(4px)}.thero__cue{position:absolute;z-index:2;left:50%;bottom:clamp(1.25rem,3vw,2.5rem);translate:-50% 0;display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background-color:color-mix(in srgb,var(--thero-ground, #f6eddd) 70%,white);box-shadow:0 10px 24px -14px #1c3b2780;color:var(--thero-ink, #1c3b27);animation:thero-rise .9s ease 1.1s both}.thero__cue svg{width:1.95rem;height:1.95rem}.thero__cue-dot{animation:thero-cue 2s cubic-bezier(.65,0,.35,1) infinite}@keyframes thero-cue{0%{transform:translateY(0);opacity:.6}35%{opacity:1}70%,to{transform:translateY(1.8px);opacity:.5}}@media screen and (max-width:989px){.thero__pack{position:relative;top:auto;left:auto;width:min(62%,20rem);margin:clamp(1.5rem,5vw,2.5rem) auto 0;transform:none}.thero__doodle--l{top:auto;bottom:12%;left:4%}}@media screen and (max-width:749px){.thero{min-height:var(--thero-height-mobile, 88svh)}.thero__doodles .tdoodle{width:clamp(3rem,12vw,4.5rem)}.thero__cue{display:none}}@media(prefers-reduced-motion:reduce){.thero__eyebrow,.thero__line-inner,.thero__body,.thero__actions,.thero__cue,.thero__cue-dot,.thero__pack-rise,.thero__pack-float,.thero__pack-shadow,.thero__doodle--tr,.thero__doodle--l{animation:none}.thero__pack{transform:none}.thero__cta:hover,.thero__link:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/trichios-hero.css.map */