:root{--paper:#f3eee8;--paper2:#e9dfd7;--ink:#27221f;--rose:#a95850;--line:#cec3b9;--muted:#716862}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Mincho","Noto Serif TC","Songti TC",serif}body.lock{overflow:hidden}img{display:block;width:100%;height:100%;object-fit:cover}.progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--rose);z-index:20}.mast{height:76px;padding:0 4.5vw;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font:10px/1 Arial,sans-serif;letter-spacing:.2em}.mast a{font:600 18px/1 serif;color:inherit;text-decoration:none;letter-spacing:.15em}.mast p{margin:0}.mast span{justify-self:end}.hero{min-height:calc(100svh - 76px);padding:6vh 6.5vw 7vh;display:grid;grid-template-columns:.9fr 1.35fr 30px;gap:5vw;align-items:center}.eyebrow,.index{font:10px/1.3 Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase}.hero h1{font-size:clamp(44px,5.5vw,88px);font-weight:400;line-height:1.28;letter-spacing:.07em;margin:6vh 0 4vh}.lead{font-size:clamp(14px,1.2vw,18px);line-height:2.1;letter-spacing:.13em}.hero figure{margin:0;height:min(73vh,760px)}figure{margin:0}figcaption{display:flex;justify-content:space-between;gap:24px;margin-top:12px;font:10px/1.4 Arial,sans-serif;letter-spacing:.13em;color:var(--muted)}.vertical{writing-mode:vertical-rl;align-self:start;font-size:10px;letter-spacing:.25em}.photo{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden}.photo img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.photo:hover img{transform:scale(1.018);filter:saturate(.9)}.letter{padding:14vw 10vw;display:grid;grid-template-columns:.35fr 1fr;gap:8vw;border-top:1px solid var(--line)}.letter h2{max-width:22em;margin:0 0 4rem;font-size:clamp(30px,4vw,60px);font-weight:400;line-height:1.7;letter-spacing:.07em}.letter div>p{max-width:34em;margin-left:auto;font-size:14px;line-height:2.4;letter-spacing:.08em}.chapter{padding:12vw 8vw;position:relative;border-top:1px solid var(--line)}.chapter-title{display:grid;grid-template-columns:.5fr 1.3fr 1fr;gap:5vw;align-items:start;margin-bottom:10vw}.chapter h2{margin:0;font-size:clamp(34px,4.5vw,68px);font-weight:400;line-height:1.4;letter-spacing:.08em}.chapter-title>p:last-child{margin:5vw 0 0;max-width:29em;font-size:14px;line-height:2.3;letter-spacing:.08em}.first .bridge{width:73%;height:48vw;max-height:720px;margin-left:auto}.first .playful{width:41%;height:37vw;max-height:540px;margin:12vw 0 0 3vw}.quote{padding:15vw 8vw;background:#352e2a;color:#f1e9e2;text-align:center}.quote p{font-size:clamp(25px,3.6vw,53px);line-height:1.8;letter-spacing:.12em}.together{min-height:260vw}.together .chapter-title{position:sticky;top:10vh;width:40%;display:block}.together .chapter-title h2{margin:3rem 0}.together figure{position:relative}.tower{width:46%;height:62vw;max-height:900px;margin:-14vw 0 0 auto}.wish{width:58%;height:37vw;margin:15vw 0 0 0}.bamboo{width:42%;height:54vw;max-height:780px;margin:-6vw 4vw 0 auto}.road{width:58%;height:39vw;margin:16vw 0 0 6vw}.sea{background:var(--paper2)}.sea .chapter-title{grid-template-columns:.5fr 1.6fr}.sea .chapter-title>p:last-child{display:none}.lift{width:80%;height:51vw;margin-left:auto}.sea-pair{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;margin-top:12vw}.sea-pair figure:first-child{height:44vw}.sea-pair figure:last-child{height:58vw}.promise{padding:16vw 10vw 9vw;text-align:center}.promise h2{font-size:clamp(34px,5vw,76px);font-weight:400;line-height:1.6;letter-spacing:.09em;margin:5vw 0 7vw}.promise>div{max-width:39em;margin:auto;text-align:left}.promise>div p{font-size:14px;line-height:2.4;letter-spacing:.08em;margin:0 0 2rem}.promise .final-line{text-align:center;color:var(--rose);font-size:clamp(18px,2vw,28px);margin-top:7vw}.promise a{display:inline-flex;gap:50px;margin-top:7vw;padding:18px 0;border-bottom:1px solid;color:inherit;text-decoration:none;font-size:12px;letter-spacing:.2em}footer{padding:30px 4.5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:9px/1 Arial,sans-serif;letter-spacing:.2em}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s ease}.reveal.visible{opacity:1;transform:none}.lightbox{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:6vh 7vw;background:#241f1c;color:#f1ebe6;border:0}.lightbox::backdrop{background:#241f1c}.lightbox img{height:82vh;object-fit:contain}.lightbox p{text-align:center;font:10px/1.4 Arial,sans-serif;letter-spacing:.15em}.close{position:absolute;right:2vw;top:2vh;color:inherit;background:none;border:0;font:10px/1 Arial,sans-serif;letter-spacing:.15em;cursor:pointer}@media(max-width:760px){.mast{grid-template-columns:1fr 1fr;padding:0 20px}.mast p{display:none}.mast span{font-size:8px}.hero{padding:50px 20px 70px;grid-template-columns:1fr;gap:40px}.hero h1{margin:40px 0 28px}.hero figure{height:62vh}.vertical{display:none}.letter{padding:110px 20px;grid-template-columns:1fr;gap:40px}.letter h2{margin-bottom:40px}.letter div>p{margin-left:0}.chapter{padding:100px 20px}.chapter-title,.sea .chapter-title{grid-template-columns:1fr;margin-bottom:70px}.chapter-title h2{margin:20px 0}.chapter-title>p:last-child{margin:0}.first .bridge,.first .playful,.tower,.wish,.bamboo,.road,.lift{width:100%;height:65vh;margin:70px 0 0}.first .bridge{margin-top:0}.together{min-height:0}.together .chapter-title{position:static;width:100%}.tower{margin-top:0}.quote{padding:120px 24px}.sea-pair{grid-template-columns:1fr;gap:70px;margin-top:70px}.sea-pair figure:first-child,.sea-pair figure:last-child{height:65vh}.promise{padding:130px 20px 80px}.promise h2{margin:50px 0 60px}.promise .final-line{margin-top:70px}.lightbox{padding:8vh 15px}.lightbox img{height:80vh}.close{right:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.photo img{transition:none}}