/* Stage 1 art direction. Existing behavior and source screenshots are retained. */
:root{--ink:#60505e;--muted:#6b7881;--rose:#a3607d;--aqua:#cfe9f2;--fiber:url('/public/media/paper-fiber.svg');--water:url('/public/media/hero-glass-flower-v3.webp')}
body{background:#e9f2f3;color:var(--ink)}
html{scroll-padding-top:0}
.hero.bluepink{height:100svh;min-height:620px;max-height:1200px;background:#e9f2f3}
.hero.bluepink::before{background:linear-gradient(110deg,#fbfaf7 6%,#eef6f6 40%,#dceef1 100%)}
.hero.bluepink::after{height:100px;background:linear-gradient(0deg,#e9f2f3,transparent);z-index:0}
.bluepink .arch-scene{inset:0 -2% 0 35%;transform:translate(var(--water-x,0px),var(--water-y,0px)) scale(1.035)}
.bluepink .arch-scene>img{object-position:58% 50%}
.bluepink .arch-scene::after{background:linear-gradient(110deg,#e9f2f388,transparent 65%),linear-gradient(0deg,#e9f2f355,transparent 35%)}
.bluepink .hero-copy{width:49%;margin-top:0}
.bluepink .cover-years{font:12px/1.4 var(--sans);letter-spacing:3px;margin-bottom:30px;color:#76868b}
.bluepink h1{font-family:var(--sans);font-size:clamp(80px,7.3vw,132px);font-weight:400;letter-spacing:.07em;color:#52666a}
.bluepink h1>span{font:italic clamp(40px,4.4vw,76px)/1.2 var(--serif);color:#637a7f;letter-spacing:.01em;margin-top:8px}
.bluepink .hero-disciplines{font-size:clamp(14px,1.1vw,19px);letter-spacing:1px;margin-top:36px}
.bluepink .cover-description{font-size:14px;line-height:2.1;max-width:390px;margin-top:24px;border-left:2px solid #d9a8bd;padding-left:18px;color:#65747b}
.cover-header{z-index:10}
.cover-header nav a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.cover-header nav a:last-child{display:inline-flex}
.cover-annotations{font-size:11px;color:#725a68}
.annotation-top{left:58%;top:22%}.annotation-bottom{bottom:17%;right:12%}
.cover-annotation span{background:#f5d7e3e8}
.cover-baseline{display:none}
.cover-scroll{position:absolute;left:9%;bottom:35px;z-index:3;font:13px var(--serif);letter-spacing:1px;padding:12px 0;color:#60777e;display:flex;align-items:center;gap:50px}
.cover-scroll span{font:19px var(--sans)}
.cover-lace{position:absolute;left:-55px;top:-20px;width:230px;height:65px;background:url('/public/media/lace-edge.svg') repeat-x 0 0/84px 50px;transform:rotate(-35deg);opacity:.8;filter:drop-shadow(0 2px 1px #819ba126);pointer-events:none}
/* Same cover photograph, diffused into the distant plane. No second backdrop. */
.aqua-world{background:#e9f2f3;isolation:isolate;color:var(--ink)}
.world-water{position:absolute;inset:0;z-index:-1;overflow:clip;pointer-events:none}
.world-water::before{content:'';position:sticky;top:0;display:block;height:100svh;background:linear-gradient(110deg,#eaf4f344,#f6e7ed55),var(--water) 60% 50%/cover;filter:blur(7px) saturate(.75) contrast(.85) brightness(1.16);opacity:.38;transform:scale(1.04)}
.world-water::after{content:'';position:absolute;inset:0;background:linear-gradient(#e9f2f3 0%,transparent 12%,transparent 90%,#e9f2f333),radial-gradient(ellipse at 7% 60%,#f5dce966,transparent 60%)}
.letter-section{height:185svh;min-height:1100px}
.letter-stage{min-height:600px;overflow:clip}
.letter-envelope{width:min(550px,80vw);height:320px;top:calc(50% - 130px);filter:none;transform-style:flat;box-shadow:0 30px 50px -20px #527f8e38}
.envelope-back{background:var(--fiber),linear-gradient(140deg,#a9cbd7,#d7e7eb);z-index:1;border-radius:3px}
.envelope-flap{background:var(--fiber),linear-gradient(155deg,#e2f0f4,#b9d6e2);clip-path:polygon(0 0,100% 0,50% 65%);filter:drop-shadow(0 2px 2px #668c9c44)}
.envelope-flap::after{content:'';position:absolute;inset:5px;background:var(--fiber);border-top:1px solid #faffffcc;clip-path:inherit}
.envelope-front{background:var(--fiber),linear-gradient(115deg,#e4eff0,#d0e4e9 55%,#c6dde6);box-shadow:inset 0 -1px #effbff;z-index:4}
.envelope-front::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:24px;background:url('/public/media/lace-edge.svg') repeat-x center top/48px 28px;opacity:.65;transform:rotate(180deg)}
.envelope-address{z-index:6;inset:0;pointer-events:none}
.envelope-address button{position:absolute;inset:0;margin:0;width:100%;padding:0;pointer-events:auto;color:#647b84}
.envelope-address button span{position:absolute;bottom:46px;left:0;width:100%;font:italic 29px var(--serif);letter-spacing:2px}
.envelope-address button::before{content:'';position:absolute;top:50%;left:calc(50% - 28px);width:56px;height:53px;border-radius:48% 53% 45% 54%;background:radial-gradient(ellipse at 35% 20%,#f5cfde,#d6a0b6 65%,#b77e99);box-shadow:inset 0 2px 3px #fff5f1,0 3px 5px #78929f3b}
.envelope-address button::after{content:'';position:absolute;top:calc(50% + 8px);left:calc(50% - 20px);width:40px;height:37px;border-radius:50%;border:1px solid #bf8ca5;box-shadow:0 1px #f3d8e4,inset 0 1px #f7dde6}
.welcome-sheet{top:50%;left:50%;width:min(540px,83vw);padding:40px 48px;background:var(--fiber),#fbfaf7;border-radius:1px;box-shadow:0 18px 45px #5d7b8426;transform:none}
.welcome-label{font-size:14px;color:#a36580;letter-spacing:4px}
.welcome-sheet h2{font-size:30px;margin:22px 0 18px}
.welcome-sheet>p:not(.welcome-label){color:#63727b;font-size:14px}
.explore-link{font:13px/1.8 var(--sans);margin-top:26px;max-width:330px;color:#8c6076}
.chicken-button{width:28px;height:28px;right:12px;bottom:12px}
.letter-hint{color:#647c87;font-size:12px}
/* Floating object: 68vw at desktop, with the water visible on all four sides. */
.diary-section{--book-width:68vw;padding:65px 0 75px;scroll-margin-top:0;min-height:100svh}
.diary-caption,.binder,.diary-controls{width:var(--book-width);max-width:1360px;margin-left:auto;margin-right:auto}
.diary-caption{margin-bottom:22px;align-items:center}
.diary-caption h2{font:12px/1.5 var(--sans);letter-spacing:3px;color:#657b84}.diary-caption h2 span{letter-spacing:1px;margin-left:14px}
.diary-caption p{font:12px var(--serif);letter-spacing:2px;color:#627d87}
.binder{background:var(--fiber),linear-gradient(120deg,#c4dbe4,#acc8d6);padding:11px;border:1px solid #f7ffffc9;border-radius:5px 8px 8px 5px;box-shadow:0 32px 48px -22px #426e8159,0 6px 14px #63818d1f;transform-origin:center center}
.binder::before{inset:18px 5px -5px;background:repeating-linear-gradient(0deg,#e4dfd9 0 1px,#f8f4ed 1px 3px);border-radius:3px}.binder::after{inset:21px 2px -11px;background:var(--fiber),#bfd4df;border-bottom:1px solid #96b4c1;border-radius:5px}
.diary-spread{min-height:0;height:clamp(540px,70vh,740px);background:#fbfaf7;grid-template-columns:1fr 1fr;border-radius:2px}
.paper-half{padding:30px 30px 50px;overflow:hidden}
.paper-half:first-child{background:var(--fiber),linear-gradient(90deg,#fbfaf7 90%,#eeeae5 97%,#d8d3cf);border-radius:2px 0 0 2px}
.paper-half:last-child{background:var(--fiber),linear-gradient(90deg,#d7d3d0,#fbfaf7 7%);border-radius:0 2px 2px 0}
.binder-rings{width:42px;margin-left:-21px;top:15px;bottom:15px}
.binder-rings i{height:10px;border:1px solid #a6b2b6;background:linear-gradient(#fdffff,#a0a8ad 37%,#e8f4f6 55%,#fff 67%,#7a8890);box-shadow:0 3px 3px #6b778b45,2px 0 2px #fff8;transform:rotate(-6deg)}
.bookmark{width:22px;height:47px;right:38px;background:linear-gradient(90deg,#dbb4c6,#f1cede,#ddb5c8)}
.contents-page h3{font:italic clamp(39px,3.5vw,62px)/1.1 var(--serif);color:#a76882;margin:10px 0 35px;letter-spacing:-1.5px}
.contents-page nav{gap:5px}
.contents-page nav button{padding:13px 0;gap:15px;font-size:16px;min-height:62px;border-bottom:1px solid #a6b6bc26;color:#526f7f}
.contents-page nav button>span:first-child{font:22px var(--serif);color:#bc7d97}
.contents-page nav .contents-title{font-size:15px;line-height:1.5;color:inherit}
.contents-title em{display:block;font:12px/1.6 var(--serif);letter-spacing:.3px;color:#74818b}
.contents-page nav button small{font-size:11px;color:#7d7481;white-space:nowrap}
.contents-page nav button:disabled{opacity:1;color:#8c8990}.contents-page nav button:disabled small{color:#807d86}
.contents-page nav button[aria-current]{color:#915c75}
.contents-foot{font-size:11px;color:#807e86;letter-spacing:1px;bottom:24px}
.social-page h3{font-size:20px;margin:8px 0 24px}.social-page h3 span{font:italic 14px var(--serif);color:#6a8493}
.account-composition{gap:18px}.account.xiaohongshu{margin-top:38px}
.work-image{padding:5px;background:#fff;box-shadow:0 4px 8px #5b7d9020,0 0 0 1px #a5b7be22;border-radius:0}
.account .work-image img{max-height:calc(70vh - 250px);object-fit:contain;object-position:top;min-height:0}
.work-image>span{font-size:10px;color:#766777;padding:6px 0 2px;background:white;line-height:1.6}
.account h4{font-size:12px;font-weight:500;margin:14px 0 8px;color:#526c7a}.account p{font-size:12px;line-height:1.9;color:#63717b}
.page-corner{color:#895b75;font-size:11px;min-height:42px;bottom:12px;right:24px}
.page-corner::after{background:linear-gradient(135deg,#b5cedc 49%,#f8f7f1 50%)}
.threads-page{gap:22px}.threads-page .page-overline{top:38px;color:#607b8b;font:italic 16px var(--serif)}
.source-caption{font-size:11px;color:#7a7380}
.analysis-page h3{font-size:18px;line-height:1.7;margin-top:8px}
.real-metric{font-size:clamp(60px,5vw,86px);margin:18px 0 24px;color:#a36580}.real-metric span{font-size:18px}
.analysis-page h4{font-size:14px;letter-spacing:1px;margin-bottom:21px;color:#5f7b8a}
.analysis-lines{gap:17px}.analysis-lines p{display:grid;grid-template-columns:24px 1fr;gap:3px 8px;font-size:12px;line-height:1.8;color:#64707a}
.analysis-lines p>span:first-child{color:#ae7891;font:italic 15px var(--serif);padding-top:3px}.analysis-lines strong{font-size:14px;font-weight:500;color:#60505e}
.analysis-detail{grid-column:2}.analysis-summary{font-size:12px;line-height:1.9;margin-top:23px;padding-top:15px;border-top:1px solid #cebdc555;color:#8c657c}
.diary-controls{margin-top:25px}.diary-controls button{color:#795c73;min-width:80px;min-height:44px}.diary-controls>span{font:12px var(--sans);color:#657b87}
.phase-end{width:68vw;margin:auto;padding:0 0 30px;color:#677e87}
.flip-sheet{top:11px;bottom:11px;width:calc(50% - 11px)}.flip-face{background:#fbfaf7}.flip-face::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#5c728344,transparent 50%);opacity:var(--fold-shade,.3)}
#image-viewer{background:#f4f8f8}#image-viewer::backdrop,#farm-dialog::backdrop{background:#7293a16b;backdrop-filter:blur(9px)}
#image-viewer button{min-height:44px}#image-viewer header{min-height:75px}#farm-dialog{background:var(--fiber),#fbfaf7}
@media(min-width:1700px){.cover-scroll{left:12%}.diary-spread{height:72vh;max-height:780px}.paper-half{padding:44px 44px 60px}.account .work-image img{max-height:calc(72vh - 280px)}.contents-page nav button{min-height:78px}.account p,.analysis-lines p,.analysis-summary{font-size:14px}.account h4{font-size:15px}.contents-page nav .contents-title{font-size:18px}.contents-title em{font-size:14px}.analysis-lines{gap:23px}}
@media(min-width:1001px) and (max-height:800px){.diary-section{padding-top:42px;padding-bottom:40px}.diary-caption{margin-bottom:16px}.diary-spread{height:560px}.paper-half{padding:24px 26px 48px}.contents-page h3{margin-bottom:21px}.contents-page nav button{padding:10px 0}.social-page h3{margin-bottom:18px}.account .work-image img{max-height:265px}.real-metric{margin:13px 0 18px}.analysis-lines{gap:13px}.analysis-summary{margin-top:17px}.diary-controls{margin-top:18px}}
@media(min-width:651px) and (max-width:1000px){.diary-section{--book-width:88vw}.diary-spread{height:auto;min-height:600px}.paper-half{padding:30px 23px 65px}.account .work-image img{max-height:300px}.contents-page nav .contents-title{font-size:14px}.contents-page nav button{gap:10px}.contents-page nav button small{font-size:10px}.social-page h3 span{display:block;margin-top:5px}}
@media(max-width:700px){.hero.bluepink{height:100svh;min-height:790px;max-height:none;padding:125px 8% 360px}.bluepink .hero-copy{width:100%}.bluepink .cover-years{font-size:11px;margin-bottom:23px}.bluepink h1{font-size:72px}.bluepink h1>span{font-size:43px}.bluepink .hero-disciplines{font-size:12px;margin-top:25px}.bluepink .cover-description{font-size:12px;margin-top:16px;max-width:290px}.bluepink .arch-scene{inset:auto -6% 0 -6%;height:390px;transform:none;mask-image:linear-gradient(180deg,transparent,#000 25%)}.cover-scroll{left:8%;bottom:20px;font-size:12px}.cover-annotations{font-size:9px}.annotation-top{bottom:245px;top:auto;left:8%}.annotation-bottom{bottom:65px;right:8%}.cover-header .brand{font-size:10px}.cover-header nav{gap:16px}.cover-header nav a{font-size:11px}.cover-lace{width:150px;left:-50px;opacity:.65}.hero.bluepink::after{height:65px}}
@media(max-width:650px){.letter-envelope{height:230px;width:84vw;top:calc(50% - 105px)}.letter-stage{min-height:610px}.letter-section{min-height:1050px}.welcome-sheet{width:85vw;padding:30px 26px}.welcome-sheet h2{font-size:26px}.welcome-sheet>p:not(.welcome-label){font-size:13px}.explore-link{font-size:12px}.envelope-address button span{font-size:25px;bottom:30px}.envelope-address button::before{top:43%}.envelope-address button::after{top:calc(43% + 8px)}.diary-section{--book-width:90vw;padding:45px 0}.diary-caption{display:flex;margin-bottom:18px}.diary-caption h2{font-size:10px;letter-spacing:1px}.diary-caption h2 span{margin-left:7px}.diary-caption p{font-size:10px;margin:0}.binder{padding:8px}.diary-spread{height:auto;min-height:0;grid-template-columns:1fr}.paper-half{overflow:visible;padding:30px 26px 60px!important}.paper-half:first-child{background:var(--fiber),linear-gradient(180deg,#fbfaf7 96%,#dedbd7)}.paper-half:last-child{background:var(--fiber),linear-gradient(180deg,#dfdbd6,#fbfaf7 3%)}.binder-rings{width:100%;left:0;right:0;bottom:auto;margin:0;height:25px}.binder-rings i{width:11px;height:33px}.contents-page{min-height:460px}.contents-page h3{font-size:44px;margin:0 0 24px}.contents-page nav button{min-height:63px;padding:9px 0}.contents-page nav .contents-title{font-size:15px}.contents-title em{font-size:12px}.contents-page nav button small{font-size:10px}.contents-foot{bottom:20px;font-size:10px}.account-composition{grid-template-columns:1fr;gap:32px}.account .work-image img{max-height:none}.account{width:93%}.account h4{font-size:14px}.account p{font-size:13px}.social-page h3{font-size:20px}.social-page h3 span{font-size:13px}.threads-page{min-height:340px;padding-top:90px!important}.analysis-page h3{font-size:19px}.real-metric{font-size:67px}.analysis-lines p{font-size:13px}.analysis-lines strong{font-size:15px}.analysis-summary{font-size:13px}.diary-controls>span{font-size:10px}.phase-end{width:86vw}.flip-sheet{top:8px;bottom:8px}.world-water::before{filter:none;opacity:.23}.bookmark{right:25px}.page-corner{bottom:12px}.previous-corner{left:20px}#image-viewer header{min-height:80px}#image-viewer header>div{gap:6px}.image-scroll{height:calc(100% - 80px)}}
@media(prefers-reduced-motion:reduce){.letter-section{min-height:0;height:auto}.letter-stage{height:720px}.bluepink .arch-scene{transform:none}.world-water::before{filter:none}.hero.bluepink .hero-copy{animation:none}.letter-envelope,.welcome-sheet{will-change:auto}}