*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:#23463e;background:#f5eddb;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ad512e;outline-offset:6px}header{position:absolute;z-index:8;top:0;left:0;width:100%;padding:30px 4.5%;display:flex;justify-content:space-between;align-items:center}.wordmark{font:italic 31px Georgia,serif;letter-spacing:-1.5px}.wordmark span{display:block;font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;margin-top:7px}.nav{display:flex;gap:26px;align-items:center;font-size:12px}.nav button{border:0;background:transparent;padding:10px 0}.gallery-link{border-bottom:1px solid;padding-bottom:6px}#voyage{height:340svh}.viewport{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.backdrop{position:absolute;inset:0;background-position:center;background-size:cover}.sea{background-image:url('assets/sea-impressionist.webp')}.copy{position:absolute;left:7%;top:25%;z-index:2;max-width:660px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600;margin:0 0 30px}h1,h2{font:normal clamp(52px,6.6vw,104px)/1.02 Georgia,"Songti SC","Noto Serif CJK SC",serif;letter-spacing:-3px;margin:0 0 25px}h1 em,h2 em{font-weight:normal}html[lang=zh] h1,html[lang=zh] h2{font-size:clamp(43px,5.5vw,86px);line-height:1.25;letter-spacing:-1px}.description{font-size:15px;line-height:1.85;white-space:pre-line;margin-bottom:28px}.pill{border:1px solid #26493e;background:#284d42;color:#fff7df;border-radius:99px;padding:15px 19px;display:inline-flex;align-items:center;gap:28px;font-size:12px}.pill span:last-child{font-size:20px}.garden{position:absolute;inset:0;z-index:3;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.garden-art{background-image:url('assets/garden-impressionist.webp')}.arrival{top:31%;max-width:660px}.ship{position:absolute;width:clamp(175px,23vw,360px);height:auto;left:0;top:0;z-index:5;transform-origin:56% 96%;pointer-events:none;filter:drop-shadow(0 10px 10px #36564218)}.rigging{position:absolute;inset:0;width:100%;height:100%;z-index:4;overflow:visible;pointer-events:none}.rigging path{fill:none;stroke:#947448;stroke-width:1.8;stroke-linecap:round}#edge{stroke:#e8d2a1;stroke-width:2}.bottom{position:absolute;bottom:27px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;z-index:6;font-size:9px;letter-spacing:1.7px}.progress{width:90px;height:2px;background:#24483b33}.progress i{display:block;height:100%;width:100%;background:#24483b;transform-origin:left;transform:scaleX(0)}.epilogue{padding:100px 7% 25px;background:#f6efdf}.epilogue h2{font-size:clamp(32px,4vw,58px);letter-spacing:-1.5px}.epilogue p:not(.eyebrow){font-size:15px;line-height:1.8}.epilogue>a{display:inline-block;margin-top:20px;border-bottom:1px solid;padding-bottom:8px;font-size:13px}footer{display:flex;justify-content:space-between;border-top:1px solid #23463e33;margin-top:80px;padding-top:22px;font-size:9px;letter-spacing:1.8px}@media(hover:hover) and (pointer:fine){.pill:hover{background:#3c6555}.nav a:hover,.epilogue>a:hover{color:#96532d}}@media(max-width:640px){header{padding:23px 6%}.wordmark{font-size:25px}.nav{gap:15px;font-size:10px}.nav #motion{font-size:0}.nav #motion:after{content:'Ⅱ';font-size:14px}.nav #motion[aria-pressed=true]:after{content:'▷'}.gallery-link{display:none}.copy{left:7%;right:6%;top:20%;max-width:90%}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:22px}h1,h2{font-size:clamp(46px,10.7vw,67px);letter-spacing:-2px}.description{font-size:12px;line-height:1.8;max-width:290px}.pill{padding:11px 15px;font-size:11px}.sea{background-position:43% center}.garden-art{background-position:62% center}.arrival{top:25%}.arrival:before{content:'';position:absolute;inset:-25px -15px;z-index:-1;background:radial-gradient(ellipse,#f8eacbd9,transparent 75%)}.bottom{left:6%;right:6%;font-size:7px;letter-spacing:1px;bottom:23px}.progress{width:42px}.epilogue{padding-top:65px}footer{font-size:7px;letter-spacing:1px}html[lang=zh] h1,html[lang=zh] h2{font-size:clamp(36px,9vw,54px)}}
@media(prefers-reduced-motion:reduce){#voyage{height:auto}.viewport{height:auto;position:relative;overflow:visible}.sea{height:100svh}.intro{position:relative;padding-top:180px;top:0;min-height:100svh}.garden{position:relative;clip-path:none!important;min-height:100svh}.arrival{position:relative;top:0;padding-top:180px;min-height:100svh}.ship,.rigging,.bottom{display:none}.nav #motion{display:none}}