.tf{grid-column:1/-1;container-type:inline-size}.tf-board{--tf-pad:22px;--tf-tab:104px;border-radius:var(--tw-r-card);background:var(--tw-raised);grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;display:grid;position:relative;overflow:hidden}.tf-flyer{z-index:1;padding:34px var(--tf-pad) 0;box-sizing:border-box;background:linear-gradient(var(--tw-surface), var(--tw-surface)) top / 100% calc(100% - var(--tf-tab)) no-repeat;color:#0a0a0a;border-radius:16px 16px 0 0;grid-row:2;position:relative}.tf-title{letter-spacing:.12em;text-transform:uppercase;color:#0a0a0a8c;margin:0;font-size:12px;font-weight:700}.tf-message{margin:14px 0 0}.tf-message p{gap:14px;margin:0;display:grid}.tf-lead{font:400 clamp(34px, 5.2cqw, 60px) / .94 var(--tw-font-display);text-transform:uppercase;text-wrap:balance}.tf-rest{text-wrap:pretty;font-size:clamp(16px,1.8cqw,19px);font-weight:700;line-height:1.5}.tf-rest>span{background:linear-gradient(176deg, transparent 50%, var(--tw-lime) 50% 90%, transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 3px}.tf-tabs{height:var(--tf-tab);margin:30px calc(-1 * var(--tf-pad)) 0;border-top:2px dashed #0a0a0a38;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 4px;display:grid}.tf-tab{background:var(--tw-surface);color:#0a0a0a;font:700 13px / 1.2 var(--tw-font-text);text-align:center;text-wrap:balance;cursor:pointer;transition:translate .35s var(--tw-motion-ease);border:0;border-radius:0 0 12px 12px;align-content:center;justify-items:center;gap:8px;padding:8px 6px 12px;text-decoration:none;display:grid}.tf-tab:hover{translate:0 5px}.tf-tab:focus-visible{outline:2px solid var(--tw-text);outline-offset:3px}.tf-tab[data-torn]{pointer-events:none}.tf-tab-icon{width:32px;height:32px;color:var(--tw-lime);transition:background-color .35s var(--tw-motion-ease), color .35s var(--tw-motion-ease);background:#0a0a0a;border-radius:50%;place-items:center;display:grid}.tf-tab:hover .tf-tab-icon{background:var(--tw-lime);color:#0a0a0a}.tf-tab-icon svg{width:16px;height:16px}.tf-photo{aspect-ratio:16/9;border-radius:16px;grid-row:1;margin:0;overflow:hidden}.tf-photo img{object-fit:cover;object-position:50% 35%;width:100%;height:100%;display:block}@container (max-width:559px){.tf-board{--tf-tab:184px}.tf-tabs{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:4px 0}.tf-tab{padding:8px var(--tf-pad);text-align:left;grid-auto-flow:column;justify-content:start;align-items:center;gap:12px}}@container (min-width:560px){.tf-board{--tf-pad:34px;--tf-tab:112px;gap:16px;padding:16px}.tf-tab{font-size:14px}}@container (min-width:880px){.tf-board{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.tf-flyer{grid-area:1/1}.tf-photo{aspect-ratio:auto;grid-column:2}}@media (prefers-reduced-motion:no-preference){.tf[data-armed]:not([data-in]) :is(.tf-flyer,.tf-photo){opacity:0}.tf[data-in] .tf-flyer{animation:tf-up .9s var(--tw-motion-ease) .1s both}.tf[data-in] .tf-photo{animation:tf-up .9s var(--tw-motion-ease) .35s both}}@media (prefers-reduced-motion:reduce){.tf-tab,.tf-tab-icon{transition:none}}@keyframes tf-up{0%{opacity:0;translate:0 18px}}