@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito+Sans:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,Nunito Sans,Microsoft YaHei,sans-serif;color:#22474a;background:#f5edda;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e88154;outline-offset:4px}::selection{background:#e98f64;color:#fff}.hero{position:relative;min-height:760px;height:100svh;overflow:hidden;isolation:isolate;background:linear-gradient(168deg,#e7f2e8,#d8ece7 37%,#d2e8df 69%,#efebd2)}.sky-glow{position:absolute;inset:-30% -14% 0 10%;z-index:-2;background:radial-gradient(circle at 69% 42%,rgba(255,251,217,.95) 0,rgba(255,246,218,.54) 13%,transparent 37%);pointer-events:none}.hero.is-sunset{background:linear-gradient(165deg,#f8dbbd,#efbfaa 39%,#e6a695 71%,#e9bba0)}.hero.is-sunset .sky-glow{background:radial-gradient(circle at 71% 55%,rgba(255,225,166,.9) 0,rgba(249,183,125,.45) 18%,transparent 44%)}#scene{position:absolute;inset:0;z-index:-1;touch-action:pan-y}#scene canvas{display:block;width:100%;height:100%}.grain{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E")}.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:29px clamp(28px,4.3vw,76px);max-width:1800px}.brand{display:inline-flex;gap:12px;align-items:center}.brand-icon{width:48px;height:48px;display:grid;place-items:center}.brand-icon svg{width:46px;height:46px}.brand-type{font-size:12px;line-height:1.05;letter-spacing:.115em;font-weight:500}.brand-type strong{font-size:10px;letter-spacing:.18em;font-weight:800}.nav-links{display:flex;gap:40px;margin-left:10vw}.nav-links a{font-size:13px;font-weight:700;transition:color .2s}.nav-links a:hover,.text-link:hover{color:#df7550}.header-right{display:flex;align-items:center;gap:25px;font-size:11px;letter-spacing:.06em;font-weight:800}.header-weather{display:flex;gap:9px;align-items:center}.sun-dot{width:15px;height:15px;border-radius:50%;background:#f5ae5d;box-shadow:0 0 0 3px #f5ae5d26}.header-index{border:1px solid rgba(31,73,75,.25);border-radius:30px;padding:9px 14px}.hero-content{position:absolute;z-index:3;left:clamp(30px,8.25vw,156px);top:50%;transform:translateY(-50%);margin-top:-5px;max-width:560px;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.18em;font-weight:800;color:#547175}.eyebrow-line{width:24px;height:1px;background:#dc8661}.eyebrow-number{color:#d77f5d}.hero h1{font-family:Nunito Sans,Microsoft YaHei,sans-serif;font-size:clamp(53px,5.35vw,92px);font-weight:900;line-height:1.24;letter-spacing:-.095em;margin:23px 0 18px;color:#20484a;white-space:nowrap}.hero h1 em{font-family:Georgia,Songti SC,serif;font-weight:400;font-style:italic;color:#e7845e;letter-spacing:-.12em}.headline-period{color:#e7845e}.hero-description{font-size:clamp(14px,1.05vw,17px);font-weight:600;line-height:2;color:#5c7779;letter-spacing:.025em;margin:0 0 31px}.hero-actions{display:flex;align-items:center;gap:30px}.primary-button{display:inline-flex;align-items:center;gap:17px;border:0;border-radius:50px;background:#244d50;color:#fff;padding:8px 8px 8px 22px;min-width:186px;box-shadow:0 14px 26px #18414329;transition:transform .25s,background .25s,box-shadow .25s}.primary-button:hover{transform:translateY(-3px);background:#173d42;box-shadow:0 18px 32px #18414338}.button-icon{font-size:11px;color:#f5bc93}.primary-button span:nth-child(2){font-size:13px;letter-spacing:.08em;font-weight:700}.button-arrow{margin-left:auto;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eea875;color:#21494c;font-size:20px;font-weight:400}.text-link{font-size:13px;font-weight:800;letter-spacing:.04em;transition:color .2s}.text-link span{margin-left:5px;font-size:17px}.hero-meta{display:flex;align-items:center;gap:14px;margin-top:48px;color:#77918d;font-size:10px;font-weight:800;letter-spacing:.15em}.meta-rule{width:29px;height:1px;background:#7d9995}.meta-star{font-size:16px;color:#dd916c}.scene-note{position:absolute;z-index:1;right:5.9%;top:19%;display:flex;gap:10px;align-items:flex-start;transform:rotate(8deg);font-size:11px;line-height:1.28;font-weight:900;letter-spacing:.08em;color:#56837f;opacity:.9}.note-star{font-size:28px;line-height:1;color:#df926f}.route-card{position:absolute;z-index:3;right:clamp(32px,5.3vw,95px);top:47%;width:238px;padding:19px 20px 17px;border:1px solid rgba(255,255,255,.78);border-radius:16px;background:#fefbeac2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 50px #2a4f461a;transform:rotate(3deg)}.route-top,.route-bottom{display:flex;justify-content:space-between;align-items:center}.route-label{font-size:9px;font-weight:900;letter-spacing:.15em;color:#668784}.route-icon{font-size:17px;color:#e2815b}.route-drawing{margin:6px 0 0;color:#65a09a}.route-drawing svg{width:100%;height:62px}.route-bottom{border-top:1px solid rgba(42,81,82,.13);padding-top:11px}.route-bottom strong{display:block;font-size:15px;letter-spacing:.05em}.route-bottom small{display:block;margin-top:3px;font-size:8px;font-weight:800;letter-spacing:.13em;color:#8ba19b}.route-distance{font-size:22px;font-weight:800;letter-spacing:-.07em}.route-distance small{display:inline;font-size:9px;letter-spacing:.02em}.hero-bottom{position:absolute;z-index:4;left:clamp(28px,4.3vw,76px);right:clamp(28px,4.3vw,76px);bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:24px}.playback-panel{display:flex;align-items:center;height:72px;padding:11px 19px;gap:18px;border-radius:15px;border:1px solid rgba(255,255,255,.84);background:#fffef4c9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 15px 40px #1e454214}.round-control{position:relative;border:0;background:#e9f1e6;color:#315b5d;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;transition:background .2s,transform .2s}.round-control:hover,.time-button:hover{background:#dbe9df;transform:translateY(-2px)}.round-control svg{width:19px;height:19px}.mute-slash{position:absolute;width:22px;height:1.5px;background:#315b5d;transform:rotate(-45deg);box-shadow:0 0 0 2px #e9f1e6}.round-control[aria-pressed=true] .mute-slash{display:none}.control-divider{width:1px;height:34px;background:#d9e4d8}.speed-control{width:150px}.speed-control label{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.04em}.speed-control label span{color:#df825c}.speed-control input{display:block;width:100%;height:15px;margin:3px 0 0;accent-color:#e48b65;cursor:pointer}.speed-markers{display:flex;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:.12em;color:#a4b5aa}.time-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:10px;border-radius:12px;color:#305a5d;white-space:nowrap;font-size:11px;font-weight:800;transition:background .2s,transform .2s}.time-icon{font-size:19px;color:#e99465}.drag-tip{display:flex;align-items:center;gap:10px;padding:17px 0;color:#547b7d;font-size:11px;font-weight:800;letter-spacing:.05em;text-shadow:0 1px 8px #e4eee4}.drag-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid currentColor;border-radius:50%;font-size:17px;font-weight:400}.vertical-label{position:absolute;right:24px;bottom:195px;z-index:2;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;font-weight:900;color:#6d9690}.vertical-label span{margin-top:10px;font-size:17px}.story{position:relative;overflow:hidden;padding:110px clamp(28px,8.25vw,156px) 35px;background:#f6eedc;color:#254d4e}.story:before{content:"";position:absolute;top:-110px;right:-90px;width:520px;height:520px;border:1px solid rgba(59,99,91,.1);border-radius:50%;box-shadow:0 0 0 75px #3b635b06,0 0 0 150px #3b635b05}.story-heading{position:relative;max-width:850px}.section-index{font-size:11px;font-weight:900;letter-spacing:.2em;color:#df8964}.story h2{margin:22px 0 20px;font-size:clamp(40px,5.2vw,76px);line-height:1.32;letter-spacing:-.09em;font-weight:900}.story h2 em{font-family:Georgia,Songti SC,serif;color:#e58c66;font-weight:400}.story-heading p{max-width:520px;font-size:16px;line-height:2;color:#6c8380}.story-stamp{position:absolute;right:12%;top:120px;width:152px;height:152px;border:1.5px solid #e48b64;border-radius:50%;transform:rotate(16deg);display:flex;align-items:center;justify-content:center;gap:5px;color:#de865e;font-size:12px;line-height:1.08;font-weight:900;letter-spacing:.12em}.story-stamp div{font-size:28px}.story-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:90px}.story-card{min-height:294px;border-radius:15px;padding:26px 27px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,box-shadow .3s}.story-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #3e4b3d1a}.card-one{background:#dce9db}.card-two{background:#f4d6bf}.card-three{background:#c6dedd}.card-number{font-size:11px;font-weight:900;letter-spacing:.13em}.card-art{align-self:center;font-family:Georgia,serif;font-size:95px;line-height:1;color:#e79566}.card-two .card-art{color:#df8d70;transform:rotate(-15deg)}.card-three .card-art{color:#528580}.story-card h3{font-size:19px;letter-spacing:-.04em;margin:0 0 7px}.story-card p{margin:0;color:#637e7c;font-size:12px;line-height:1.7;font-weight:600}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d8dbce;margin-top:110px;padding-top:25px;color:#81918b;font-size:10px;letter-spacing:.06em;font-weight:800}.footer-brand{color:#31595a;font-size:12px;letter-spacing:.08em}.footer-brand span{color:#e58c65;margin-left:4px;font-size:16px}@media(max-width:1150px){.nav-links{margin-left:0}.hero-content{left:5vw}.hero h1{font-size:clamp(50px,5.8vw,72px)}.route-card{right:3vw;top:48%;transform:rotate(3deg) scale(.86);transform-origin:right center}.scene-note{right:4%;top:17%}.drag-tip{display:none}}@media(max-width:800px){.hero{min-height:780px;height:100svh}.site-header{padding:22px 25px}.brand-icon,.brand-icon svg{width:41px;height:41px}.nav-links,.header-weather{display:none}.header-index{font-size:10px}.hero-content{top:125px;left:30px;right:30px;transform:none;margin:0}.hero h1{font-size:clamp(46px,9vw,65px);line-height:1.16;margin:17px 0 10px}.hero-description{font-size:13px;line-height:1.8;margin-bottom:16px}.hero-actions{gap:18px}.primary-button{min-width:164px;padding-left:15px}.hero-meta,.scene-note,.route-card,.vertical-label{display:none}.hero-bottom{left:16px;right:16px;bottom:22px;justify-content:center}.playback-panel{width:min(100%,430px);justify-content:space-between;gap:10px;padding:10px 12px}.speed-control{width:min(32vw,165px)}.story{padding:80px 30px 30px}.story-stamp{right:3%;top:60px;transform:scale(.65) rotate(16deg);opacity:.45}.story-grid{grid-template-columns:1fr;margin-top:60px}.story-card{min-height:195px}.card-art{font-size:66px}.footer{flex-wrap:wrap;margin-top:70px}.footer span:last-child{width:100%}}@media(max-width:420px){.hero{min-height:710px}.hero-content{top:113px;left:24px;right:20px}.hero h1{font-size:45px}.hero-description{font-size:12px}.eyebrow{font-size:10px}.text-link{font-size:11px}.hero-actions{gap:13px}.primary-button{min-width:150px}.button-arrow{width:31px;height:31px}.playback-panel{height:65px}.time-button{padding:5px;font-size:10px}.control-divider{height:29px}.speed-control{width:29vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hero{transition:background .8s}@media(min-width:801px){.hero{min-height:680px}}@media(min-width:1151px){.route-card{right:2.5vw;transform:rotate(3deg) scale(.84);transform-origin:right center}}