@charset "UTF-8";
:root{font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1eb;color:#282420}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}button:focus-visible,a:focus-visible{outline:3px solid #d8a879;outline-offset:4px}::selection{background:#dfc5b0;color:#17120f}
.demo-toolbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#171c23;color:#fff;padding:0 clamp(12px,3vw,44px);font-size:12px;position:relative;z-index:60}.toolbar-brand{display:flex;align-items:center;gap:5px;white-space:nowrap}.toolbar-brand b{font-size:15px;letter-spacing:1px}.toolbar-brand span{color:#aeb4be}.toolbar-middle{display:flex;align-items:center;gap:12px;letter-spacing:1px;color:#cdd1d8}.preview-chip{border:1px solid #5a6471;color:#9fa7b4;border-radius:30px;padding:3px 9px;font-size:10px}.toolbar-actions{display:flex;gap:7px;align-items:center}.toolbar-actions>a{width:32px;height:31px;border:1px solid #505861;border-radius:50%;display:grid;place-items:center}.select-template{background:#e8cead;border:0;color:#222;padding:9px 17px;border-radius:4px;margin-left:4px;font-weight:700}.select-template:hover{background:#f6debc}.demo-note{padding:12px 24px;text-align:center;background:#171c23;color:#b4b8bf;font-size:11px}.theme{--body-bg:#f5f1eb;--body-ink:#433c37;--accent:#99765e;--subtle:#9e9080;--panel:#fffdf8;background:var(--body-bg);color:var(--body-ink);overflow:hidden}.hero{position:relative;min-height:calc(100vh - 58px);overflow:hidden}.site-nav{height:94px;display:flex;justify-content:space-between;align-items:center;padding:0 max(5vw,24px);position:relative;z-index:3;font-size:12px}.site-monogram{font-family:Georgia,serif;font-size:25px;font-weight:700;letter-spacing:-2px}.site-monogram i{font-size:18px;color:var(--accent);font-weight:normal}.site-links{display:flex;gap:32px}.site-links a:hover{text-decoration:underline;text-underline-offset:7px}.nav-date{font-family:Georgia,serif;letter-spacing:1.3px;font-size:10px;white-space:nowrap}.dark-nav{color:#fff}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:32px}.btn-main{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--accent);color:#fff;border-radius:2px;padding:12px 20px;font-size:12px;letter-spacing:1px;transition:transform .2s ease,background .2s ease}.btn-main:hover{transform:translateY(-3px)}.btn-main span{font-size:17px}.btn-sub{font-size:12px;padding:14px 2px;border-bottom:1px solid currentColor}.btn-light{background:#f3e4cf;color:#272020}.overline,.section-head>span,.letter-kicker{font-size:11px;letter-spacing:3px}.hero h1{font-weight:400}.theme-cream{--body-bg:#f5f0e8;--body-ink:#55483e;--accent:#967b69;--panel:#fffdf8}.theme-sakura{--body-bg:#fff1f4;--body-ink:#795269;--accent:#c37791;--panel:#fffafd}.theme-film{--body-bg:#241b1a;--body-ink:#f2e2ce;--accent:#ad7e5d;--panel:#342824}.theme-star{--body-bg:#10192c;--body-ink:#eae3ff;--accent:#8b80c0;--panel:#1a2340}.theme-coast{--body-bg:#e9f5f2;--body-ink:#2a646d;--accent:#2e8790;--panel:#fffbf2}.theme-diary{--body-bg:#fef2d8;--body-ink:#654d65;--accent:#d4768f;--panel:#fffdf5}.theme-forest{--body-bg:#f0f0e6;--body-ink:#4b6051;--accent:#6e8568;--panel:#fffdf6}.theme-city{--body-bg:#151728;--body-ink:#f6f3fb;--accent:#bd829f;--panel:#272438}.theme-time{--body-bg:#f5f4ef;--body-ink:#303332;--accent:#343c39;--panel:#fff}.theme-cinema{--body-bg:#1f1617;--body-ink:#f8e8d8;--accent:#a84e4b;--panel:#332223}
/* HERO 01 */
.hero-cream{background:#f6f0e9}.cream-grid{display:grid;grid-template-columns:55% 45%;max-width:1600px;margin:auto;min-height:680px;align-items:center}.cream-words{padding:7vw 2vw 7vw 9vw}.cream-words .overline{color:#a48e7d;display:flex;align-items:center;gap:12px}.line-dot{width:7px;height:7px;border-radius:50%;background:#997b6e}.cream-words h1{font-size:clamp(44px,5.3vw,93px);line-height:1.27;letter-spacing:-3px;margin:32px 0}.cream-words h1 span{color:#b48775}.cream-words>p{letter-spacing:2px;font-size:15px;color:#8b7768}.tiny-date{margin-top:70px;letter-spacing:2px;font-size:10px;color:#a18f83}.tiny-date span{padding:0 14px}.cream-picture{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:2vw 5vw 4vw 0}.photo-frame{height:min(74vh,690px);min-height:440px;background:#d9bdac;padding:14px 14px 0;box-shadow:22px 28px 0 #ece4db}.photo-frame img{object-position:center 45%}.picture-caption{font-size:12px;display:flex;justify-content:space-between;margin-top:22px;letter-spacing:1px}.picture-caption em{font-family:Georgia,serif;font-size:14px}.cream-stamp{position:absolute;top:17%;left:-7%;border:1px solid #ae9886;color:#9b7f6c;width:112px;height:112px;display:grid;place-content:center;text-align:center;font-size:17px;transform:rotate(-14deg);border-radius:50%;background:#f2e9ddf0;font-family:Georgia,serif}.cream-stamp b{font-weight:normal;color:#b9907a}.hero-edge{font-size:10px;letter-spacing:2px;color:#9c8c7b;display:flex;justify-content:space-between;max-width:1470px;margin:0 auto;padding:10px 6vw 28px}
/* HERO 02 */
.hero-sakura{background:radial-gradient(circle at 72% 29%,#fff 0,#fff1f4 35%,#ffe1ed 92%);min-height:900px}.sakura-blob{position:absolute;border-radius:50%;pointer-events:none}.blob-one{width:520px;height:520px;background:#ffd3e3;filter:blur(80px);opacity:.45;top:-250px;left:-110px}.blob-two{width:470px;height:470px;background:#fcc3df;filter:blur(100px);opacity:.42;bottom:-280px;right:-80px}.sakura-content{position:relative;z-index:2;text-align:center}.sakura-label{color:#ca829b;font:12px Georgia,serif;letter-spacing:3px;margin-top:15px}.sakura-content h1{font-family:"Noto Serif CJK SC",serif;font-size:clamp(34px,4.5vw,63px);line-height:1.6;margin:13px auto 4px;letter-spacing:2px}.sakura-content h1 em{font-weight:400;color:#bf6f91;font-style:normal}.sakura-content h1 b{display:inline-block;font-size:28px;transform:translate(16px,-30px);color:#ed9fba}.sakura-content>p{color:#aa7286;letter-spacing:2px;font-size:14px}.sakura-collage{width:min(720px,95vw);height:410px;margin:15px auto -10px;position:relative}.sakura-photo{position:absolute;width:275px;height:345px;background:#fff;padding:12px 12px 48px;box-shadow:0 16px 38px #cb8ea75c}.sakura-photo img{height:100%}.sakura-photo span{position:absolute;bottom:16px;left:0;width:100%;text-align:center;font:12px Georgia,serif;color:#b18493;letter-spacing:2px}.sakura-photo.p1{top:40px;left:11%;transform:rotate(-10deg)}.sakura-photo.p2{top:9px;right:9%;transform:rotate(10deg)}.sakura-sticker{position:absolute;left:43%;top:80px;background:#ee87aa;color:white;border-radius:50%;height:110px;width:110px;display:grid;place-content:center;transform:rotate(-12deg);font:700 17px/1.3 Georgia,serif;box-shadow:0 4px 15px #b5708875}.heart-cloud{position:absolute;right:2%;top:160px;font-size:60px;color:#dd8da8}.sakura-content .hero-buttons{justify-content:center;margin-top:0}.sakura-small{margin:32px 0 52px;color:#c890a4;font:italic 13px Georgia,serif}
/* HERO 03 */
.hero-film{background:#251b19;color:#f3e2c6;background-image:radial-gradient(#a0744f20 1px,transparent 1px);background-size:3px 3px}.film-hero-inner{padding:10px max(6vw,20px) 65px;max-width:1520px;margin:auto}.film-header{display:flex;justify-content:space-between;color:#aa9075;font:11px Georgia,serif;letter-spacing:3px}.film-hero-inner h1{font-family:"Noto Serif CJK SC",serif;font-size:clamp(44px,5.6vw,94px);line-height:1.28;margin:45px 0 35px}.film-hero-inner h1 span{color:#bf8c6a}.film-hero-inner h1 em{font-weight:normal;font-style:normal}.filmstrip{background:#110d0d;padding:14px 0 12px;box-shadow:0 25px 70px #0007;transform:rotate(-1.1deg)}.film-hole-row{height:17px;background:repeating-linear-gradient(90deg,transparent 0 32px,#c9b9a24d 33px 56px,transparent 57px 92px);margin:0 8px}.film-images{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 16px}.film-images figure{margin:0;position:relative;height:clamp(260px,32vw,460px);overflow:hidden;background:#4b3832}.film-images img{filter:sepia(.35) contrast(.91)}.film-images figcaption{position:absolute;bottom:13px;left:14px;font:10px Georgia,serif;letter-spacing:2px;background:#191411c9;color:#fff1e3;padding:8px}.film-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-top:38px}.film-bottom p{color:#c9ae91;line-height:2}.film-bottom .hero-buttons{margin:0}
/* HERO 04 */
.hero-star{background:radial-gradient(ellipse at 50% 43%,#3e3a70 0,#171f40 39%,#0f172c 85%);color:#f6efff}.sky-stars{position:absolute;inset:0;background-image:radial-gradient(#fff9 1px,transparent 1px),radial-gradient(#f6bfff7d 1px,transparent 2px);background-size:89px 89px,161px 161px;background-position:15px 24px,72px 11px;opacity:.46}.star-content{text-align:center;position:relative;z-index:2}.star-kicker{font:12px Georgia,serif;letter-spacing:3px;color:#e6ceff}.star-content h1{font-family:"Noto Serif CJK SC",serif;font-size:clamp(37px,4.3vw,65px);margin:20px 0 10px;line-height:1.46}.star-content h1 em{color:#e4bbee;font-style:normal}.star-content>p{color:#c4bedf;letter-spacing:1px}.star-orbit{margin:12px auto 0;width:480px;height:450px;max-width:98vw;position:relative}.orbit-photo{position:absolute;width:270px;height:330px;left:50%;top:51%;transform:translate(-50%,-50%);border:7px solid #f1d7c2;overflow:hidden;border-radius:150px 150px 15px 15px;box-shadow:0 0 50px #f3cbe45e}.orbital-ring{position:absolute;inset:35px 0;border:1px solid #eacdf750;border-radius:50%;transform:rotate(20deg)}.ring-b{inset:3px 40px;transform:rotate(-27deg)}.orbit-mark{position:absolute;color:#f2d2f4}.m1{left:15%;top:20%;font-size:31px}.m2{right:10%;top:45%;font-size:36px}.m3{left:18%;bottom:14%;font-size:25px}.orbit-label{position:absolute;bottom:5px;width:100%;letter-spacing:3px;font:10px Georgia,serif;color:#ddd3ef}.star-content .hero-buttons{justify-content:center;margin:13px 0 17px}.star-footer{color:#aeb4d6;font-size:10px;letter-spacing:3px;padding-bottom:35px}
/* HERO 05 */
.hero-coast{background:#e8f4ef;color:#28646b}.coast-inner{display:grid;grid-template-columns:51% 49%;align-items:center;min-height:690px;max-width:1500px;margin:auto;padding:0 5vw 65px;gap:30px}.coast-sun{font-size:70px;color:#e8b478;line-height:1}.coast-tag{letter-spacing:4px;font-size:10px;margin:25px 0;color:#63a0a0}.coast-left h1{font-family:"Noto Serif CJK SC",serif;font-size:clamp(47px,5vw,81px);line-height:1.4;margin:18px 0}.coast-left h1 em{color:#48a2a6;font-weight:normal}.coast-left>p{letter-spacing:2px}.coast-coordinate{margin-top:75px;font:11px Georgia,serif;letter-spacing:2px}.coast-postcard{position:relative;transform:rotate(4deg);padding:16px}.postcard-paper{background:#fdf9eb;border:1px solid #d5d8c0;box-shadow:12px 19px 50px #56949752;padding:20px}.postcard-top{display:flex;justify-content:space-between;align-items:center;font:11px Georgia,serif;letter-spacing:2px;padding-bottom:13px}.postcard-paper>img{height:430px}.postcard-bottom{display:flex;justify-content:space-between;align-items:end;padding-top:16px;line-height:1.8;font-size:12px}.postcard-bottom b{font:11px Georgia,serif}.coast-seal{position:absolute;top:0;right:4px;border:4px double #c77e64;background:#fffaf0;border-radius:50%;width:105px;height:105px;display:grid;place-content:center;text-align:center;transform:rotate(-16deg);font:10px Georgia,serif;color:#a46959}.coast-seal b{font-size:27px;line-height:1}.wave-border{height:40px;background:radial-gradient(ellipse 85px 50px at 90px -2px,transparent 80%,#aad6d0 82%,#aad6d0 87%,transparent 89%) repeat-x;background-size:180px 40px}
/* HERO 06 */
.hero-diary{background:#fff2d4;min-height:850px;background-image:radial-gradient(#dbbc9830 1px,transparent 1px);background-size:24px 24px}.diary-content{max-width:1450px;margin:auto;padding:60px 5vw 70px;display:grid;grid-template-columns:47% 53%;align-items:center;min-height:665px}.diary-paper{position:relative;background:#fffdf7;box-shadow:8px 12px 0 #ebdcb9,0 12px 34px #ae8d6757;padding:65px 38px 75px;transform:rotate(-3deg)}.diary-tape{background:#b6d5ce;color:#48746c;padding:9px 29px;font:10px Georgia,serif;position:absolute;top:-13px;left:35%;transform:rotate(3deg);letter-spacing:2px}.diary-num{font:12px Georgia,serif;letter-spacing:3px;color:#d28c9b}.diary-paper h1{font-weight:800;font-size:clamp(45px,5vw,75px);letter-spacing:-2px;line-height:1.38}.diary-paper h1 span{color:#e6819c;display:inline-block;transform:rotate(12deg)}.diary-paper h1 sup{font-size:27px;color:#eda5b6}.diary-paper p{font-size:14px;color:#927488}.diary-pictures{height:550px;position:relative}.memo{position:absolute;margin:0;background:#fff;padding:13px 13px 46px;box-shadow:0 15px 26px #927d7f55;width:240px;height:350px}.memo img{height:100%}.memo figcaption{font:12px Georgia,serif;color:#8b7d7b;position:absolute;bottom:17px;text-align:center;width:calc(100% - 26px)}.memo1{left:1%;top:21%;transform:rotate(-18deg);z-index:1}.memo2{left:27%;top:0;transform:rotate(8deg);z-index:3}.memo3{right:-2%;top:29%;transform:rotate(20deg);z-index:2}.diary-doodle{position:absolute;z-index:2;font-size:78px;color:#f39db4}.d1{left:3%;top:160px}.d2{right:4%;top:130px}.d3{left:25%;bottom:15px;color:#a9bd95}.diary-sparkle{position:absolute;bottom:-15px;right:20%;font-size:70px;color:#e9b85c}.diary-bottom{text-align:center;font:11px Georgia,serif;letter-spacing:4px;padding:15px 0 40px;color:#a38a72}
/* HERO 07 */
.hero-forest{background:#f1f0e7;position:relative}.forest-inner{display:grid;grid-template-columns:50% 50%;max-width:1420px;margin:auto;min-height:680px;align-items:center;padding:30px 6vw 90px}.forest-photo{width:min(100%,520px);height:580px;position:relative;padding:15px;background:#dde4d6;box-shadow:18px 18px 0 #d0d7c8}.forest-photo img{border-radius:270px 270px 3px 3px}.forest-photo-label{position:absolute;bottom:-28px;left:0;font:italic 16px Georgia,serif;letter-spacing:1px;color:#739078}.forest-words{text-align:center;padding-left:4vw}.forest-kicker{font:11px Georgia,serif;letter-spacing:4px}.forest-words h1{font-family:"Noto Serif CJK SC",serif;font-size:clamp(45px,5.1vw,78px);line-height:1.46;margin:36px 0 12px;font-weight:400}.forest-words h1 em{font-weight:400;color:#79917a}.forest-divider{display:flex;align-items:center;justify-content:center;gap:14px;color:#829987}.forest-divider span{width:63px;height:1px;background:#a0b3a1}.forest-words p{color:#8da08d;margin:28px 0}.forest-words .hero-buttons{justify-content:center}.forest-signature{font:italic 18px Georgia,serif;margin-top:70px;color:#9aaa94}.forest-leaf{position:absolute;font-size:200px;color:#bdc8b4;opacity:.36;z-index:1}.leaf-left{top:12%;left:-45px;transform:rotate(-42deg)}.leaf-right{bottom:-45px;right:-30px;transform:rotate(40deg)}
/* HERO 08 */
.hero-city{background:#101525;color:#fff;min-height:850px}.city-screen{position:absolute;inset:0;opacity:.68}.city-screen img{filter:hue-rotate(70deg) saturate(.7) brightness(.52);object-position:center 30%}.city-glow{position:absolute;inset:0;background:linear-gradient(90deg,#0f122a 0%,#13132eeb 45%,transparent 100%),radial-gradient(circle at 80% 25%,#aa589b6a,transparent 40%)}.city-copy{position:relative;z-index:2;padding:95px 9vw 70px}.city-small{letter-spacing:4px;color:#cab1cf;font-size:11px}.city-copy h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(72px,10vw,162px);line-height:.91;letter-spacing:-7px;margin:30px 0}.city-copy h1 span{color:#ecaccd;text-shadow:0 0 50px #eab0ee67}.city-dot{color:#f4b4e3}.city-copy p{font-size:15px;line-height:2.3;color:#d6c7d5}.city-side{position:absolute;right:-127px;top:49%;transform:rotate(90deg);font-size:10px;letter-spacing:3px;color:#c4a1bc;z-index:2}.city-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;padding:0 9vw 25px;font:10px Georgia,serif;letter-spacing:3px;color:#bcacc2}
/* HERO 09 */
.hero-time{background:#f3f2ed}.time-inner{padding:38px 7vw 55px;max-width:1520px;margin:auto}.time-upper{display:flex;justify-content:space-between;border-top:1px solid #3b3c37;padding-top:13px;font:11px Arial,Helvetica,sans-serif;letter-spacing:2px}.time-center{display:grid;grid-template-columns:56% 44%;align-items:center;gap:20px;min-height:615px}.time-pretitle{font-size:14px;letter-spacing:2px;color:#6f7370}.time-details>strong{display:block;font-family:Arial,sans-serif;font-size:clamp(106px,17vw,244px);line-height:1;letter-spacing:-14px;font-weight:500;margin-top:5px}.time-days{font:14px Arial,sans-serif;letter-spacing:6px}.time-details h1{font-size:clamp(36px,3.9vw,58px);line-height:1.45;margin:28px 0 10px}.time-details h1 em{color:#849087;font-style:normal}.time-details>p{font-size:13px;color:#7f8580}.time-image{height:520px;max-width:480px;margin-left:auto;position:relative;padding-bottom:28px}.time-image>span{position:absolute;bottom:0;left:0;font:11px Arial,sans-serif;letter-spacing:2px}.time-rule{border-top:1px solid #333;display:flex;justify-content:space-between;padding-top:13px;font-size:11px}
/* HERO 10 */
.hero-cinema{background:#1b1215;color:#f7ebe2}.cinema-grain{position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(circle at 24% 31%,#fff1 0 1px,transparent 1px 3px);opacity:.15;z-index:2}.cinema-poster{height:calc(100vh - 152px);min-height:720px;max-width:1370px;margin:0 auto;position:relative;box-shadow:0 0 0 1px #8b6c695c;overflow:hidden}.cinema-portrait{position:absolute;inset:0}.cinema-portrait img{filter:sepia(.3) brightness(.62) saturate(.95);object-position:center 50%}.cinema-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#241518bd 0%,#23151a00 37%,#130d11c9 78%,#170e13 100%)}.cinema-topline{position:absolute;display:flex;justify-content:space-between;left:5%;right:5%;top:23px;z-index:2;letter-spacing:3px;font:10px Georgia,serif;color:#f4d9c4}.cinema-title{position:absolute;bottom:72px;left:0;right:0;z-index:3;text-align:center}.cinema-title>span{letter-spacing:6px;font:11px Georgia,serif}.cinema-title h1{font-family:"Noto Serif CJK SC",serif;font-size:clamp(75px,10vw,145px);font-weight:700;margin:9px 0 0;letter-spacing:8px;text-shadow:0 8px 30px #180c15}.cinema-title h1 span{color:#ecc3aa}.cinema-title p{letter-spacing:7px;font:11px Georgia,serif;margin:5px 0 18px}.cinema-separator{color:#efc3b2;font-size:12px;letter-spacing:2px}.cinema-sub{font-size:12px;letter-spacing:2px;margin-top:20px}.cinema-title .hero-buttons{justify-content:center;margin-top:20px}.cinema-credits{position:absolute;bottom:15px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font:10px Georgia,serif;letter-spacing:2px;color:#e6c5b1;z-index:2}
/* SHARED SECTIONS, distinct theme variables */
.sections{position:relative}.section-story,.section-gallery,.section-letter,.section-days{padding:110px max(6vw,20px);scroll-margin-top:45px}.section-story,.section-gallery{background:var(--body-bg)}.section-head{text-align:center;max-width:780px;margin:0 auto 65px}.section-head>span{color:var(--accent);font-family:Georgia,serif}.section-head h2{font-size:clamp(28px,3vw,46px);font-weight:400;letter-spacing:1px;font-family:"Noto Serif CJK SC",serif;margin:18px 0}.section-head p{font-size:13px;color:var(--subtle,#888);line-height:2}.timeline{max-width:870px;margin:auto}.timeline-row{display:grid;grid-template-columns:180px 42px 1fr;gap:20px;min-height:156px}.timeline-date{font:13px Georgia,serif;letter-spacing:1px;text-align:right;padding-top:6px;color:var(--accent)}.timeline-point{position:relative;display:flex;justify-content:center}.timeline-point:after{content:'';position:absolute;left:50%;top:15px;bottom:0;width:1px;background:currentColor;opacity:.22}.timeline-row:last-child .timeline-point:after{display:none}.timeline-point span{height:14px;width:14px;border:1px solid currentColor;border-radius:50%;position:relative;z-index:1;background:var(--body-bg)}.timeline-copy>span{font:10px Georgia,serif;letter-spacing:2px;color:var(--accent)}.timeline-copy h3{font-weight:500;font-size:22px;margin:6px 0 7px}.timeline-copy p{font-size:13px;line-height:2;color:var(--subtle,#97908b);margin:0;max-width:420px}.section-gallery{padding-top:85px}.gallery-photos{max-width:1140px;margin:auto;display:grid;grid-template-columns:1.12fr .86fr 1fr;gap:16px;height:540px}.gallery-card{background:var(--panel);border:0;padding:0;overflow:hidden;position:relative;text-align:left;color:#fff}.gallery-card:nth-child(2){margin-top:44px;margin-bottom:44px}.gallery-card img{transition:transform .55s ease,filter .35s ease}.gallery-card:hover img{transform:scale(1.055);filter:brightness(.8)}.gallery-card>span{position:absolute;left:16px;bottom:17px;background:#1e1d1bc0;color:#fff;padding:11px 12px;font:11px Georgia,serif;letter-spacing:1px}.gallery-card>span b{padding-left:13px}.gallery-caption{font-size:11px;text-align:center;color:var(--accent);margin-top:27px;letter-spacing:1px}.section-days{background:var(--panel);padding-top:95px;padding-bottom:95px}.section-days>span{display:block;max-width:1080px;margin:0 auto;font:11px Georgia,serif;letter-spacing:4px;color:var(--accent)}.days-flex{max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px}.days-flex>div{display:flex;align-items:baseline;gap:18px}.days-flex strong{font-family:Georgia,serif;font-weight:400;font-size:clamp(95px,12vw,185px);letter-spacing:-8px}.days-flex em{font-size:28px;font-style:normal}.days-flex p{line-height:2.6;letter-spacing:1px;color:var(--accent);font-size:15px}.days-bottom{max-width:1080px;border-top:1px solid currentColor;opacity:.65;padding-top:15px;margin:auto;display:flex;justify-content:space-between;letter-spacing:3px;font:11px Georgia,serif}.days-bottom span{font-size:15px}.section-letter{background:var(--body-bg);padding-top:105px;padding-bottom:130px}.letter-paper{width:min(680px,100%);margin:auto;padding:60px clamp(24px,6vw,80px);background:var(--panel);box-shadow:0 18px 50px #00000012;text-align:center;border:1px solid #8882}.letter-kicker{color:var(--accent);font-family:Georgia,serif}.letter-icon{font-size:48px;margin-top:22px;color:var(--accent)}.letter-paper h2{font-family:"Noto Serif CJK SC",serif;font-weight:400;font-size:34px}.letter-paper>p{font-size:14px;line-height:2.5;text-align:left;max-width:470px;margin:30px auto;color:var(--body-ink)}.letter-sign{font:italic 22px Georgia,serif;margin:32px 0;color:var(--accent)}.read-letter{background:transparent;border:1px solid currentColor;color:inherit;padding:15px 24px;font-size:12px;letter-spacing:1px}.read-letter:hover{background:var(--body-bg)}.love-footer{text-align:center;background:var(--panel);border-top:1px solid #8882;padding:70px 20px}.love-footer>span{font:10px Georgia,serif;letter-spacing:4px;color:var(--accent)}.love-footer>strong{display:block;font:46px Georgia,serif;letter-spacing:1px;margin:19px 0}.love-footer i{font-size:27px;color:var(--accent)}.love-footer p{font-size:13px}.love-footer small{font-size:10px;color:var(--accent)}
/* custom shared section behaviors per style */
.theme-sakura .section-head h2,.theme-forest .section-head h2{color:var(--accent)}.theme-film .section-story,.theme-film .section-gallery{background:#251d1b}.theme-star .section-story,.theme-star .section-gallery{background:#10192c}.theme-city .section-story,.theme-city .section-gallery{background:#151728}.theme-cinema .section-story,.theme-cinema .section-gallery{background:#1f1617}.theme-star .section-days{background:#253051}.theme-film .section-days{background:#322422}.theme-city .section-days{background:#29253c}.theme-cinema .section-days{background:#382727}.theme-sakura .section-days{background:#ffe5ee}.theme-diary .section-days{background:#fee1a7}.theme-forest .section-days{background:#e1e8d9}.theme-coast .section-days{background:#d6eae4}.theme-cream .section-days{background:#e7dfd4}.theme-time .section-days{background:#e2e2dd}.theme-film .letter-paper,.theme-city .letter-paper,.theme-star .letter-paper,.theme-cinema .letter-paper{border-color:#ffffff29}.theme-film .section-head p,.theme-star .section-head p,.theme-city .section-head p,.theme-cinema .section-head p,.theme-film .timeline-copy p,.theme-star .timeline-copy p,.theme-city .timeline-copy p,.theme-cinema .timeline-copy p{color:#bcb2ac}.theme-film .timeline-point span,.theme-star .timeline-point span,.theme-city .timeline-point span,.theme-cinema .timeline-point span{background:#2b2325}
/* overlay */
.overlay[hidden]{display:none}.overlay{position:fixed;inset:0;z-index:200;background:#0b0c10e8;display:flex;align-items:center;justify-content:center;padding:50px 20px 30px;overflow:auto}.overlay-close{position:fixed;right:25px;top:18px;background:#fff2;color:#fff;border:1px solid #fff5;width:43px;height:43px;border-radius:50%;font-size:29px}.overlay-content{max-width:min(680px,95vw);max-height:85vh;color:#fff}.lightbox-photo{margin:0;text-align:center;height:min(73vh,790px);display:flex;align-items:center;flex-direction:column}.lightbox-photo img{object-fit:contain;min-height:0}.lightbox-photo figcaption{font:12px Georgia,serif;letter-spacing:3px;margin-top:12px}.lightbox-letter{background:#f5e9da;color:#42372c;padding:clamp(25px,5vw,65px);max-width:640px}.lightbox-letter>span{font:12px Georgia,serif;letter-spacing:3px}.lightbox-letter h2{font:normal clamp(26px,3vw,38px) "Noto Serif CJK SC",serif;line-height:1.6}.lightbox-letter p{line-height:2.5;font-size:14px}.lightbox-letter em{font:italic 19px Georgia,serif}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#1f2730;color:#fff;padding:14px 22px;z-index:250;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center;border-radius:6px;box-shadow:0 12px 30px #0002}.toast.visible{opacity:1;transform:translate(-50%,0)}body.modal-open{overflow:hidden}
@media(max-width:1100px){.cream-words{padding-left:6vw}.cream-words h1{font-size:clamp(38px,5vw,64px)}.sakura-photo{width:240px;height:320px}.diary-content{grid-template-columns:44% 56%}.memo{width:210px;height:315px}.coast-inner{grid-template-columns:48% 52%}.forest-inner{padding:30px 4vw 70px}.forest-photo{height:520px}.time-details>strong{font-size:clamp(100px,16vw,185px)}}
@media(max-width:760px){.demo-toolbar{height:54px;padding:0 12px;gap:8px}.toolbar-middle{display:none}.toolbar-brand span{display:none}.toolbar-actions>a{width:28px;height:28px}.select-template{padding:8px 11px;font-size:11px}.site-nav{height:68px;padding:0 20px}.site-monogram{font-size:22px}.site-links{gap:15px;font-size:10px}.nav-date{display:none}.hero{min-height:calc(100vh - 54px)}.hero-buttons{gap:14px;margin-top:24px}.btn-main{padding:12px 15px;min-height:44px;font-size:11px;gap:10px}.btn-sub{font-size:11px}.cream-grid{display:flex;flex-direction:column;min-height:unset}.cream-words{padding:48px 22px 18px;width:100%}.cream-words h1{font-size:clamp(38px,10.2vw,67px);margin:21px 0;letter-spacing:-1.5px}.cream-words>p{font-size:13px}.tiny-date{margin-top:38px}.cream-picture{padding:20px 40px 45px 25px;width:100%}.photo-frame{min-height:0;height:440px;padding:9px 9px 0;box-shadow:12px 17px 0 #e8ded4}.cream-stamp{left:auto;right:3px;top:10%;height:78px;width:78px;font-size:13px}.picture-caption{margin-top:14px}.hero-edge{padding:0 25px 27px;font-size:8px}.hero-edge span{display:none}.hero-sakura{min-height:760px}.sakura-label{font-size:10px}.sakura-content h1{font-size:clamp(26px,8vw,45px)}.sakura-content h1 b{font-size:20px;transform:translate(4px,-17px)}.sakura-content>p{font-size:11px}.sakura-collage{height:335px}.sakura-photo{width:45vw;max-width:215px;height:270px;padding:9px 9px 37px}.sakura-photo.p1{left:6%;top:33px}.sakura-photo.p2{right:7%;top:22px}.sakura-photo span{font-size:9px;bottom:13px}.sakura-sticker{height:83px;width:83px;font-size:13px;left:40%;top:79px}.heart-cloud{font-size:40px;right:0}.sakura-small{margin:25px 0 48px}.film-hero-inner{padding:25px 12px 46px}.film-header{font-size:8px;letter-spacing:1px}.film-hero-inner h1{font-size:clamp(39px,10vw,70px);margin:35px 14px}.film-images{gap:5px;margin:8px}.film-images figure{height:290px}.film-images figcaption{font-size:8px;left:5px;bottom:9px;letter-spacing:.3px;padding:5px}.film-hole-row{height:9px;background-size:52px 9px}.film-bottom{padding:35px 12px 0;flex-direction:column;align-items:start}.film-bottom p{font-size:13px}.film-bottom .hero-buttons{margin:0}.star-kicker{font-size:9px}.star-content h1{font-size:clamp(28px,8vw,54px);margin:24px 0 10px}.star-content>p{font-size:12px}.star-orbit{width:340px;height:345px}.orbit-photo{width:200px;height:262px;border-width:5px}.orbital-ring{inset:32px 0}.ring-b{inset:0 40px}.orbit-label{font-size:8px}.star-footer{font-size:9px}.coast-inner{display:flex;flex-direction:column;gap:5px;padding:20px 20px 65px;min-height:0}.coast-left{width:100%;padding:0 10px}.coast-left h1{font-size:clamp(42px,10vw,70px);margin:10px 0}.coast-tag{margin:8px 0}.coast-sun{font-size:50px}.coast-coordinate{margin-top:26px;font-size:9px}.coast-postcard{width:92%;margin:25px auto 0;transform:rotate(3deg)}.postcard-paper{padding:13px}.postcard-paper>img{height:340px}.postcard-top{font-size:9px}.postcard-bottom{font-size:10px}.coast-seal{width:77px;height:77px;font-size:9px;right:0}.coast-seal b{font-size:18px}.diary-content{display:flex;flex-direction:column;gap:20px;padding:40px 19px 25px;min-height:0}.diary-paper{width:95%;padding:47px 25px 44px}.diary-paper h1{font-size:clamp(42px,10vw,60px);margin:23px 0}.diary-pictures{width:100%;height:400px}.memo{width:43%;height:275px;padding:8px 8px 33px}.memo1{top:65px;left:0}.memo2{top:6px;left:27%}.memo3{top:108px;right:-3%}.memo figcaption{font-size:9px;bottom:10px}.diary-doodle{font-size:48px}.diary-bottom{font-size:9px;padding-bottom:35px}.forest-inner{display:flex;flex-direction:column;gap:45px;padding:20px 34px 65px}.forest-photo{height:445px;width:100%;max-width:430px}.forest-words{padding:0}.forest-words h1{font-size:clamp(40px,10vw,64px);margin:20px 0}.forest-signature{margin-top:35px}.forest-leaf{font-size:110px}.hero-city{min-height:790px}.city-glow{background:linear-gradient(90deg,#11142ad9 0%,#14132abd 55%,#1a153582 100%)}.city-copy{padding:110px 24px 110px}.city-small{font-size:9px}.city-copy h1{font-size:clamp(66px,17vw,118px);letter-spacing:-4px}.city-copy p{font-size:13px}.city-side{right:-150px;font-size:8px}.city-bottom{padding:0 22px 25px;font-size:8px;letter-spacing:1px}.city-bottom span:nth-child(2){display:none}.time-inner{padding:18px 22px 40px}.time-upper{font-size:9px}.time-center{display:flex;flex-direction:column-reverse;align-items:stretch;gap:35px;padding:38px 0 45px}.time-image{margin:0 auto;width:100%;height:370px;max-width:440px}.time-details>strong{font-size:clamp(105px,25vw,190px);letter-spacing:-9px;margin-top:10px}.time-details h1{font-size:clamp(36px,9vw,52px)}.time-details p{font-size:12px}.time-days{font-size:11px}.time-rule{font-size:10px}.time-rule span:nth-child(2){max-width:180px;text-align:right}.cinema-poster{height:auto;min-height:790px;max-height:none}.cinema-topline{font-size:8px;letter-spacing:1px}.cinema-title{bottom:92px}.cinema-title>span{font-size:9px;letter-spacing:3px}.cinema-title h1{font-size:clamp(60px,13vw,100px);letter-spacing:2px}.cinema-title p{font-size:9px;letter-spacing:3px}.cinema-sub{font-size:11px;padding:0 20px}.cinema-credits{font-size:8px;letter-spacing:1px}.section-story,.section-gallery,.section-letter,.section-days{padding:76px 22px}.section-head{margin-bottom:40px}.section-head h2{font-size:clamp(28px,7vw,39px)}.section-head p{font-size:12px}.timeline-row{grid-template-columns:100px 22px 1fr;gap:9px;min-height:170px}.timeline-date{font-size:10px;padding-top:4px}.timeline-copy h3{font-size:19px}.timeline-copy p{font-size:12px}.timeline-copy>span{font-size:9px}.gallery-photos{height:370px;gap:5px}.gallery-card:nth-child(2){margin-top:22px;margin-bottom:22px}.gallery-card>span{font-size:0;padding:8px;left:5px;bottom:6px}.gallery-card>span b{font-size:17px;padding:0}.gallery-caption{font-size:10px}.section-days>span{font-size:10px;letter-spacing:2px}.days-flex{display:block}.days-flex strong{font-size:clamp(100px,22vw,155px);letter-spacing:-6px}.days-flex em{font-size:18px}.days-flex p{font-size:13px;margin-top:0}.days-bottom{font-size:10px}.letter-paper{padding:35px 25px}.letter-paper h2{font-size:27px}.letter-paper>p{font-size:13px}.love-footer{padding:55px 20px}.demo-note{font-size:10px;line-height:1.8}}
@media(max-width:390px){.site-links{gap:9px;font-size:9px}.demo-toolbar{font-size:10px}.select-template{padding:7px 8px}.sakura-photo{height:235px}.sakura-collage{height:290px}.memo{height:240px}.diary-pictures{height:330px}.hero-cream .cream-words h1{font-size:35px}.days-flex strong{font-size:94px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V2: portrait photography edition. Four-photo rhythm and stronger editorial framing. */
.gallery-photos{display:grid;grid-template-columns:1.13fr .88fr .94fr 1.05fr;gap:12px;height:510px;max-width:1310px;margin:0 auto}
.gallery-card{min-width:0;height:100%;position:relative;border:0;padding:0;overflow:hidden;background:#aaa}
.gallery-card:nth-child(1){margin:0;transform:translateY(-12px)}
.gallery-card:nth-child(2){margin:28px 0 -20px;transform:none}
.gallery-card:nth-child(3){margin:-8px 0 20px;transform:none}
.gallery-card:nth-child(4){margin:18px 0 -12px;transform:none}
.gallery-card>img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.3,1)}
.gallery-card:hover img{transform:scale(1.055)}
.gallery-card>span{z-index:2;position:absolute;bottom:0;left:0;right:0;padding:34px 18px 19px;background:linear-gradient(transparent,#0009);color:#fff;font-size:12px;text-align:left;display:flex;justify-content:space-between;align-items:center;letter-spacing:1px}
.gallery-card>span b{font-size:22px;font-weight:300}
.gallery-caption{margin-top:46px}
.demo-photo-tip{font-size:10px;letter-spacing:1px}
.theme-film .gallery-card img{filter:sepia(.16) contrast(.95)}
.theme-star .gallery-card img{filter:saturate(1.12)}
.theme-city .gallery-card img{filter:saturate(1.13)}
.theme-cinema .gallery-card img{filter:contrast(1.06)}
.theme-time .gallery-card img{filter:saturate(.65)}
.hero-city .city-screen img{filter:saturate(.85) brightness(.68);object-position:center 32%}
.hero-cinema .cinema-portrait img{filter:brightness(.78) contrast(1.03);object-position:center 34%}
.hero-film .film-images img{filter:sepia(.28) contrast(.92)}
@media(max-width:760px){
 .gallery-photos{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:10px;align-items:stretch}
 .gallery-card,.gallery-card:nth-child(n){height:auto;aspect-ratio:4/5;transform:none;margin:0;min-height:0}
 .gallery-card:nth-child(2){margin-top:18px;margin-bottom:-18px}
 .gallery-card:nth-child(4){margin-top:18px;margin-bottom:-18px}
 .gallery-card>span{font-size:10px;padding:30px 9px 11px;line-height:1.4}
 .gallery-card>span b{font-size:16px}
 .gallery-caption{margin-top:40px}
 .hero-cinema .cinema-portrait img{object-position:center 28%}
}