:root{--accent: #e04a83;--accent-deep: color-mix(in srgb, var(--accent) 80%, #000);--accent-light: color-mix(in srgb, var(--accent) 70%, #fff);--accent-soft: color-mix(in srgb, var(--accent) 30%, #fff);--accent-pale: color-mix(in srgb, var(--accent) 11%, #fff);--accent-shadow: color-mix(in srgb, var(--accent) 55%, transparent);--accent-line: color-mix(in srgb, var(--accent) 22%, transparent);--bg-1: color-mix(in srgb, var(--accent) 17%, #fff);--bg-2: color-mix(in srgb, var(--accent) 8%, #fff);--ink: #2a1520;--text: #55404b;--muted: #8c7682;--bean: #6b3a22;--font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--script: "Great Vibes", "Segoe Script", cursive;--dock-h: 72px;color-scheme:light}@supports not (color: color-mix(in srgb,red,blue)){:root{--accent-deep: #b33a69;--accent-light: #ea80a8;--accent-soft: #f6c8d9;--accent-pale: #fcecf2;--accent-shadow: rgba(224, 74, 131, .55);--accent-line: rgba(224, 74, 131, .22);--bg-1: #fadbe6;--bg-2: #fdeef3}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--ink);background-color:var(--bg-2);background-image:radial-gradient(110% 55% at 100% 0%,var(--bg-1),transparent 62%),radial-gradient(90% 45% at 0% 100%,var(--bg-1),transparent 70%),linear-gradient(180deg,var(--bg-1),var(--bg-2) 42%,var(--bg-1));background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit}img{max-width:100%}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{position:relative;max-width:1080px;margin:0 auto;padding:0 16px calc(var(--dock-h) + 30px + env(safe-area-inset-bottom));overflow-x:clip}.decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.petal{position:absolute;border-radius:70% 0;background:linear-gradient(135deg,var(--accent-light),var(--accent-soft));filter:blur(5px);opacity:.55}.petal--1{top:26%;left:-22px;width:54px;height:30px;transform:rotate(-28deg)}.petal--2{top:calc(6px + env(safe-area-inset-top));left:30%;width:26px;height:15px;transform:rotate(18deg);filter:blur(4px);opacity:.4}.petal--3{top:64%;left:-12px;width:34px;height:20px;transform:rotate(32deg);filter:blur(7px)}.bean{display:block;color:var(--bean);--bean-line: #2b140b}.decor .bean{position:absolute;filter:drop-shadow(0 3px 3px rgba(60,25,10,.25))}.bean--1{top:38%;left:3%;width:26px;transform:rotate(-20deg)}.decor .bean--2{top:60%;left:7%;width:18px;transform:rotate(40deg);filter:blur(1.2px);opacity:.85}.bean--3{right:2%;bottom:4%;width:22px;transform:rotate(70deg)}.hero{position:relative;display:flex;align-items:center;min-height:clamp(205px,56vw,390px);margin:0 -16px;padding:calc(14px + env(safe-area-inset-top)) 16px 8px}.hero-brand{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;width:56%;animation:rise .7s both}.hero-logo{display:block;width:min(74%,250px);height:auto}.tagline{display:flex;align-items:center;justify-content:center;gap:7px;margin:2px 0 0;font-size:clamp(8px,2.15vw,12.5px);font-weight:600;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:var(--ink)}.tagline>i{flex:none;width:clamp(10px,3vw,30px);height:1.5px;background:currentColor}.tagline b{margin:0 .55em 0 .3em;font-weight:700}.heart-rule{display:flex;align-items:center;gap:6px;color:var(--ink)}.heart-rule i{width:clamp(36px,13vw,70px);height:1px;background:color-mix(in srgb,var(--ink) 40%,transparent)}.heart-rule svg{width:20px;height:20px}.hero-cup{position:absolute;z-index:1;top:calc(2px + env(safe-area-inset-top));right:-4%;width:54%;max-width:440px;animation:from-right .8s .1s both}.hero-cup img{display:block;width:100%;aspect-ratio:412 / 335;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%)}.unav-sentinel{display:block;height:1px}.unav{position:sticky;z-index:20;top:0;margin:2px -16px 0;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;transition:background .25s,box-shadow .25s}.unav.is-stuck{background:color-mix(in srgb,var(--bg-2) 88%,transparent);box-shadow:0 10px 24px -20px var(--accent-shadow);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}.unav-top{display:flex;gap:8px;align-items:stretch}.unav-worlds{display:grid;flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;min-width:0;padding:4px;border:1.5px solid rgba(255,255,255,.95);border-radius:20px;background:#ffffffb8;box-shadow:0 10px 24px -18px var(--accent-shadow),inset 0 1px #fff}.unav-world{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:7px 2px 6px;border:0;border-radius:16px;background:none;color:var(--ink);font-size:12px;font-weight:500;line-height:1.1;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}.unav-world svg{width:22px;height:22px}.unav-world.is-active{background:linear-gradient(135deg,var(--accent-light),var(--accent) 60%,var(--accent-deep));box-shadow:0 8px 16px -10px var(--accent);color:#fff;font-weight:600}.unav-search{display:grid;flex:none;place-items:center;width:54px;border:1.5px solid rgba(255,255,255,.95);border-radius:20px;background:#ffffffb8;box-shadow:0 10px 24px -18px var(--accent-shadow),inset 0 1px #fff;color:var(--accent-deep);cursor:pointer}.unav-search svg{width:22px;height:22px}.unav .search{flex:1;height:52px;margin:0}.unav-chips{display:flex;gap:6px;margin:8px -16px 0;padding:2px 16px 4px;overflow-x:auto;scrollbar-width:none;scroll-padding:0 16px}.unav-chips::-webkit-scrollbar{display:none}.unav-chip{flex:none;padding:7px 13px;border:1px solid var(--accent-line);border-radius:999px;background:#ffffffc7;color:var(--text);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.unav-chip.is-active{border-color:var(--ink);background:var(--ink);color:#fff}@media(hover:hover){.unav-world:not(.is-active):hover,.unav-chip:not(.is-active):hover{background:var(--accent-pale)}}.content{padding-top:10px}.cat-section{scroll-margin-top:var(--nav-offset, 140px)}.cat-section+.cat-section{margin-top:26px}.cat-head{display:flex;align-items:center;gap:10px;margin:8px 2px 12px}.cat-head h2{display:flex;align-items:center;gap:9px;margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.cat-head h2 svg{flex:none;width:24px;height:24px;color:var(--accent)}.cat-head>i{flex:1;height:1px;background:linear-gradient(90deg,var(--accent-line),transparent)}.cat-head>span{flex:none;font-size:12px;color:var(--muted)}.cat-accroche{margin:-6px 2px 12px;font-size:13px;color:var(--text)}.items{display:grid;gap:10px;margin:0;padding:0;list-style:none}.item{position:relative;animation:rise .4s both;animation-delay:calc(min(var(--i, 0),10)*35ms)}.item-open{display:grid;grid-template-columns:92px minmax(0,1fr);gap:13px;align-items:center;width:100%;min-height:108px;padding:8px 12px 8px 8px;border:1.5px solid rgba(255,255,255,.95);border-radius:22px;background:#ffffffc7;box-shadow:0 12px 24px -20px var(--accent-shadow),inset 0 1px #fff;color:inherit;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.item-open:active{transform:scale(.985)}@media(hover:hover){.item-open:hover{background:#fff;box-shadow:0 16px 30px -18px var(--accent-shadow),inset 0 1px #fff}}.item-photo{position:relative;width:92px;height:92px;overflow:hidden;border-radius:16px;background:var(--accent-pale);box-shadow:inset 0 0 0 1px #fff9}.item-photo .visual{position:absolute;top:0;right:0;bottom:0;left:0}.visual{position:relative;display:block;overflow:hidden;isolation:isolate}.visual .visual-main,.visual .visual-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.visual .visual-main{object-fit:contain;filter:drop-shadow(0 6px 10px rgba(42,21,32,.18))}.visual--fill .visual-main{object-fit:cover;filter:none}.visual--fill .visual-bg{display:none}.visual .visual-bg{z-index:-1;object-fit:cover;filter:blur(14px) saturate(1.15);opacity:.85;transform:scale(1.25)}.visual--empty{display:grid;place-items:center;background:radial-gradient(circle at 45% 55%,#fff,var(--accent-pale) 70%)}.visual .visual-cup{width:50%;height:auto;object-fit:contain;opacity:.85}.item-body{display:flex;flex-direction:column;gap:4px;min-width:0;padding:4px 0}.item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.item-cat{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.item-name{min-width:0;font-size:15px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}.item-desc{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12.5px;line-height:1.38;color:var(--text)}.item-tag{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;margin-top:1px;font-size:11.5px;color:var(--muted)}.bean--tag{flex:none;width:13px;height:13px}.price{display:inline-flex;align-items:center;flex:none;color:var(--accent-deep);font-size:14.5px;font-weight:700;white-space:nowrap}.price--counter{font-size:12px;font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px 5px 9px;border-radius:999px;background:linear-gradient(135deg,var(--accent-light),var(--accent));box-shadow:0 6px 14px -6px var(--accent);color:#fff;font-size:11.5px;font-weight:600;white-space:nowrap}.badge svg{width:13px;height:13px}.item-photo .badge{position:absolute;z-index:2;top:5px;left:5px;padding:3px 8px 3px 6px;font-size:10px}.item-photo .badge svg{width:11px;height:11px}@media(max-width:379px){.item-open{grid-template-columns:80px minmax(0,1fr);gap:11px}.item-photo{width:80px;height:80px}.item-name{font-size:14.5px}.unav-world{font-size:11px}}@media(min-width:640px){.items{grid-template-columns:1fr 1fr;gap:12px}}.empty{padding:48px 16px;text-align:center;color:var(--muted)}.script{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--script);font-size:clamp(40px,11.5vw,60px);font-weight:400;line-height:1.1;color:var(--ink);transform:rotate(-4deg)}.script svg{flex:none;width:.62em;height:.62em}.signature{position:relative;display:flex;justify-content:center;margin:30px -16px 0;padding:26px 16px 34px;background:radial-gradient(60% 70% at 50% 110%,var(--accent-soft),transparent 70%)}.signature .script{padding:0 4px 12px;background:no-repeat 28% 100% / 78% 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 11C55 2 145 1 197 6' fill='none' stroke='%232a1520' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}.signature-branch{position:absolute;bottom:-4px;left:-8px;width:92px;height:auto;color:var(--accent);opacity:.8}.bean--signature{position:absolute;top:6px;right:7%;width:30px;transform:rotate(24deg);filter:drop-shadow(0 3px 3px rgba(60,25,10,.25))}.footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 0;font-size:12px;text-align:center;color:var(--muted)}.footer p{margin:0}.powered{display:flex;align-items:center;justify-content:center;gap:5px;margin:0;font-size:11px;color:var(--muted)}.powered a{display:inline-flex;align-items:center;gap:5px;padding:4px 2px;color:inherit;text-decoration:none}.powered img{width:16px;height:16px}.powered strong{color:var(--ink);font-weight:600}.powered a:hover strong{text-decoration:underline;text-underline-offset:3px}.dock{position:fixed;z-index:30;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;display:grid;grid-template-columns:repeat(4,1fr);width:min(calc(100% - 24px),560px);min-height:var(--dock-h);padding:7px 4px;border:1.5px solid #fff;border-radius:28px;background:#ffffffe0;box-shadow:0 16px 34px -14px var(--accent-shadow);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);transform:translate(-50%)}.dock-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px;border:0;background:none;color:var(--ink);font-size:11.5px;font-weight:500;line-height:1.2;cursor:pointer}.dock-btn+.dock-btn:before{content:"";position:absolute;top:16%;bottom:16%;left:0;width:1px;background:var(--accent-line)}.dock-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;transition:background .25s,color .25s,transform .25s}.dock-icon svg{width:24px;height:24px}.dock-btn.is-active{color:var(--accent);font-weight:600}.dock-btn.is-active .dock-icon{background:linear-gradient(135deg,var(--accent-light),var(--accent));box-shadow:0 6px 14px -6px var(--accent);color:#fff}.dock-btn:active .dock-icon{transform:scale(.92)}.sheet{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;background:#2a15206b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .25s both}.sheet-panel{position:relative;width:min(100%,560px);max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);border-radius:30px 30px 0 0;background:linear-gradient(180deg,#fff,var(--bg-2) 60%);outline:none;animation:up .34s cubic-bezier(.2,.8,.2,1) both}@media(min-width:700px){.sheet{align-items:center;padding:24px}.sheet-panel{max-height:86vh;border-radius:30px}}.sheet-grip{display:block;width:44px;height:5px;margin:10px auto 0;border-radius:3px;background:var(--accent-soft)}.sheet-close{position:absolute;z-index:3;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#ffffffeb;box-shadow:0 4px 12px #2a15201f;color:var(--ink);cursor:pointer}.sheet-close svg{width:18px;height:18px}.sheet-body{display:flex;flex-direction:column;gap:10px;padding:16px 22px 26px}.sheet-body--center{align-items:center;text-align:center}.sheet-photo{position:relative;margin:12px 16px 0;overflow:hidden;aspect-ratio:16 / 10;border-radius:24px;background:radial-gradient(circle at 45% 55%,var(--accent-soft),var(--accent-pale))}.sheet-photo .visual{position:absolute;top:0;right:0;bottom:0;left:0}.sheet-photo--shaped{aspect-ratio:var(--photo-ratio);width:min(calc(100% - 32px),calc(min(46vh,420px) * var(--photo-ratio)));width:min(calc(100% - 32px),calc(min(46dvh,420px) * var(--photo-ratio)));margin-right:auto;margin-left:auto}.sheet-photo .visual--empty .visual-cup{width:30%}.sheet-photo .badge{position:absolute;top:14px;left:14px}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.eyebrow svg{width:18px;height:18px}.sheet-body h2{margin:0;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}.sheet-desc{margin:0;font-size:14.5px;line-height:1.55;color:var(--text)}.sheet-body .item-tag{font-size:13px}.sheet-price{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:10px 8px 10px 16px;border:1px solid var(--accent-pale);border-radius:18px;background:#fffc}.sheet-price>span:first-child{font-size:13px;color:var(--muted)}.sheet-price .price{padding:9px 16px;font-size:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin-top:6px;padding:0 22px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent-light),var(--accent) 55%,var(--accent-deep));box-shadow:0 10px 22px -10px var(--accent);color:#fff;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}.btn svg{width:20px;height:20px}.about-logo{width:150px;height:150px}.sheet--about .tagline{font-size:10.5px}.info{display:flex;flex-direction:column;gap:8px;width:100%}.info-row{display:flex;align-items:center;gap:10px;margin:0;padding:9px 12px;border-radius:16px;background:#fffc;font-size:14px;text-align:left;color:var(--ink)}.info-icon{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-pale);color:var(--accent)}.info-icon svg{width:18px;height:18px}.script--small{margin-top:8px;font-size:36px;transform:rotate(-3deg)}.map{overflow:hidden;aspect-ratio:16 / 11;border:1.5px solid #fff;border-radius:20px;background:var(--accent-pale);box-shadow:0 10px 24px -16px var(--accent-shadow)}.map iframe{display:block;width:100%;height:100%;border:0}.search{display:flex;align-items:center;gap:8px;height:50px;margin-top:4px;padding:0 8px 0 14px;border:1.5px solid var(--accent-soft);border-radius:999px;background:#fff;transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-line)}.search>svg{flex:none;width:20px;height:20px;color:var(--accent)}.search input{flex:1;min-width:0;border:0;outline:0;background:none;font:400 16px var(--font);color:var(--ink)}.search input::-webkit-search-cancel-button{display:none}.search button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--accent-pale);color:var(--ink);cursor:pointer}.search button svg{width:16px;height:16px}.search-count{margin:6px 2px 14px;font-size:13px;color:var(--muted)}.items--compact{gap:16px}.items--compact .item{animation-delay:calc(var(--i, 0) * 30ms)}.more-title{margin:10px 2px 0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.more-nav{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--accent-pale);border-radius:20px;background:#ffffffd9}.more-nav button{display:flex;align-items:center;gap:12px;padding:11px 14px;border:0;background:none;color:var(--ink);font-size:15px;font-weight:500;text-align:left;cursor:pointer}.more-nav button+button{border-top:1px solid var(--accent-pale)}.more-nav button>span:nth-child(2){flex:1}.more-nav small{font-size:12px;color:var(--muted)}@media(hover:hover){.more-nav button:hover{background:var(--accent-pale)}}.more-icon{--cut: var(--accent-pale);display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent-pale);color:var(--accent)}.more-icon svg{width:20px;height:20px}.more-go{flex:none;width:16px;height:16px;color:var(--muted)}.sheet--more .powered{margin-top:10px}.credits{display:flex;flex-direction:column;gap:8px;margin:6px 0 0;padding:0;list-style:none}.credits li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:#fffc;font-size:13px}.credits span{font-size:12px;color:var(--muted)}.credits a{color:var(--accent)}.intro{--stage: min(80vw, 46vh, 400px);position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:1fr auto auto 1fr auto;justify-items:center;align-items:center;gap:clamp(6px,1.6vh,18px);overflow:hidden;padding:calc(clamp(18px,4vh,44px) + env(safe-area-inset-top)) 20px calc(clamp(14px,3vh,30px) + env(safe-area-inset-bottom));background-color:var(--bg-2);background-image:radial-gradient(120% 60% at 50% 0%,var(--bg-1),transparent 65%),radial-gradient(90% 45% at 0% 100%,var(--accent-soft),transparent 70%),linear-gradient(180deg,var(--bg-1),var(--bg-2) 45%,var(--bg-1));text-align:center;animation:fade .4s both}@supports (height: 1dvh){.intro{--stage: min(80vw, 46dvh, 400px)}}.intro.is-leaving{animation:intro-out .6s forwards}.intro-glow{position:absolute;top:-12vh;left:50%;width:120vw;max-width:900px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85),transparent 62%);transform:translate(-50%);pointer-events:none}.intro-branch{position:absolute;bottom:14%;left:-14px;width:clamp(70px,22vw,120px);height:auto;color:var(--accent);opacity:.55}.intro-branch--right{top:6%;right:-16px;bottom:auto;left:auto;transform:scaleX(-1) rotate(160deg);opacity:.35}.intro-logo{position:relative;width:64%;height:auto;animation:pop .8s .2s cubic-bezier(.2,.8,.2,1) both,float 3.2s 1.1s ease-in-out infinite alternate}.intro .tagline{font-size:clamp(8.5px,2.4vw,12px);animation:rise .8s .15s both}.intro-stage{grid-row:2;position:relative;display:grid;place-items:center;width:var(--stage);aspect-ratio:1;animation:rise .9s .25s both}.intro-disc{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;background:radial-gradient(circle at 50% 42%,#fff 0%,var(--accent-pale) 46%,var(--accent-soft) 100%);box-shadow:0 24px 50px -24px var(--accent-shadow),inset 0 2px #ffffffe6}.intro-disc:after{content:"";position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;border:1.5px dashed var(--accent-soft);border-radius:50%;animation:spin 60s linear infinite}.intro-orbit{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;animation:spin 16s linear infinite}.intro-bean{position:absolute;width:8%;filter:drop-shadow(0 3px 3px rgba(60,25,10,.25))}.intro-bean--1{top:2%;left:46%;transform:rotate(30deg)}.intro-bean--2{right:6%;bottom:20%;width:6.5%;transform:rotate(-40deg)}.intro-bean--3{bottom:14%;left:6%;width:7%;transform:rotate(80deg)}.intro-words{grid-row:3;margin-top:clamp(4px,2vh,22px);position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1vh,10px);animation:rise .9s .4s both}.intro-welcome{margin:0;font-size:clamp(10.5px,2.8vw,13px);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.intro .script{font-size:clamp(34px,min(10.5vw,6.2vh),58px)}.intro-foot{grid-row:5;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:clamp(2px,1vh,10px);animation:rise .9s .55s both}.intro-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:min(100%,320px);min-height:clamp(48px,6.4vh,56px);overflow:hidden;padding:0 28px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent-light),var(--accent) 55%,var(--accent-deep));box-shadow:0 14px 28px -12px var(--accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.intro-cta span,.intro-cta svg{position:relative}.intro-cta svg{width:20px;height:20px}.intro-progress{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff3;transform-origin:left;animation:fill linear both}@media(min-width:900px)and (max-height:820px){.intro{--stage: min(40vw, 64vh, 460px);grid-template-columns:auto auto;grid-template-rows:1fr auto auto 1fr;column-gap:clamp(40px,8vw,120px);row-gap:22px;align-content:center;justify-content:center}.intro-stage{grid-row:1 / 5;grid-column:1}.intro-words{grid-row:2;grid-column:2;margin-top:0}.intro-foot{grid-row:3;grid-column:2}.intro .tagline{font-size:13px}.intro-welcome{font-size:14px}.intro .script{font-size:clamp(48px,8vh,66px)}.intro-cta{width:340px;min-height:58px;font-size:17px}}.preview-bar{position:sticky;z-index:50;top:0;display:block;width:100%;padding:9px 16px;border:0;background:#fff1c9;color:#6b4b00;font-size:13px;text-align:center;cursor:pointer}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes from-right{0%{opacity:0;transform:translate(24px)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(40px);opacity:0}}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{to{transform:translateY(-8px)}}@keyframes intro-out{to{opacity:0;transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.side{display:none}@media(min-width:1024px){.page{max-width:1320px;padding:0 28px 40px;overflow-x:visible}.hero{min-height:0;height:270px;margin:0 -28px;padding:18px 28px 6px}.hero-brand{width:44%}.hero-logo{width:196px}.tagline{font-size:12.5px}.hero-cup{top:0;right:3%;width:360px}.unav-sentinel,.unav,.dock{display:none}.layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:34px;align-items:start;margin-top:14px}.content{padding-top:0}.side{position:sticky;top:18px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 36px);padding:14px 10px 12px;border:1.5px solid rgba(255,255,255,.95);border-radius:28px;background:#ffffff9e;box-shadow:0 16px 34px -20px var(--accent-shadow),inset 0 1px #fff;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);animation:rise .5s both}.search--side{flex:none;height:44px;margin:0 4px}.search--side input{font-size:14.5px}.side-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px;scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent}.side-group+.side-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--accent-line)}.side-title{display:flex;align-items:center;gap:8px;margin:0 0 4px;padding:2px 10px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep)}.side-title svg{width:18px;height:18px}.side-cat{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px 8px 36px;border:0;border-radius:14px;background:none;color:var(--ink);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background .2s,color .2s}.side-cat>span{flex:1;min-width:0}.side-cat small{flex:none;min-width:26px;padding:2px 7px;border-radius:999px;background:var(--accent-pale);font-size:11.5px;font-weight:600;text-align:center;color:var(--muted)}.side-cat:hover{background:var(--accent-pale)}.side-cat.is-active{background:linear-gradient(135deg,var(--accent-light),var(--accent) 60%,var(--accent-deep));box-shadow:0 8px 18px -10px var(--accent);color:#fff;font-weight:600}.side-cat.is-active small{background:#ffffff40;color:#fff}.side-info{display:flex;flex:none;flex-wrap:wrap;gap:6px;padding:10px 4px 0;border-top:1px solid var(--accent-line)}.side-info button{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:0;border-radius:999px;background:var(--accent-pale);color:var(--ink);font-size:12.5px;font-weight:500;cursor:pointer;transition:background .2s}.side-info button:hover{background:var(--accent-soft)}.side-info svg{width:16px;height:16px;color:var(--accent)}.cat-section{scroll-margin-top:20px}.cat-section+.cat-section{margin-top:40px}.cat-head h2{font-size:24px}.cat-head h2 svg{width:28px;height:28px}.items{gap:14px 16px}.item-open{grid-template-columns:112px minmax(0,1fr);gap:15px;height:100%;min-height:128px;padding:10px 16px 10px 10px}.item{display:flex}.item-photo{width:112px;height:112px}.item-name{font-size:15.5px}.item-desc{font-size:13px}.signature{margin-top:44px}}.pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.pager-btn{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1.5px solid rgba(255,255,255,.95);border-radius:22px;background:#fff9;box-shadow:0 12px 26px -20px var(--accent-shadow);color:var(--ink);font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:transform .2s,background .2s}.pager-btn:hover{background:#fff;transform:translateY(-2px)}.pager-btn>span{display:flex;flex-direction:column;gap:2px}.pager-btn small{font-size:11.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pager-btn svg{flex:none;width:20px;height:20px;color:var(--accent)}.pager-back{transform:rotate(180deg)}.pager-btn--next{grid-column:2;justify-content:flex-end;text-align:right}.pager-btn--next>span{align-items:flex-end}@media(min-width:1500px){.page{max-width:1480px}.items{grid-template-columns:repeat(3,minmax(0,1fr))}}