
:root{--red:#b51f1b;--dark:#320d0c;--paper:#fff5e9;--yellow:#ffcb53}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--dark);font-family:'PingFang SC','Microsoft YaHei',sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,76px);background:rgba(255,245,233,.94);backdrop-filter:blur(14px);border-bottom:2px solid var(--dark)}.brand{font-weight:900;font-size:22px;letter-spacing:-2px}.brand b{color:var(--red)}nav{display:flex;gap:30px;font-size:14px;font-weight:700}nav a:hover{color:var(--red)}.menu{display:none;background:none;border:0;font-size:23px}.hero{min-height:94vh;padding:110px clamp(20px,5vw,76px) 55px;background:var(--red);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;overflow:hidden}.eyebrow{font-size:14px;letter-spacing:.3em;font-weight:800}.hero h1{font-size:clamp(70px,11vw,180px);line-height:.9;letter-spacing:-.09em;margin:30px 0}.hero h1 span{color:var(--yellow)}.hero p{font-size:clamp(18px,2vw,26px);line-height:1.55;max-width:490px}.pill{display:inline-flex;gap:14px;align-items:center;background:var(--yellow);color:var(--dark);border:2px solid var(--dark);border-radius:100px;padding:15px 24px;font-weight:900;box-shadow:6px 6px 0 var(--dark);transition:transform .2s,box-shadow .2s}.pill:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--dark)}.hero-visual{position:relative;height:min(65vh,650px);transform:rotate(3deg)}.hero-visual img{border:10px solid var(--paper);box-shadow:20px 20px 0 var(--dark)}.stamp{position:absolute;right:-20px;bottom:-20px;background:var(--yellow);color:var(--dark);border:3px solid var(--dark);border-radius:50%;width:130px;height:130px;display:grid;place-items:center;text-align:center;font-size:24px;font-weight:900;transform:rotate(-14deg)}.ticker{background:var(--yellow);padding:15px 0;overflow:hidden;white-space:nowrap;font-size:20px;font-weight:900;border-block:2px solid var(--dark)}.ticker span{display:inline-block;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}section{padding:90px clamp(20px,5vw,76px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.section-head h2{font-size:clamp(42px,6vw,88px);line-height:1;margin:10px 0;letter-spacing:-.07em}.section-head small{font-weight:800;color:var(--red)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:2px solid var(--dark);background:#fff;box-shadow:7px 7px 0 var(--dark);overflow:hidden}.card:nth-child(2){transform:translateY(24px)}.card img{height:300px;transition:transform .5s}.card:hover img{transform:scale(1.05)}.card .body{padding:23px}.card strong{font-size:27px}.card p{line-height:1.7;color:#63433d}.card button{background:none;border:0;border-bottom:2px solid var(--red);padding:5px 0;color:var(--red);font-weight:900}.number{float:right;color:var(--red);font-weight:900}.route{background:var(--dark);color:var(--paper)}.route .section-head small{color:var(--yellow)}.route-wrap{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.route-photo{height:510px;border:8px solid var(--paper);transform:rotate(-2deg)}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.tabs button{border:1px solid var(--paper);color:var(--paper);background:transparent;padding:12px 20px;border-radius:30px}.tabs button.active{background:var(--yellow);color:var(--dark);border-color:var(--yellow);font-weight:900}.route-copy h3{font-size:clamp(32px,4vw,58px);margin:0 0 12px}.route-copy p{font-size:18px;line-height:1.8}.route-copy ul{padding-left:22px;line-height:2}.carousel{background:var(--yellow)}.slide{display:grid;grid-template-columns:1.3fr 1fr;min-height:430px;background:var(--paper);border:3px solid var(--dark)}.slide img{max-height:460px}.slide-content{padding:clamp(25px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.slide-content h3{font-size:clamp(34px,4vw,58px);margin:12px 0}.slide-content p{font-size:18px;line-height:1.8}.controls{display:flex;gap:12px;margin-top:20px}.controls button{width:50px;height:50px;border:2px solid var(--dark);border-radius:50%;background:var(--paper);font-size:23px}.controls button:hover{background:var(--red);color:#fff}.credit{font-size:13px;line-height:1.8;color:#6b4a40;padding:35px clamp(20px,5vw,76px);background:#ecdac7}.credit a{text-decoration:underline}dialog{border:3px solid var(--dark);box-shadow:12px 12px 0 var(--red);max-width:550px;width:calc(100% - 32px);padding:0;background:var(--paper)}dialog::backdrop{background:rgba(29,5,3,.75)}dialog img{height:260px}dialog .inside{padding:26px}dialog h3{font-size:32px;margin:0 0 10px}dialog p{line-height:1.8}dialog .close{float:right;background:var(--red);color:white;border:0;padding:9px 14px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){.menu{display:block}nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;border-bottom:2px solid}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;gap:45px}.hero h1{font-size:clamp(72px,19vw,125px)}.hero-visual{height:390px;margin-right:15px}.stamp{width:90px;height:90px;font-size:17px}.grid{grid-template-columns:1fr}.card:nth-child(2){transform:none}.card img{height:300px}.route-wrap,.slide{grid-template-columns:1fr}.route-photo{height:330px}.slide img{height:310px}.section-head{align-items:start}section{padding-block:70px}}

