:root{--orange:#ff6c22;--navy:#10233f;--cream:#fff8e8;--yellow:#f8de35;--blue:#0658c7}*{box-sizing:border-box}html{background:#d7dbe1;scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0 auto;max-width:480px;background:var(--cream);color:var(--navy);font-family:'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased;box-shadow:0 0 60px #10233f22}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:white}header>a:first-child{font-size:22px;font-weight:800;letter-spacing:1px}header>a:first-child span{display:block;font-size:12px;font-weight:400;letter-spacing:3px;margin-top:3px}header>a:last-child{font-size:15px}.progress{position:fixed;top:0;height:4px;width:100%;max-width:480px;background:var(--yellow);transform-origin:left;transform:scaleX(0);z-index:20;pointer-events:none}.hero{background:var(--orange);overflow:hidden}.hero-top{padding:26px 22px 16px}.kicker{font-size:12px;letter-spacing:1.4px;font-weight:650;margin:0 0 24px;line-height:1.6}.season{display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:700;border-bottom:2px solid var(--navy);padding-bottom:13px}.season span{font-size:13px;background:var(--navy);color:var(--yellow);padding:7px 10px;transform:rotate(-3deg)}h1{margin:22px 0 16px;letter-spacing:-2.5px;line-height:1.05}h1>span{font-size:clamp(44px,12.5vw,61px);display:block;white-space:nowrap;font-weight:900}h1 strong{display:block;font-size:clamp(37px,10.8vw,52px);line-height:1.15;margin-top:15px;letter-spacing:-1.5px}.dot{color:var(--cream)}.location-type{margin:22px 0 18px;display:grid;gap:8px}.location-type>div{display:flex;align-items:center;gap:10px}.location-type b{background:var(--navy);color:var(--cream);font-size:32px;padding:5px 12px;line-height:1.3;font-weight:850;letter-spacing:-1px}.location-type>div:nth-child(2) b{background:var(--yellow);color:var(--navy);font-size:27px}.location-type>div>span{font-size:12px;line-height:1.5;font-weight:650}.hero-line{font-size:17px;font-weight:600;line-height:1.7;margin:0}.hero-image{position:relative;height:390px;overflow:hidden;margin-top:10px}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 68%;animation:heroZoom 12s ease-in-out infinite alternate}.sticker{position:absolute;top:16px;right:20px;background:var(--yellow);border:2px solid var(--navy);font-size:21px;font-weight:850;line-height:1.3;padding:17px;border-radius:50%;transform:rotate(12deg);animation:sticker 5s ease-in-out infinite}.image-note{position:absolute;bottom:10px;right:10px;font-size:10px;background:#10233fbd;color:white;padding:4px 7px}.hero-cta{display:flex;align-items:center;justify-content:space-between;padding:22px;font-size:24px;font-weight:800;border-bottom:2px solid var(--navy)}.hero-cta span{font-size:40px;line-height:.8}.ticker{overflow:hidden;background:var(--yellow);padding:15px 0;border-bottom:2px solid var(--navy)}.ticker>div{white-space:nowrap;width:max-content;font-size:19px;font-weight:800;animation:ticker 24s linear infinite}.section{padding:56px 24px}h2{font-size:42px;line-height:1.2;letter-spacing:-1.5px;margin:0 0 23px;font-weight:850}h2 span{color:var(--orange)}p{line-height:1.8}.lead{font-size:19px;line-height:1.8}.word-map{background:var(--navy);color:var(--cream);padding:24px 22px;margin:30px -6px;position:relative;overflow:hidden}.map-caption{font-size:11px;letter-spacing:1px;display:block;opacity:.65;margin-bottom:22px}.word-map>strong{font-size:65px;line-height:1.1;font-weight:900;letter-spacing:-3px;display:block}.word-map>div{display:flex;justify-content:space-between;align-items:center;margin:16px 0;font-size:33px}.word-map i{color:var(--orange);font-size:42px;font-style:normal}.word-map .road{font-size:46px;color:var(--yellow);padding-top:15px;border-top:1px solid #ffffff40}.map-bottom{font-size:12px;display:block;margin-top:22px;line-height:1.7}.reason-list article{display:flex;gap:18px;border-bottom:1px solid #10233f30;padding:24px 0}.reason-list article>span{font-size:29px;font-weight:800;color:var(--orange);line-height:1.3}.reason-list h3{font-size:21px;line-height:1.5;margin:0}.reason-list p{font-size:17px;margin:9px 0 0;color:#4b5663}details{margin-top:28px;font-size:13px;color:#4b5663}summary{cursor:pointer;padding:8px 0}details a{text-decoration:underline}.food{background:var(--navy);color:var(--cream)}.food-title{padding:48px 24px 22px}.food-title h2{font-size:44px}.food-title h2 span{color:var(--yellow)}.food-title>p:last-child{font-size:17px}.food-picture{position:relative;overflow:hidden;height:470px}.food-picture img{width:100%;height:100%;object-fit:cover}.food-seal{position:absolute;right:20px;top:20px;background:var(--orange);padding:14px;font-size:25px;font-weight:850;line-height:1.3;transform:rotate(8deg)}.food-copy{padding:28px 24px 42px}.food-copy h3{font-size:31px;line-height:1.4;margin:0 0 20px}.food-copy>p{font-size:18px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.tags span{font-size:15px;padding:9px 13px;border:1px solid #fff8e866}.text-link{display:block;font-size:21px;color:var(--yellow);font-weight:700;padding:12px 0}.fine{font-size:13px!important;line-height:1.8;opacity:.7;margin:25px 0 0}.categories{background:#edf0f2}.category-list{margin-top:34px}.category-list article{display:flex;justify-content:space-between;gap:10px;padding:30px 0;border-top:2px solid var(--navy)}.category-list article:last-child{border-bottom:2px solid var(--navy)}.category-list article span{font-size:11px;letter-spacing:1px}.category-list h3{font-size:34px;font-weight:850;line-height:1.25;margin:16px 0}.category-list p{font-size:17px;margin:0}.category-list article>a{background:var(--orange);border-radius:50%;align-self:center;width:58px;height:58px;display:grid;place-items:center;font-size:32px;flex-shrink:0;transition:transform .25s}.category-list article>a:hover{transform:rotate(45deg)}.join{background:var(--yellow)}.join h2{font-size:48px}.join h2 span{color:var(--blue)}.steps{margin:34px 0}.steps>div{border-top:1px solid #10233f40;display:flex;align-items:center;gap:20px;padding:18px 0}.steps b{font-size:38px}.steps p{font-size:21px;font-weight:700;margin:0}.steps small{font-size:14px;display:block;font-weight:400;line-height:1.8}.contact{padding:26px 20px;background:var(--navy);color:var(--cream);margin:30px -4px 0}.contact>span{font-size:15px}.phone{display:block;font-size:clamp(28px,8vw,36px);font-weight:850;letter-spacing:-1px;white-space:nowrap;margin:15px 0 24px}.call{display:flex;justify-content:space-between;background:var(--orange);color:var(--navy);padding:17px 15px;font-size:18px;font-weight:750}.contact button{display:block;width:100%;background:none;border:1px solid #fff8e866;color:var(--cream);padding:14px;font-size:16px;margin-top:12px}#copy-status{font-size:13px;margin:12px 0 0;line-height:1.7}#copy-status:empty{display:none}footer{padding:45px 24px 130px;text-align:center;background:var(--cream)}footer img{width:240px;max-width:85%;height:auto}footer p{font-size:16px}footer small{font-size:12px;color:#59616a;line-height:1.8}footer>a{display:block;margin-top:25px;font-size:15px}.dock{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:auto;z-index:15;background:var(--navy);display:flex;align-items:stretch;border-top:1px solid #ffffff44;padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:15px;box-shadow:0 -5px 20px #0001}.dock>a:first-child{color:var(--cream);font-size:17px;flex:1;padding:2px 0}.dock small{display:block;font-size:10px;letter-spacing:1px;opacity:.75;margin-bottom:4px}.dock>a:last-child{flex:1.3;background:var(--orange);padding:15px 17px;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:20px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .75s,transform .75s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.visible{opacity:1;transform:none}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes heroZoom{to{transform:scale(1.055)}}@keyframes sticker{50%{transform:rotate(6deg) translateY(-6px)}}@media(max-width:359px){.location-type b{font-size:28px}.location-type>div:nth-child(2) b{font-size:23px}.section{padding:45px 20px}h2{font-size:37px}.hero-top{padding:24px 18px}.dock>a:last-child{font-size:18px;padding:15px 12px}.food-title h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
