:root{--paper:#f6f4ef;--ink:#181716;--red:#9b1a26;--edge:clamp(22px,4.2vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'EB Garamond',Georgia,serif;font-size:19px}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:12px;top:-70px;z-index:20;background:#fff;padding:10px}.skip:focus{top:12px}#scroll-meter{position:fixed;z-index:20;top:0;left:0;height:3px;background:#f5bdad;width:0;pointer-events:none}.header{position:absolute;z-index:10;left:0;right:0;top:0;padding:27px var(--edge);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:600;letter-spacing:-.035em;white-space:nowrap}.brand i{font-weight:400}.header nav{display:flex;gap:clamp(15px,2.5vw,39px);font-size:16px}.header nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.header-index,.eyebrow,.section-label,.opening-top,.opening-bottom,.scene-note,.gallery-block>span,.section-top,.pending,.closing-bottom,footer,.scroll-hint,.chapter-small,.chapter-bottom{font-family:'EB Garamond',serif;letter-spacing:.09em;font-size:12px;font-weight:600}.header-index{white-space:nowrap}.theme-paper{background:var(--paper);color:var(--ink)}.theme-red{background:var(--red);color:#fffaf2}.theme-ink{background:var(--ink);color:#f8f6ef}.opening{height:min(960px,100svh);min-height:680px;padding:115px var(--edge) 35px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.opening-top,.opening-bottom{display:flex;justify-content:space-between;position:relative;z-index:2}.opening-title{position:relative;z-index:2;padding-top:3vh;pointer-events:none}.opening h1{font-size:clamp(92px,13vw,230px);line-height:.78;letter-spacing:-.085em;font-weight:400;margin:20px 0}.opening h1 em{font-weight:400}.opening-title p{font-size:clamp(20px,2.3vw,36px);line-height:1.04;margin:32px 0 0 7px}.opening-frame{position:absolute;right:9%;top:23%;width:25vw;min-width:240px;max-width:440px;aspect-ratio:2/3;transform:rotate(9deg);opacity:.88}.frame-border{border:1px solid #9b1a26;outline:1px solid #9b1a26;outline-offset:-16px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:35px;color:var(--red);font-size:18px}.frame-center{font-size:clamp(80px,15vw,220px);font-weight:400;line-height:1}.opening-bottom a span{font-size:17px;margin-left:8px}.immersion{display:grid;grid-template-columns:52% 48%;min-height:280vh;position:relative}.immersion-copy{height:100svh;min-height:680px;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding:12vh 4vw 7vh var(--edge);align-self:start}.immersion-copy h2,.diary-fixed h2{font-size:clamp(73px,8.9vw,160px);line-height:.89;font-weight:400;letter-spacing:-.067em;margin:35px 0}.immersion-copy p,.diary-fixed p{font-size:clamp(20px,2.2vw,32px);line-height:1.1;max-width:370px}.scroll-hint{margin-top:50px}.immersion-scroll{padding:12vh var(--edge) 12vh 2vw;display:flex;flex-direction:column;justify-content:space-around;gap:25vh}.scene{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.card-shell{background:#eee8dc;border:10px solid #f5eee0;outline:1px solid #34251f;outline-offset:-24px;color:#2c211d;width:min(88%,430px);aspect-ratio:.67;display:flex;flex-direction:column;align-items:center;padding:30px 25px 20px;box-shadow:17px 27px 55px #4d071466;transform:translateY(var(--parallax,0px)) rotate(-4deg);will-change:transform}.card-number{font-size:23px}.card-core{position:relative;flex:1;width:100%;overflow:hidden}.sun{width:56%;aspect-ratio:1;border-radius:100%;border:2px solid #8b382c;position:absolute;top:14%;left:24%}.horizon{height:1px;background:#8b382c;width:130%;position:absolute;left:-15%;top:67%;transform:rotate(-11deg)}.opening-symbol{font-size:120px;position:absolute;top:35%;left:17%;color:#8b382c}.card-name{font-size:34px;letter-spacing:.07em}.detail-frame{background:#251b1c;position:relative;width:min(84%,390px);aspect-ratio:.72;overflow:hidden;border:1px solid #f9e5cc77;transform:translateY(var(--parallax,0px)) rotate(5deg);display:flex;align-items:center;justify-content:center;box-shadow:16px 22px 60px #4d071466}.detail-ring{width:70%;aspect-ratio:1;border:1px solid #dfad9d;border-radius:50%;box-shadow:0 0 0 16px #251b1c,0 0 0 17px #dfad9d}.detail-cross{position:absolute;font-size:180px;color:#e9c3aa;font-weight:400}.detail-no{position:absolute;bottom:26px;left:28px;font-size:15px;letter-spacing:.14em}.chapter-frame{width:min(100%,480px);aspect-ratio:.82;border-top:1px solid #f4dfd2;border-bottom:1px solid #f4dfd2;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(var(--parallax,0px))}.chapter-huge{font-size:clamp(86px,9vw,170px);font-weight:400;line-height:.79;letter-spacing:-.07em}.chapter-huge i{font-weight:400}.scene-note{text-align:center;opacity:.68}.interlude{padding:16vh var(--edge);min-height:70vh;display:flex;flex-direction:column;justify-content:space-between;gap:50px}.interlude-text{font-size:clamp(54px,7vw,124px);letter-spacing:-.065em;line-height:.95;max-width:1200px}.text-link{font-size:15px;letter-spacing:.08em;font-weight:600;align-self:flex-start}.diary{display:grid;grid-template-columns:50% 50%;min-height:235vh}.diary-fixed{position:sticky;top:0;align-self:start;height:100svh;min-height:630px;padding:15vh 4vw 8vh var(--edge);display:flex;flex-direction:column;justify-content:center}.diary-gallery{padding:14vh var(--edge) 16vh 0;display:flex;flex-direction:column;align-items:flex-end;gap:32vh}.gallery-block{width:100%}.gallery-block.small{width:70%;align-self:flex-start}.gallery-block.medium{width:80%}.gallery-placeholder{height:65vh;max-height:750px;display:flex;align-items:center;justify-content:center;font-style:italic;font-size:clamp(130px,17vw,260px);font-weight:400;background:#e8e1d4;color:#8e2028}.small .gallery-placeholder{height:48vh;background:#ac2630;color:#f3ede5}.medium .gallery-placeholder{height:55vh;background:#bbb3a5;color:#302828}.gallery-block>span{display:block;margin-top:13px;opacity:.7}.readings{padding:90px var(--edge) 140px;min-height:90vh}.section-top{display:flex;justify-content:space-between}.readings-content{display:grid;grid-template-columns:65% 35%;align-items:end;gap:25px;margin-top:16vh}.readings h2{font-size:clamp(80px,10vw,185px);line-height:.82;letter-spacing:-.08em;font-weight:400;margin:0}.readings-content p{font-size:clamp(22px,2.3vw,35px);line-height:1.1}.pending{display:block;opacity:.65;margin:35px 0}.closing{min-height:85vh;padding:100px var(--edge) 35px;display:flex;flex-direction:column;justify-content:space-between}.closing h2{font-size:clamp(84px,12vw,220px);font-weight:400;line-height:.82;letter-spacing:-.075em;margin:30px 0}.closing>p{font-size:clamp(20px,2.7vw,36px)}.closing-bottom{display:flex;justify-content:space-between}footer{padding:30px var(--edge);display:flex;justify-content:space-between;gap:25px;background:#1b1817;color:#f5f0e9}@media(max-width:850px){.header{padding-top:20px}.header nav{gap:13px;font-size:14px;flex-wrap:wrap;justify-content:flex-end}.header-index{display:none}.opening{min-height:700px}.opening-top span:last-child{display:none}.opening-frame{right:-3%;top:32%;width:45vw;min-width:205px;opacity:.65}.opening h1{font-size:clamp(75px,13vw,132px)}.opening-title{padding-top:16vh}.immersion,.diary{display:block;min-height:0}.immersion-copy,.diary-fixed{position:relative;height:auto;min-height:55vh;padding:100px var(--edge) 35px}.immersion-scroll{padding:0 var(--edge) 90px;gap:5vh}.scene{min-height:80vh}.diary-gallery{padding:10px var(--edge) 100px;gap:70px}.gallery-placeholder{height:55vh}.readings-content{display:block;margin-top:130px}.readings-content>div{max-width:500px;margin-top:65px}footer{flex-wrap:wrap}}@media(max-width:520px){.brand{font-size:18px}.header nav{font-size:12px;gap:10px}.header nav a:nth-child(2),.header nav a:nth-child(4){display:none}.opening{height:100svh;min-height:630px;padding-top:110px}.opening h1{font-size:clamp(70px,19vw,105px)}.opening-frame{top:37%;right:-16%;width:64vw}.opening-title p{margin-top:45px}.opening-bottom>span:last-child{display:none}.immersion-copy h2,.diary-fixed h2{font-size:clamp(65px,17vw,96px)}.interlude-text{font-size:clamp(51px,11vw,76px)}.readings h2,.closing h2{font-size:clamp(77px,17vw,120px)}.closing-bottom{gap:20px;flex-direction:column}.card-shell{width:90%}.scene{min-height:65vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.card-shell,.detail-frame,.chapter-frame{transform:none!important}}