@font-face{font-family:Fraunces;src:url('/assets/club/Fraunces-900.ttf') format('truetype');font-display:swap;font-weight:900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#d9d5e5;color:#30304b;font-family:Arial,'PingFang SC',sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c25b3f;outline-offset:5px}button{border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fraunces,Georgia,'Songti SC',serif;line-height:1.02;font-weight:800;letter-spacing:-.045em}p{max-width:65ch}h2{font-size:clamp(40px,5.5vw,82px)}h3{font-size:30px}#galaxy{position:fixed;inset:0;width:100%;height:100%;z-index:-2}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.skip{position:fixed;left:-100px}.skip:focus{left:0;top:0;z-index:100;background:white}.header{height:92px;position:relative;z-index:30;display:flex;align-items:center;gap:32px;padding:20px 4vw;background:#e9e6edc9;border-bottom:1px solid #6e648129}.logo{width:215px;flex-shrink:0}.logo img{width:100%;height:48px;object-fit:contain}.header nav{display:flex;align-items:center;justify-content:center;gap:23px;margin-left:auto;font-size:13px;font-weight:bold}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.header-tools{display:flex;gap:8px}.header-tools button,.header-tools select{border:1px solid #77718a50;border-radius:50px;background:transparent;padding:8px 12px;font-size:12px}.menu-toggle{display:none}.hero{min-height:820px;height:calc(100svh - 92px);max-height:1100px;position:relative;overflow:hidden;background:linear-gradient(180deg,#e8e3f2aa,#e5ddd699 64%,#b8bdcd66);padding:36px 4vw 0;text-align:center}.hero h1{font-size:clamp(48px,7.2vw,112px);max-width:1200px;margin:auto;color:#645b88;line-height:.94;text-shadow:2px 3px 0 #efe6cf,5px 7px 0 #a9b2bd;transform:rotate(-2deg);position:relative;z-index:5}.hero h1 span{display:block}.equation{font-size:12px;margin:20px auto 0;letter-spacing:.02em}.hero-description{font-size:15px;margin:10px auto;max-width:650px}.hero .descriptor{font-size:11px;margin:8px auto}.hero-cta{display:flex;justify-content:center;gap:10px;margin:18px 0;position:relative;z-index:10}.pill{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 24px;border:1.5px solid #30304b;border-radius:50px;font-weight:600;font-size:13px;background:#f5df9f;color:#30304b;box-shadow:3px 4px 0 #30304b;transition:transform .2s,box-shadow .2s}.pill:hover{transform:translate(2px,2px);box-shadow:1px 2px 0 #30304b}.pill.secondary{background:#eae6edbb}.hero-stage{position:absolute;left:6%;right:6%;bottom:70px;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:end;gap:3%;z-index:4;max-width:1200px;margin:auto;height:390px}.animal{height:100%;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.animal .plinth{position:absolute;bottom:18px;left:0;right:0;height:80px;background:#afa7c5;border-radius:50%;box-shadow:0 30px 0 #9c93b4;z-index:-1;border:1px solid #c9c2da}.animal:nth-child(2) .plinth{background:#dbb7ae;box-shadow:0 30px 0 #cda399}.animal:nth-child(3) .plinth{background:#abbeb8;box-shadow:0 30px 0 #8fa8a2}.animal-viewport{width:100%;height:350px;position:relative;overflow:hidden;touch-action:pan-y;cursor:ew-resize}.animal-viewport>img{width:100%;height:100%;object-fit:contain}.animal-viewport.fifi>img{width:300%;max-width:none;object-fit:contain;object-position:left center;height:100%;transform:translateX(0)}.animal-viewport.xixi>img{width:300%;max-width:none;object-fit:cover;object-position:right;transform:translateX(-66.66%);mix-blend-mode:multiply}.animal-viewport canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.animal a{font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:700;position:relative;z-index:8;border-radius:30px;padding:1px 23px;background:#f2e7d7;box-shadow:2px 3px 0 #524e64;transform:rotate(-5deg)}.animal:nth-child(2) a{transform:rotate(4deg)}.hero-bottom{position:absolute;bottom:15px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:11px;z-index:8}.hero-decor{position:absolute;pointer-events:none;z-index:1}.planet{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f7dfb1,#bcaa97);top:37%;left:4%;transform:rotate(-25deg);box-shadow:inset -12px -9px 0 #85737a22}.planet:after{content:'';position:absolute;left:-30%;top:35%;width:160%;height:30%;border:5px solid #8f889f;border-radius:50%}.planet.two{left:auto;right:3%;top:24%;width:65px;height:65px;background:#aab6c5}.spark{font-size:70px;line-height:1;color:#bf755d;left:18%;top:35%;transform:rotate(15deg)}.spark.two{left:auto;right:16%;top:51%;color:#f1dca4;font-size:90px}.spark.three{left:48%;top:40%;font-size:32px;color:#8c9c94}.orbit-line{width:90%;height:280px;position:absolute;bottom:-100px;left:5%;border:2px solid #85749666;border-radius:50%;transform:rotate(-8deg)}.ribbon{padding:13px 0;background:#6b6585;color:#eee6d3;overflow:hidden;font-family:Fraunces,serif;font-size:23px;transform:rotate(-1.4deg);position:relative;z-index:6;width:102%;margin-left:-1%}.ribbon div{white-space:nowrap;animation:marquee 35s linear infinite;width:max-content}.ribbon span{margin-right:45px}.section{padding:110px 6vw;position:relative;background:#eee9e3b8;transition:background .7s}.section.active{background:#eee9e35e}.story{display:grid;grid-template-columns:1fr 1.1fr;gap:10vw;align-items:center}.story h2{max-width:600px}.story p{font-size:19px;line-height:1.8;margin-bottom:25px}.story .story-mark{position:absolute;right:8%;top:25px;font-size:90px;color:#baa08f;transform:rotate(15deg);opacity:.5}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:65px}.section-heading h2{max-width:650px}.section-heading p{max-width:390px}.collection{padding-bottom:50px;overflow:clip}.trail{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:50px 5vw;padding-bottom:90px}.trail:before{content:'';position:absolute;inset:0 18% 0 30%;border-left:2px dashed #93839b80;border-right:2px dashed #93839b80;transform:rotate(7deg);border-radius:45%;z-index:-1}.product{grid-column:span 4;display:block;position:relative;transform:translateY(var(--drift,0px)) rotate(var(--rotate,-3deg));transition:filter .3s}.product:nth-child(3n+2){margin-top:130px;--rotate:4deg}.product:nth-child(3n){margin-top:35px;--rotate:-1deg}.product:nth-child(6n+1){grid-column:span 5}.product:nth-child(6n+2){grid-column:span 3}.product:hover{z-index:5;filter:drop-shadow(0 12px 12px #36304b25)}.art{height:360px;background:#c8b9c5;overflow:hidden;position:relative;border:10px solid #f3ede1;box-shadow:4px 6px 0 #7a748a55}.art img{width:100%;height:100%;object-fit:cover}.art.card img{object-fit:contain}.art.emoji img{object-fit:contain;padding:25px}.art.emoji{background:#c6cbd5;border-radius:48% 48% 4px 4px}.art.model img{object-fit:contain}.art.book img{object-fit:cover;object-position:top}.art.book{width:83%;margin:auto;border-left:18px solid #3c3a55;transform:perspective(800px) rotateY(-12deg);box-shadow:6px 0 0 #eee5d5,10px 0 0 #8d8995,16px 16px 25px #4d43632b}.art.book:after{content:'';position:absolute;left:-10px;top:15%;bottom:15%;width:22px;background:repeating-linear-gradient(to bottom,transparent 0 30px,#b1aca8 31px 36px,transparent 38px 70px)}.product-caption{padding:18px 4px;display:flex;justify-content:space-between;gap:10px;align-items:start}.product-caption h3{font-size:25px;letter-spacing:-.04em}.product-caption small{display:block;margin-top:8px;font-size:11px}.product-caption .arrow{font-size:25px}.filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}.filter button{background:#eee8e888;border:1px solid #7c758b70;padding:9px 20px;border-radius:25px;font-size:12px}.filter button[aria-pressed=true]{background:#625d80;color:#fff}.pets{background:#b7c6c0aa}.pet-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.pet-link{padding:30px;background:#ede6dcaa;text-align:center;border-radius:150px 150px 20px 20px}.pet-link img{height:240px;width:100%;object-fit:contain;margin-bottom:20px}.pet-link p{margin:20px auto;font-size:13px}.pricing{background:#d5c5caaa}.pack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.pack{padding:25px 20px;background:#eee6d8dd;border:1px solid #71677d;border-radius:90px 90px 5px 5px;min-height:360px;display:flex;flex-direction:column;text-align:center;box-shadow:4px 5px 0 #a99caa}.pack:nth-child(2n){transform:translateY(25px);background:#b9c7c0dd}.pack h3{font-size:24px;line-height:1.08;min-height:56px;margin-top:25px}.price{font-family:Fraunces,Georgia,serif;font-size:45px;font-weight:800;margin:20px 0 8px}.pack ul{list-style:none;padding:0;font-size:12px;line-height:1.8;margin-bottom:25px}.pack .pack-open{border-top:1px solid #8b819855;margin-top:auto;padding-top:13px;font-size:12px;font-weight:bold}.fineprint{font-size:12px;margin-top:45px;max-width:900px}.mixer{margin-top:60px;display:grid;grid-template-columns:1fr 1.3fr;gap:7vw;padding:35px;border:1px dashed #736682;border-radius:25px;background:#efe8df77}.mixer h3{font-size:34px}.mixer p{font-size:13px;margin:14px 0}.mixer select{background:transparent;border:1px solid #817889;border-radius:20px;padding:8px;max-width:100%}.mix-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.mix-fields label{font-size:12px}.mix-fields input{display:block;width:100%;background:#f6eee5;border:1px solid #817889;padding:10px;border-radius:10px;margin-top:12px}.mix-result{grid-column:1/-1;font-family:Fraunces,serif;font-size:25px}.mix-result.over{color:#a13439}.books{background:#aaaac055}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:50px}.book-feature{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.book-feature .art{height:290px}.book-feature h3{font-size:29px}.book-feature p{font-size:13px;margin:20px 0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:35px;margin-top:60px}.step-num{font-family:Fraunces,serif;font-size:60px;color:#8d7c9e;display:block;line-height:1;margin-bottom:30px}.steps h3{font-size:24px;line-height:1.1}.steps p{font-size:13px;margin-top:20px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw}.faq details{border-bottom:1px solid #9a91a8;padding:23px 0}.faq summary{cursor:pointer;font-size:17px;font-weight:bold}.faq details p{font-size:14px;margin-top:20px;line-height:1.8}.contact-section{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;background:#b7c4c2bb}.contact-section h2{font-size:clamp(45px,6vw,90px)}.contact-section p{margin:25px 0}.contact-links{display:flex;flex-direction:column;gap:12px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.ig-qr{width:145px;margin-top:25px;border-radius:10px}.contact-section form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-section label{font-size:12px}.contact-section input,.contact-section textarea,.contact-section select{width:100%;display:block;border:0;border-bottom:1px solid #746e81;background:#f1eee666;padding:14px;margin-top:8px;border-radius:0}.contact-section .full{grid-column:1/-1}.contact-section textarea{min-height:130px;resize:vertical}.contact-section .consent{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.consent input{width:18px;flex-shrink:0}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{font-size:14px;margin:0}#footer{background:#645e7c;color:#f0e9d9;padding:70px 6vw 30px;position:relative;overflow:hidden}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-top img{width:300px;background:#e9e3dd;padding:15px;border-radius:8px}.footer-top p{font-family:Fraunces,serif;font-size:35px;max-width:450px}.footer-nav{display:flex;flex-wrap:wrap;gap:25px;margin-top:55px;font-size:13px}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid #b7b0c55e;display:flex;justify-content:space-between;font-size:11px}dialog{width:min(1080px,92vw);max-height:90svh;border:1px solid #867990;padding:50px;background:#eee7dd;border-radius:15px;color:#30304b}dialog::backdrop{background:#30274499;backdrop-filter:blur(12px)}.close{position:sticky;top:0;float:right;border:1px solid #787081;background:#e8ded4;border-radius:50%;width:36px;height:36px;font-size:25px;z-index:2}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.detail-layout img{max-height:65vh;object-fit:contain;margin:auto}.detail-layout h2{font-size:48px}.detail-layout p{margin:22px 0;font-size:15px}.detail-layout .spec{border-top:1px solid #aca0af;padding-top:20px;font-size:13px}.legal{padding:30px 20px}.legal h2{font-size:45px;margin-bottom:30px}.legal p{line-height:1.9;max-width:75ch}.is-paused *{animation-play-state:paused!important}.is-paused{scroll-behavior:auto}.mobile-hint{display:none}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1500px){.hero-stage{height:420px}.animal-viewport{height:400px}}@media(max-width:1100px){.header{gap:15px;padding:15px 3vw}.header nav{gap:12px;font-size:11px}.logo{width:170px}.hero-stage{left:3%;right:3%}.pack-grid{grid-template-columns:repeat(3,1fr);gap:25px}.pack:nth-child(2n){transform:none}.book-feature{grid-template-columns:1fr}.steps{gap:20px}.art{height:300px}.section{padding:80px 5vw}}@media(max-width:760px){html{scroll-padding-top:30px}.header{height:75px;justify-content:space-between}.logo{width:165px}.header nav{display:none;position:absolute;left:0;right:0;top:75px;padding:25px;background:#e6e0ec;flex-direction:column;align-items:flex-start;font-size:17px}.header nav.open{display:flex}.menu-toggle{display:block;background:transparent;font-size:24px;margin-left:auto}.header-tools{gap:4px}.header-tools button,.header-tools select{padding:6px 8px}.hero{height:850px;min-height:0;padding-top:35px}.hero h1{font-size:57px;text-shadow:1px 2px 0 #eee2c7,3px 4px 0 #a9b2bd;max-width:550px}.hero-description{font-size:13px;max-width:340px}.equation{margin-top:24px;font-size:11px}.hero .descriptor{font-size:10px;max-width:290px}.hero-stage{height:340px;bottom:65px;left:1%;right:1%;gap:0;grid-template-columns:1fr 1.15fr 1fr}.animal-viewport{height:275px}.animal .plinth{height:50px;bottom:20px;box-shadow:0 18px 0 #9c93b4}.animal:nth-child(2) .plinth{box-shadow:0 18px 0 #cda399}.animal:nth-child(3) .plinth{box-shadow:0 18px 0 #8fa8a2}.animal a{font-size:20px;padding:2px 14px}.hero-bottom{font-size:10px;justify-content:center;gap:15px;bottom:15px}.desktop-hint{display:none}.mobile-hint{display:inline}.planet{width:55px;height:55px;top:44%;left:6%}.planet.two{top:48%;right:6%;width:45px;height:45px}.spark{font-size:35px;top:49%;left:31%}.spark.two{font-size:42px;top:54%;right:30%}.spark.three{display:none}.hero-cta .pill{padding:11px 16px;font-size:11px;box-shadow:2px 3px 0 #30304b}.section{padding:70px 6vw}.story,.faq,.contact-section{grid-template-columns:1fr;gap:40px}.story p{font-size:16px}.section-heading{display:block;margin-bottom:40px}.section-heading p{margin-top:25px;font-size:14px}.trail{gap:40px 7vw;grid-template-columns:1fr 1fr;padding-bottom:30px}.product,.product:nth-child(6n+1),.product:nth-child(6n+2){grid-column:span 1}.product:nth-child(3n+2),.product:nth-child(3n){margin-top:0}.product:nth-child(even){margin-top:55px}.art{height:235px;border-width:6px}.art.emoji img{padding:8px}.product-caption h3{font-size:21px}.product-caption small{font-size:10px}.product-caption{padding:12px 0}.product-caption .arrow{font-size:20px}.pet-links{gap:10px}.pet-link{padding:15px 8px;border-radius:70px 70px 10px 10px}.pet-link img{height:130px}.pet-link h3{font-size:23px}.pet-link p{font-size:10px;min-height:32px}.pet-link .pill{font-size:10px;padding:8px 10px;box-shadow:none}.pack-grid{grid-template-columns:1fr 1fr;gap:20px}.pack{padding:20px 12px;border-radius:70px 70px 5px 5px;min-height:325px}.pack h3{font-size:23px;min-height:50px}.pack:last-child{grid-column:1/-1;min-height:250px;border-radius:90px 90px 5px 5px}.price{font-size:40px}.mixer{padding:25px 18px;grid-template-columns:1fr;gap:15px}.mix-fields{gap:10px}.book-grid{grid-template-columns:1fr;gap:45px}.book-feature{grid-template-columns:1fr 1fr;gap:20px}.book-feature .art{height:230px}.book-feature h3{font-size:27px}.book-feature p{font-size:12px}.steps{grid-template-columns:1fr;gap:25px;margin-top:40px}.steps article{display:grid;grid-template-columns:50px 1fr;gap:0 20px}.step-num{grid-row:1/3;font-size:45px;margin:0}.steps h3{font-size:26px}.steps p{margin-top:8px}.contact-section form{gap:20px 12px}.footer-top{flex-direction:column}.footer-top p{font-size:35px}.footer-top img{width:240px}.footer-nav{gap:18px}.detail-layout{grid-template-columns:1fr}.detail-layout img{max-height:38vh}.detail-layout h2{font-size:38px}dialog{padding:22px}.hero h1:lang(zh){font-size:51px;line-height:1.16}.art.book{border-left-width:12px}.header-tools select{max-width:66px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.product{transform:rotate(var(--rotate,-3deg))}}@media(max-width:390px){.hero h1{font-size:48px}.hero-stage{bottom:80px}.art{height:205px}.hero{height:820px}.logo{width:140px}}
/* A scroll-directed exhibition route, rather than a grid with hover effects. */
.collection{height:var(--route-height,5600px);padding:0;overflow:visible;background:#d6ccdd99}.collection .section-heading{padding:35px 6vw 0;margin-bottom:18px;align-items:center;gap:35px}.collection .section-heading h2{font-size:clamp(35px,4vw,64px);max-width:680px}.collection .section-heading p{font-size:13px;max-width:400px}.exhibit-sticky{position:sticky;top:0;height:100svh;min-height:670px;overflow:hidden;display:flex;flex-direction:column}.collection .filter{padding:0 6vw;margin:0;align-items:center;position:relative;z-index:4}.route-controls{margin-left:auto;display:flex;align-items:center;gap:14px}.route-controls button{border:1px solid #7c758b;background:#e8dfd0;width:40px;height:40px;border-radius:50%;padding:0;font-size:20px}.route-controls output{font-size:12px;min-width:55px;text-align:center}.trail{display:flex;gap:7vw;position:relative;width:max-content;padding:40px 10vw 85px;align-items:center;flex:1;will-change:transform;touch-action:pan-y;cursor:grab}.trail.dragging{cursor:grabbing}.trail:before{left:0;right:0;top:48%;height:120px;border:2px dashed #93839b60;border-radius:50%;transform:rotate(-1deg);z-index:-1}.product,.product:nth-child(6n+1),.product:nth-child(6n+2){flex:0 0 clamp(240px,27vw,420px);width:clamp(240px,27vw,420px);margin:0!important;transform:translateY(var(--route-y,0px)) rotate(var(--route-r,-3deg)) scale(var(--route-scale,1));transform-origin:50% 65%;transition:filter .3s;will-change:transform}.product:nth-child(3n+2){flex-basis:clamp(240px,25vw,390px)}.product[hidden]{display:none}.art{height:clamp(260px,40svh,430px)}.route-progress{position:absolute;bottom:30px;left:6vw;right:6vw;height:2px;background:#8f809733}.route-progress span{display:block;width:0;height:100%;background:#6e6285}.pets .pet-links{display:flex;gap:4vw;align-items:center;perspective:1000px;padding:45px 2vw}.pet-link{flex:1;transform:translateY(var(--show-y,0px)) rotate(var(--show-r,0deg));transition:box-shadow .3s;will-change:transform}.pet-link:nth-child(2){background:#e7c9bdcc}.pet-link:nth-child(3){background:#c1b9d3cc}.book-grid{display:flex;gap:7vw;padding:35px 0}.book-feature{flex:1;transform:translateY(var(--show-y,0px)) rotate(var(--show-r,0deg));will-change:transform}.hero h1{font-weight:900}.route-note{position:absolute;bottom:43px;right:6vw;font-size:11px}.product .art{box-shadow:5px 8px 0 #847b9455,15px 24px 30px #5b526313}@media(max-width:760px){.exhibit-sticky{min-height:650px}.collection .section-heading{padding:25px 6vw 0;margin-bottom:15px}.collection .section-heading h2{font-size:40px;max-width:340px}.collection .section-heading p{display:none}.collection .filter{gap:6px;flex-wrap:nowrap;padding-right:3vw}.collection .filter>button{font-size:10px;padding:8px 11px;white-space:nowrap}.route-controls{gap:4px}.route-controls button{width:28px;height:28px;font-size:14px}.route-controls output{display:none}.trail{gap:45px;padding:40px 17vw 100px}.product,.product:nth-child(6n+1),.product:nth-child(6n+2),.product:nth-child(3n+2){width:66vw;flex:0 0 66vw}.art{height:350px}.product-caption h3{font-size:27px}.pets .pet-links{gap:8px;padding:30px 0}.pet-link{min-width:0}.book-grid{display:block}.book-feature{margin:0 0 55px}.book-feature:last-child{margin-bottom:0}.book-feature .art{height:250px}.route-progress{bottom:25px}.route-note{bottom:36px}.hero-stage{z-index:6}}
@media(prefers-reduced-motion:reduce){.collection{height:auto!important;padding:65px 0}.exhibit-sticky{position:relative;height:auto;min-height:0;overflow:visible}.trail{width:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important;padding-bottom:45px}.product{scroll-snap-align:center;transform:none!important;flex-shrink:0}.route-progress,.route-note{display:none}.pet-link,.book-feature{transform:none!important}}
/* User-selected Fifi pose: central belly-up pose from the approved identity sheet. */
.animal-viewport.fifi{width:58%;margin-inline:auto;overflow:hidden}
.animal-viewport.fifi>img{position:absolute;height:100%;width:auto;max-width:none;left:50%;top:0;object-fit:initial;transform:translateX(-50%)}
.product-caption{align-items:flex-start;min-height:106px}.product-caption>div{flex:1;min-width:0}.product-caption h3{font-size:clamp(23px,2.15vw,32px);line-height:1.12;min-height:2.24em;display:flex;align-items:flex-start;letter-spacing:-.035em}.product-caption small{margin-top:9px;line-height:1.5}.product-caption .arrow{flex:0 0 26px;line-height:1.12;padding-top:2px}.product-caption h3:lang(zh){letter-spacing:0}

/* Product lifestyle scenes retain their full composition, including physical binding. */
.art.scene{transform:none;background:transparent;border:0;box-shadow:none;overflow:hidden}.art.scene::before,.art.scene::after{display:none}.art.scene img{width:100%;height:100%;object-fit:contain;border-radius:12px}

/* Long translations remain usable at narrow widths. */
.header-tools select{min-width:60px;max-width:105px}
@media(max-width:1100px){.header{gap:15px}.header nav{gap:12px;font-size:12px}.logo{width:175px}}
@media(max-width:760px){.collection .filter{flex-wrap:wrap;row-gap:8px}.route-controls{margin-left:auto}.collection .filter>button{font-size:11px;padding:7px 9px}.product-caption h3{overflow-wrap:anywhere}.contact-links a{overflow-wrap:anywhere}.hero h1:lang(fr),.hero h1:lang(es),.hero h1:lang(de){font-size:clamp(36px,8.7vw,60px)}.hero h1:lang(ja),.hero h1:lang(ko){font-size:clamp(34px,8vw,52px);line-height:1.2}.hero-description{padding-inline:15px}.header-tools select{max-width:78px}.section h2{overflow-wrap:anywhere}}

.art.scene{position:relative}.scene-label{position:absolute;bottom:8px;left:8px;max-width:calc(100% - 16px);padding:5px 8px;background:#f5f0e5ee;color:#51485d;border-radius:4px;font:11px/1.35 Arial,sans-serif;pointer-events:none}
.localized-card{position:relative;aspect-ratio:2/3;width:100%;container-type:inline-size;color:#253b3d;text-align:left;overflow:hidden}.localized-card .card-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;padding:0}.card-heading{position:absolute;left:20%;top:3%;width:60%;text-align:center;font-family:Georgia,serif}.card-heading strong{display:block;font-size:7cqw;line-height:1.05;color:#b74238}.card-heading span{display:block;font-size:2.1cqw;line-height:1.5}.card-heading small{font-size:1.9cqw}.card-rank{position:absolute;right:2%;top:3%;width:17%;text-align:center;font-size:2cqw}.card-information{position:absolute;left:48%;top:50%;right:3%;bottom:2%;padding:2.5%;background:#fbf1dd;display:flex;flex-direction:column;gap:.8cqw;font-size:1.8cqw;line-height:1.25}.card-information h4{font-family:Georgia,serif;font-size:3cqw;margin:0 0 1cqw}.card-score{display:grid;grid-template-columns:1.6fr 1fr .5fr;gap:1cqw;align-items:center;min-height:2.4cqw}.card-score i{height:1cqw;background:#ddd5c5;border-radius:1cqw;overflow:hidden}.card-score i b{display:block;height:100%;background:#348591}.card-score em{font-style:normal;text-align:right}.card-information p{margin:.7cqw 0}.card-information blockquote{margin:1cqw 0;font-family:Georgia,serif;font-style:italic;font-size:2.1cqw}.localized-card .card-qr{width:13cqw;height:13cqw;object-fit:contain;padding:0;margin:auto 0 0 auto}.localized-art{background:#f6ecd7}.localized-art .localized-card{height:100%;width:auto;margin:auto;max-width:100%}.wave .card-information{left:43%;top:54%;background:#f8edd4}.wave .card-heading strong{color:#1a5360}.detail-layout>.localized-card{max-height:75vh;max-width:50vh;justify-self:center}.detail-layout .localized-card img{max-height:none}

/* Standalone transparent hero assets, never crop a multi-pose sheet. */
.animal-viewport.fifi>img,.animal-viewport.xixi>img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:none;mix-blend-mode:normal}

.product[href='#product/pawstix-plus'] .art img{object-fit:contain;width:100%;height:100%;padding:12px}

/* Hide fallback after the interactive canvas is ready; img display:block overrides UA hidden. */
.animal-viewport>img[hidden]{display:none!important}