.tpanel{--tpanel-pad: clamp(1.5rem, 4vw, 4rem);position:relative;overflow:hidden;background-color:var(--tpanel-accent, #b0472f);color:var(--tpanel-on-accent, #faf7f0);min-height:var(--tpanel-height, 42rem);display:grid;grid-template-rows:1fr auto;isolation:isolate}.tpanel__arc{position:absolute;left:-6%;width:112%;max-width:none;top:0;z-index:0;pointer-events:none;fill:var(--tpanel-arc-color, rgb(255 255 255 / .22));transform:translate3d(0,var(--tpanel-arc-top, -17%),0)}.tpanel__arc text{font-family:var(--font-heading--family);font-size:var(--tpanel-arc-size, 130px);letter-spacing:.02em;text-transform:uppercase}.tpanel__stage{position:relative;z-index:1;display:grid;place-items:center;padding:var(--tpanel-pad);padding-block-start:var(--tpanel-stage-top, 21rem);padding-block-end:0}.tpanel__pack{display:block;width:auto;max-width:min(78%,26rem);max-height:var(--tpanel-pack-height, 30rem);object-fit:contain;filter:drop-shadow(0 34px 42px rgb(0 0 0 / .32))}.trichios-motion .tpanel__pack{animation:tpanel-float 7s ease-in-out infinite}.trichios-choreo .tpanel__arc{opacity:0;transform:translate3d(-26%,var(--tpanel-arc-top, -17%),0);transition:opacity 1.2s ease,transform 1.8s cubic-bezier(.16,1,.3,1)}.trichios-choreo .tpanel__stage{opacity:0;transform:translate3d(0,160px,0);transition:opacity 1.1s ease .26s,transform 1.6s cubic-bezier(.16,1,.3,1) .26s}.trichios-choreo .tpanel__arc.is-in{opacity:1;transform:translate3d(0,var(--tpanel-arc-top, -17%),0)}.trichios-choreo .tpanel__stage.is-in{opacity:1;transform:none}@keyframes tpanel-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-14px,0)}}.tpanel__doodles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;color:var(--tpanel-doodle-color, rgb(255 255 255 / .3))}.tdoodle{position:absolute;width:clamp(4.5rem,8vw,8rem);height:auto}.tdoodle--tl{top:6%;left:4%;transform:rotate(-14deg)}.tdoodle--tr{top:10%;right:5%;transform:rotate(18deg)}.tdoodle--bl{bottom:24%;left:6%;transform:rotate(12deg)}.tdoodle--br{bottom:30%;right:4%;transform:rotate(-20deg)}.tpanel__content{position:relative;z-index:2;padding:var(--tpanel-pad);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem 2rem}.tpanel__eyebrow{font-family:var(--font-accent--family);font-size:.9rem;letter-spacing:.16em;text-transform:lowercase;opacity:.85;margin-block-end:.5rem;display:flex;align-items:center;gap:.6rem}.tpanel__eyebrow:before,.tpanel__eyebrow:after{content:"\2726";font-size:.75em}.tpanel__title{font-family:var(--font-heading--family);font-size:clamp(1.75rem,3.4vw,3rem);line-height:1;text-transform:uppercase;margin:0 0 .5rem}.tpanel__text{max-width:34ch;font-size:1rem;line-height:1.5;opacity:.92;margin:0}.tpanel__cta{display:inline-block;padding:.85rem 1.6rem;border-radius:999px;background:var(--tpanel-on-accent, #faf7f0);color:var(--tpanel-accent, #b0472f);font-family:var(--font-heading--family);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.tpanel__cta:hover{transform:translateY(-3px);box-shadow:0 12px 24px -10px #00000080}@media screen and (max-width:749px){.tpanel{min-height:var(--tpanel-height-mobile, 34rem)}.tpanel__arc text{font-size:120px}.tpanel__stage{padding-block-start:var(--tpanel-stage-top-mobile, 5rem)}.tpanel__content{flex-direction:column;align-items:flex-start}.tdoodle--bl,.tdoodle--br{display:none}}@media(prefers-reduced-motion:reduce){.trichios-motion .tpanel__pack{animation:none}.trichios-choreo .tpanel__arc{opacity:1;transform:translate3d(0,var(--tpanel-arc-top, -17%),0);transition:none}.trichios-choreo .tpanel__stage{opacity:1;transform:none;transition:none}.tpanel__cta:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/trichios-panel.css.map */