[data-sig="tea-joke-file"]{height:270dvh;background:var(--sky);position:relative}[data-sig="tea-joke-file"] .stage{height:100dvh;position:sticky;top:0;display:flex;align-items:center;overflow:hidden}[data-sig="tea-joke-file"] .hero-grid{width:100%;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}[data-sig="tea-joke-file"] .hero-copy{padding-bottom:32px}[data-sig="tea-joke-file"] h1{font-size:clamp(40px,5.5vw,80px);max-width:600px}[data-sig="tea-joke-file"] .intro{max-width:340px;margin:24px 0 28px;font-size:17px}[data-sig="tea-joke-file"] .hero-note{margin-top:20px;font-size:13px}[data-sig="tea-joke-file"] .photo-wrap{position:relative;max-width:620px}[data-sig="tea-joke-file"] .photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}[data-sig="tea-joke-file"] .print{position:absolute;left:27%;top:26.5%;width:46%;height:46%;mix-blend-mode:multiply}[data-sig="tea-joke-file"] .count-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px}[data-sig="tea-joke-file"] .counter{font-variant-numeric:tabular-nums;font-weight:600}[data-sig="tea-joke-file"] .stamp{position:absolute;right:-24px;bottom:28px;transform:rotate(9deg);background:var(--lemon);width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--tea);font:15px/1.3 var(--display)}[data-sig="tea-joke-file"] .joke-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:12px}[data-sig="tea-joke-file"] .beats{display:flex;gap:4px}[data-sig="tea-joke-file"] .beats button{width:40px;height:44px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--ink);font-weight:600}[data-sig="tea-joke-file"] .beats button[aria-pressed="true"]{border-color:var(--tea);color:var(--tea)}[data-sig="tea-joke-file"] .this-one{font-weight:600;text-underline-offset:5px;min-height:44px;display:flex;align-items:center;gap:10px}[data-sig="tea-joke-file"] .file-name{font-family:var(--display);font-size:16px}@media(min-width:1500px){[data-sig="tea-joke-file"] .hero-grid{gap:96px}}@media(max-width:800px){[data-sig="tea-joke-file"] .hero-grid{gap:32px}[data-sig="tea-joke-file"] .stamp{right:-12px;width:90px;height:90px;font-size:13px}[data-sig="tea-joke-file"] .intro{font-size:15px}[data-sig="tea-joke-file"] .beats button{width:32px}}@media(max-width:600px){[data-sig="tea-joke-file"]{height:200dvh}[data-sig="tea-joke-file"] .stage{align-items:start;padding-top:24px}[data-sig="tea-joke-file"] .hero-grid{grid-template-columns:1fr;gap:16px}[data-sig="tea-joke-file"] h1{font-size:40px;max-width:350px}[data-sig="tea-joke-file"] .hero-copy{padding:0}[data-sig="tea-joke-file"] .intro{margin:12px 0 16px;max-width:330px;font-size:14px}[data-sig="tea-joke-file"] .hero-note{display:none}[data-sig="tea-joke-file"] .photo-wrap{width:100%;max-width:370px;margin:auto}[data-sig="tea-joke-file"] .photo{max-height:38dvh;object-fit:cover}[data-sig="tea-joke-file"] .count-row{font-size:12px;margin-bottom:8px}[data-sig="tea-joke-file"] .file-name{font-size:14px}[data-sig="tea-joke-file"] .joke-controls{margin-top:8px}[data-sig="tea-joke-file"] .stamp{bottom:14px;right:-8px;width:78px;height:78px;font-size:11px}[data-sig="tea-joke-file"] .print{top:24%;height:36%}[data-sig="tea-joke-file"] .beats button{width:34px}[data-sig="tea-joke-file"] .this-one{font-size:14px}}@media(prefers-reduced-motion:reduce){[data-sig="tea-joke-file"]{height:auto}[data-sig="tea-joke-file"] .stage{position:relative;min-height:calc(100dvh - 110px);height:auto;padding-top:32px;padding-bottom:32px}}
@media(max-width:600px){[data-sig="tea-joke-file"] h1{font-size:32px;max-width:360px}[data-sig="tea-joke-file"] .photo-wrap{width:min(100%,40dvh);max-width:370px}[data-sig="tea-joke-file"] .photo{height:auto;max-height:none;aspect-ratio:1}[data-sig="tea-joke-file"] .print{top:26.5%;height:46%}}
[data-sig="tea-joke-file"] .photo{height:auto}
[data-sig="tea-joke-file"] h1{font-size:clamp(40px,5vw,72px)}
@media(max-width:600px){[data-sig="tea-joke-file"] h1{font-size:36px}}
[data-sig="tea-joke-file"] .stage{padding-bottom:132px}
@media(max-width:600px){[data-sig="tea-joke-file"] .stage{padding-top:24px;padding-bottom:108px;align-items:flex-start}[data-sig="tea-joke-file"] .hero-grid{align-self:flex-start}[data-sig="tea-joke-file"] .photo-wrap{width:min(100%,36dvh)}}
[data-sig="tea-joke-file"] .hero-grid{margin:0 auto}
@media(prefers-reduced-motion:reduce){[data-sig="tea-joke-file"] .stage{padding-bottom:32px}}