@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#242013;background:#ff74ba;font-synthesis:none;font-weight:400;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #163de8;outline-offset:5px}svg{flex-shrink:0}a svg{vertical-align:middle}.archive{background:#ff74ba;padding:0 4.7% 30px;min-height:100vh;overflow:hidden}.masthead{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24201350}.wordmark{position:relative;font-family:Space Grotesk,sans-serif;font-size:57px;font-weight:700;letter-spacing:-5px;line-height:.7;display:flex;gap:14px;align-items:baseline}.wordmark span{font-size:23px;letter-spacing:-1.5px}.logo-star{position:absolute;right:-32px;top:-15px;color:#f9ff86;filter:drop-shadow(1px 1px 0 #242013)}.masthead nav{display:flex;align-items:center;gap:35px;font-size:13px}.instagram{display:flex;align-items:center;gap:7px}.archive-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:25px;gap:20px}.tiny{font-size:10px;letter-spacing:1.5px;font-weight:600;text-transform:uppercase}.archive-count{text-align:right}.years{display:flex;gap:6px}.years button{background:transparent;padding:9px 20px;border:1px solid transparent;border-radius:50%;font-family:Space Grotesk,sans-serif;font-size:22px;letter-spacing:-1px;transition:background .15s,transform .15s}.years button:hover{transform:rotate(-6deg)}.years button.active{background:#eeff75;border:1px solid #242013;transform:rotate(-7deg);box-shadow:2px 3px #242013}.book-wrap{position:relative;width:min(1140px,100%);height:clamp(480px,48vw,740px);margin:0 auto}.book-scene{height:100%;width:100%}.book-scene canvas{display:block}.book-hitareas{position:absolute;left:11.6%;right:11.6%;top:17%;bottom:14%;display:flex;gap:10%}.page-hit{position:relative;flex:1;background:transparent;border-radius:6px}.page-hit span{position:absolute;bottom:10px;right:10px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff6d9dc;opacity:0;transition:opacity .15s}.page-hit:hover span,.page-hit:focus-visible span{opacity:1}.video-hit .page-hit span{opacity:1;width:60px;height:60px;left:calc(50% - 30px);top:calc(50% - 30px)}.round{display:flex;justify-content:center;align-items:center;border:1px solid currentColor;border-radius:50%;width:47px;height:47px;background:transparent;transition:background .15s,transform .15s}.round:hover{background:#eeff75;transform:scale(1.05)}.book-prev,.book-next{position:absolute;top:calc(50% - 23px)}.book-prev{left:-10px}.book-next{right:-10px}.page-caption{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;width:min(945px,88%);margin:-12px auto 25px;font-size:10px;letter-spacing:1px}.page-caption a{display:flex;align-items:center;gap:5px;letter-spacing:0;font-size:12px}.page-caption>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.post-strip{max-width:1010px;margin:0 auto;display:flex;justify-content:center;gap:14px}.post-tab{flex:1;min-width:0;display:flex;align-items:center;text-align:left;gap:13px;background:#ffffff20;border:1px solid #24201344;border-radius:4px;padding:10px 12px;transition:background .15s,transform .15s}.post-tab:hover{background:#ffffff50;transform:translateY(-3px)}.post-tab.selected{background:#fff7d1;border-color:#242013;box-shadow:3px 3px #242013}.thumb{position:relative;flex-shrink:0;width:42px;height:53px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb svg{position:absolute;bottom:4px;right:3px;color:#fff;filter:drop-shadow(0 1px 2px #000)}.post-tab small{font-size:9px;letter-spacing:1px;display:block;margin-bottom:6px;text-transform:uppercase}.post-tab strong{font-size:13px;display:block;font-weight:500;line-height:1.2}.post-arrow{margin-left:auto}.down-link{font-size:11px;display:flex;gap:8px;align-items:center;justify-content:center;width:max-content;margin:27px auto 0}.down-link svg{transform:rotate(90deg)}.about{background:#f7f4e9;padding:85px 7.5% 0;display:grid;grid-template-columns:1fr 1.16fr;gap:50px}.about-intro h1{font-family:Space Grotesk,sans-serif;font-size:clamp(27px,3.4vw,52px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:26px 0}.about-intro>a{font-size:14px;display:flex;align-items:center;gap:7px}.about-rows{border-top:1px solid #242013}.about-row{display:grid;grid-template-columns:1fr 30px;align-items:center;gap:10px 20px;padding:22px 0;border-bottom:1px solid #24201340}.about-row>span{grid-column:1;font-size:9px;letter-spacing:1.1px}.about-row strong{grid-column:1;font-size:18px;font-weight:400}.about-row svg{grid-column:2;grid-row:1 / 3;transition:transform .15s}.about-row:hover svg{transform:translate(3px,-3px)}footer{grid-column:1 / -1;border-top:1px solid #24201340;margin-top:30px;padding:23px 0;display:flex;justify-content:space-between;font-size:11px}footer>span{font-weight:700}.empty-year{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-year>span{font-family:Space Grotesk,sans-serif;font-size:150px;letter-spacing:-10px}.empty-year p{font-size:14px}.empty-year button{background:#eeff75;border:1px solid;border-radius:30px;padding:12px 20px;display:flex;align-items:center;gap:10px}.viewer{position:fixed;width:100vw;max-width:none;height:100dvh;max-height:none;top:0;right:0;bottom:0;left:0;margin:0;border:0;background:#151513f5;color:#fff7e5;padding:18px 30px;overflow:hidden}.viewer::backdrop{background:#151513}.viewer-top{height:45px;display:flex;align-items:center;justify-content:space-between}.viewer-top a{font-size:13px;display:flex;align-items:center;gap:5px}.viewer .round:hover{color:#242013}.viewer-media{display:flex;align-items:center;justify-content:center;height:calc(100% - 110px);padding:12px 0}.viewer-media img,.viewer-media video{display:block;max-width:100%;max-height:100%;object-fit:contain}.viewer-nav{display:flex;align-items:center;justify-content:center;gap:30px;height:65px;font-size:12px}.fallback-book{display:flex;justify-content:center;gap:22px;padding:40px;height:100%;background:#fff0d0;border:12px solid #2142cd}.fallback-book>div{position:relative;max-width:45%;height:100%}.fallback-book img{width:100%;height:100%;object-fit:contain}.fallback-film{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;pointer-events:none}@media(min-width:1500px){.book-wrap{height:740px}.archive{padding-inline:8%}}@media(max-width:1000px){.archive{padding-inline:4%}.masthead{height:92px}.archive-top{margin-top:20px}.archive-top>.tiny{font-size:8px}.years button{padding:8px 14px}.book-wrap{height:60vw;min-height:420px}.post-tab{gap:8px}.post-arrow{display:none}.post-tab strong{font-size:12px}.post-strip{gap:9px}.about{padding-inline:5%;gap:30px}.about-row strong{font-size:16px}}@media(max-width:700px){.archive{padding:0 20px 25px}.masthead{height:85px}.wordmark{font-size:44px;letter-spacing:-4px;gap:8px}.wordmark span{font-size:19px;letter-spacing:-1px}.logo-star{width:18px;right:-23px;top:-17px}.masthead nav{gap:18px;font-size:11px}.instagram span{display:none}.instagram{gap:0}.instagram>svg:last-child{display:none}.archive-top{display:flex;justify-content:center;margin-top:20px}.archive-top>.tiny{display:none}.years{gap:5px}.years button{font-size:21px;padding:8px 15px}.book-wrap{height:135vw;min-height:0;max-height:650px;width:calc(100% + 20px);margin:8px -10px 0}.book-hitareas{left:14%;right:14%;top:15%;bottom:14%;gap:0}.page-hit span{opacity:1;width:31px;height:31px;bottom:0;right:0}.book-prev,.book-next{top:calc(50% - 17px);width:34px;height:34px;background:#ff74baa0}.book-prev{left:-4px}.book-next{right:-4px}.book-prev svg,.book-next svg{width:20px}.page-caption{width:100%;margin:0 auto 24px;font-size:9px;gap:7px}.page-caption a{font-size:10px}.post-strip{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 4px 9px;margin-inline:-3px}.post-tab{flex:0 0 240px;scroll-snap-align:start;padding:10px}.post-tab strong{font-size:12px}.post-arrow{display:block}.down-link{margin-top:18px}.about{padding:45px 23px 0;grid-template-columns:1fr;gap:35px}.about-intro h1{font-size:38px;margin:20px 0}.about-row strong{font-size:17px}.about-row{padding:20px 0}footer{margin-top:10px;font-size:10px;gap:15px;flex-wrap:wrap}.viewer{padding:12px}.viewer-media{height:calc(100% - 110px)}.empty-year>span{font-size:110px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media(min-width:701px)and (max-height:800px){.masthead{height:76px}.archive-top{margin-top:16px}.book-wrap{height:calc(100svh - 282px);width:calc((100svh - 282px)*1.63);max-width:100%;min-height:350px}.page-caption{margin-bottom:16px}.down-link{margin-top:18px}.archive{padding-bottom:18px}}.post-strip{scrollbar-width:none}.post-strip::-webkit-scrollbar{display:none}.cover-toggle{padding:0;background:transparent;text-align:left;width:max-content}.cover-stage,.cover-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.cover-canvas canvas{display:block}.cover-open{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;display:flex;align-items:flex-end;justify-content:center;padding:0 0 7px}.cover-open>span{display:flex;align-items:center;gap:20px;background:#eaff4a;border:1px solid #242013;border-radius:40px;padding:13px 24px;font-size:13px;box-shadow:3px 3px #242013;transition:transform .2s}.cover-open:hover>span{transform:rotate(-3deg) translateY(-2px)}.cover-open:focus-visible{outline-offset:-5px}.cover-stage.opening .cover-open>span{opacity:0}.cover-fallback{height:90%;aspect-ratio:3/4;background:#f933a0;border:10px solid #173fe1;margin:0 auto;transform:rotate(-4deg);padding:20px}.cover-fallback strong{display:block;font-size:85px;line-height:1}.cover-fallback span{font-size:30px}.cover-fallback img{height:55%;display:block;margin:20px auto 0}.post-strip{flex-wrap:wrap}.post-tab{flex:1 1 28%;max-width:calc(33.333% - 10px)}@media(max-width:700px){.archive-top>.cover-toggle{display:none}.post-strip{flex-wrap:nowrap}.post-tab{flex:0 0 240px;max-width:none}.cover-open{padding-bottom:0}.cover-open>span{padding:11px 20px}}