@font-face{font-family:Inter;src:url('../assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#131313;--red:#d82b1d;--cream:#efdbc0;--paper:#f7f6f3;--gutter:clamp(24px,5vw,90px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--red);outline-offset:6px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3,strong,b{font-weight:850}h2{font-size:clamp(38px,4.4vw,76px);letter-spacing:-.055em;line-height:1.2}h3{font-size:clamp(21px,2vw,34px);letter-spacing:-.025em}p{line-height:1.75}em{font-style:normal;color:var(--red)}small{font-size:13px}img{max-width:100%;display:block}body:has(dialog[open]){overflow:hidden}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:15px}.skip-link:focus{top:10px}
.masthead{position:absolute;top:0;left:0;width:100%;height:88px;padding:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;z-index:40;font-size:15px;font-weight:750}.brand{font-size:28px;letter-spacing:-1.4px;justify-self:center}.masthead span{text-align:right}.home-link{justify-self:start}.room-stage{background:var(--cream) url('assets/room.webp') center/cover no-repeat}.opening{height:520svh;position:relative}.opening-stage{height:100svh;position:sticky;top:0;overflow:hidden;min-height:550px}.intro-layer,.outfit-layer{position:absolute;inset:0}.hero-title{position:absolute;left:15%;top:15%;transform:rotate(-6deg);width:76%;z-index:3}.hero-title h1{font-weight:900;font-size:clamp(72px,15.4vw,250px);line-height:.87;letter-spacing:-.08em}.hero-title h1 span{display:block;white-space:nowrap}.hero-title h1 span+span{font-size:.70em;letter-spacing:-.065em;margin-top:.05em}.hero-title p{font-weight:900;font-size:clamp(22px,3vw,46px);margin:.25em 0 0 2%}.prop{background-image:url('assets/props.webp');background-size:300% 200%;background-repeat:no-repeat;aspect-ratio:1;mix-blend-mode:multiply;pointer-events:none}.cap{background-position:0% 0%}.sock{background-position:50% 0%}.pearl{background-position:100% 0%}.white-sock{background-position:0% 100%}.hehe{background-position:50% 100%}.sticker{background-position:100% 100%}.intro-pearl{position:absolute;right:6%;top:11%;width:19%;transform:rotate(18deg)}.intro-sock{position:absolute;bottom:-8%;left:-5%;width:30%;transform:rotate(-12deg)}.intro-hehe{position:absolute;right:-1%;bottom:27%;width:15%;transform:rotate(12deg)}.doodle{fill:none;stroke:var(--ink);stroke-width:2.3;stroke-linecap:round}.intro-doodle{position:absolute;bottom:25%;left:2%;width:11%;transform:rotate(-20deg)}.scroll-invitation{position:absolute;bottom:3%;left:26%;right:26%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;z-index:5}.scroll-invitation strong{font-size:clamp(18px,2.2vw,33px);letter-spacing:.06em}.scroll-invitation span{font-size:clamp(14px,1.25vw,20px)}.down-arrow{font-size:55px;line-height:1;display:block;font-weight:250;animation:nudge 2.3s ease-in-out infinite}.scroll-invitation strong{animation:breathe 3.4s ease-in-out infinite}@keyframes nudge{0%,100%{transform:translateY(-5px)}50%{transform:translateY(8px)}}@keyframes breathe{0%,100%{opacity:1}50%{opacity:.62}}
.outfit-layer{visibility:hidden}.outfit-heading{position:absolute;left:10%;top:30%;max-width:28%;opacity:0}.outfit-heading small,.section-heading small,.story-copy>small{color:var(--red);font-size:14px;font-weight:800;letter-spacing:.08em;display:block;margin-bottom:18px}.outfit-assembly{position:absolute;width:min(62svh,52vw);aspect-ratio:2/3;left:50%;top:-6svh;transform:translateX(-50%);mix-blend-mode:multiply}.character{position:relative;width:100%;height:100%;aspect-ratio:2/3;isolation:isolate}.character img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply}.char-card{clip-path:inset(0 0 72.5% 0)}.char-grip{clip-path:polygon(35% 27%,62% 27%,62% 32%,35% 32%)}.char-body{clip-path:polygon(0 27%,34% 27%,34% 31.5%,63% 31.5%,63% 27%,100% 27%,100% 78%,0 78%)}.char-white-left{clip-path:inset(77% 50% 0 0)}.char-white-right{clip-path:inset(77% 0 0 50%)}.char-black{position:absolute;top:75.5%;width:32%;height:21.3%;opacity:0}.char-black.left{left:21%}.char-black.right{left:45%}.char-hat{position:absolute;top:28.5%;left:28%;width:46%;height:30.7%;opacity:0;transform-origin:50% 85%}.char-eye{position:absolute;width:6.5%;height:2.7%;top:47%;background:#fffdf1;border-radius:20% 20% 65% 65%;overflow:hidden;pointer-events:none;opacity:0}.char-eye.left{left:40%}.char-eye.right{left:52.5%}.char-eye i{display:block;position:absolute;right:5%;top:-18%;width:69%;height:106%;border-radius:50%;background:#111;transform:translate(var(--gaze-x,0px),var(--gaze-y,0px))}.char-eye i:after{content:'';position:absolute;left:25%;top:24%;width:24%;height:22%;border-radius:50%;background:white}.character[data-expression=blink] .char-eye{height:.3%;top:48.5%;background:#302315;opacity:1}.character[data-expression=blink] .char-eye i{display:none}.char-blush{position:absolute;top:51%;width:7%;height:2.5%;background:#e88168;border-radius:50%;filter:blur(3px);opacity:0}.char-blush.left{left:37%}.char-blush.right{left:57%}.character[data-expression=shy] .char-blush{opacity:.65}.char-smile{position:absolute;top:51%;left:46%;width:6%;height:2%;border-bottom:3px solid #39291f;border-radius:0 0 50% 50%;background:#e5a04d;opacity:0}.character[data-expression=smile] .char-smile{opacity:1}.outfit-caption{position:absolute;bottom:4%;width:100%;text-align:center;font-size:15px;color:#634f3e}.outfit-caption span{display:inline-block;margin-left:15px}.outfit-steps{position:absolute;right:8%;top:43%;display:grid;gap:20px;font-size:13px}.outfit-steps span{opacity:.35;transition:opacity .2s}.outfit-steps span.active{opacity:1;font-weight:800}.outfit-steps span:before{content:'•';color:var(--red);margin-right:14px}
.page-section{min-height:100svh;padding:90px var(--gutter) 50px;position:relative}.section-heading{position:relative;z-index:4}.meeting{height:100svh;min-height:700px;overflow:hidden}.meeting .section-heading{position:absolute;left:8%;top:10%;max-width:36%}.meeting .section-heading h2{font-size:clamp(34px,4.5vw,72px)}.meeting-character{position:absolute;left:34%;top:-6%;width:36%;height:108%;mix-blend-mode:multiply;cursor:pointer}.meeting-character .char-hat,.meeting-character .char-black{opacity:1}.meeting-character .char-white-left,.meeting-character .char-white-right{opacity:0}.story-choice{position:absolute;right:7%;top:33%;width:26%;padding:35px 30px;transform:rotate(4deg);z-index:5}.paper-choice{background:#f7e8d4;border-radius:35px 55px 36px 45px;box-shadow:0 12px 14px #75421626,inset 0 0 0 1px #fff8;border:1px solid #fff6}.story-choice strong{display:block;font-size:clamp(25px,3vw,45px);margin-bottom:8px}.story-choice p{font-size:15px}.red-arrow{font-size:50px;color:var(--red);display:block;margin-top:20px}.book-icon{font-size:35px;color:var(--red);float:right}.desktop-choice{position:absolute;left:8%;top:47%;width:25%;max-width:340px;z-index:5;transform:rotate(-7deg)}.monitor-shell{display:flex;flex-direction:column;text-align:center;justify-content:center;min-height:215px;background:radial-gradient(ellipse at top,#33414e,#131b25);color:#fff6e8;border:20px solid #ead2ad;border-radius:38px;box-shadow:inset 0 0 15px #0008,5px 12px 12px #63472435,0 0 0 2px #ffedd5}.monitor-shell b{font-size:28px}.monitor-shell small{padding:10px}.monitor-shell i{color:#e95239;font-size:42px;font-style:normal}.monitor-stand{width:52%;height:30px;background:#d9bb94;display:block;margin:auto;border-radius:0 0 20px 20px;box-shadow:0 10px 10px #65442b25}.touch-note{position:absolute;bottom:3%;left:40%;font-size:12px;color:#765f47}.desktop-section{background:#f2e7d7;padding-top:100px}.desktop-section .section-heading{display:flex;gap:35px;align-items:flex-end;flex-wrap:wrap}.desktop-section .section-heading small{width:100%;margin:0}.desktop-section .section-heading h2{font-size:clamp(38px,4vw,60px)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:50px 0 32px}.features article{padding:24px 30px 25px 0;border-top:1px solid #aa8c6b55;display:grid;grid-template-columns:55px 1fr;gap:5px 14px}.feature-icon{grid-row:span 2;font-size:42px;font-weight:400;color:#ae241a;line-height:1.1}.features h3{font-size:23px}.features p{font-size:14px;color:#675a4d}.desktop-actions{display:flex;gap:35px;align-items:center}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--red);color:white;font-size:17px;font-weight:800;padding:20px 29px;border-radius:50px;transition:background .2s,transform .2s;min-height:52px}.primary-action:hover{background:#b81b10;transform:translateY(-2px)}.text-action{font-size:15px;font-weight:700;border-bottom:1px solid currentColor;padding:8px 0}.desktop-preview-note{font-size:12px;color:#7d7062;margin-top:18px}
.story-section{height:240svh;background:#ebd7bb}.story-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:linear-gradient(110deg,#f3e4cf,#ecd2ad)}.story-copy{position:absolute;left:6%;top:16%;width:39%;z-index:3}.story-copy h2{font-size:clamp(35px,4vw,64px)}.story-copy>p{font-size:20px;margin:25px 0}.story-lines{position:relative;min-height:130px}.story-lines p{font-size:21px;line-height:1.8;margin:12px 0;color:#80654b}.sketch-frame{position:absolute;left:43%;top:9%;width:61%;height:82%;overflow:hidden;transform:rotate(3deg);border-radius:8px}.sketch-frame img{width:auto;height:100%;max-width:none;position:absolute;right:0;filter:drop-shadow(-8px 15px 18px #73472125)}.making-caption{position:absolute;left:6%;bottom:6%;font-size:16px;color:#645244}.making-caption span{font-size:13px;opacity:.7}
.presale{background:#faf9f7;padding-top:80px}.presale .section-heading h2{font-size:clamp(35px,3.8vw,61px)}.presale-grid{display:grid;grid-template-columns:27% 44% 29%;align-items:center;position:relative;margin-top:15px;min-height:570px}.presale-left{z-index:5}.price-block{padding:20px 0}.price-block>p{font-weight:700;font-size:17px}.price{color:var(--red);font-size:clamp(75px,8.5vw,135px);font-weight:900;letter-spacing:-.07em;line-height:1.1;margin:5px 0 15px}.price small{font-size:.43em;font-weight:800}.price-block>strong{font-size:clamp(15px,1.65vw,25px)}.price-block em{padding:0 8px}.progress-block{margin-top:30px;padding-top:25px;border-top:1px solid #d5cdc4}.progress-block h3{font-size:26px}.progress-block h3 em{font-size:42px}.progress-block>p{margin:12px 0 8px}.progress-track{height:7px;background:#e5dfd8;border-radius:10px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:var(--red)}.progress-block small{display:block;color:#7b7167;margin-top:9px;font-size:12px}.countdown{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #e1dbd5;margin-top:20px;padding-top:16px;font-size:14px}.product-stage{position:relative;height:650px;isolation:isolate}.product-momo{position:absolute;width:100%;height:100%;left:0;top:-5%;mix-blend-mode:multiply;z-index:3}.product-momo .char-card{visibility:hidden}.product-momo .character{transform:scale(1.2) translateY(-1%)}.product-hat{position:absolute;right:-6%;top:0;width:53%;transform:rotate(14deg);z-index:1}.product-socks{position:absolute;left:-11%;top:33%;width:50%;transform:rotate(-18deg);z-index:2}.product-socks .sock{width:72%}.product-socks .sock+.sock{position:absolute;left:38%;top:12%;transform:rotate(13deg)}.gift{display:grid;place-items:center;position:absolute;top:8%;right:9%;width:37px;height:37px;background:var(--red);border:3px solid #fff;border-radius:50%;color:white;font-size:19px;font-weight:900;z-index:4;box-shadow:0 3px 5px #0001}.product-pearl{position:absolute;right:-2%;bottom:0;width:30%;z-index:5}.presale-right{padding-left:30px;z-index:4}.presale-right article{margin-bottom:30px}.presale-right h3{font-size:25px;margin-bottom:12px}.presale-right p{font-size:16px}.sticker-benefit{position:relative;padding-top:12px}.sticker-benefit .sticker{width:105px;height:140px;float:left;margin-left:-95px;margin-right:10px;background-size:400% 250%;background-position:100% 100%}.sticker-benefit .text-action{font-size:12px;color:#6b625a}.shipping{padding-top:24px;border-top:1px solid #d5cdc4}.shipping h3{font-size:23px}.shipping em{font-size:33px}.presale-footer{display:grid;grid-template-columns:1.2fr 1fr auto;gap:25px;align-items:center;border-top:1px solid #d5cdc4;padding:25px 0;margin-top:0}.presale-footer strong{font-size:17px}.presale-footer p{font-size:12px;color:#75695e}.presale-footer .primary-action{font-size:14px;padding:18px 23px}.presale-footer .text-action{font-size:13px}
.finale{height:400svh;background:#faf9f7}.finale-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;background:radial-gradient(ellipse at center,#fff,#f6f5f2)}.carry-message{position:absolute;left:5%;top:27%;z-index:5}.carry-message h2{font-size:clamp(45px,5.5vw,90px)}.carry-message p{margin-top:25px;font-size:18px}.carry-basket{position:absolute;width:76%;max-width:none;right:-3%;bottom:-9%;mix-blend-mode:multiply;z-index:4}.gather-items{position:absolute;inset:0;z-index:3}.gather-items>.prop{position:absolute;width:20%;left:55%;top:15%}.gather-items>.sock{left:25%;top:50%}.gather-items>.pearl{left:80%;top:60%;width:10%}.invitation-scene{position:absolute;inset:0;display:grid;grid-template-columns:29% 53% 18%;align-items:center;padding:75px 5% 40px;opacity:0;visibility:hidden;pointer-events:none;cursor:pointer}.invitation-scene.ready{pointer-events:auto}.invitation-side h2{font-size:clamp(40px,4.4vw,70px)}.invitation-side p{font-size:16px;margin-top:30px}.invite-window{background:white;border:1px solid #c4c3c0;border-radius:24px;box-shadow:0 15px 20px #0002,inset 0 0 0 2px #fff;position:relative;z-index:2;overflow:visible}.invite-header{background:linear-gradient(#f3f3f3,#eaeaea);padding:24px 20px;text-align:center;border-radius:24px 24px 0 0}.invite-header h3{font-size:27px}.invite-header p{font-size:16px;margin-top:5px}.invite-body{text-align:center;padding:0 22px 23px}.invite-props{display:flex;align-items:center;justify-content:center;height:190px;gap:5px}.invite-cap{position:relative;width:43%}.invite-cap>.cap{width:100%}.invite-socks{position:relative;width:40%;display:flex}.invite-socks>.sock{width:72%;flex-shrink:0}.invite-socks>.sock+.sock{margin-left:-37%;transform:translateY(12px)}.invite-props>.pearl{width:20%;margin-left:-5%;align-self:flex-end}.invite-props .gift{width:27px;height:27px;font-size:15px;top:5%;left:0}.invite-body h3{font-size:35px}.invite-goal{font-size:22px;font-weight:700;line-height:1.5}.invite-goal em{font-size:43px}.invite-body>strong{display:block;font-size:21px;margin:5px 0}.invite-body>p:not(.invite-goal){font-size:16px}.invite-body>small{display:block;margin-top:15px;font-size:13px;color:#585858}.invite-footer{padding:18px 50px 16px;text-align:center;background:linear-gradient(#eee,#e7e7e7);border-top:1px solid #c3c3c3;border-radius:0 0 24px 24px;position:relative}.invite-footer strong{font-size:29px;display:block}.invite-footer small{display:block;color:#626262;margin-top:4px}.click-hand{position:absolute;width:80px;height:95px;right:1%;bottom:-9px;fill:white;stroke:#111;stroke-width:5;stroke-linejoin:round;filter:drop-shadow(0 4px 2px #0003);animation:clickpulse 1.8s infinite ease-in-out}.click-hand .rays{fill:none;stroke-width:6;animation:breathe 1.8s infinite}.invitation-scene:hover .click-hand{animation-play-state:paused}@keyframes clickpulse{0%,100%{transform:scale(1)}50%{transform:scale(.88)}}.peek-momo{position:absolute;width:31%;height:49%;right:-2%;bottom:2%;overflow:hidden;z-index:4;mix-blend-mode:multiply;pointer-events:none}.peek-portrait{position:absolute;inset:0;background:url('assets/hang-short-v10.webp') 50% 53%/160% auto no-repeat;transform:rotate(-10deg)}.site-footer{padding:26px var(--gutter);display:flex;gap:28px;font-size:11px;background:#faf9f7;border-top:1px solid #ddd}.site-footer span{margin-right:auto}.site-footer a{white-space:nowrap}.noscript-note{padding:30px}
dialog{border:1px solid #ccc;border-radius:22px;max-width:560px;width:calc(100% - 36px);padding:42px;background:#fff;box-shadow:0 30px 90px #0003}dialog::backdrop{background:#1f160e60;backdrop-filter:blur(8px)}dialog h2{font-size:30px;margin:20px 0}dialog p{color:#655d56;font-size:15px;white-space:pre-line}.dialog-close{position:absolute;right:15px;top:10px;font-size:30px;width:36px;height:36px}.dialog-note{font-size:12px!important;margin-top:20px}#download-options{display:grid;gap:12px;margin-top:25px}.download-option{border:1px solid #ddd;border-radius:12px;padding:17px;display:block}.download-option span{display:block;font-size:12px;color:#777;margin-top:5px}.download-option.unavailable{opacity:.6;cursor:default}.review-nav{position:fixed;bottom:15px;left:15px;z-index:70;background:#fff;padding:10px;border-radius:9px;box-shadow:0 2px 8px #0003;display:flex;gap:12px;font-size:12px}
@media(min-width:1700px){.presale-grid{min-height:730px}.product-stage{height:760px}.invite-props{height:230px}.invite-window{max-width:800px}.meeting-character{width:32%;left:35%}}
@media(max-width:1000px){.presale-grid{grid-template-columns:29% 40% 31%}.product-stage{height:500px}.presale-right{padding-left:8px}.presale-right h3{font-size:20px}.presale-right p{font-size:14px}.presale-footer{grid-template-columns:1fr 1fr}.presale-footer>.primary-action{grid-column:span 2}.invite-header h3{font-size:22px}.invite-body h3{font-size:28px}.invite-body>strong{font-size:17px}.invite-header p{font-size:14px}.invite-props{height:150px}.invite-footer strong{font-size:25px}.invite-body>small{font-size:11px}.invitation-side h2{font-size:36px}.invitation-side p{font-size:13px}}
@media(max-width:700px){:root{--gutter:23px}.masthead{height:70px;font-size:11px}.brand{font-size:24px}.opening-stage{min-height:570px;background-size:auto 100%;background-position:center}.opening{height:430svh}.hero-title{left:10%;top:26%;width:82%}.hero-title h1{font-size:24vw;line-height:.95;letter-spacing:-.07em}.hero-title h1 span+span{font-size:.53em;letter-spacing:-.06em}.hero-title p{font-size:26px;margin-top:15px}.intro-pearl{top:13%;right:5%;width:27%}.intro-sock{width:53%;bottom:-2%;left:-14%}.intro-hehe{width:25%;right:-4%;bottom:34%}.intro-doodle{width:18%;left:3%;bottom:31%}.scroll-invitation{left:13%;right:13%;bottom:8%;gap:13px}.scroll-invitation strong{font-size:18px;letter-spacing:0;white-space:nowrap}.scroll-invitation span{font-size:14px}.down-arrow{font-size:43px}.outfit-assembly{width:min(90vw,61svh);top:0}.outfit-heading{left:8%;top:13%;max-width:100%}.outfit-heading h2{font-size:29px}.outfit-heading small{font-size:10px}.outfit-steps{top:auto;bottom:10%;left:10%;right:10%;display:flex;justify-content:center;gap:20px;font-size:11px}.outfit-steps span:before{margin-right:5px}.outfit-caption{bottom:4%;font-size:12px}.page-section{padding:65px 23px 40px}.meeting{min-height:830px;height:110svh}.meeting .section-heading{top:6%;left:7%;max-width:90%}.meeting .section-heading h2{font-size:36px}.meeting .section-heading small{font-size:11px;margin-bottom:12px}.meeting-character{width:85%;height:80%;left:20%;top:14%}.story-choice{right:7%;top:auto;bottom:5%;width:56%;padding:18px 22px;transform:rotate(3deg)}.story-choice strong{font-size:27px}.story-choice p{font-size:12px}.story-choice .red-arrow{margin-top:4px;font-size:35px}.book-icon{font-size:24px}.desktop-choice{left:5%;top:44%;width:38%;transform:rotate(-5deg)}.monitor-shell{border-width:10px;border-radius:24px;min-height:150px}.monitor-shell b{font-size:18px}.monitor-shell small{font-size:10px;padding:10px 5px}.monitor-shell i{font-size:29px}.touch-note{left:6%;bottom:4%;width:30%;font-size:10px}.desktop-section .section-heading{gap:15px}.desktop-section .section-heading h2{font-size:40px}.desktop-section .section-heading>p{font-size:13px}.features{grid-template-columns:1fr 1fr;margin:30px 0;gap:0 18px}.features article{padding:18px 0;display:block}.feature-icon{display:block;font-size:30px;margin-bottom:10px}.features h3{font-size:18px;margin:6px 0}.features p{font-size:12px}.desktop-actions{align-items:flex-start;flex-direction:column;gap:13px}.primary-action{font-size:15px;padding:17px 24px}.desktop-preview-note{font-size:11px}.story-section{height:210svh}.story-stage{min-height:670px}.story-copy{left:7%;top:7%;width:90%}.story-copy h2{font-size:36px}.story-copy>small{font-size:11px}.story-copy>p{font-size:15px;margin:15px 0}.story-lines{position:absolute;left:0;top:205px;max-width:44%;z-index:4}.story-lines p{font-size:15px}.sketch-frame{left:35%;top:38%;height:49%;width:73%;transform:rotate(4deg)}.making-caption{left:7%;bottom:5%;font-size:13px}.making-caption span{font-size:11px}.presale .section-heading h2{font-size:32px}.presale-grid{display:flex;flex-wrap:wrap;margin-top:0}.product-stage{width:100%;order:0;height:480px;margin-top:-35px}.product-momo{width:90%;left:7%;top:-6%}.product-hat{width:38%;right:-4%;top:6%}.product-socks{width:36%;left:0;top:37%}.product-pearl{width:21%;bottom:-1%;right:-3%}.presale-left{order:1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:22px}.price-block{padding-top:20px}.price-block>p{font-size:13px}.price{font-size:72px}.price-block>strong{font-size:12px;white-space:nowrap}.price-block em{padding:0}.progress-block{margin:0;padding-top:20px}.progress-block h3{font-size:17px}.progress-block h3 em{font-size:32px}.progress-block>p{font-size:12px}.progress-block small{font-size:10px}.countdown{font-size:11px;gap:8px}.presale-right{order:2;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px 0 0}.presale-right article{margin-bottom:0}.presale-right h3{font-size:18px}.presale-right p{font-size:13px}.sticker-benefit{padding-top:0}.sticker-benefit .sticker{width:75px;height:90px;float:none;margin:0 0 10px}.presale-right .shipping{grid-column:span 2;margin-top:5px;display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex-wrap:wrap}.shipping h3{font-size:19px}.shipping em{font-size:26px}.presale-footer{grid-template-columns:1fr;margin-top:20px;gap:15px}.presale-footer>.primary-action{grid-column:auto}.presale-footer strong{font-size:15px}.finale{height:340svh}.carry-message{left:7%;top:12%}.carry-message h2{font-size:43px}.carry-message p{font-size:13px;margin-top:18px}.carry-basket{width:132%;right:-21%;bottom:8%}.gather-items>.cap{top:50%;left:50%;width:35%}.gather-items>.sock{top:60%;left:10%;width:30%}.gather-items>.pearl{top:70%;left:85%;width:15%}.invitation-scene{display:block;padding:80px 6% 20px}.invitation-side{position:relative;margin:0 0 20px}.invitation-side h2{font-size:30px}.invitation-side h2 br{display:none}.invitation-side p{font-size:13px;margin-top:8px}.invite-window{width:95%;border-radius:19px}.invite-header{padding:17px 12px}.invite-header h3{font-size:20px}.invite-header p{font-size:13px}.invite-body{padding:0 12px 16px}.invite-props{height:135px}.invite-body h3{font-size:27px}.invite-goal{font-size:17px}.invite-goal em{font-size:35px}.invite-body>strong{font-size:17px}.invite-body>p:not(.invite-goal){font-size:14px}.invite-body>small{font-size:10px;margin-top:13px}.invite-footer{padding:16px 30px}.invite-footer strong{font-size:25px}.invite-footer small{font-size:11px}.click-hand{width:58px;height:70px;right:0}.peek-momo{width:36%;height:24%;bottom:-1%;right:-5%}.site-footer{gap:15px;flex-wrap:wrap;font-size:10px}.site-footer span{width:100%}dialog{padding:35px 24px}dialog h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.opening{height:auto}.opening-stage{height:auto;min-height:190svh;position:relative}.intro-layer{height:100svh}.outfit-layer{top:100svh;height:90svh;visibility:visible}.outfit-assembly{top:-10svh}.outfit-caption{bottom:3%}.story-section,.finale{height:auto}.story-stage,.finale-stage{position:relative}.finale-stage{height:auto;min-height:1000px}.carry-message,.carry-basket,.gather-items{display:none}.invitation-scene{position:relative;opacity:1;visibility:visible;min-height:900px;pointer-events:auto}.story-lines p{opacity:1!important}.peek-momo{bottom:0}.outfit-steps{display:none}}

/* Verified per-object atlas windows; never expose adjacent cells. */
.prop{mix-blend-mode:normal}
.cap{background-size:356.38% 333.55%;background-position:8.145% 13.947%;aspect-ratio:431/307;clip-path:polygon(1% 83%,3% 62%,11% 34%,25% 13%,41% 2%,60% 0,78% 8%,90% 26%,97% 53%,100% 84%,94% 100%,72% 88%,54% 84%,32% 86%,7% 100%)}
.sock{background-size:535.19% 322.01%;background-position:51.72% 14.306%;aspect-ratio:287/318;clip-path:polygon(16% 0,82% 0,87% 7%,86% 23%,96% 48%,100% 68%,95% 82%,80% 95%,59% 100%,36% 100%,17% 94%,4% 81%,0 67%,4% 48%,12% 24%,13% 7%)}
.pearl{background-size:691.89% 461.26%;background-position:86.53% 16.958%;aspect-ratio:1;clip-path:circle(49% at 50% 50%)}
.white-sock{background-size:461.26% 330.32%;background-position:10.47% 78.43%;aspect-ratio:333/310;clip-path:polygon(26% 0,97% 25%,88% 53%,100% 66%,72% 91%,30% 100%,8% 88%,0 69%,12% 40%)}
.hehe{background-size:431.46% 355.56%;background-position:49.15% 78.80%;aspect-ratio:356/288;clip-path:polygon(14% 8%,40% 1%,64% 1%,88% 12%,98% 38%,100% 63%,89% 83%,56% 89%,39% 100%,27% 85%,8% 79%,0 55%,3% 27%)}
.sticker,.sticker-benefit .sticker{background-size:401.04% 206.04%;background-position:90.20% 85.389%;aspect-ratio:383/497;clip-path:polygon(40% 0,68% 0,84% 8%,90% 27%,96% 45%,97% 70%,100% 83%,80% 87%,67% 87%,40% 100%,16% 96%,0 86%,1% 67%,2% 39%,15% 30%,34% 26%)}
.character{isolation:auto}.character img{mix-blend-mode:normal}
.char-card{clip-path:polygon(46% 0,66% 2%,64% 12%,66% 16%,67% 20%,62% 25%,57% 25%,57% 28%,48% 28%,45% 26%,45% 24%,40% 23%,40% 17%,44% 12%)}
.char-grip{clip-path:polygon(38% 29%,46% 27.5%,50% 26%,54% 27.5%,62% 29%,62% 31.8%,53% 29.7%,47% 29.7%,38% 31.8%)}
.char-body{clip-path:polygon(31% 28.3%,36% 28.3%,39% 30%,38% 33%,36% 37%,39% 34%,45% 33%,54% 33%,60% 34.5%,63% 37%,61% 32%,60% 29%,65% 28.3%,69% 29%,73% 37%,73% 50%,67% 60%,65% 68%,67% 76.9%,53% 77.3%,50% 76%,46% 77.3%,32% 77%,34% 68%,34% 62%,28% 54%,26% 45%,29% 33%)}
.char-white-left{clip-path:polygon(32% 76.5%,45% 76.5%,47% 83%,46% 89%,42% 92%,37% 92.5%,32% 91%,29.5% 87%,30.5% 81%)}
.char-white-right{clip-path:polygon(54% 76.5%,66% 76.5%,68% 82%,69% 88%,66% 91%,60% 92.5%,56% 91.5%,53% 89%,52% 83%)}
.char-black{top:76.2%;width:19.4%;height:16.3%}.char-black.left{left:29.5%}.char-black.right{left:51.7%}
.char-hat{top:30.8%;left:33%;width:34%;height:13.2%}
.char-eye{top:47.8%}.char-eye.left{left:40.5%}.char-eye.right{left:53.2%}
.character[data-expression=blink] .char-eye{top:48.8%}
.product-stage{isolation:auto}.product-hat,.product-socks,.product-pearl{mix-blend-mode:multiply}
.product-momo .char-card{visibility:visible;clip-path:polygon(46% 20.5%,56% 20.5%,58% 24%,56% 27.5%,47% 27.5%,45% 25%)}
.product-hat{width:45%;right:-1%;top:1%}.product-socks{width:40%;left:-7%;top:35%}
.product-socks .sock{width:55%}.product-socks .sock+.sock{left:42%;top:11%}
.product-pearl{width:13%;right:3%;bottom:5%}
.sticker-benefit .sticker{width:94px;height:122px;margin-left:-86px;margin-right:8px}
.intro-pearl{width:11%;right:9%;top:17%;mix-blend-mode:normal}.intro-sock{width:24%;bottom:-3%;left:-2%}.intro-hehe{right:1%;width:12%;bottom:31%}
.invite-props>.pearl{width:10%;margin-left:3%;align-self:center;margin-top:65px}.invite-socks>.sock{width:54%}.invite-socks>.sock+.sock{margin-left:-7%}
.product-stage{overflow:visible}.presale{overflow:clip}.presale-footer{position:relative;z-index:6}
html,body{overflow-x:clip}
@media(max-width:700px){.intro-pearl{width:19%;right:9%;top:18%}.intro-sock{width:43%;left:-8%;bottom:0}.intro-hehe{width:20%;right:-2%;bottom:35%}.product-hat{width:33%;right:0;top:14%}.product-socks{width:31%;left:3%;top:43%}.product-pearl{width:12%;bottom:7%;right:4%}.sticker-benefit .sticker{width:75px;height:98px;margin:0 0 10px}.meeting-character{width:80%;left:22%}}

/* ScrollTrigger refresh must reposition the viewport synchronously. */
html{scroll-behavior:auto}
.product-momo .char-card{display:none}
.product-momo .character:before{content:'';position:absolute;left:46%;top:21.5%;width:10%;height:7%;border:5px solid #171512;border-radius:50%;box-shadow:inset 0 0 0 1px #797266,0 0 0 1px #514c44}
.peek-portrait{background-image:url('assets/peek-short-v10.webp');background-size:398.5% 246.15%;background-position:99.75% 87.1%;transform:none;clip-path:polygon(34% 0,68% 0,90% 8%,99% 25%,98% 52%,88% 67%,89% 100%,18% 100%,18% 76%,8% 63%,0 50%,1% 43%,6% 43%,17% 55%,18% 32%,24% 12%)}
.peek-momo{width:28%;height:auto;aspect-ratio:398/403;bottom:3%;right:0}
@media(max-width:700px){.opening-stage,.meeting{background-size:100% 100%}.peek-momo{width:34%;height:auto;bottom:0;right:0}}

/* v9: preserve source artwork with tighter native masks and separate hit guidance. */
.cap{background-image:url('assets/cap-short-v10.webp');background-size:100% 100%;background-position:center;clip-path:none;aspect-ratio:3/2}
.product-momo .char-body{clip-path:polygon(30% 28%,36% 28%,40% 31%,39% 35%,38% 37%,42% 34%,48% 33%,56% 33%,61% 36%,62% 37%,60% 33%,59% 30%,62% 28%,67% 28%,70% 32%,72% 38%,73% 45%,71% 52%,68% 58%,65% 63%,65% 68%,67% 77.3%,53% 77.3%,50% 76%,46% 77.3%,32% 77.3%,34% 68%,34% 62%,29% 56%,27% 50%,27% 43%,28% 36%)}
.product-momo{z-index:4}.product-hat{z-index:2;mix-blend-mode:normal}
.peek-portrait{background-size:377.619% 230.698%;background-position:99.83% 88.97%;clip-path:polygon(28% 99%,28% 80%,20% 77%,13% 73%,8% 66%,3% 59%,2% 55%,3% 50%,5% 49%,9% 51%,11% 55%,15% 59%,21% 61%,22% 48%,19% 43%,20% 36%,24% 32%,26% 22%,30% 14%,37% 8%,46% 4%,57% 3%,67% 4%,77% 8%,84% 14%,90% 21%,94% 30%,94% 40%,91% 49%,86% 56%,86% 62%,82% 66%,79% 67%,83% 72%,85% 82%,85% 96%,84% 99%)}
.peek-momo{aspect-ratio:420/430;width:25%;bottom:0;right:-1%;mix-blend-mode:normal}
.click-hand{right:12%}
@media(max-width:700px){.invitation-scene{padding-top:34px}.invitation-side{margin-bottom:16px}.invite-props{height:115px}.invite-window{width:95%}.peek-momo{width:34%;bottom:4%;right:-1%}.click-hand{right:5%;width:44px;height:54px}.invite-footer{padding-right:45px}}
/* Masks use the source's 2:3 coordinates, so their host must keep that ratio. */
.product-momo{width:auto;height:100%;aspect-ratio:2/3;left:50%;transform:translateX(-50%)}
.meeting-character{height:auto;aspect-ratio:2/3}
@media(max-width:700px){.peek-momo{top:calc(600px - 1svh);bottom:auto}.finale-stage{min-height:780px}.product-momo{width:auto;left:50%}}
.invitation-scene{z-index:6}.gather-items,.carry-basket,.carry-message{pointer-events:none}
.product-hat{width:38%;right:-5%;top:0}
@media(max-width:700px){.click-hand{right:24%}.product-hat{width:30%;right:0;top:14%}}
@media(max-width:700px){.click-hand{right:0;bottom:20px;width:32px;height:40px}}
@media(max-width:700px) and (max-height:740px){.finale-stage{min-height:660px}.invitation-scene{padding-top:22px}.invitation-side h2{font-size:25px}.invitation-side{margin-bottom:10px}.invite-header{padding:12px}.invite-props{height:90px}.invite-body{padding-bottom:12px}.invite-body h3{font-size:24px}.invite-goal{font-size:16px}.invite-goal em{font-size:30px}.invite-body>strong{font-size:15px}.invite-body>small{margin-top:10px}.invite-footer{padding-top:12px;padding-bottom:12px}.invite-footer strong{font-size:23px}.peek-momo{top:490px}}