@charset "UTF-8";
:root{--paper:#f6f1e7;--ink:#64594c;--muted:#887c6c;--rule:#d6ccb9;--sage:#78836e;--rose:#a77770;--blue:#8196a1;--patch:#e9ebdf;--serif:Georgia,'Times New Roman','Songti SC','SimSun',serif;--sans:'Segoe UI','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--serif);font-size:15px;transition:background .65s,color .65s}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;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='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:6px}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}button:disabled{cursor:default}.wrap{max-width:1320px;margin:0 auto;width:calc(100% - 112px)}.skip-link{position:absolute;top:-100px;background:var(--paper);padding:15px;z-index:50}.skip-link:focus{top:12px}.top-stitch,.bottom-stitch{height:12px;background:repeating-linear-gradient(90deg,transparent 0 5px,#b0b5a080 5px 6px,transparent 6px 11px),linear-gradient(#dce0ce70,#dce0ce70);border-bottom:1px solid #b6baa77a}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);gap:24px}.brand{display:flex;gap:12px;align-items:center}.brand img{transform:rotate(28deg);width:33px}.brand strong{font-size:23px;font-weight:400;letter-spacing:4px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:43px;align-items:center}nav a{font-size:14px;text-align:center;padding:14px 0;position:relative;letter-spacing:2px}nav a span{display:block;font-family:var(--sans);font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:7px}nav a:after{content:"";position:absolute;left:25%;right:25%;bottom:3px;height:1px;background:var(--rose);transform:scaleX(0);transition:.2s}nav a.active:after,nav a:hover:after{transform:scaleX(1)}.mode{font-size:11px;display:flex;align-items:center;gap:8px;border:1px solid var(--rule);border-radius:50%;width:94px;height:54px;justify-content:center;white-space:nowrap}.mode>span:first-child{font-size:20px}.hero{display:grid;grid-template-columns:43% 57%;position:relative;padding-top:70px}.hero-copy{position:relative;z-index:2;padding:32px 0 38px}.eyebrow{font-family:var(--sans);font-size:9px;font-weight:500;letter-spacing:2.5px;color:var(--muted);display:flex;align-items:center;gap:12px}.line{display:inline-block;height:1px;width:48px;background:var(--rule)}.tiny-star{font-size:21px;color:var(--rose)}h1{font-size:clamp(54px,5.15vw,79px);line-height:1.02;letter-spacing:-3px;font-weight:400;margin-top:24px;color:#73614e}h1 em{font-weight:400;color:var(--sage);font-size:.87em;letter-spacing:-2.7px;white-space:nowrap}.hero-subtitle{display:flex;align-items:center;gap:13px;margin-top:27px}.hero-subtitle h2{font-size:19px;letter-spacing:3px;font-weight:400}.small-flower{color:var(--rose);font-size:20px}.intro{font-size:13px;line-height:2.2;color:var(--muted);margin-top:20px;letter-spacing:1px;white-space:pre-line}.ribbon-button{display:inline-flex;gap:42px;align-items:center;background:var(--sage);color:#fffaf0;padding:15px 24px;outline:1px dashed #e1e3d0;outline-offset:-5px;margin-top:29px;position:relative;font-size:13px;letter-spacing:2px;transition:background .2s,transform .2s}.ribbon-button:after{content:"";position:absolute;right:-8px;top:0;border-top:25px solid var(--sage);border-bottom:25px solid var(--sage);border-right:8px solid transparent}.ribbon-button:hover{transform:translateY(-3px)}.button-arrow{font-family:var(--sans);font-size:18px}.handnote{font-style:italic;font-size:14px;color:#a78c7c;transform:rotate(-3deg);margin:24px 0 0 15px}.hero-art{align-self:center;position:relative;margin-left:-16px;margin-right:-30px;margin-top:-12px;min-width:0}.main-illustration{width:100%;height:auto;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 70% 74% at 50% 49%,#000 61%,transparent 94%);transition:transform 1s;will-change:transform}.hero-art:hover .main-illustration{transform:translateY(-5px)}.orbit-note{display:block;font-size:9px;letter-spacing:3px;text-align:center;margin-bottom:10px;transform:rotate(4deg);color:#9c9683}.secret-key{position:absolute;right:4%;bottom:2%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f7f2e8;border:1px solid var(--rule);transform:rotate(7deg);box-shadow:2px 3px 0 #8c78620c;font-size:10px;letter-spacing:1px}.secret-key img{transform:rotate(30deg);height:37px;width:22px}.secret-key:after{content:"";position:absolute;inset:4px;border:1px dashed #c8b7a0;pointer-events:none}.secret-key:hover{transform:rotate(3deg)}.art-caption{display:flex;align-items:center;justify-content:center;gap:14px;font-style:italic;font-size:12px;color:#938775;margin-top:4px}.art-caption span{font-size:9px;font-style:normal;letter-spacing:1px}.hero-bottom{grid-column:1/-1;margin-top:43px;border-top:1px solid var(--rule);padding:24px 0 27px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:var(--muted)}.hero-bottom>a{font-size:11px;display:flex;align-items:center;gap:18px}.hero-bottom>span:last-child{font-family:var(--sans);font-size:8px}.chapter-strip{display:flex;justify-content:center;align-items:center;gap:42px;padding:18px 24px;border-block:1px dashed #c9b8a9;background:#eadfd454;font-size:14px;letter-spacing:1px;font-style:italic;white-space:nowrap;overflow:hidden;color:#967c6d}.chapter-strip span{font-size:14px;color:#a99183}.works{padding-top:70px;padding-bottom:42px}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top h2{font-size:29px;font-weight:400;letter-spacing:2px;margin-top:18px}.section-top h2>span{margin-left:5px}.section-top h2 em{font-size:20px;color:var(--rose);font-weight:400;letter-spacing:0;margin-left:19px}.section-note{font-size:12px;line-height:2.1;letter-spacing:1px;color:var(--muted);padding-bottom:3px}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding-bottom:15px;border-bottom:1px solid var(--rule);gap:12px}.filters{display:flex;gap:27px}.filters button{font-size:12px;padding:7px 0;letter-spacing:1px;color:var(--muted);position:relative}.filters button.selected{color:var(--rose)}.filters button.selected:after{content:"";position:absolute;bottom:-16px;left:0;right:0;height:2px;background:var(--rose)}.filters sup{font-size:9px;margin-left:4px}.collection-count{font-size:12px;font-style:italic;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding-top:34px;align-items:start;min-height:430px}.work-card{min-width:0;animation:arrive .45s ease both}.work-card:nth-child(2){animation-delay:.06s}.work-card:nth-child(3){animation-delay:.12s}.card-button{display:block;width:100%;padding:0;text-align:left}.art-frame{padding:12px;position:relative;background:#e6e2d4;border:1px solid #ccc5b4}.art-frame:after{content:"";position:absolute;inset:5px;border:1px dashed #afa78f;pointer-events:none}.work-card:nth-child(2) .art-frame{background:repeating-linear-gradient(90deg,#c39a9122 0 12px,transparent 12px 24px),repeating-linear-gradient(0deg,#c39a9122 0 12px,#eadbd2 12px 24px)}.work-card:nth-child(3) .art-frame{background:repeating-linear-gradient(90deg,#a5b1a022 0 8px,#dce1d280 8px 16px)}.cover{background-image:url('assets/story-panels.png');background-size:300% 100%;background-repeat:no-repeat;aspect-ratio:1/1;width:100%;position:relative;transition:filter .3s}.cover-0{background-position:0% 50%}.cover-1{background-position:50% 50%}.cover-2{background-position:100% 50%}.cover.custom-cover{background-size:cover;background-position:center}.art-frame .cover{border:1px solid #b6a89233}.open-mark{position:absolute;bottom:23px;right:23px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f8f3eadd;border:1px solid #b9ad99;font-family:var(--sans);opacity:0;transform:translateY(5px);transition:.25s}.card-button:hover .open-mark,.card-button:focus-visible .open-mark{opacity:1;transform:none}.card-button:hover .cover{filter:brightness(1.035)}.card-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;font-family:var(--sans);color:var(--muted);padding:17px 0 10px}.card-title{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:20px;letter-spacing:1px}.card-title span{font-family:var(--sans);font-size:15px;color:var(--muted)}.card-english{font-size:8px;font-family:var(--sans);letter-spacing:1.7px;color:var(--muted);margin-top:10px}.collection-end{display:flex;align-items:center;justify-content:center;gap:24px;margin:46px 0 0}.collection-end>span{height:1px;width:85px;background:var(--rule)}.collection-end p{font-size:11px;letter-spacing:1px;color:var(--muted)}.collection-end b{font-size:18px;color:var(--rose);margin-left:15px;font-weight:400}.about-section{background:var(--patch);margin-top:26px;padding:72px 0 62px;border-block:1px dashed #b3b9a3;position:relative}.about-section:before,.about-section:after{content:"";position:absolute;height:6px;left:0;right:0;background:radial-gradient(circle at 5px 0,transparent 4px,var(--paper) 4.5px) 0 0/10px 6px}.about-section:before{top:-1px;transform:rotate(180deg)}.about-section:after{bottom:-1px}.about{display:grid;grid-template-columns:43% 57%;align-items:center;gap:0}.scrapbook{position:relative;height:350px;max-width:450px;margin-right:40px}.gingham-patch{position:absolute;inset:12px 25px 10px 12px;background:repeating-linear-gradient(90deg,#97a59f35 0 15px,transparent 15px 30px),repeating-linear-gradient(0deg,#97a59f35 0 15px,#e8e9db 15px 30px);transform:rotate(-7deg);border:1px dashed #a4aa97}.rabbit-print{position:absolute;left:52px;top:1px;width:270px;background:#f5efdf;padding:12px 12px 15px;transform:rotate(4deg);border:1px solid #c6bcaa;box-shadow:2px 5px 0 #7c76630b}.rabbit-print p{text-align:center;font-size:12px;font-style:italic;margin-top:12px}.rabbit-print .cover{aspect-ratio:1/1}.tape{position:absolute;top:-12px;left:140px;width:92px;height:29px;background:#c9c9ac70;transform:rotate(-5deg);border-inline:2px dotted #b5b49750}.stamp{position:absolute;right:2px;bottom:15px;border:1px solid #a48476;padding:15px 16px 9px;transform:rotate(-12deg);border-radius:50%;height:98px;width:106px;text-align:center;color:#987768;font-size:13px;line-height:1.25;background:#e9e6d7}.stamp:after{content:"";inset:4px;border:1px dashed #a48476;position:absolute;border-radius:50%}.stamp em{font-size:18px}.stamp>span{display:block;font-size:19px}.about-copy{padding-left:30px}.about-copy h2{font-size:35px;line-height:1.7;letter-spacing:3px;font-weight:400;margin-top:18px}.about-copy h2 span{color:var(--sage)}.about-copy>p:not(.eyebrow){font-size:13px;line-height:2.2;letter-spacing:.6px;margin-top:20px;white-space:pre-line}.about-copy .about-second{color:var(--sage);margin-top:12px!important}.signature{display:flex;align-items:center;margin-top:29px;gap:18px}.signature>span{font-style:italic;font-size:21px;color:var(--rose);transform:rotate(-4deg)}.signature>img{transform:rotate(40deg)}.signature>small{font-family:var(--sans);font-size:8px;letter-spacing:1.5px;color:var(--muted)}.closing{text-align:center;padding-top:57px;padding-bottom:61px}.closing-flower{font-size:38px;color:var(--rose)}.closing>p:not(.closing-note){font-family:var(--sans);font-size:8px;letter-spacing:2.8px;margin-top:10px;color:var(--muted)}.closing h2{font-size:26px;font-weight:400;letter-spacing:3px;margin-top:18px}.closing-note{font-size:12px;color:var(--muted);margin-top:17px;letter-spacing:1px}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:12px;letter-spacing:1px;border-bottom:1px solid var(--rose);padding:10px 1px;color:var(--rose);margin-top:18px}.text-link span{font-size:16px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding-block:28px;gap:20px}.footer-brand{font-size:17px;letter-spacing:2px}.footer p{font-family:var(--sans);font-size:8px;letter-spacing:1.7px;color:var(--muted)}.footer>a:last-child{font-size:10px;letter-spacing:1px}.bottom-stitch{height:9px;border:0;border-top:1px solid #b6baa77a}dialog{padding:0;border:1px solid var(--rule);background:var(--paper);color:var(--ink);max-height:90dvh;box-shadow:0 20px 100px #302b3440}dialog::backdrop{background:#3f3b346b;backdrop-filter:blur(4px)}dialog[open]{animation:arrive .25s ease}.dialog-close{position:absolute;right:12px;top:12px;font-family:var(--sans);font-size:24px;z-index:2;width:40px;height:40px;border:1px solid var(--rule);background:var(--paper);border-radius:50%;line-height:1}.work-dialog{width:min(880px,calc(100% - 32px))}.work-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.detail-cover{align-self:stretch;min-height:430px;aspect-ratio:auto;background-size:300% 100%}.detail-copy{padding:60px 34px 30px;display:flex;flex-direction:column}.detail-copy h2{font-size:27px;font-weight:400;margin:24px 0}.detail-copy>p:not(.eyebrow){font-size:13px;line-height:2.1;white-space:pre-line;color:var(--muted)}.detail-footer{margin-top:auto;padding-top:28px;font-size:10px;display:flex;justify-content:space-between;gap:12px}.detail-footer button{color:var(--rose);font-size:12px;padding:4px}.letter-dialog{width:min(480px,calc(100% - 32px));padding:20px}.letter-border{border:1px dashed #b8a78f;padding:32px;text-align:center}.letter-flower{font-size:35px;color:var(--rose)}.letter-border .eyebrow{justify-content:center;font-size:8px;margin-top:15px;letter-spacing:1.6px}.letter-border h2{font-size:24px;font-weight:400;letter-spacing:3px;margin-top:25px}.letter-border>p:not(.eyebrow){font-size:14px;line-height:2.2;white-space:pre-line;margin-top:24px}.letter-border .letter-sign{font-size:12px!important;text-align:right;color:var(--muted)}.letter-sign em{color:var(--rose)}body.night{--paper:#e7e3ed;--ink:#5c5269;--muted:#7d7189;--rule:#c9bfd0;--sage:#797b91;--rose:#92768f;--patch:#dbdce6}body.night h1{color:#655774}body.night .chapter-strip{background:#d6cede80}body.night .main-illustration{mix-blend-mode:multiply}body.night .orbit-note{color:#7e7088}body.night .secret-key{background:#ece5ec;color:#67556d}.empty{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted)}@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-top:88px}.hero-copy{padding-bottom:52px}.hero-art{margin-right:-40px}.works{padding-top:80px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{height:96px}.brand strong{font-size:20px;letter-spacing:2px}nav{gap:26px}.hero{padding-top:40px}.hero-copy{padding-top:22px}h1{font-size:59px}.hero-art{margin-right:-15px;margin-left:-30px}.hero-subtitle h2{font-size:16px;letter-spacing:1px}.hero-bottom{margin-top:28px}.section-top h2{font-size:25px}.section-top h2 em{display:block;margin:9px 0 0;font-size:20px}.gallery{gap:23px;min-height:355px}.card-title{font-size:17px}.scrapbook{margin-right:20px}.rabbit-print{left:28px;width:245px}.about-copy{padding-left:18px}.about-copy h2{font-size:30px}.about-copy>p:not(.eyebrow){font-size:12px}.signature{gap:10px}.signature>small{font-size:7px}.chapter-strip{gap:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 38px)}.header{height:90px;gap:10px}.brand{gap:7px}.brand img{width:23px}.brand strong{font-size:19px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.5px}.mode{width:42px;height:42px}.mode>span:last-child{display:none}nav{gap:19px;margin-left:auto;margin-right:8px}nav a{font-size:12px;letter-spacing:1px}nav a span{display:none}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding-top:34px}.hero-copy{padding:0 10px;max-width:470px}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:clamp(56px,10vw,73px);margin-top:18px}.hero-subtitle{margin-top:22px}.hero-subtitle h2{font-size:18px;letter-spacing:2px}.intro{font-size:12px;line-height:2.1;margin-top:15px}.ribbon-button{margin-top:21px;font-size:12px;padding:14px 23px}.ribbon-button:after{border-top-width:24px;border-bottom-width:24px}.handnote{font-size:13px;margin-top:17px}.hero-art{margin:28px -6px 0;max-width:640px;width:calc(100% + 12px);justify-self:center}.orbit-note{font-size:8px;margin-bottom:4px}.main-illustration{mask-image:radial-gradient(ellipse 70% 74% at 50% 49%,#000 63%,transparent 95%)}.secret-key{font-size:9px;right:3%;bottom:2%;padding:7px 10px}.secret-key img{height:28px;width:18px}.art-caption{font-size:10px;margin-top:2px}.hero-bottom{margin-top:27px;padding:20px 0;gap:15px}.hero-bottom>span:first-child{font-size:8px;letter-spacing:.5px}.hero-bottom>span:last-child{display:none}.hero-bottom>a{font-size:10px;gap:10px}.chapter-strip{padding:14px 0;font-size:12px;gap:23px}.works{padding-top:42px;padding-bottom:20px}.section-top{gap:18px}.section-top h2{font-size:24px;line-height:1.5;letter-spacing:1px}.section-top h2>span{display:block;margin:0}.section-top h2 em{font-size:18px;margin-top:5px}.section-note{font-size:10px;line-height:2;white-space:nowrap}.collection-toolbar{margin-top:25px}.filters{gap:19px}.filters button{font-size:11px;letter-spacing:0}.filters sup{font-size:8px;margin-left:1px}.collection-count{display:none}.gallery{grid-template-columns:1fr;gap:31px;padding-top:25px;min-height:0}.art-frame{padding:13px}.cover{aspect-ratio:1.08}.card-meta{padding-top:15px}.card-title{font-size:21px}.card-english{font-size:9px}.open-mark{opacity:1;transform:none;width:30px;height:30px}.collection-end{gap:12px;margin-top:29px}.collection-end>span{width:24px}.collection-end p{font-size:9px;letter-spacing:0}.collection-end b{margin-left:3px}.about-section{padding:47px 0 40px;margin-top:24px}.about{grid-template-columns:1fr}.scrapbook{width:310px;height:325px;justify-self:center;margin-right:0}.rabbit-print{left:35px;width:242px}.gingham-patch{inset:15px 10px 5px 8px}.tape{left:116px}.stamp{right:-5px;bottom:6px}.about-copy{padding:30px 15px 0}.about-copy h2{font-size:30px;line-height:1.6}.about-copy>p:not(.eyebrow){font-size:12px;letter-spacing:.3px;line-height:2.1}.signature{gap:15px}.signature>small{font-size:7px;letter-spacing:1px}.closing{padding-top:38px;padding-bottom:40px}.closing h2{font-size:21px;letter-spacing:1px}.closing-note{font-size:10px}.footer{padding-block:23px;flex-wrap:wrap;gap:16px}.footer-brand{font-size:16px}.footer p{order:3;width:100%;font-size:7px;letter-spacing:1.4px}.footer>a:last-child{font-size:9px}.work-dialog[open]{grid-template-columns:1fr;max-width:430px}.detail-cover{min-height:0;aspect-ratio:1/1}.detail-copy{padding:25px}.detail-copy h2{font-size:24px;margin:18px 0}.detail-copy>p:not(.eyebrow){font-size:12px}.letter-border{padding:25px 16px}.letter-dialog{padding:13px}.letter-border h2{font-size:21px}.letter-border>p:not(.eyebrow){font-size:13px}}
.main-illustration{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-art:hover .main-illustration{transform:none}}