@keyframes fs-doodle-pop{0%{opacity:0;transform:scale(.2) rotate(var(--rot,0deg))}70%{opacity:1;transform:scale(1.08) rotate(var(--rot,0deg))}to{opacity:1;transform:scale(1) rotate(var(--rot,0deg))}}@keyframes fs-doodle-float{0%{translate:0}to{translate:0 -12px}}:root{--fs-cap-h:clamp(40px, 10vw, 150px)}.fs-cap{width:100%;height:var(--fs-cap-h);pointer-events:none;margin-bottom:-1px;display:block}.fs-cap--hem{background:var(--paper);margin-top:-1px}.fs-doodle{pointer-events:none;animation:3.6s ease-in-out infinite alternate fs-doodle-float;position:absolute}.fs-doodle>img{width:100%;height:auto;animation:.55s cubic-bezier(.34,1.56,.64,1) both fs-doodle-pop;animation-delay:var(--delay,0s);display:block}.fs-left{z-index:1;pointer-events:none;flex-direction:column;justify-content:flex-start;width:min(32vw,520px);padding-top:30svh;display:flex;position:absolute;top:0;bottom:0;left:6vw}.fs-new{color:var(--ink);font-family:var(--font-dm-mono,ui-monospace), monospace;letter-spacing:.16em;text-transform:uppercase;background:#fff;border-radius:999px;align-self:flex-start;margin:0 0 1.2svh;padding:5px 12px;font-size:11px;font-weight:500;animation:.35s cubic-bezier(.34,1.56,.64,1) both fs-new-pop;rotate:-3deg}@keyframes fs-new-pop{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes fs-name-sweep{0%{opacity:0;transform:scale(.85)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.fs-name{object-fit:contain;object-position:left center;transform-origin:0;width:min(23vw,380px);height:min(8.5vw,140px);animation:.5s cubic-bezier(.34,1.56,.64,1) both fs-name-sweep}.fs-name--text{color:#fff;font-family:var(--font-display), sans-serif;letter-spacing:-.01em;align-items:center;margin:0;font-size:clamp(34px,4.2vw,70px);line-height:1;display:flex}@keyframes fs-note-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fs-note{color:#ffffffeb;max-width:36ch;font-family:var(--font-dm-sans), "Helvetica Neue", Arial, sans-serif;margin:2.4svh 0 0;font-size:clamp(15px,1.15vw,18px);line-height:1.65;animation:.5s .2s both fs-note-in}.fs-glow{z-index:0;pointer-events:none;background:radial-gradient(30% 46% at 68% 56%,#ffffff3d,#0000 70%);position:absolute;inset:0}.fs-arrow{z-index:5;color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:56px;height:56px;transition:background .2s,transform .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.fs-arrow:hover{background:#fff3;transform:translateY(-50%)scale(1.06)}.fs-arrow--left{left:39vw}.fs-arrow--right{right:3vw}@keyframes fs-stamp{0%{opacity:0;transform:scale(.2)rotate(-14deg)}18%{opacity:1;transform:scale(1.15)rotate(4deg)}30%{transform:scale(1)rotate(-2deg)}75%{opacity:1;transform:scale(1)rotate(-2deg)}to{opacity:0;transform:scale(1.04)rotate(-2deg)}}.fs-stamp{pointer-events:none;animation:1.4s ease-out both fs-stamp;position:absolute}@keyframes fs-fizz{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.2)}}.fs-fizz{pointer-events:none;background:#fff;border-radius:999px;width:10px;height:10px;animation:.9s cubic-bezier(.17,.67,.3,1) both fs-fizz;position:absolute;top:50%;left:68%}@media (max-width:820px){:root{--fs-cap-h:clamp(64px, 16vw, 150px)}.fs-left{justify-content:flex-start;width:auto;padding-top:0;inset:4svh 7vw auto}.fs-name{width:min(72vw,420px);height:min(24vw,140px)}.fs-note{color:#fff;text-shadow:0 1px 2px #00000038,0 2px 10px #00000024;font-size:16px;font-weight:600;line-height:1.55}.fs-arrow--left{left:3vw}.fs-arrow,.fs-arrow--left,.fs-arrow--right{color:var(--ink);background:#ffffffeb;border-color:#0000;top:68%;bottom:auto;transform:translateY(-50%)}.fs-arrow:hover{background:#fff;transform:translateY(-50%)scale(1.06)}.fs-fizz{top:60%;left:50%}}@media (prefers-reduced-motion:reduce){.fs-doodle,.fs-doodle>img,.fs-name,.fs-stamp,.fs-note,.fs-fizz{animation-duration:10ms}.fs-doodle{animation:none}}
