body{margin:0}
a{color:#a85565}a:hover{color:#7d3a4a}
.w-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#262335;transition:background .2s}
.w-icon:hover{background:#efe6ea;color:#262335}
.w-btn{display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:0 28px;border-radius:999px;background:#a85565;color:#ffffff;font-family:'Fraunces',serif;font-size:17px;text-decoration:none;transition:background .2s,transform .2s}
.w-btn:hover{background:#8e4454;color:#ffffff;transform:translateY(-2px)}
.w-arr{display:inline-block;transition:transform .2s}
.w-btn:hover .w-arr,.w-more:hover .w-arr,.w-chip:hover .w-arr{transform:translateX(4px)}
.w-more{font-family:'Fraunces',serif;font-size:17px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;border-bottom:1.5px solid currentColor}
.w-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:180px;min-height:66px;padding:0 24px;box-sizing:border-box;font-family:'Fraunces',serif;font-size:17px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.w-chip:hover{transform:translateY(-4px) rotate(0deg) !important}
.w-chip svg.w-wash{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}
.w-chip > span{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px}
.w-bk{position:relative;display:block;padding:0 9px 9px 0;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.w-bk:hover{transform:translateY(-8px) rotate(0deg) !important}
.w-bk-edge-r{position:absolute;top:5px;right:0;bottom:9px;width:9px;border-radius:0 4px 4px 0;background:repeating-linear-gradient(90deg,#fbf8f1 0 1.5px,#ddd5c7 1.5px 2.5px)}
.w-bk-edge-b{position:absolute;left:5px;right:0;bottom:0;height:9px;border-radius:0 0 4px 3px;background:repeating-linear-gradient(180deg,#fbf8f1 0 1.5px,#ddd5c7 1.5px 2.5px)}
.w-bk-cover{position:relative;border-radius:2px 5px 5px 2px;overflow:hidden;box-shadow:0 34px 44px -26px rgba(30,24,44,.6),0 6px 14px rgba(30,24,44,.12)}
.w-bk-cover img{display:block;width:100%;height:auto}
.w-bk-hinge{position:absolute;left:0;top:0;bottom:0;width:7%;background:linear-gradient(90deg,rgba(0,0,0,.30) 0,rgba(255,255,255,.22) 28%,rgba(0,0,0,.14) 48%,rgba(0,0,0,.04) 70%,rgba(0,0,0,0) 100%)}
.w-bk-sheen{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.14) 52%,rgba(255,255,255,0) 68%)}
.w-libart{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.w-libart:hover{transform:translateY(-6px) rotate(-1deg)}
.w-libart:focus-visible{outline:3px solid #a85565;outline-offset:8px;border-radius:12px}
.w-card{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.w-card:hover{transform:translateY(-6px) rotate(0deg) !important}
.w-lid ellipse{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(0);transition:transform 75ms ease-in}
.w-lid.is-shut ellipse{transform:scaleY(1)}
.w-hop{transform-box:fill-box;transform-origin:50% 100%;animation:w-hop 4.2s ease-in-out infinite}
@keyframes w-hop{0%,100%{transform:rotate(-1.5deg)}25%{transform:rotate(1.8deg)}50%{transform:rotate(-1deg)}60%{transform:translateY(0) scale(1.05,.93)}68%{transform:translateY(-26px) scale(.97,1.04) rotate(2deg)}74%{transform:translateY(-30px) rotate(-1deg)}82%{transform:translateY(0) scale(1.05,.92)}88%{transform:translateY(-5px)}93%{transform:translateY(0) rotate(-1.5deg)}}
.w-sshadow{transform-box:fill-box;transform-origin:50% 50%;mix-blend-mode:multiply;opacity:.6;animation:w-sshadow 4.2s ease-in-out infinite}
@keyframes w-sshadow{0%,58%,100%{transform:scale(1);opacity:.6}71%{transform:scale(.62);opacity:.25}82%{transform:scale(1.1);opacity:.65}}
.w-head{transform-box:fill-box;transform-origin:28.1% 86.8%;animation:w-head 4.2s ease-in-out infinite}
@keyframes w-head{0%,100%{transform:rotate(-3deg)}20%{transform:rotate(4deg)}28%{transform:rotate(1deg)}34%{transform:rotate(4.5deg)}50%{transform:rotate(0)}70%{transform:rotate(6deg)}82%{transform:rotate(-5deg)}90%{transform:rotate(2deg)}}
.w-tail{transform-box:fill-box;transform-origin:95.9% 94.1%;animation:w-tail 1.4s ease-in-out infinite alternate}
@keyframes w-tail{from{transform:rotate(-5deg)}to{transform:rotate(9deg)}}
.w-rise{animation:w-rise 1.2s cubic-bezier(.2,.9,.25,1.05) both}
@keyframes w-rise{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
.w-in{animation:w-in 1s .15s cubic-bezier(.2,.8,.2,1) both}
@keyframes w-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.w-beam{animation:w-beam 3.4s ease-in-out infinite}
@keyframes w-beam{0%,100%{opacity:.85}45%{opacity:1}52%{opacity:.78}58%{opacity:.95}}



.w-tvbtn{background:#f2a7b4;color:#262335}.w-tvbtn:hover{background:#fbf6ea;color:#262335}
.w-tvbtn svg{display:block}
.w-tvhero{filter:drop-shadow(0 22px 26px rgba(0,0,0,.35));transform:rotate(-.5deg)}
.w-tvhero-in{overflow:hidden}
.w-tvhero img{transition:transform 6s ease}
.w-tvhero:hover img{transform:scale(1.035)}
.w-tvrow{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:28px 40px;align-items:center;margin-top:34px}
@media (max-width:860px){.w-tvrow{grid-template-columns:1fr}}
.w-sovwrap{transform:rotate(.6deg)}
.w-sovsh{filter:drop-shadow(0 18px 22px rgba(0,0,0,.35))}
.w-sov{position:relative;aspect-ratio:1600/956}
.w-screen{position:absolute;left:28.2%;top:26%;width:39.03%;height:48.03%;overflow:hidden;background:#0d1a20}
.w-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s}
.w-screen img.is-on{opacity:1}
.w-noise{position:absolute;inset:-20%;opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 2px,rgba(0,0,0,.25) 2px 4px),radial-gradient(circle at 30% 40%,rgba(255,255,255,.5),rgba(255,255,255,0) 60%)}
.w-sov.is-static .w-noise{animation:w-static .32s steps(4) both}
@keyframes w-static{0%{opacity:.95;transform:translateY(0)}50%{opacity:.8;transform:translateY(-6%)}100%{opacity:0;transform:translateY(4%)}}
.w-chno{position:absolute;right:6%;top:6%;font-family:'Caveat Brush','Caveat',cursive;font-size:clamp(14px,1.5vw,22px);color:#9cff9c;text-shadow:0 0 6px rgba(120,255,120,.7);opacity:0;transition:opacity .2s}
.w-sov.is-static .w-chno,.w-sov:hover .w-chno{opacity:1}
.w-sovimg{position:relative;display:block;width:100%;height:auto;pointer-events:none}
.w-knob{all:unset;position:absolute;left:21.5%;top:34.5%;width:4.6%;aspect-ratio:1;border-radius:50%;cursor:pointer;transition:transform .3s}
.w-knob:hover{transform:rotate(40deg)}
.w-knob:focus-visible,.w-screenbtn:focus-visible{outline:3px solid #f2a7b4;outline-offset:3px}
.w-screenbtn{all:unset;position:absolute;left:28.2%;top:26%;width:39%;height:48%;cursor:pointer;border-radius:4%}
.w-sovcap{margin:12px 0 0;text-align:center;font-family:'Caveat',cursive;font-size:22px;color:#d9e3e6}
.w-watch{position:relative;background:#fbf6ea;color:#262335;padding:28px 28px 22px;border-radius:4px;transform:rotate(-1deg);box-shadow:0 22px 34px -18px rgba(0,0,0,.55)}
.w-tape{position:absolute;top:-12px;left:38%;width:96px;height:24px;background:rgba(229,200,203,.85);transform:rotate(-4deg)}
.w-wl{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 14px;padding:12px 14px;border:1.5px solid #262335;border-radius:12px;text-decoration:none;color:#262335;background:#fffdf9;transition:transform .25s cubic-bezier(.2,1.5,.4,1),background .2s}
a.w-wl:hover{transform:translateY(-2px) rotate(-.5deg);background:#f3ecee;color:#262335}
a.w-wl:focus-visible{outline:3px solid #a85565;outline-offset:3px}
.w-wl-n{font-family:'Grandstander',sans-serif;font-weight:800;font-size:20px}
.w-wl-d{font-size:15px;color:#5a5263}
.w-wl-go{display:inline-flex;align-items:center;gap:6px;font-family:'Fraunces',serif;font-size:15px;color:#a85565}
.w-wl-soon{border-style:dashed;background:transparent;opacity:.75;grid-template-columns:auto 1fr}

.w-wall{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 34px;align-items:start;padding-top:14px}
.w-frame{grid-column:span var(--span);position:relative;display:block;text-decoration:none;color:#262335;transform:rotate(var(--r));transform-origin:50% -26px;transition:transform .4s cubic-bezier(.2,1.5,.4,1)}
.w-nail{position:absolute;left:50%;top:-34px;width:42%;height:38px;transform:translateX(-50%);overflow:visible}
.w-frame-in{display:block;padding:14px;border:7px solid #3a2f38;border-radius:3px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 18px 26px -14px rgba(38,35,53,.55),0 3px 6px rgba(38,35,53,.15)}
.w-frame-pic{display:block;position:relative;overflow:hidden}
.w-frame-pic img{position:absolute;inset:0;width:100%;height:100%;display:block}
.w-plaque{display:table;margin:12px auto 0;padding:3px 12px;background:#fffdf9;border:1px solid #d9cfd4;border-radius:3px;font-family:'Caveat',cursive;font-size:19px;color:#3b3346;box-shadow:0 2px 4px rgba(38,35,53,.08)}
.w-frame:hover,.w-frame:focus-visible{animation:w-swing2 1.1s cubic-bezier(.3,1.2,.5,1)}
.w-frame:focus-visible .w-frame-in{outline:3px solid #a85565;outline-offset:4px}
@keyframes w-swing2{0%{transform:rotate(var(--r))}25%{transform:rotate(calc(var(--r) * -1.8))}50%{transform:rotate(calc(var(--r) * 1.2))}75%{transform:rotate(calc(var(--r) * -.5))}100%{transform:rotate(var(--r))}}
@media (max-width:900px){.w-wall{grid-template-columns:repeat(6,minmax(0,1fr))}.w-frame{grid-column:span 3;margin-top:0 !important}}
@media (max-width:560px){.w-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 18px}.w-frame{grid-column:span 1}.w-frame-in{padding:8px;border-width:5px}.w-plaque{font-size:16px}}

.w-actgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:30px 56px;align-items:center}
@media (max-width:900px){.w-actgrid{grid-template-columns:1fr}}
.w-actpile{position:relative;aspect-ratio:1/1;max-width:480px;width:100%;margin:0 auto}
.w-sheet{position:absolute;display:block;background:#fffdf9;padding:10px;box-shadow:0 18px 28px -14px rgba(38,35,53,.5);transition:transform .5s cubic-bezier(.2,1.4,.4,1)}
.w-sheet img{display:block;width:100%;height:auto}
.w-sheet-a{left:2%;top:6%;width:62%;transform:rotate(-7deg)}
.w-sheet-b{right:4%;top:14%;width:46%;transform:rotate(6deg)}
.w-sheet::before{content:"";position:absolute;top:-10px;left:40%;width:70px;height:20px;background:rgba(214,206,190,.85);transform:rotate(-4deg)}
.w-pencil{position:absolute;left:8%;bottom:4%;width:56%;transform:rotate(-14deg);transition:transform .6s cubic-bezier(.2,1.4,.4,1);filter:drop-shadow(0 6px 6px rgba(38,35,53,.25))}
.w-doodle{position:absolute;right:2%;bottom:6%;width:44%;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.4s ease}
#activities:hover .w-doodle,#activities.is-live .w-doodle{stroke-dashoffset:0}
#activities:hover .w-pencil{transform:rotate(-8deg) translate(18%,-6%)}
#activities:hover .w-sheet-a{transform:rotate(-9deg) translate(-3%,-2%)}
#activities:hover .w-sheet-b{transform:rotate(8deg) translate(3%,-3%)}
.w-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px 16px}
.w-act{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto auto;gap:2px 14px;padding:16px 16px 14px;background:#fffdf9;border:1.5px solid #262335;border-radius:14px;text-decoration:none;color:#262335;transform:rotate(var(--r));transition:transform .3s cubic-bezier(.2,1.5,.4,1),box-shadow .3s}
.w-act:hover,.w-act:focus-visible{transform:rotate(0deg) translateY(-4px);box-shadow:0 14px 22px -14px rgba(38,35,53,.45);color:#262335}
.w-act:focus-visible{outline:3px solid #a85565;outline-offset:3px}
.w-act-ic{grid-row:1 / 4;width:44px;height:44px}
.w-act-t{font-family:'Caveat Brush','Caveat',cursive;font-size:25px;line-height:1.05}
.w-act-d{font-size:15px;color:#5a5263;line-height:1.4}
.w-act-who{font-family:'Caveat',cursive;font-size:18px;color:#a85565}

.w-musgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:30px 60px;align-items:center}
@media (max-width:900px){.w-musgrid{grid-template-columns:1fr}}
.w-turn{position:relative;max-width:520px;width:100%;margin:0 auto;aspect-ratio:1.15/1}
.w-deck{position:absolute;left:0;top:8%;width:78%;aspect-ratio:1.2/1;background:#a85565;border:2.5px solid #262335;border-radius:18px;box-shadow:0 24px 30px -18px rgba(0,0,0,.6),inset 0 3px 0 rgba(255,255,255,.25);transform:rotate(-2deg)}
.w-vinyl{position:absolute;left:7%;top:8%;width:68%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#1b1a22 0 2px,#2c2a35 2px 4px);border:2px solid #111;box-shadow:0 6px 12px rgba(0,0,0,.45)}
.w-label{position:absolute;left:31%;top:31%;width:38%;height:38%;border-radius:50%;overflow:hidden;border:3px solid #e8c443}
.w-label img{width:100%;height:100%;object-fit:cover;display:block}
.w-arm{position:absolute;right:2%;top:0;width:28%;transform-origin:75% 12%;transform:rotate(-16deg);transition:transform .6s cubic-bezier(.3,1.3,.5,1)}
.w-deckbtn{all:unset;position:absolute;left:79%;bottom:10%;width:46px;height:46px;border-radius:50%;background:#fbf6ea;color:#262335;border:2px solid #262335;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 0 #262335;transition:transform .15s}
.w-deckbtn svg{width:18px;height:18px}
.w-deckbtn:active{transform:translateY(2px);box-shadow:0 1px 0 #262335}
.w-deckbtn:focus-visible,.w-tbtn:focus-visible{outline:3px solid #f2a7b4;outline-offset:3px}
.w-dancer{position:absolute;right:-8%;bottom:-2%;width:40%;height:auto;transform-origin:50% 100%;filter:drop-shadow(0 12px 12px rgba(0,0,0,.35))}
.w-notes{position:absolute;left:30%;top:-2%;width:40%;height:30%;pointer-events:none}
.w-notes i{position:absolute;bottom:0;font-style:normal;font-size:30px;color:#f2a7b4;opacity:0}
.w-notes i:nth-child(1){left:0}.w-notes i:nth-child(2){left:30%;color:#e8c443}.w-notes i:nth-child(3){left:60%}.w-notes i:nth-child(4){left:85%;color:#bfe3d9}
.w-turn.is-on .w-vinyl,.w-turn:hover .w-vinyl{animation:w-spin33 1.8s linear infinite}
@keyframes w-spin33{to{transform:rotate(360deg)}}
.w-turn.is-on .w-arm,.w-turn:hover .w-arm{transform:rotate(6deg)}
.w-turn.is-on .w-dancer,.w-turn:hover .w-dancer{animation:w-dance .9s ease-in-out infinite alternate}
@keyframes w-dance{0%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(0) translateY(-6%) scale(1.02,.98)}100%{transform:rotate(5deg) translateY(0)}}
.w-turn.is-on .w-notes i,.w-turn:hover .w-notes i{animation:w-note 2.4s ease-out infinite}
.w-notes i:nth-child(2){animation-delay:.6s !important}.w-notes i:nth-child(3){animation-delay:1.2s !important}.w-notes i:nth-child(4){animation-delay:1.8s !important}
@keyframes w-note{0%{opacity:0;transform:translateY(20px) rotate(-10deg)}20%{opacity:1}100%{opacity:0;transform:translateY(-90px) rotate(14deg)}}
.w-tracks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.w-track{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;padding:10px 16px 10px 10px;border-radius:14px;background:rgba(251,246,234,.07);border:1.5px solid rgba(251,246,234,.25)}
.w-track.is-on{background:#fbf6ea;color:#262335;border-color:#fbf6ea}
.w-tbtn{all:unset;width:44px;height:44px;border-radius:50%;background:#f2a7b4;color:#262335;display:flex;align-items:center;justify-content:center;cursor:pointer}
.w-tbtn svg{width:16px;height:16px}
.w-tbtn.is-off{background:rgba(251,246,234,.2);color:rgba(251,246,234,.6);cursor:default}
.w-tno{font-family:'Caveat Brush','Caveat',cursive;font-size:22px;opacity:.7}
.w-tt{font-family:'Caveat Brush','Caveat',cursive;font-size:26px;line-height:1.05}
.w-tlen{font-family:'Caveat',cursive;font-size:19px;opacity:.8}
@media (max-width:560px){.w-track{grid-template-columns:auto auto 1fr;row-gap:0}.w-tlen{grid-column:3;font-size:17px}.w-tt{font-size:23px}}
@media (prefers-reduced-motion: reduce){.w-turn .w-vinyl,.w-turn .w-dancer,.w-turn .w-notes i{animation:none !important}}
.w-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.w-logo{position:relative;display:block;width:min(100%,360px);aspect-ratio:998/952}
.w-lg{position:absolute;height:auto;display:block;animation:w-drop .8s cubic-bezier(.2,1.5,.4,1) both;transform-origin:50% 100%}
.w-lg-rob{animation-name:w-fadein;animation-duration:.9s;animation-delay:.15s}
.w-lg-splat{animation-delay:.35s}.w-lg-the{animation-delay:.6s;transform-origin:50% 50%}.w-lg-cat{animation-delay:.8s}
@keyframes w-drop{0%{opacity:0;transform:translateY(-60px) scale(1,.9)}60%{opacity:1;transform:translateY(6px) scale(1.04,.94)}100%{opacity:1;transform:none}}
@keyframes w-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.w-logo:hover .w-lg-splat{animation:w-squish .6s ease both}
.w-logo:hover .w-lg-the{animation:w-spin .7s cubic-bezier(.3,1.5,.5,1) both}
.w-logo:hover .w-lg-cat{animation:w-squish .6s .12s ease both}
@keyframes w-squish{0%,100%{transform:none}35%{transform:scale(1.06,.9)}65%{transform:scale(.97,1.05) translateY(-4px)}}
@keyframes w-spin{0%{transform:none}50%{transform:rotate(-14deg) scale(1.12)}100%{transform:none}}
.w-shelf{position:relative;width:100%;aspect-ratio:1100/500;max-width:1240px;margin:0 auto}
.w-plank{position:absolute;left:0;right:0;bottom:2.6%;width:100%;height:14%;z-index:3;display:block}
.w-sb{position:absolute;bottom:14.5%;filter:drop-shadow(7px 9px 7px rgba(38,35,53,.32)) drop-shadow(1px 2px 2px rgba(38,35,53,.18));z-index:2;display:block;text-decoration:none;transform:rotate(var(--r));transform-origin:50% 100%;transition:transform .45s cubic-bezier(.2,1.5,.4,1)}
.w-sb .w-bk{padding:0 7px 7px 0}
.w-sbt{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,6px);white-space:nowrap;font-family:'Caveat',cursive;font-size:20px;color:#262335;background:#fffdf9;padding:2px 10px;border-radius:999px;box-shadow:0 4px 12px rgba(30,24,44,.15);opacity:0;pointer-events:none;transition:opacity .2s,transform .25s}
.w-sb:hover,.w-sb:focus-visible{transform:translateY(-16px) rotate(0deg) scale(1.03);z-index:4}
.w-sb:hover .w-sbt,.w-sb:focus-visible .w-sbt{opacity:1;transform:translate(-50%,0)}
.w-sb:focus-visible{outline:3px solid #a85565;outline-offset:6px}
.w-shelf:hover .w-sb:not(:hover),.w-shelf.is-live .w-sb:not(:hover){animation:w-nudge .7s calc(var(--i) * 90ms) cubic-bezier(.3,1.4,.5,1) both}
@keyframes w-nudge{0%{transform:rotate(var(--r))}40%{transform:translateY(-12px) rotate(calc(var(--r) + 3deg))}100%{transform:rotate(var(--r))}}
.w-shsplat{position:absolute;right:1%;bottom:17.6%;width:32%;z-index:1;display:block;transition:transform .7s cubic-bezier(.2,1.5,.4,1)}
.w-shsplat img{display:block;width:100%;height:auto}
.w-shelf:hover .w-shsplat,.w-shelf.is-live .w-shsplat{transform:translateY(-18%) rotate(2deg)}
.w-pile2{position:absolute;right:0;bottom:14.5%;width:31%;height:20.2%;filter:drop-shadow(6px 8px 6px rgba(38,35,53,.3));z-index:2;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}
.w-psp .w-spt{flex:1;min-width:0;font-family:'Caveat Brush','Caveat',cursive;font-size:clamp(9px,1.35vw,19px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){.w-shelfhead{margin-bottom:10px !important}.w-shelfnote{display:none}.w-psp .w-band{display:none}.w-psp{padding:0 6px}}
.w-psp{box-sizing:border-box;flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;margin-top:-1px;background:var(--c);color:var(--t);border:1.5px solid #262335;border-radius:5px 9px 9px 5px;box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 -3px 0 rgba(0,0,0,.18)}
.w-mwalk{position:absolute;left:0;bottom:14.5%;width:8.6%;z-index:1;pointer-events:none;animation:w-mwalk 26s linear infinite}
.w-mhop{display:block;width:100%;height:auto;transform-origin:50% 100%;animation:w-mbob 2.1667s linear infinite}
@keyframes w-mwalk{0%{left:0;transform:scaleX(1)}49.9%{left:89%;transform:scaleX(1)}50%{left:89%;transform:scaleX(-1)}99.9%{left:0;transform:scaleX(-1)}100%{left:0;transform:scaleX(1)}}
@keyframes w-mbob{0%{transform:translateY(0) scale(1.1,.88);animation-timing-function:ease-out}10%{transform:translateY(0) scale(.94,1.08);animation-timing-function:cubic-bezier(.2,.75,.4,1)}45%{transform:translateY(-170%) scale(1,1) rotate(-4deg);animation-timing-function:cubic-bezier(.6,0,.8,.25)}78%{transform:translateY(0) scale(.95,1.06) rotate(2deg);animation-timing-function:ease-out}86%{transform:translateY(0) scale(1.12,.86);animation-timing-function:ease-in-out}100%{transform:translateY(0) scale(1.1,.88)}}
@media (prefers-reduced-motion: reduce){.w-mwalk,.w-mhop{animation:none !important}}

.w-shelf:hover .w-duck:not(.is-quack) img,.w-shelf.is-live .w-duck:not(.is-quack) img{animation:w-boing 1.1s .2s cubic-bezier(.3,1.6,.5,1)}
@keyframes w-boing{0%,100%{transform:none}25%{transform:scaleY(.86)}55%{transform:translateY(-12%) rotate(-6deg)}80%{transform:scaleY(.95) rotate(3deg)}}
.w-shelfnote{margin:0;text-align:right;font-family:'Caveat',cursive;font-size:22px;color:#8a7f8f;transform:rotate(-2deg);transition:opacity .3s}
#on-the-bookshelf:hover .w-shelfnote{opacity:0}
@media (hover:none){.w-shelfnote{display:none}}
@media (max-width:640px){.w-psp .w-spt{font-size:11px}}
.w-lamp{transform-origin:60px 0;transition:transform .3s}
.w-card:hover .w-lamp{animation:w-swing 1.6s ease-in-out}
@keyframes w-swing{0%,100%{transform:rotate(0)}20%{transform:rotate(9deg)}45%{transform:rotate(-7deg)}70%{transform:rotate(4deg)}85%{transform:rotate(-2deg)}}
.w-reel{transform-box:view-box}
.w-card:hover .w-reel{animation:w-reel 1.6s linear infinite}
@keyframes w-reel{to{transform:rotate(360deg)}}

.w-duck{all:unset;position:absolute;cursor:pointer;display:block;line-height:0;transform-origin:50% 100%;-webkit-tap-highlight-color:transparent}
.w-duck img{display:block;width:100%;height:auto;transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.w-duck:hover img{transform:rotate(-6deg) translateY(-4px)}
.w-duck:focus-visible{outline:3px solid #a85565;outline-offset:4px;border-radius:8px}
.w-duck.is-quack{z-index:20 !important}
.w-duck.is-quack img{animation:w-quack .9s cubic-bezier(.3,1.5,.5,1)}
@keyframes w-quack{0%{transform:none}20%{transform:scale(1.12,.86)}45%{transform:scale(.92,1.12) translateY(-14%) rotate(-8deg)}70%{transform:scale(1.05,.95) rotate(4deg)}100%{transform:none}}
.w-quack{position:absolute;left:50%;bottom:100%;transform:translate(-50%,6px) scale(.6);opacity:0;white-space:nowrap;font-family:'Caveat Brush','Caveat',cursive;font-size:24px;line-height:1;color:#262335;background:#fffdf9;border:1.5px solid #262335;border-radius:16px;padding:6px 12px;pointer-events:none;transition:opacity .2s,transform .3s cubic-bezier(.2,1.6,.4,1)}
.w-quack::after{content:"";position:absolute;left:50%;top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:#262335}
.w-duck.is-quack .w-quack{opacity:1;transform:translate(-50%,-8px) scale(1)}
.w-duck.is-found::after{content:"";position:absolute;right:-2px;top:-2px;width:14px;height:14px;border-radius:50%;background:#f0a03a;border:2px solid #fffdf9;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.w-dbadge{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:10px;background:#fffdf9;border:1.5px solid #262335;border-radius:999px;padding:6px 8px 6px 10px;box-shadow:0 10px 24px -10px rgba(30,24,44,.45);font-family:'Caveat',cursive;font-size:21px;color:#262335;animation:w-badge .5s cubic-bezier(.2,1.6,.4,1) both}
.w-dbadge img{width:30px;height:auto;display:block}
@keyframes w-badge{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.w-dx{all:unset;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:18px;color:#5a5263}
.w-dx:hover{background:#efe6ea}
.w-dx:focus-visible{outline:2px solid #a85565}
@media (prefers-reduced-motion: reduce){.w-root *{animation:none !important;transition:none !important}}

/* ---- added for the static site ---- */
[hidden]{display:none!important}
.w-tmeta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.w-tdl{font-family:'Fraunces',serif;font-size:13px;letter-spacing:.02em;color:inherit;opacity:.85}
a.w-tdl{text-decoration:underline;text-underline-offset:3px}
.w-tdl.is-soon{font-family:'Caveat',cursive;font-size:17px;opacity:.65}
@media (max-width:560px){.w-tmeta{grid-column:3;align-items:flex-start;text-align:left}}

/* Stage 4: one clear next step under the welcome, quieter "coming soon" tiles, and hints that suit touch and keyboard */
.w-cta{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 26px;border-radius:999px;background:#a85565;color:#fffdf9;font-family:'Fraunces',serif;font-size:19px;text-decoration:none;box-shadow:0 10px 18px -10px rgba(120,40,60,.6);transition:background .2s,transform .25s cubic-bezier(.2,1.5,.4,1)}
.w-cta:hover{background:#8f4354;color:#fffdf9;transform:translateY(-2px)}
.w-cta:focus-visible{outline:3px solid #262335;outline-offset:3px}
.w-act-soon{border-style:dashed;background:transparent}
.w-act-soon .w-act-ic,.w-act-soon .w-act-t{opacity:.7}
.w-tap{display:none}
@media (hover:none){.w-shelfnote{display:block}.w-hov{display:none}.w-tap{display:inline}}
@media (max-width:760px){.w-shelfnote{display:none !important}}
.w-shelf:focus-within .w-shsplat{transform:translateY(-18%) rotate(2deg)}
.w-duck:focus-visible img{transform:rotate(-6deg) translateY(-4px)}