.tsoon{background-color:var(--tsoon-ground, #f6eddd);color:var(--tsoon-ink, #f6eddd);padding-block:clamp(3rem,7vw,6rem)}.tsoon__inner{max-width:96rem;margin-inline:auto;padding-inline:clamp(1.5rem,4vw,4rem)}.tsoon__head{max-width:46rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.tsoon__eyebrow{font-family:var(--font-accent--family);font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin:0 0 .7rem}.tsoon__heading{font-family:var(--font-heading--family);font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1;text-transform:uppercase;margin:0;padding-block:.12em;margin-block:-.12em}.tsoon__body{margin-top:1rem;opacity:.85;line-height:1.55}.tsoon__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:clamp(1rem,2vw,1.6rem);margin:0;padding:0;list-style:none}.tsoon__tile{--tsoon-gutter: 3.6rem;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;border-radius:1.2rem;background-color:var(--tsoon-accent, #b0472f);color:var(--tsoon-on-accent, #f6eddd);min-height:22rem;box-shadow:inset 0 0 0 1px #ffffff24;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.tsoon__tile:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #ffffff4d,0 18px 30px -18px #000000a6}.tsoon__tile:hover .tsoon__numeral{opacity:.3}.tsoon__tile:hover .tsoon__doodle{rotate:4deg;opacity:.22}}.tsoon__numeral{position:absolute;top:.7rem;right:1rem;z-index:0;pointer-events:none;font-family:var(--font-heading--family);font-size:4.25rem;line-height:1;padding-block:.12em;margin-block:-.12em;color:var(--tsoon-on-accent, #f6eddd);opacity:.24;transition:opacity .35s ease}.tsoon__doodle{position:absolute;right:-2.4rem;bottom:3.6rem;width:10rem;z-index:0;pointer-events:none;color:var(--tsoon-on-accent, #f6eddd);opacity:.16;rotate:12deg;transition:rotate .35s cubic-bezier(.16,1,.3,1),opacity .35s ease}.tsoon__doodle .tdoodle{position:static;width:100%;height:auto}.tsoon__tile-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:clamp(1.2rem,2.4vw,1.8rem)}.tsoon__count{padding-inline-end:var(--tsoon-gutter);font-family:var(--font-accent--family);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin:0 0 .4rem}.tsoon__name{padding-inline-end:var(--tsoon-gutter);font-family:var(--font-heading--family);font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.05;text-transform:uppercase;margin:0;padding-block:.1em;margin-block:-.1em}.tsoon__items{margin:1rem 0 0;padding:0;list-style:none;font-size:.92rem;line-height:1.7;opacity:.9}.tsoon__items li{position:relative;padding-inline-start:.9rem}.tsoon__items li:before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:.32rem;height:.32rem;border-radius:50%;background-color:currentcolor;opacity:.55}.tsoon__form{margin-top:auto;padding-top:1.2rem}.tsoon__field{display:flex;gap:.4rem}.tsoon__input{flex:1 1 auto;min-width:0;padding:.6rem .8rem;border-radius:.6rem;border:1.5px solid rgb(255 255 255 / .35);background-color:#ffffff1a;color:inherit;font:inherit;font-size:.9rem}.tsoon__input::placeholder{color:currentcolor;opacity:.6}.tsoon__input:focus-visible{outline:2px solid currentcolor;outline-offset:1px}.tsoon__submit{flex:0 0 auto;padding:.6rem 1rem;border:0;border-radius:.6rem;background-color:var(--tsoon-on-accent, #f6eddd);color:var(--tsoon-accent, #b0472f);font-family:var(--font-accent--family);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;cursor:pointer}.tsoon__note{margin:.6rem 0 0;font-size:.85rem}.tsoon__note--ok{font-weight:700}.tsoon__note--bad{opacity:.9}.tsoon__footnote{margin:clamp(1.6rem,3vw,2.4rem) 0 0;font-family:var(--font-accent--family);font-size:.8rem;letter-spacing:.08em;opacity:.65}.tsoon__confirm{margin-top:clamp(1.4rem,3vw,2rem);padding:.9rem 1.2rem;border-radius:.7rem;background-color:color-mix(in srgb,currentcolor 12%,transparent);border:1.5px solid currentcolor;font-size:.95rem}@media(prefers-reduced-motion:reduce){.tsoon__tile,.tsoon__numeral,.tsoon__doodle{transition:none}.tsoon__tile:hover{transform:none}.tsoon__tile:hover .tsoon__doodle{rotate:12deg}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/trichios-coming-soon.css.map */