@charset "UTF-8";
:root{--paper:#f7f1e6;--ink:#2e2b29;--orange:#e76a45;--action:#c34c2c;--muted:#70695f;--navy:#19283a;--yellow:#f2ce6f;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:10px;transform:translateY(-150%);z-index:200;background:var(--ink);color:var(--paper);padding:12px}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:30;top:0;left:0;width:100%;padding:25px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;pointer-events:none;color:var(--ink);transition:color .25s}.site-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:850;line-height:1.2}.brand img{border-radius:10px}.brand small{display:block;font-size:8px;letter-spacing:2.1px;font-weight:600;margin-top:5px}.header-note{font-size:10px;letter-spacing:1.5px;pointer-events:none}.header-actions{display:flex;align-items:center;gap:28px}.about-button{font-size:11px;background:transparent;padding:8px 0}.about-button span{margin-left:12px}.header-download{font-size:11px;display:flex;align-items:center;justify-content:center;gap:25px;border:1px solid currentColor;border-radius:30px;padding:12px 18px;background:transparent}.header-download:hover{background:var(--ink);color:var(--paper)}
.experience{display:none;height:650svh;position:relative}.motion-ready:not(.reduced) .experience{display:block}.world{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:var(--paper)}.paper-grain{position:absolute;inset:0;z-index:1;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23g)'/%3E%3C/svg%3E")}.ambient-circle{position:absolute;border-radius:50%;pointer-events:none}.circle-a{width:63vw;height:63vw;left:37%;top:-10%;background:#efdfc8;opacity:.6}.circle-b{width:45vw;height:45vw;left:14%;top:22%;border:1px solid #d4b98a66}.backdrop-word{position:absolute;z-index:0;left:5%;top:8%;font-weight:950;line-height:1;white-space:nowrap;font-size:clamp(130px,33vw,600px);letter-spacing:-.09em;color:#e6d7c14d;user-select:none;pointer-events:none}.cosmic-dots{position:absolute;inset:0;opacity:0;background-image:radial-gradient(#f8e4b8 1px,transparent 1px),radial-gradient(#ffffff70 1px,transparent 1px);background-size:123px 129px,73px 67px;background-position:10px 20px,50px 55px;pointer-events:none}.pen-trail{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.pen-trail path{stroke:var(--orange);stroke-width:2;fill:none;stroke-linecap:round;opacity:.65}.frame-symbol{position:absolute;left:65%;top:50%;width:15vw;height:15vw;z-index:2;pointer-events:none}.frame-symbol i{position:absolute;border:clamp(4px,.65vw,10px) solid var(--orange);width:100%;height:72%;border-radius:12%;transform:rotate(-20deg)}.frame-symbol i:nth-child(2){left:35%;top:35%}.film-track{position:absolute;left:25%;width:80%;top:44%;height:38%;transform:rotate(-3deg);background:#0d1725;opacity:0;z-index:2;border-radius:4px;pointer-events:none}.film-track span{position:absolute;height:8px;left:0;right:0;background:repeating-linear-gradient(90deg,#ccbea0 0 12px,transparent 12px 32px)}.film-track span:first-child{top:8px}.film-track span:last-child{bottom:8px}
.scene-copy{position:absolute;z-index:9;max-width:44%;will-change:transform,opacity;opacity:0;visibility:hidden}.scene-intro{left:6.5%;top:27%;max-width:44%;opacity:1;visibility:visible}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;line-height:1.8;margin-bottom:21px}.scene-copy h1,.reading-mode h1{font-size:clamp(45px,6.4vw,105px);font-weight:850;line-height:1.28;letter-spacing:-.065em}.scene-copy h1 span,.scene-copy h2 span,.reading-mode h1 span{color:var(--orange)}.description{font-size:13px;line-height:1.9;margin-top:26px;color:var(--muted)}.text-action{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid currentColor;padding:10px 0;margin-top:25px;background:transparent;font-size:12px}.text-action span{font-size:24px}.small-note{display:block;margin-top:19px;font-size:10px;color:var(--muted);line-height:1.7}.scene-copy h2{font-size:clamp(30px,4.3vw,70px);line-height:1.35;letter-spacing:-.055em;font-weight:800}.scene-idea{left:56%;top:17%;max-width:39%}.scene-film{left:31%;top:18%;max-width:65%;color:var(--paper)}.scene-film h2{font-size:clamp(28px,4vw,66px)}.scene-film .description{color:#b3bdc8;margin-top:15px}.scene-studio{left:8%;top:16%;max-width:80%}.scene-studio h2{font-size:clamp(27px,3.7vw,60px)}.scene-studio .description{margin-top:15px;font-size:12px}.scene-finale{left:56%;top:30%;max-width:40%}.primary-action{display:inline-flex;gap:32px;justify-content:center;align-items:center;background:var(--action);color:var(--paper);font-size:13px;font-weight:600;padding:16px 23px;border-radius:9px;margin-top:28px;box-shadow:0 4px 0 #98341d;transition:background .2s,transform .2s}.primary-action:hover{background:#ac3e24;transform:translateY(-3px)}.primary-action span{font-size:19px}
.mascot{position:absolute;left:50%;top:50%;z-index:7;width:min(84svh,950px);height:min(84svh,950px);will-change:transform;transform:translate(-50%,-50%)}.mascot-parallax{width:100%;height:100%;transform-style:preserve-3d}.mascot-body{position:relative;width:100%;height:100%;padding:0;background:transparent;transform-origin:50% 85%;animation:character-breathe 5s ease-in-out infinite;filter:drop-shadow(0 12px 0 #fffcf4c0) drop-shadow(0 25px 18px #593e1c15)}.pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.pose-point,.pose-invite{opacity:0}.mascot-caption{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%) rotate(-5deg);white-space:nowrap;background:var(--paper);border:1px solid #b7a88a55;padding:8px 16px;font-size:10px;letter-spacing:1px;box-shadow:0 3px 8px #503b1710}.mascot-button:focus-visible{outline:0}.art-card{position:absolute;left:50%;top:50%;z-index:5;width:clamp(150px,23vw,390px);will-change:transform,opacity;transform:translate(-50%,-50%);perspective:1100px}.card-face{display:block;position:relative;background:#fffbf0;border-radius:4px;padding:10px 10px 0;width:100%;box-shadow:0 20px 30px #271b212b,0 0 0 1px #ffffff80;transform-style:preserve-3d;transition:box-shadow .25s}.card-face:hover{box-shadow:0 30px 45px #21131f40}.card-crop{display:block;aspect-ratio:1.2;background-image:url('assets/storyboard.32e6aba5b210.webp');background-size:300% 100%;border-radius:2px}.crop-one{background-position:left center}.crop-two{background-position:center center}.crop-three{background-position:right center}.card-label{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#44382e;padding:12px 2px 14px;font-size:10px}.card-label b{font-weight:500}.card-label>span{font-size:17px;color:var(--action)}.tape{position:absolute;top:-11px;left:35%;width:30%;height:23px;transform:rotate(5deg);background:#eedab5ac;backdrop-filter:blur(3px);clip-path:polygon(0 8%,98% 0,100% 94%,3% 100%);pointer-events:none}
.floating-sticker{position:absolute;z-index:10;will-change:transform,opacity}.sticker-note{left:79%;top:71%}.sticker-star{left:84%;top:21%}.sticker-seal{left:35%;top:78%}.drag-sticker{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;position:relative;transition:filter .2s}.drag-sticker:active{cursor:grabbing}.note-sticker{background:#f3d77e;padding:18px 21px 13px;text-align:left;width:190px;box-shadow:4px 10px 0 #66512112,0 16px 20px #392d1d16;transform:rotate(9deg);transform-origin:top left;clip-path:polygon(0 0,100% 0,100% calc(100% - 19px),calc(100% - 19px) 100%,0 100%)}.note-sticker:after{content:"";position:absolute;right:0;bottom:0;width:19px;height:19px;background:#e5b950;box-shadow:-3px -2px 7px #6e4c2520;transition:width .25s,height .25s}.note-sticker:hover:after{width:30px;height:30px}.note-sticker small{font-size:9px;letter-spacing:1px;color:#74623e}.note-sticker strong{display:block;margin-top:15px;font-size:16px;line-height:1.7;font-weight:500}.note-sticker>span{font-size:35px;display:block;text-align:right;line-height:1;color:#a0682d}.note-sticker em{font-size:8px;font-style:normal;color:#78613b;display:block}.star-sticker{background:none;width:115px;height:115px;filter:drop-shadow(3px 4px 0 #fff7e8) drop-shadow(0 8px 8px #8b502420);transform:rotate(13deg)}.star-sticker>span{position:absolute;inset:0;color:var(--orange);font-size:115px;line-height:1}.star-sticker small{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff9e9;transform:rotate(-12deg)}.seal-sticker{width:142px;height:142px;background:#dae2d0;border:5px solid var(--paper);border-radius:50%;box-shadow:0 8px 15px #3d42211a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform:rotate(-15deg);color:#40533a;outline:1px dashed #657653;outline-offset:-10px}.seal-sticker span{font-size:6px;letter-spacing:1px}.seal-sticker b{font-size:17px;line-height:1.4;font-weight:700}
.studio-window{position:absolute;left:50%;top:57%;z-index:6;width:min(74vw,1100px);transform:translate(-50%,-50%);background:#eee9df;padding:10px;border-radius:12px;box-shadow:0 30px 70px #4d36242b,0 0 0 1px #fff9;opacity:0;visibility:hidden;will-change:transform,opacity}.window-chrome{display:flex;justify-content:space-between;padding:3px 5px 12px;color:#827461;font-size:9px;letter-spacing:1px}.window-chrome>span:first-child{letter-spacing:3px;font-size:8px;color:#b6a891}.studio-window>button{padding:0;background:none;width:100%;overflow:hidden;border-radius:5px}.studio-window img{width:100%;height:auto;max-height:58svh;object-fit:contain}.studio-window figcaption{font-size:9px;color:#827461;text-align:center;padding-top:9px}.invitation-ticket{position:absolute;z-index:4;left:74%;top:74%;width:215px;padding:24px;background:#fffdf5;border:1px solid #dbcbaa;border-radius:7px;transform:rotate(12deg);box-shadow:7px 8px 0 #e8d6b9;opacity:0;visibility:hidden}.invitation-ticket>span,.invitation-ticket small{font-size:7px;letter-spacing:1px;color:#7f7360}.invitation-ticket strong{display:block;font-size:24px;line-height:1.5;font-weight:500;margin-block:20px}.invitation-ticket i{display:block;height:1px;border-top:1px dashed #cebea1;margin-bottom:14px}.scene-bottom{position:absolute;bottom:27px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;z-index:15;font-size:9px;letter-spacing:1px;color:var(--muted);pointer-events:none}.scroll-cue{display:flex;gap:11px;align-items:center}.scroll-cue i{display:block;width:17px;height:28px;border:1px solid currentColor;border-radius:12px;position:relative}.scroll-cue i:after{content:"";position:absolute;top:5px;left:7px;width:1px;height:6px;background:currentColor;animation:scroll-nudge 1.6s ease-in-out infinite}.scene-counter{display:flex;align-items:center;gap:10px}.scene-counter b{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}.scene-counter>span{font-size:9px}.chapter-nav{position:absolute;z-index:20;left:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:21px}.chapter-nav button{display:flex;align-items:center;gap:8px;background:none;padding:3px;color:#998b77;position:relative}.chapter-nav i{display:block;width:5px;height:5px;border:1px solid currentColor;border-radius:50%;transition:transform .2s}.chapter-nav span{font-size:8px;position:absolute;left:16px;white-space:nowrap;opacity:0;transform:translateX(-3px);transition:opacity .2s,transform .2s}.chapter-nav button[aria-current=step]{color:var(--orange)}.chapter-nav button[aria-current=step] i{background:currentColor;transform:scale(1.5)}.chapter-nav button:hover span,.chapter-nav button:focus-visible span{opacity:1;transform:none}.progress-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:#b9a18130;z-index:20}.progress-track i{display:block;width:100%;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}
.is-night .site-header{color:#f7f1e6}.is-night .scene-bottom{color:#c1c3c8}.is-night .scene-counter b{color:var(--paper)}.is-night .mascot-body{filter:drop-shadow(0 8px 0 #fffcf4aa) drop-shadow(0 20px 30px #0003)}.is-night .chapter-nav button{color:#c5c5bd}.is-night .chapter-nav button[aria-current=step]{color:#f8b279}.is-night .header-download:hover{background:var(--paper);color:var(--navy)}
.reading-mode{max-width:1260px;padding:110px 6% 30px;margin:auto}.motion-ready:not(.reduced) .reading-mode{display:none}.reading-mode section{padding:65px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;border-bottom:1px solid #cdbfa940}.reading-mode h2{font-size:42px;line-height:1.4;letter-spacing:-2px}.reading-mode p:not(.eyebrow){line-height:1.9;font-size:14px;color:var(--muted);margin-top:20px}.reading-mode>section>img{width:100%;height:auto;border-radius:12px}.reading-mode .reading-film{display:block}.reading-film>img{margin-top:25px}.plain-image{padding:0;background:none;border-radius:10px;overflow:hidden}footer{padding:26px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--paper);font-size:10px;color:var(--muted);min-height:110px}footer .brand{display:block;font-size:19px;color:var(--ink)}footer .brand small{font-size:7px}footer>div{display:flex;gap:20px}footer button{font-size:10px;color:var(--muted);padding:0;background:none}footer>small{font-size:8px}.motion-toggle{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:35;border:1px solid #bca98d80;background:#fff9edd9;padding:8px 13px;border-radius:30px;color:#6c5d46;font-size:9px;backdrop-filter:blur(6px);display:flex;gap:7px;align-items:center}.motion-toggle>span{font-size:10px}.toast{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);z-index:100;background:#292725ed;color:#fff9ed;padding:15px 22px;border-radius:14px;box-shadow:0 12px 25px #241d2522;max-width:min(480px,calc(100% - 32px));font-size:12px;line-height:1.8;width:max-content}
dialog{padding:38px;border:1px solid #dbcdb8;border-radius:17px;background:var(--paper);color:var(--ink);max-width:94vw;max-height:90svh;overflow:auto;box-shadow:0 25px 80px #0003}dialog::backdrop{background:#132336df;backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:9px;right:12px;padding:3px 8px;background:none;font-size:26px;line-height:1}.image-dialog{padding-top:45px;max-width:min(1200px,94vw)}.image-dialog img{max-height:72svh;object-fit:contain;max-width:100%;margin:auto}.image-dialog p{font-size:11px;line-height:1.8;text-align:center;margin-top:15px;color:var(--muted)}.info-dialog{width:480px;padding:38px}.info-dialog .eyebrow{margin-top:25px;color:var(--action);font-size:9px}.info-dialog h2{font-size:29px;line-height:1.5;letter-spacing:-1px}.info-dialog p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin-top:18px}.info-dialog .primary-action{margin-top:25px;font-size:12px}.about-dialog{width:560px}.about-dialog details{border-bottom:1px solid #d4c7b1;padding:18px 0}.about-dialog summary{font-size:13px;cursor:pointer}.about-dialog details p{font-size:12px!important;margin-top:10px!important}
@keyframes character-breathe{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-6px) rotate(.6deg)}}@keyframes scroll-nudge{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:1}}
@media(min-width:1700px){.scene-intro{left:9%}.scene-copy h1{font-size:110px}.header-note{font-size:12px}.description{font-size:16px}.eyebrow{font-size:12px}.scene-copy h2{font-size:75px}.mascot{width:87svh;height:87svh}.card-label{font-size:12px}}
@media(max-width:1000px) and (min-width:701px){.site-header{padding:20px 5%}.header-note{display:none}.scene-intro{left:8%;top:28%;max-width:46%}.scene-copy h1{font-size:56px}.scene-copy h2{font-size:41px}.description{font-size:12px}.mascot{width:min(78svh,78vw);height:min(78svh,78vw)}.sticker-note{left:78%;top:74%}.note-sticker{width:155px;padding:15px}.note-sticker strong{font-size:13px}.star-sticker{width:85px;height:85px}.star-sticker>span{font-size:85px}.seal-sticker{width:110px;height:110px;gap:7px}.seal-sticker b{font-size:14px}.seal-sticker span{font-size:5px}.chapter-nav{left:15px}.scene-idea{left:56%;max-width:40%}.scene-studio{top:20%}.scene-studio h2{font-size:34px}.scene-finale{left:55%;max-width:42%}.invitation-ticket{width:180px;padding:18px;left:75%;top:75%}.invitation-ticket strong{font-size:20px}.card-label{font-size:8px}.scene-bottom{font-size:8px}}
@media(max-width:700px){.site-header{padding:18px 22px}.brand{font-size:21px;gap:8px}.brand img{width:33px;height:33px}.brand small{font-size:7px}.header-note{display:none}.header-actions{gap:16px}.about-button{font-size:10px}.about-button span{display:none}.header-download{font-size:10px;gap:12px;padding:10px 13px}.experience{height:600svh}.backdrop-word{top:23%;left:-7%;font-size:64vw;letter-spacing:-.06em}.circle-a{width:115vw;height:115vw;left:16%;top:30%}.circle-b{width:86vw;height:86vw;left:6%;top:35%}.mascot{width:min(78vw,57svh);height:min(78vw,57svh)}.mascot-caption{font-size:8px;padding:6px 11px;bottom:2px}.mascot-body{filter:drop-shadow(0 7px 0 #fffcf4cc) drop-shadow(0 13px 13px #593e1c15)}.scene-copy{max-width:90%;left:7%;right:7%}.scene-intro{top:14%;max-width:88%}.scene-copy h1{font-size:clamp(35px,9.7vw,63px);line-height:1.2;letter-spacing:-.065em}.scene-intro h1 br{display:none}.scene-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.description{font-size:11px;line-height:1.8;margin-top:16px}.text-action{margin-top:12px;font-size:10px;gap:18px;padding:5px 0}.text-action>span{font-size:18px}.scene-intro .small-note{display:none}.scene-copy h2{font-size:clamp(29px,8vw,46px);line-height:1.3;letter-spacing:-.05em}.scene-idea{top:15%;left:9%}.scene-idea h2 br{display:none}.scene-film{top:15%;left:8%}.scene-film h2{font-size:clamp(26px,7.1vw,41px)}.scene-studio{top:15%;left:8%}.scene-studio h2{font-size:clamp(27px,7.4vw,40px);max-width:330px}.scene-studio h2 span{display:block}.scene-studio .description{font-size:10px;line-height:1.8;margin-top:13px;max-width:330px}.scene-studio .description br{display:none}.scene-finale{top:17%;left:9%;max-width:87%;pointer-events:none}.scene-finale h2{font-size:40px;line-height:1.25}.scene-finale h2 br{display:none}.scene-finale .description{font-size:11px;max-width:70%;margin-top:15px}.scene-finale .primary-action{position:fixed;top:62svh;left:50%;transform:translateX(-50%);width:max-content;font-size:12px;min-width:200px;pointer-events:auto;padding:14px 20px;gap:35px}.scene-finale .primary-action:hover{transform:translateX(-50%) translateY(-2px)}.scene-finale .small-note{position:fixed;left:50%;transform:translateX(-50%);top:72svh;white-space:nowrap;font-size:8px}.art-card{width:clamp(130px,38vw,245px)}.card-face{padding:6px 6px 0}.card-crop{aspect-ratio:1.03}.card-label{font-size:7px;gap:5px;padding:9px 1px 10px}.card-label>span{font-size:12px}.tape{height:17px;top:-8px}.frame-symbol{width:28vw;height:28vw;top:52%;left:57%}.frame-symbol i{border-width:5px}.floating-sticker{z-index:8}.sticker-note{left:65%;top:71%}.note-sticker{width:126px;padding:12px 13px 10px}.note-sticker small{font-size:6px;letter-spacing:0}.note-sticker strong{font-size:11px;line-height:1.7;margin-top:10px}.note-sticker>span{font-size:25px}.note-sticker em{font-size:6px}.sticker-star{left:78%;top:36%}.star-sticker{width:68px;height:68px}.star-sticker>span{font-size:68px}.star-sticker small{font-size:7px}.sticker-seal{left:5%;top:65%}.seal-sticker{width:84px;height:84px;gap:5px;border-width:3px;outline-offset:-7px}.seal-sticker b{font-size:10px}.seal-sticker span{font-size:4px;letter-spacing:.5px}.scene-bottom{left:22px;right:22px;bottom:28px;font-size:7px;letter-spacing:0}.art-disclosure{position:absolute;bottom:38px;left:0;font-size:7px}.scroll-cue{gap:7px}.scroll-cue i{width:13px;height:22px}.scroll-cue i:after{left:5px;width:1px;height:4px}.scene-counter{gap:6px}.scene-counter b{font-size:17px}.scene-counter>span{font-size:8px}.chapter-nav{left:auto;right:10px;top:49%;gap:18px}.chapter-nav i{width:4px;height:4px}.chapter-nav span{display:none}.film-track{top:46%;left:-8%;width:116%;height:30%;transform:rotate(-9deg)}.film-track span{height:5px;background-size:auto}.studio-window{width:92vw;top:53%;padding:6px;border-radius:7px}.window-chrome{font-size:6px;letter-spacing:0;padding-bottom:7px}.window-chrome>span:first-child{font-size:5px}.studio-window figcaption{font-size:7px;padding-top:6px}.invitation-ticket{width:142px;padding:16px;left:65%;top:64%;z-index:2;opacity:0}.invitation-ticket strong{font-size:17px;margin-block:14px}.invitation-ticket span,.invitation-ticket small{font-size:5px}.motion-toggle{font-size:8px;bottom:12px;padding:6px 10px}.motion-toggle>span{font-size:8px}footer{padding:28px 22px 55px;flex-wrap:wrap;gap:20px}footer>span{font-size:9px}footer>div{font-size:9px}footer>small{font-size:7px}.reading-mode{padding:90px 24px 20px}.reading-mode section{padding:35px 0;grid-template-columns:1fr;gap:25px}.reading-mode h1{font-size:47px}.reading-mode h2{font-size:30px}.reading-mode p:not(.eyebrow){font-size:12px}.reading-mode section:first-child{display:flex;flex-direction:column-reverse}.reading-mode section:first-child>img{max-height:52svh;object-fit:contain}.reading-mode section:last-child>img{max-height:45svh;object-fit:contain}.info-dialog{padding:30px 25px}.info-dialog h2{font-size:25px}.info-dialog p:not(.eyebrow){font-size:12px}.image-dialog{padding:40px 12px 20px}.image-dialog p{font-size:9px}.toast{font-size:11px;padding:12px 16px;bottom:55px}}
@media(max-height:600px) and (min-width:701px){.site-header{padding-block:14px}.scene-intro{top:23%}.scene-copy h1{font-size:8svh}.scene-copy h2{font-size:7svh}.scene-copy .eyebrow{margin-bottom:12px}.description{font-size:11px;margin-top:13px}.text-action{margin-top:12px}.scene-intro .small-note{display:none}.mascot{width:80svh;height:80svh}.card-label{font-size:8px;padding-block:8px}.card-crop{aspect-ratio:1.6}.art-card{width:23vw}.scene-bottom{bottom:17px}.sticker-note{top:65%}.note-sticker{width:150px;padding:12px}.note-sticker strong{font-size:13px}.scene-studio{top:18%}.studio-window img{max-height:53svh}.scene-finale{top:25%}.invitation-ticket{display:none}.primary-action{margin-top:17px}}
.studio-window{top:64%;width:min(67vw,1000px)}.studio-window img{max-height:49svh}.scene-studio{top:13%}.invitation-ticket strong{font-size:22px}
@media(max-width:700px){.mascot{width:min(95vw,64svh);height:min(95vw,64svh)}.scene-intro h1 br,.scene-idea h2 br,.scene-finale h2 br{display:block}.scene-finale .description{max-width:100%}.studio-window{width:92vw;top:53%}.scene-studio{top:15%}.invitation-ticket strong{font-size:17px}}
@media(max-width:700px) and (max-height:720px){.scene-intro{top:12%}.scene-copy h1{font-size:8.5vw}.scene-intro .text-action{display:none}.scene-intro .description{font-size:10px;margin-top:12px}}
.reduced .experience{display:none!important}.reduced .reading-mode{display:block!important}.reduced *,.reduced *:before,.reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}