@property --sx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --sy{syntax:"<percentage>";inherits:true;initial-value:45%}@property --rx{syntax:"<percentage>";inherits:true;initial-value:60%}@property --ry{syntax:"<percentage>";inherits:true;initial-value:80%}.band{max-width:60rem;margin:0 auto;padding:6rem 20px 1rem}@media (min-width:768px){.band{padding:8rem 32px 2rem}}.band-head{margin-bottom:2.5rem}.band-hint{font:400 1.1rem/1.5 var(--font-serif);color:var(--forest);margin:14px 0 0}.band-hint-touch{display:none}@media (hover:none){.band-hint-fine{display:none}.band-hint-touch{display:inline}}.band-frame{background:#fff;margin:0;padding:10px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotate(-.8deg);box-shadow:0 30px 60px #1c171238,0 4px 10px #1c17121a}.band-frame:hover{transform:rotate(0)}@media (min-width:768px){.band-frame{padding:14px}}.band-tape{z-index:3;background:#7eb0bcb3;width:8rem;height:2rem;position:absolute;top:-16px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #1c17121f}.band-art{--sx:50%;--sy:45%;--rx:60%;--ry:80%;transition:--sx .55s cubic-bezier(.3,.8,.3,1),--sy .55s cubic-bezier(.3,.8,.3,1),--rx .55s cubic-bezier(.3,.8,.3,1),--ry .55s cubic-bezier(.3,.8,.3,1);position:relative;overflow:hidden}.band-img{width:100%;height:auto;display:block}.band-spot{pointer-events:none;opacity:0;background:radial-gradient(var(--rx) var(--ry) at var(--sx) var(--sy), #ffd69629 0%, transparent 70%), radial-gradient(var(--rx) var(--ry) at var(--sx) var(--sy), transparent 55%, #120c08bd 100%);transition:opacity .45s;position:absolute;inset:0}.band-art.lit .band-spot{opacity:1}.band-sticker{z-index:4;transform-origin:70% 80%;filter:drop-shadow(0 6px 8px #1c171252)drop-shadow(0 1px 1px #1c171240);pointer-events:auto;width:clamp(92px,19%,190px);height:auto;transition:transform .45s cubic-bezier(.2,.9,.25,1.2),filter .45s;position:absolute;bottom:-30px;right:-14px;transform:rotate(9deg)}.band-sticker:hover{filter:drop-shadow(0 14px 14px #1c17124d)drop-shadow(0 2px 2px #1c171233);transform:rotate(4deg)translateY(-6px)scale(1.04)}@media (min-width:768px){.band-sticker{bottom:-54px;right:-40px}}.band-dot{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;position:absolute}.band-dot:before,.band-dot:after{content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.band-dot:before{background:#f7a465;border:2px solid #fff6e8;width:14px;height:14px;transition:transform .25s;box-shadow:0 2px 6px #1c171273}.band-dot:after{border:2px solid #f7a465e6;width:14px;height:14px;animation:2.4s ease-out infinite band-pulse}.band-dot:hover:before,.band-dot.on:before{transform:translate(-50%,-50%)scale(1.25)}.band-dot.on:after{opacity:0;animation:none}.band-dot:focus-visible{outline-offset:-6px;outline:2px solid #fff}.band-art.lit .band-dot:not(.on):before{opacity:.55}@keyframes band-pulse{0%{opacity:.9;width:14px;height:14px}to{opacity:0;width:40px;height:40px}}.band-tag{color:var(--ink);white-space:nowrap;pointer-events:none;opacity:0;transform-origin:50% 0;background:#fbf8f1;justify-items:center;gap:2px;padding:7px 12px 8px;transition:opacity .25s,transform .35s cubic-bezier(.2,.9,.25,1.2);display:grid;position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%,-6px)rotate(-3deg)scale(.92);box-shadow:0 8px 18px #1c17124d}.band-tag b,.band-tag small{font:700 1.15rem/1.05 var(--font-display)}.band-tag b+small{font:600 10px/1.2 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--dirt)}.band-dot.on .band-tag{opacity:1;transform:translate(-50%)rotate(-3deg)}.band-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:44px 0 0;padding:0;list-style:none;display:flex}.band-chips button{min-height:44px;color:var(--ink);cursor:pointer;background:#ffffff73;border:1px solid #1c17122e;border-radius:999px;align-items:center;gap:8px;padding:0 18px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.band-chips b{font:700 1.05rem/1 var(--font-display)}.band-chips span{font:600 12px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase}.band-chips button:hover{background:#fffc}.band-chips button.on{background:var(--forest);border-color:var(--forest);color:var(--paper)}.band-chips button:focus-visible{outline:2px solid var(--dirt);outline-offset:2px}@media (prefers-reduced-motion:reduce){.band-art,.band-frame,.band-sticker{transition:none}.band-dot:after{opacity:0;animation:none}}