:root{--paper:#fcf4e3;--paper2:#f4e9d3;--ink:#1d211b;--ink2:#30352d;--muted:#666a5f;--line:#ddd2bb;--lime:#d3ed39;--lime2:#c3dc22;--red:#e4314b;--white:#fffdf6;--lilac:#ab90e8;--lilac2:#7c62c6;--closet:#20241c;--closet2:#2c3127;--disp:'Noto Serif Display',Georgia,'Times New Roman',serif;--sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--hdr:70px;--ease:cubic-bezier(.2,.75,.1,1);--spring:cubic-bezier(.34,1.56,.64,1)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 20px);-webkit-text-size-adjust:100%}html:has(dialog[open]){overflow:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p,figure,dl,dd,ol,ul{margin:0}ol,ul{padding:0;list-style:none}img,video{display:block;max-width:100%;height:auto}em{font-style:italic}
a{color:var(--ink);text-underline-offset:3px}a:hover{color:var(--ink);text-decoration-color:var(--lime2)}
button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:focus-visible{outline:3px solid #6f8000;outline-offset:3px;border-radius:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:99;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:10px}.skip:focus{top:12px}
.wrap{max-width:1320px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.announce{background:var(--ink);color:var(--lime);text-align:center;font-weight:600;font-size:13px;letter-spacing:.06em;padding:9px 16px}
.preview-bar{background:var(--lime);color:var(--ink);text-align:center;font-size:13.5px;line-height:1.4;padding:9px 16px}
.hdr{position:sticky;top:0;z-index:50;background:rgba(252,244,227,.86);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border-bottom:1px solid transparent;transition:border-color .3s,transform .45s var(--ease)}.hdr.scrolled{border-bottom-color:var(--line)}
.hdr-in{height:var(--hdr);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
.mark{display:grid;line-height:.9;text-decoration:none}.mark-s{font-weight:700;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase}.mark-b{position:relative;font:900 34px/1 var(--disp);font-stretch:68%;letter-spacing:-.01em}
.crown{fill:none;stroke:var(--lime2);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.mark .crown{position:absolute;width:24px;height:14px;right:-12px;top:-9px;transform:rotate(14deg)}
.crown path{stroke-dasharray:1;stroke-dashoffset:0}html.js .mark .crown path,html.js .crowned .crown path{stroke-dashoffset:1;animation:draw 1s .9s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}
.nav{display:flex;justify-content:center;gap:clamp(16px,2.4vw,34px)}.nav a{font-weight:600;font-size:15px;text-decoration:none;background:linear-gradient(var(--lime),var(--lime)) 0 88%/0 40% no-repeat;padding:4px 2px;transition:background-size .35s var(--ease)}.nav a:hover{background-size:100% 40%}
.hdr-act{display:flex;align-items:center;gap:10px}
.lang{min-width:44px;min-height:42px;border:1.5px solid var(--line);background:transparent;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.08em}.lang:hover{border-color:var(--ink)}
.bagbtn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 8px 0 16px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:700;font-size:15px;transition:background .25s,color .25s}.bagbtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.bagbtn b{min-width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:13px}.bagbtn b[data-zero="1"]{background:rgba(252,244,227,.16);color:var(--paper)}.bagbtn:hover{background:var(--lime);color:var(--ink)}.bagbtn:hover b{background:var(--ink);color:var(--lime)}
.bump{animation:bump .55s var(--spring)}@keyframes bump{40%{transform:scale(1.4) rotate(-8deg)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 28px;border-radius:999px;border:2px solid var(--ink);font-weight:700;font-size:16px;text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .3s var(--spring)}.btn i{font-style:normal;transition:transform .3s var(--ease)}.btn:hover i{transform:translateX(4px)}.btn:active{transform:scale(.97)}
.btn-main{background:var(--ink);color:var(--paper)}.btn-main:hover{background:var(--lime);color:var(--ink)}
.btn-ghost{background:transparent}.btn-ghost:hover{background:var(--ink);color:var(--paper)}
.btn-lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.btn-lime:hover{background:var(--paper);border-color:var(--paper)}
.btn-ink{background:var(--ink);color:var(--lime);border-color:var(--ink)}.btn-ink:hover{background:var(--paper);color:var(--ink)}
.btn-text{border:0;background:none;min-height:44px;text-decoration:underline;text-underline-offset:4px;padding:0;font-weight:600}.btn:disabled{opacity:.4;cursor:not-allowed}.wide{width:100%;justify-content:space-between}
.kick,.sec-no{font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.star{font-size:15px}
.h1{font:900 clamp(66px,10.6vw,168px)/.84 var(--disp);font-stretch:64%;letter-spacing:-.01em}
.h2{font:800 clamp(44px,6.4vw,92px)/.92 var(--disp);font-stretch:70%;letter-spacing:-.01em;text-wrap:balance}.h2 em,.h1 em{font-weight:900}
.h3{font:800 clamp(24px,2.4vw,32px)/1.02 var(--disp);font-stretch:75%}
.fine{font-size:14px;color:var(--muted)}
.ln{display:block;overflow:hidden;padding:.04em .08em .08em;margin-bottom:-.1em}.ln>span{display:block}
html.js .ln>span{transform:translateY(110%);animation:rise 1s var(--ease) forwards}html.js .ln:nth-child(2)>span{animation-delay:.1s}html.js .ln:nth-child(3)>span{animation-delay:.2s}@keyframes rise{to{transform:none}}
.ln:last-child{overflow:visible}.crowned{position:relative;display:inline-block}.crown.big{position:absolute;width:.6em;height:.35em;right:-.44em;top:-.1em;transform:rotate(18deg);stroke-width:5}
/* hero */
.hero{position:relative;min-height:calc(100svh - 108px);display:grid;place-items:center;text-align:center;overflow:hidden;isolation:isolate;--fg:var(--ink)}
.hero-media{position:absolute;inset:0;z-index:-1}
.hero-garden{position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 108%,#ecdfff 0,rgba(236,223,255,0) 70%),linear-gradient(180deg,var(--paper) 0,#f6efff 100%)}
.sun{position:absolute;left:50%;bottom:-8%;width:min(64vw,700px);aspect-ratio:1;border-radius:50%;background:var(--lime);transform:translateX(-50%) translateY(var(--hy,0px));opacity:.95}
.hero-sofa{position:absolute;left:50%;bottom:-4%;width:min(56vw,620px);height:auto;transform:translateX(-50%) translateY(var(--hy,0px));mix-blend-mode:multiply}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:0;transform:scale(calc(1.08 + var(--hz,0)));transition:opacity 1.2s ease}
.hero-shade{position:absolute;inset:0;opacity:0;background:radial-gradient(80% 70% at 50% 46%,rgba(20,16,30,.18),rgba(20,16,30,.62)),linear-gradient(180deg,rgba(20,16,30,.42),rgba(20,16,30,0) 30%,rgba(20,16,30,.55));transition:opacity 1.2s}
.hero.has-photo{--fg:var(--white)}.hero.has-photo .hero-photo{opacity:1;animation:kb 16s ease-out both}.hero.has-photo .hero-shade{opacity:1}.hero.has-photo .hero-garden{opacity:0}
@keyframes kb{from{transform:scale(1.16)}to{transform:scale(1.04)}}
.hero-center{position:relative;display:grid;justify-items:center;gap:0;padding:clamp(36px,6vh,70px) 16px clamp(230px,34vh,360px);color:var(--fg);max-width:1100px}
.hero.has-photo .hero-center{padding-bottom:clamp(110px,16vh,170px)}
.hero .kick{color:var(--fg);opacity:.86}.hero .h1{margin:.2em 0 .26em;color:var(--fg)}.hero .crown.big{stroke:var(--lime)}
.hero .lede{font-size:clamp(18px,1.5vw,21px);max-width:34em;color:var(--fg);opacity:.92;text-wrap:pretty}
.hero.has-photo .lede{text-shadow:0 1px 18px rgba(0,0,0,.35)}
.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.hero.has-photo .btn-main{background:var(--lime);border-color:var(--lime);color:var(--ink)}.hero.has-photo .btn-main:hover{background:var(--white);border-color:var(--white)}
.hero.has-photo .btn-ghost{border-color:var(--white);color:var(--white)}.hero.has-photo .btn-ghost:hover{background:var(--white);color:var(--ink)}
.hero-foot{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 clamp(16px,4vw,48px);pointer-events:none}
.badge{background:var(--ink);color:var(--paper);border-radius:14px;padding:10px 14px;transform:rotate(-3deg);display:grid;gap:2px;text-align:left;box-shadow:0 14px 28px -14px rgba(0,0,0,.5)}.badge b{font-size:11px;letter-spacing:.2em;color:var(--lime)}.badge span{font:800 17px/1.1 var(--disp);font-stretch:75%}
.hero-cap{display:none;color:var(--white);font-weight:600;font-size:13px;letter-spacing:.06em;opacity:.85}.hero.has-photo .hero-cap{display:block}
.petals{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.petals i{position:absolute;top:-8%;left:var(--x);width:var(--s);height:calc(var(--s)*.72);border-radius:58% 58% 46% 46%/74% 74% 26% 26%;background:linear-gradient(160deg,#c6b0f2,var(--lilac2));opacity:.82;animation:fall var(--d) linear var(--dl) infinite}
.petals i::after{content:'';position:absolute;left:50%;top:22%;width:1.5px;height:56%;background:rgba(255,255,255,.4);transform:translateX(-50%)}
@keyframes fall{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(var(--sw),55vh,0) rotate(260deg)}100%{transform:translate3d(calc(var(--sw)*-.4),112vh,0) rotate(560deg)}}
/* scene: Pablo opens his closet */
.scene{position:relative;height:320vh;background:#f5ead4}
.scene-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.scene-world{position:absolute;inset:0;transform:scale(var(--z,1));transform-origin:var(--ox,70%) var(--oy,52%);will-change:transform}
.scene-wall{position:absolute;inset:0 0 17% 0;background-color:#f5ead4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cpath d='M30 50 32 36l6 7 4-9 4 9 6-7 2 14Z' fill='none' stroke='%23d9cba9' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='0' cy='0' r='2' fill='%23e3d6b8'/%3E%3Ccircle cx='84' cy='84' r='2' fill='%23e3d6b8'/%3E%3C/svg%3E")}
.scene-wall::after{content:'';position:absolute;left:0;right:0;bottom:0;height:46px;background:#efe2c6;border-top:3px solid var(--ink)}
.scene-floor{position:absolute;left:0;right:0;bottom:0;height:17%;background:repeating-linear-gradient(90deg,#e6d6b4 0 140px,#dfcda8 140px 142px);border-top:3px solid var(--ink)}
.rug{position:absolute;left:58%;top:16%;width:min(46vw,560px);height:52%;border-radius:50%;background:var(--lime);border:3px solid var(--ink);transform:translateX(-50%)}
.wardrobe{position:absolute;right:max(6vw,24px);bottom:calc(17% - 10px);width:min(33vw,440px);height:min(64svh,620px);display:flex;flex-direction:column;z-index:2}
.wd-sign{align-self:center;display:flex;align-items:center;gap:6px;margin-bottom:-3px;background:var(--lime);border:3px solid var(--ink);border-bottom:0;border-radius:14px 14px 0 0;padding:8px 18px 6px;font-weight:700;font-size:clamp(10px,1vw,13px);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.wd-sign b{font:900 clamp(18px,1.8vw,26px)/1 var(--disp);font-stretch:66%;letter-spacing:0;text-transform:none}.wd-sign .crown{width:22px;height:13px;stroke:var(--ink);stroke-width:5}
.wd-body{position:relative;flex:1;border:4px solid var(--ink);border-radius:16px 16px 6px 6px;background:var(--closet);perspective:1500px}
.wd-inside{position:absolute;inset:0;overflow:hidden;border-radius:12px 12px 3px 3px;background:radial-gradient(70% 46% at 50% 0,rgba(211,237,57,.34),rgba(211,237,57,0) 70%),var(--closet)}
.wd-light{position:absolute;left:12%;right:12%;top:0;height:5px;border-radius:0 0 6px 6px;background:var(--lime);box-shadow:0 0 30px 8px rgba(211,237,57,.55)}
.wd-rail{position:absolute;left:7%;right:7%;top:15%;height:7px;border-radius:4px;background:linear-gradient(#f3eee2,#9f988a)}
.wd-hangers{position:absolute;left:7%;right:7%;top:calc(15% - 9px);display:flex;justify-content:space-evenly}
.wd-tag{width:28%;transform-origin:50% 8px}.wd-tag svg{display:block;width:76%;margin:0 auto}.wd-tag svg path{fill:none;stroke:#e9e3d3;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.wd-tag span{display:block;margin-top:-2px;background:var(--white);border:2.5px solid var(--ink);border-radius:8px;padding:5px;box-shadow:0 10px 18px -8px rgba(0,0,0,.6)}.wd-tag img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:4px;background:#fff}
.wardrobe.open .wd-tag{animation:hang 2.2s var(--ease) both}.wardrobe.open .wd-tag:nth-child(2){animation-delay:.12s}.wardrobe.open .wd-tag:nth-child(3){animation-delay:.24s}
@keyframes hang{0%{transform:rotate(-10deg)}30%{transform:rotate(7deg)}55%{transform:rotate(-4deg)}78%{transform:rotate(2deg)}100%{transform:none}}
.wd-shelf{position:absolute;left:7%;right:7%;bottom:12%;height:8px;border-radius:3px;background:#4a5241;box-shadow:0 -24px 0 -2px rgba(211,237,57,.0)}
.wd-door{position:absolute;top:-2px;bottom:-2px;width:calc(50% + 2px);background:var(--white);border:3px solid var(--ink);box-shadow:inset 0 0 0 7px #f3ead7}
.wd-l{left:-2px;transform-origin:0 50%;transform:rotateY(var(--dl,0deg));border-radius:13px 3px 3px 5px}.wd-r{right:-2px;transform-origin:100% 50%;transform:rotateY(var(--dr,0deg));border-radius:3px 13px 5px 3px}
.wd-panel{position:absolute;left:15%;right:15%;border:2.5px solid var(--ink);border-radius:9px}.wd-panel:nth-child(1){top:8%;height:42%}.wd-panel:nth-child(2){bottom:8%;height:34%}
.wd-knob{position:absolute;top:52%;width:clamp(12px,1.3vw,18px);aspect-ratio:1;border-radius:50%;background:var(--lime);border:2.5px solid var(--ink)}.wd-l .wd-knob{right:9%}.wd-r .wd-knob{left:9%}
.wd-feet{display:flex;justify-content:space-between;padding:0 9%}.wd-feet i{width:20px;height:12px;background:var(--ink);border-radius:0 0 7px 7px}
.scene-dog{position:absolute;left:0;bottom:calc(17% - 4px);width:min(23vw,290px);z-index:3;transform:translateX(var(--dx,-120%));will-change:transform}.scene-dog svg{display:block;width:100%;height:auto;overflow:visible}
.sc-line{position:absolute;z-index:4;font:900 clamp(40px,5.6vw,92px)/.92 var(--disp);font-stretch:66%;pointer-events:none;text-wrap:balance}.sc-line em{font-weight:900;background:linear-gradient(var(--lime),var(--lime)) 0 86%/100% 32% no-repeat;padding:0 .06em}
.sc-1{left:max(5vw,18px);top:13%;max-width:min(52vw,640px);opacity:var(--o1,0);transform:translateY(calc((1 - var(--o1,0)) * 26px))}
.sc-2{left:max(5vw,18px);top:24%;opacity:var(--o2,0);transform:rotate(-4deg) scale(calc(.9 + var(--o2,0) * .1))}
.sc-3{left:0;right:0;top:9%;text-align:center;opacity:var(--o3,0);transform:translateY(calc((1 - var(--o3,0)) * 26px))}
.scene-hint{position:absolute;left:50%;bottom:4%;z-index:4;transform:translateX(-50%);font-weight:800;font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:var(--oh,1)}.scene-hint::after{content:'↓';display:block;text-align:center;font-size:18px;animation:hint 1.6s ease-in-out infinite}@keyframes hint{50%{transform:translateY(6px)}}
.scene-fade{position:absolute;inset:0;z-index:5;background:var(--closet);opacity:var(--fade,0);pointer-events:none}
/* shop, inside the closet */
.shop{position:relative;background:var(--closet);color:var(--paper);padding:clamp(64px,8vw,110px) 0 clamp(80px,9vw,130px);overflow:hidden}
.shop-glow{position:absolute;left:50%;top:-30vh;width:130vw;height:80vh;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(211,237,57,.2),rgba(211,237,57,0));pointer-events:none}
.shop::before{content:'';position:absolute;left:20%;right:20%;top:0;height:5px;border-radius:0 0 6px 6px;background:var(--lime);box-shadow:0 0 40px 10px rgba(211,237,57,.45)}
.sec-head{margin-bottom:28px;max-width:62em}.sec-head .h2{margin:14px 0}.sec-sub{font-size:18px;color:var(--muted);max-width:40em}
.shop .sec-no{color:rgba(252,244,227,.62)}.shop .h2 em{color:var(--lime)}.shop .sec-sub{color:rgba(252,244,227,.78)}
.tools{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr) auto auto;gap:12px;align-items:center;margin-top:8px}
.search{display:flex;align-items:center;gap:10px;height:50px;padding:0 18px;border:2px solid var(--paper);border-radius:999px;background:var(--white);color:var(--ink)}.search svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.search input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:16px}.search:focus-within{box-shadow:0 0 0 4px rgba(211,237,57,.6)}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px}.chips::-webkit-scrollbar{display:none}
.chips button{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border:2px solid rgba(252,244,227,.55);border-radius:999px;background:transparent;color:var(--paper);font-weight:700;font-size:14.5px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .3s var(--spring)}.chips button:hover{border-color:var(--paper);transform:rotate(-2deg)}
.chips .n{font-size:12px;opacity:.6}.chips [aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:var(--ink)}.chips .is-zero{border-style:dashed;opacity:.55}
.sort select{height:46px;border:2px solid var(--paper);border-radius:999px;padding:0 38px 0 16px;font-weight:700;font-size:14px;color:var(--ink);background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%231d211b' stroke-width='2'/%3E%3C/svg%3E") right 15px center/11px no-repeat;-webkit-appearance:none;appearance:none}
.count{font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(252,244,227,.6);white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:54px 26px;margin-top:40px}
.slot{position:relative;padding-top:2px}.slot::before{content:'';position:absolute;left:-14px;right:-14px;top:8px;height:8px;border-radius:4px;background:linear-gradient(#f3eee2,#9f988a);box-shadow:0 4px 8px rgba(0,0,0,.45)}
.tag{position:relative;transform-origin:50% 12px;padding-top:0}
html.js .tag{opacity:0}html.js .tag.in{opacity:1;animation:swingin 1.6s calc(min(var(--i),6) * 90ms) var(--ease) both}
@keyframes swingin{0%{transform:rotate(-10deg) translateY(-14px)}30%{transform:rotate(6deg)}52%{transform:rotate(-3.5deg)}72%{transform:rotate(1.6deg)}88%{transform:rotate(-.6deg)}100%{transform:none}}
.slot:hover .tag.in{animation:sway 1.6s var(--ease)}@keyframes sway{0%{transform:none}25%{transform:rotate(3.2deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(.8deg)}100%{transform:none}}
.hanger{display:block;width:62%;margin:0 auto -2px;height:auto;overflow:visible}.hanger path{fill:none;stroke:#efe9db;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.tag-card{position:relative;z-index:1;background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:16px 16px 22px 22px;padding:30px 14px 16px;clip-path:polygon(16% 0,84% 0,100% 7%,100% 100%,0 100%,0 7%);display:flex;flex-direction:column;gap:10px;min-height:100%}
.tag-hole{position:absolute;left:50%;top:10px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--closet);border:2px solid var(--ink)}
.card-hit{position:absolute;inset:0;z-index:2;border:0;background:none}
.tag-media{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#fff}
.ph{position:relative;height:100%;background:#fff}.ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.ph-stock img{object-fit:contain;padding:4%}.slot:hover .ph img{transform:scale(1.05)}
.ph-tag{position:absolute;right:7px;bottom:7px;font-weight:700;font-size:9.5px;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:rgba(255,253,246,.9);border:1px solid var(--line);border-radius:5px;padding:5px 6px}
.tag-cat{font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tag-body h3{font:800 25px/1.02 var(--disp);font-stretch:74%;margin-top:4px}.tag-body p{font-size:14.5px;line-height:1.45;color:var(--muted);margin-top:6px}
.swatches{display:flex;gap:6px;margin-top:8px}.swatches i{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink);background:var(--c)}
.tag-price{position:absolute;right:-8px;top:64px;z-index:3;width:78px;height:78px;border-radius:50%;background:var(--lime);border:2px solid var(--ink);color:var(--ink);display:grid;place-content:center;text-align:center;transform:rotate(12deg);font:900 27px/1 var(--disp);font-stretch:70%;pointer-events:none;box-shadow:0 8px 16px -10px rgba(0,0,0,.6)}.tag-price small{display:block;font:700 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px}
.tag-seal{position:absolute;left:8px;top:8px;z-index:1;width:54px;height:54px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:800;font-size:8px;letter-spacing:.08em;text-align:center;line-height:1.1;text-transform:uppercase;transform:rotate(-10deg)}
.tag-add{position:relative;z-index:3;margin-top:auto;min-height:46px;border-radius:999px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .25s,color .25s,transform .3s var(--spring)}.tag-add:hover{background:var(--lime);color:var(--ink)}.tag-add:active{transform:scale(.96)}
.tag-tail .tag-card{background:transparent;color:var(--paper);border:2px dashed rgba(252,244,227,.6);justify-content:center;text-align:center;align-items:center;min-height:400px;gap:14px}.tag-tail .tag-hole{background:var(--closet);border-color:rgba(252,244,227,.6)}.tag-tail .dog-svg{width:120px}.tag-tail h3{font:800 26px/1.02 var(--disp);font-stretch:74%}.tag-tail p{font-size:14.5px;color:rgba(252,244,227,.72)}.tag-tail a{position:relative;z-index:3;font-weight:700;color:var(--lime)}
.grid-empty{text-align:center;padding:60px 16px;display:grid;justify-items:center;gap:12px}
/* seal */
.seal{background:var(--lime);padding:clamp(80px,10vw,140px) 0;overflow:hidden}
.seal-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,90px);align-items:center}.seal-copy{display:grid;gap:20px}.seal .sec-no{color:var(--ink2)}.seal-copy>p:last-child{font-size:clamp(18px,1.6vw,21px);color:var(--ink2);max-width:32em}
.stamp svg{width:min(100%,380px);aspect-ratio:1;display:block;margin:auto;filter:drop-shadow(10px 12px 0 rgba(29,33,27,.18))}.stamp .ring{transform-origin:100px 100px;transform-box:view-box;animation:spin 40s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.stamp circle{fill:var(--ink)}.stamp circle.in{fill:var(--lime)}.stamp text{font:800 15px var(--sans);letter-spacing:.24em;fill:var(--lime)}.stamp .cr{fill:none;stroke:var(--ink);stroke-width:5;stroke-linejoin:round;stroke-linecap:round}
/* Pablo: album */
.pablo{padding:clamp(80px,10vw,140px) 0}
.pablo-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);align-items:start}
.album{position:sticky;top:calc(var(--hdr) + 5vh);height:min(76svh,660px)}
.pola{position:absolute;left:50%;top:50%;width:min(92%,420px);margin:0;background:var(--white);padding:14px 14px 58px;border:2px solid var(--ink);box-shadow:0 30px 50px -30px rgba(0,0,0,.55);transform:translate(-50%,-50%) rotate(var(--r,0deg)) translate(var(--tx,0px),var(--ty,0px));opacity:var(--op,1);transition:transform 1s var(--spring),opacity .6s ease;z-index:var(--zi,1)}
.pola img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--paper)}.pola.is-sketch img{object-fit:contain;mix-blend-mode:multiply;padding:6%}
.pola figcaption{position:absolute;left:0;right:0;bottom:14px;text-align:center;font:italic 800 22px/1 var(--disp);font-stretch:80%}
.pola[data-state="past"]{--r:-16deg;--tx:-36%;--ty:-46%;--op:0;--zi:4}.pola[data-state="on"]{--r:-2.5deg;--zi:3}.pola[data-state="n1"]{--r:4deg;--tx:5%;--ty:2%;--zi:2}.pola[data-state="n2"]{--r:-7deg;--tx:-4%;--ty:3%;--zi:1}
.tape{position:absolute;left:50%;top:calc(50% - min(46%,250px));z-index:6;width:110px;height:30px;margin-left:-55px;background:rgba(211,237,57,.78);transform:rotate(-4deg)}
.chapters{display:grid;gap:0}.ch{min-height:66svh;display:grid;align-content:center;gap:12px;padding:30px 0;border-top:2px solid var(--ink)}.ch:first-of-type{border-top:0}
.ch-n{font:900 clamp(64px,7vw,104px)/1 var(--disp);font-stretch:66%;background:linear-gradient(var(--lime),var(--lime)) 0 82%/100% 34% no-repeat;justify-self:start;padding:0 .08em}.ch p{color:var(--ink2);max-width:32em;font-size:18px}
.idcard{position:relative;margin-top:18px;background:var(--white);border:2px dashed var(--ink);border-radius:22px;padding:24px 22px;display:flex;flex-direction:column;gap:14px;max-width:520px}
.id-k{font-weight:800;font-size:12px;letter-spacing:.2em;text-transform:uppercase;background:var(--lime);align-self:flex-start;padding:7px 12px;border-radius:8px;border:2px solid var(--ink)}
.idcard dl{display:grid}.idcard dl div{display:grid;grid-template-columns:118px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.idcard dt{font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:4px}.idcard dd{font:800 20px/1.15 var(--disp);font-stretch:78%}
.id-photo{position:absolute;right:16px;top:14px;width:76px;height:76px;border-radius:50%;border:2px solid var(--ink);object-fit:cover;transform:rotate(6deg)}
.mission{margin-top:clamp(40px,5vw,70px);font:italic 800 clamp(26px,3vw,40px)/1.18 var(--disp);font-stretch:80%}.mission::before{content:'';display:block;width:64px;height:6px;background:var(--lime2);margin-bottom:18px}
/* videos */
.vids{background:var(--paper2);padding:clamp(80px,10vw,130px) 0}
.vids-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(30px,6vw,90px)}
.vcap{min-height:82svh;display:grid;align-content:center;justify-items:start;gap:12px;padding:30px 0;max-width:32em}.vcap p:not(.vc-k){color:var(--ink2);font-size:18px}.vcap .btn{margin-top:14px}
.vc-k{font:900 clamp(90px,10vw,150px)/.9 var(--disp);font-stretch:62%;color:transparent;-webkit-text-stroke:2px var(--ink);transition:color .6s,-webkit-text-stroke-color .6s}.vcap.on .vc-k{color:var(--lime);-webkit-text-stroke-color:var(--ink)}
.vids-stage{position:sticky;top:calc(var(--hdr) + 3vh);height:calc(94svh - var(--hdr));display:grid;place-items:center}
.phone{position:relative;aspect-ratio:9/19;border-radius:44px;border:10px solid var(--ink);background:var(--ink);overflow:hidden;box-shadow:14px 14px 0 var(--lime),0 40px 80px -40px rgba(0,0,0,.6)}
.phone-d{height:min(80svh,700px);transform:rotate(var(--tilt,2deg));transition:transform .9s var(--spring)}
.phone::before{content:'';position:absolute;left:50%;top:10px;z-index:3;width:32%;height:22px;margin-left:-16%;border-radius:999px;background:var(--ink)}
.phone video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}.phone video.on,.phone-m video{opacity:1}
.phone-shadow{display:none}
.ph-hud{position:absolute;left:14px;top:44px;z-index:3;display:flex;align-items:center;gap:7px;background:rgba(29,33,27,.72);color:var(--lime);font-weight:800;font-size:11px;letter-spacing:.16em;padding:6px 10px;border-radius:999px}.ph-hud i{width:8px;height:8px;border-radius:50%;background:var(--red);animation:rec 1.2s steps(2) infinite}@keyframes rec{50%{opacity:.2}}
.vid-miss{position:absolute;left:50%;bottom:22px;z-index:3;transform:translateX(-50%);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:var(--lime);color:var(--ink);border-radius:999px;padding:10px 15px;white-space:nowrap;display:none;border:2px solid var(--ink)}.phone.is-missing .vid-miss{display:block}.phone.is-missing .vid-snd{display:none}
.phone video[poster]{background:var(--paper)}
.vid-snd{position:absolute;right:12px;bottom:14px;z-index:3;width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);font-size:18px}.vid-snd[aria-pressed="true"]{background:var(--lime)}
.phone-m{display:none}
/* socials, faq, close */
.seen{padding:clamp(80px,10vw,130px) 0}.receipt{display:inline-block;margin-top:6px;background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:9px 16px;font-weight:700;font-size:14.5px}
.seen-list li{border-top:2px solid var(--ink)}.seen-list li:last-child{border-bottom:2px solid var(--ink)}
.seen-list a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:clamp(10px,1.6vw,18px) 0;text-decoration:none}
.sl-n{justify-self:start;font:900 clamp(52px,8.6vw,128px)/1 var(--disp);font-stretch:64%;background:linear-gradient(var(--lime),var(--lime)) 0 78%/0 42% no-repeat;transition:background-size .45s var(--ease);padding:0 .06em}.sl-h{font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--muted)}.seen-list i{font-style:normal;font-size:30px;transition:transform .4s var(--spring)}
.seen-list a:hover .sl-n{background-size:100% 42%}.seen-list a:hover i{transform:translate(6px,-6px) rotate(8deg)}
.faq{padding:clamp(70px,9vw,120px) 0;border-top:2px solid var(--ink)}.faq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px)}
.faq-list details{border-top:1.5px solid var(--line)}.faq-list details:last-child{border-bottom:1.5px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;position:relative;padding:22px 52px 22px 0;font:800 clamp(22px,2.1vw,28px)/1.12 var(--disp);font-stretch:78%}.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--lime);border:2px solid var(--ink);display:grid;place-items:center;font:700 22px/1 var(--sans);transition:transform .35s var(--spring)}.faq-list details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-list p{padding:0 0 24px;color:var(--muted);max-width:40em}
.close{background:var(--lime);padding:clamp(80px,10vw,140px) 0;overflow:hidden}.close-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:center}
.close-art{position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:center;border-radius:50%;background:var(--white);border:3px solid var(--ink);display:grid;place-items:center;overflow:visible;box-shadow:12px 12px 0 var(--ink)}
.close-art img{width:84%;height:auto;mix-blend-mode:multiply;transform-origin:50% 92%;animation:breathe 4.2s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.012,1.03)}}
.zz{position:absolute;right:16%;top:12%;font:italic 900 34px/1 var(--disp)}.zz i{position:absolute;font-style:normal;opacity:0;animation:zz 3.6s ease-out infinite}.zz i:nth-child(2){animation-delay:1.2s;font-size:28px}.zz i:nth-child(3){animation-delay:2.4s;font-size:22px}@keyframes zz{0%{opacity:0;transform:translate(0,10px)}20%{opacity:1}100%{opacity:0;transform:translate(26px,-56px) rotate(12deg)}}
.close-copy{display:grid;gap:22px;justify-items:start}.close-h{font:900 clamp(60px,9vw,150px)/.86 var(--disp);font-stretch:62%}.close-h em{display:block}.close-copy p{font-size:19px;max-width:26em}
.ftr{background:var(--paper2);padding:44px 0 calc(32px + env(safe-area-inset-bottom));border-top:2px solid var(--ink)}
.ftr-in{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:18px 24px;align-items:center}.ftr-face{width:64px;height:64px;border-radius:50%;border:2px solid var(--ink);object-fit:cover}.ftr-b{font:900 28px var(--disp);font-stretch:68%}
.ftr-links{display:flex;flex-wrap:wrap;gap:8px 22px}.ftr-links button,.ftr-links a{background:none;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:4px;font-size:15px;font-weight:600}
.ftr-fine{grid-column:1/-1;font-size:12px;letter-spacing:.06em;color:var(--muted);padding-top:16px;border-top:1px solid var(--line)}
/* Pablo, the buddy */
.buddy{position:fixed;left:clamp(6px,1.4vw,20px);bottom:calc(8px + env(safe-area-inset-bottom));z-index:45;width:210px;height:92px;pointer-events:none}
.buddy-run{position:absolute;left:0;bottom:0;width:100px;transform:translateX(var(--bx,0px));will-change:transform}
.buddy-dog{display:block;width:100%;padding:0;border:0;background:none;pointer-events:auto;transform:scaleX(var(--bd,1));transition:transform .18s}
.dog-svg{display:block;width:100%;height:auto;overflow:visible}
.buddy-say{position:absolute;left:var(--sx,0px);bottom:96px;width:max-content;max-width:min(260px,74vw);background:var(--ink);color:var(--paper);border-radius:18px 18px 18px 4px;padding:10px 14px;font-weight:600;font-size:14.5px;line-height:1.35;box-shadow:0 14px 30px -14px rgba(0,0,0,.5);opacity:0;transform:translateY(10px) scale(.94);transform-origin:0 100%;transition:opacity .3s,transform .45s var(--spring)}.buddy-say.on{opacity:1;transform:none}
.buddy-x{position:absolute;left:0;top:-14px;width:26px;height:26px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);font-size:14px;line-height:1;display:grid;place-items:center;opacity:0;transition:opacity .2s;pointer-events:auto}.buddy:hover .buddy-x,.buddy-x:focus-visible{opacity:1}
.buddy.gone{display:none}
.d-heart{opacity:0}
/* dialogs */
dialog{padding:0;border:0;background:transparent;color:var(--ink);max-width:none;max-height:none}dialog::backdrop{background:rgba(29,33,27,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.dlg-in{position:relative;background:var(--paper)}
.x{position:absolute;right:12px;top:12px;z-index:6;width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);font-size:26px;line-height:1;display:grid;place-items:center;transition:background .2s,transform .3s var(--spring)}.x:hover{background:var(--lime);transform:rotate(90deg)}
.sheet{width:min(1100px,94vw);height:min(780px,92vh);margin:auto}.sheet .dlg-in{height:100%;border-radius:24px;overflow:hidden;border:2px solid var(--ink)}.sheet-body{height:100%;overflow:auto;overscroll-behavior:contain}
.sheet[open] .dlg-in{animation:pop .5s var(--spring)}.sheet.closing .dlg-in{animation:popout .22s ease forwards}.sheet[open]::backdrop{animation:fade .3s}
@keyframes pop{from{opacity:0;transform:translateY(24px) rotate(-1.5deg) scale(.97)}}@keyframes popout{to{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes fade{from{opacity:0}}
.sh{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:100%}
.sh-gal{background:#fff;position:sticky;top:0;align-self:start;border-right:2px solid var(--ink)}.sh-main .ph{aspect-ratio:1}.sh-main .ph-tag{right:14px;bottom:14px;font-size:10.5px}
.sh-thumbs{display:flex;gap:8px;padding:12px;border-top:2px solid var(--ink)}.sh-thumbs button{width:66px;height:66px;padding:0;border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.sh-thumbs button[aria-pressed="true"]{border-color:var(--ink);box-shadow:0 0 0 3px var(--lime)}.sh-thumbs img{width:100%;height:100%;object-fit:cover}
.sh-info{padding:clamp(24px,3vw,40px) clamp(20px,3vw,40px) 44px;display:grid;gap:14px;align-content:start}
.sh-kick{font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-right:48px}
.sh-name{font:900 clamp(36px,4vw,56px)/.96 var(--disp);font-stretch:68%}
.sh-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.sh-price b{font:900 38px/1 var(--disp);font-stretch:70%}.sh-price s{color:var(--muted)}.sh-save{font-weight:800;font-size:12px;letter-spacing:.06em;background:var(--lime);border:1.5px solid var(--ink);padding:4px 10px;border-radius:999px}
.sh-note{font-size:12.5px;color:var(--muted);margin-top:-8px}.sh-short{font-size:18px}
.sh-var{border:0;padding:0;margin:0;display:grid;gap:8px}.sh-var legend{font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.sh-var label{position:relative;cursor:pointer}.sh-var input{position:absolute;opacity:0;inset:0}.sh-var span{display:flex;justify-content:space-between;gap:10px;border:2px solid var(--line);border-radius:14px;padding:13px 16px;background:var(--white);font-weight:700}.sh-var small{font-weight:600;color:var(--muted)}
.sh-var input:checked+span{border-color:var(--ink);background:var(--lime)}.sh-var input:checked+span small{color:var(--ink)}.sh-var input:focus-visible+span{outline:3px solid #6f8000;outline-offset:2px}.sh-var input:disabled+span{opacity:.45;text-decoration:line-through}
.sh-add{width:100%;justify-content:space-between;min-height:60px;margin-top:4px}.sh-stock{font-weight:700;font-size:12.5px;color:var(--red)}
.pablo-note{background:var(--ink);color:var(--paper);border-radius:18px;padding:14px 18px 14px 10px;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}.pablo-note .dog-svg{width:72px}.pablo-note small{display:block;font-weight:800;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}.pablo-note p{font:italic 800 19px/1.3 var(--disp);font-stretch:82%;margin-top:3px}
.sh-specs{display:grid}.sh-specs div{display:grid;grid-template-columns:minmax(110px,.6fr) 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.sh-specs dt{font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.sh-fit{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sh-fit>div{background:var(--white);border:1.5px solid var(--line);border-radius:16px;padding:14px 16px}.sh-fit h3{font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.sh-fit p{font-size:15px}
.sh-ship{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.drawer{margin:0 0 0 auto;height:100%;max-height:100dvh;width:min(450px,100vw)}.drawer .dlg-in{height:100%;display:flex;flex-direction:column;overflow:auto;border-left:2px solid var(--ink)}
.drawer[open] .dlg-in{animation:slidein .5s var(--ease)}.drawer.closing .dlg-in{animation:slideout .22s ease forwards}@keyframes slidein{from{transform:translateX(100%)}}@keyframes slideout{to{transform:translateX(100%)}}
.drawer-hd{display:grid;grid-template-columns:76px 1fr 44px;gap:12px;align-items:center;padding:16px 20px;border-bottom:2px solid var(--ink);background:var(--lime)}.drawer-hd .x{position:static}
.peek{width:76px}.peek .dog-svg{width:76px}.drawer[open] .peek{animation:peekin .9s .2s var(--spring) both}@keyframes peekin{from{transform:translateX(-30px) rotate(-12deg);opacity:0}}
.peek.wiggle{animation:wiggle .8s var(--spring)}@keyframes wiggle{20%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}}
.peek-say{font-size:13.5px;font-weight:600;margin-top:2px}
.bag-lines{flex:1 1 auto;min-height:110px;overflow:auto;padding:4px 20px}.bl{display:grid;grid-template-columns:84px 1fr;gap:14px;padding:16px 0;border-bottom:1.5px solid var(--line)}.bl img{width:84px;height:84px;border-radius:14px;object-fit:cover;background:#fff;border:2px solid var(--ink)}
.bl-t{display:grid;gap:3px;align-content:start}.bl-t b{font:800 21px/1.08 var(--disp);font-stretch:76%}.bl-v{font-weight:700;font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.bl-p{font-weight:800}
.bl-q{display:flex;align-items:center;gap:8px;margin-top:6px}.bl-q button{width:36px;height:36px;border-radius:50%;border:2px solid var(--ink);background:var(--white);font-size:18px;line-height:1}.bl-q button:disabled{opacity:.3}.bl-q output{min-width:20px;text-align:center;font-weight:800}
.bl-q .bl-x{width:auto;height:auto;border:0;background:none;margin-left:auto;font-size:13px;text-decoration:underline;color:var(--muted)}
.bl-empty{padding:40px 0;color:var(--muted);text-align:center}.bl-empty a{color:var(--ink);font-weight:700}
.bag-foot{padding:18px 20px calc(18px + env(safe-area-inset-bottom));border-top:2px solid var(--ink);display:grid;gap:12px;background:var(--paper)}
.bag-sub{display:flex;justify-content:space-between;align-items:baseline;font:800 26px var(--disp);font-stretch:76%}
.reserve{background:var(--white);border:2px dashed var(--ink);border-radius:18px;padding:16px;display:grid;gap:10px}.reserve-h{font:800 24px/1.05 var(--disp);font-stretch:76%}.reserve p:not(.reserve-h){font-size:14.5px;color:var(--muted)}.reserve-b{display:grid;gap:8px}
.note{width:min(540px,92vw);margin:auto}.note .dlg-in{border-radius:22px;padding:32px 28px 28px;display:grid;gap:12px;border:2px solid var(--ink)}.note .h3{padding-right:48px}.note[open] .dlg-in{animation:pop .4s var(--spring)}.note.closing .dlg-in{animation:popout .2s ease forwards}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:60;transform:translate(-50%,160%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);background:var(--ink);color:var(--paper);border-radius:999px;padding:8px 8px 8px 20px;font-size:14.5px;font-weight:600;box-shadow:0 18px 40px -18px rgba(0,0,0,.5);visibility:hidden;transition:transform .45s var(--spring),visibility 0s .45s}.toast.on{transform:translate(-50%,0);visibility:visible;transition:transform .45s var(--spring)}
.toast button{flex:none;min-height:38px;border:0;border-radius:999px;background:var(--lime);color:var(--ink);font-weight:700;font-size:13.5px;padding:0 14px}
.noscript{padding:16px;text-align:center;background:var(--lime)}
html.js .rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}html.js .rv.in{opacity:1;transform:none}
::view-transition-group(pimg){animation-duration:.5s;animation-timing-function:var(--ease)}
@media (max-width:1060px){.tools{grid-template-columns:minmax(0,1fr) auto}.chips{grid-column:1/-1;grid-row:2}.count{display:none}}
@media (max-width:980px){.seal-in,.faq-in,.close-in{grid-template-columns:1fr}.stamp svg{width:min(70%,300px)}.close-art{max-width:380px}}
@media (max-width:860px){.nav{display:none}
.pablo-in{grid-template-columns:1fr}.album{top:calc(var(--hdr) + 8px);height:46svh;z-index:2;background:linear-gradient(var(--paper) 86%,rgba(252,244,227,0))}.pola{width:min(64vw,300px);padding:10px 10px 44px}.pola figcaption{font-size:18px;bottom:10px}.tape{top:6%}.ch{min-height:64svh;align-content:end;padding-bottom:12svh}
.vids-in{grid-template-columns:1fr}.vids-stage{display:none}.phone-m{display:block;width:min(74vw,330px);margin:0 auto 22px}.vcap{min-height:0;justify-items:center;text-align:center;margin:0 auto 40px}.vc-k{display:none}}
@media (max-width:720px){:root{--hdr:62px}body{font-size:16px}.mark-b{font-size:30px}.bagbtn span{display:none}.bagbtn{padding:0 7px 0 13px}
.hero .h1{font-size:clamp(60px,18vw,104px)}.hero-center{padding-bottom:clamp(220px,40vh,330px)}.hero-sofa{width:min(96vw,520px);bottom:-2%}.sun{width:min(110vw,560px);bottom:-12%}.hero-foot{bottom:12px}.badge span{font-size:14px}
.scene{height:300vh}.wardrobe{right:5vw;width:56vw;height:min(48svh,440px);bottom:calc(17% - 10px)}.scene-dog{width:38vw}.rug{width:80vw;left:56%}.sc-line{font-size:clamp(36px,10.5vw,58px)}.sc-1{top:10%;max-width:90vw}.sc-2{top:18%}.sc-3{top:8%}
.tools{grid-template-columns:1fr;gap:10px}.chips{grid-row:auto;margin:0 calc(-1*clamp(16px,4vw,48px));padding:3px clamp(16px,4vw,48px)}.sort select{width:100%}
.grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(230px,68vw);overflow-x:auto;scroll-snap-type:x mandatory;gap:36px 26px;margin:28px calc(-1*clamp(16px,4vw,48px)) 0;padding:6px clamp(16px,4vw,48px) 26px;scrollbar-width:none}.grid::-webkit-scrollbar{display:none}.slot{scroll-snap-align:center}.tag-body p{display:none}.tag-tail .tag-card{min-height:340px}
.sheet{width:100vw;height:auto;max-height:94dvh;margin:auto 0 0}.sheet .dlg-in{border-radius:24px 24px 0 0;max-height:94dvh;border-bottom:0}.sheet-body{max-height:94dvh}.sh{grid-template-columns:1fr}.sh-gal{position:relative;border-right:0;border-bottom:2px solid var(--ink)}.sh-main .ph{aspect-ratio:1.1}
.sheet[open] .dlg-in{animation:up .5s var(--ease)}.sheet.closing .dlg-in{animation:down .22s ease forwards}@keyframes up{from{transform:translateY(100%)}}@keyframes down{to{transform:translateY(100%)}}
.sh-info{padding:22px 18px calc(40px + env(safe-area-inset-bottom))}.sh-fit{grid-template-columns:1fr}
.seen-list a{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}.sl-h{grid-column:1;grid-row:2}.seen-list i{grid-row:1/3;grid-column:2}
.ftr-in{grid-template-columns:56px 1fr}.ftr-face{width:52px;height:52px}.ftr-links{grid-column:1/-1}
.buddy{width:160px;height:76px}.buddy-run{width:80px}.buddy-say{bottom:78px;font-size:14px}.buddy-x{opacity:1}.has-buddy .toast{bottom:calc(88px + env(safe-area-inset-bottom))}
.idcard dl div{grid-template-columns:100px 1fr}.idcard dd{font-size:18px}.id-photo{width:58px;height:58px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.js .rv,html.js .tag{opacity:1;transform:none}html.js .ln>span{transform:none}.crown path{stroke-dashoffset:0!important}.petals{display:none}
.scene{height:auto}.scene-stage{position:relative;height:min(100svh,760px)}.sc-1,.sc-2,.scene-hint,.scene-fade{display:none}.sc-3{opacity:1;transform:none}.scene-dog{transform:translateX(24vw)}.wd-l{transform:rotateY(-112deg)}.wd-r{transform:rotateY(112deg)}
.album{position:relative;top:0}}