.hero{position:relative;background:linear-gradient(var(--sky),var(--sky-low) 60%);overflow:hidden}.hero-copy{position:relative;z-index:1;padding-top:var(--space-6)}.hero-copy .lede{max-width:620px}.hero h1{font-size:84px;line-height:.98;letter-spacing:-.01em}.hero .lede{margin-top:var(--space-3);max-width:38ch}.hero-stage{position:relative;margin-top:var(--space-4)}.hero-scene{display:block;width:100%;height:auto;aspect-ratio:1200 / 360;min-height:220px}@media (prefers-reduced-motion: no-preference){.hero-scene #flag-rise{animation:flag-rise 2.8s cubic-bezier(.45,0,.55,1) .3s both}.hero-scene #flag-unfurl{transform-box:fill-box;transform-origin:0 0;animation:flag-unfurl 2.8s cubic-bezier(.45,0,.55,1) .3s both}.hero-scene #d1-sun{animation:sun-rise 4.5s cubic-bezier(.22,.61,.36,1) .2s both}.hero-scene #d1-sun circle:first-child{transform-box:fill-box;transform-origin:center;animation:sun-glow 1.4s cubic-bezier(.22,.61,.36,1) .3s both}}@keyframes flag-rise{0%{transform:translateY(212px)}}@keyframes flag-unfurl{0%{transform:scale(.6,.94)}}@keyframes sun-rise{0%{transform:translateY(90px);opacity:.7}}@keyframes sun-glow{0%{transform:scale(.66);opacity:0}}.hero-stage[data-paused] .hero-scene *{animation-play-state:paused}.lawn-band{position:relative;margin-top:clamp(-56px,-3.5vw,-12px);padding-block:20px;background:var(--lawn);border-top:3px solid var(--lawn-edge)}.lawn-band:before{content:"";position:absolute;inset:-9px 0 auto;height:16px;background:var(--roses);background-size:22px 16px}.lawn-band .stay-search{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:10px}.lawn-band .slot{position:relative;gap:0}.lawn-band .slot-label{position:absolute;top:7px;left:16px;z-index:1;font-size:12px;color:var(--ink-muted);pointer-events:none}.lawn-band .control{min-height:56px;padding:24px 16px 6px;border:0;background-color:var(--surface);font-weight:500}.lawn-band select.control{padding-inline-end:40px}.lawn-band .stay-search-submit{width:auto;min-height:56px;padding:0 28px;background:var(--cta);color:var(--ink);font-size:16px}.lawn-band .stay-search-submit:hover{background:var(--surface);color:var(--ink)}.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);padding-block:28px;border-bottom:1px solid var(--rule)}.trust>div{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-areas:"star figure" "star label";column-gap:14px;align-items:center}.trust>div:before{content:"";grid-area:star;width:28px;height:28px;background:var(--girih) center / 48px 48px}.trust dd{grid-area:figure;font:700 30px/1 var(--font-display);font-variant-numeric:lining-nums tabular-nums}.trust dt{grid-area:label;font-size:14px;color:var(--ink-muted)}.band{padding-top:var(--space-7)}.band-gap{margin-top:var(--space-6)}.guide-band,.faq-band{padding-top:var(--space-6)}.section-head{margin-bottom:var(--space-5)}.section-head h2{font-size:48px}.card-steer{display:none}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.card-grid>li{display:flex}.hotel-card{position:relative;display:flex;flex-direction:column;width:100%;border-radius:var(--round-tile);overflow:hidden;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.hotel-card-photo{aspect-ratio:3 / 2;overflow:hidden;background:var(--mist)}.hotel-card-photo img{width:100%;height:100%;object-fit:cover}.hotel-card-body{display:flex;flex:1;flex-direction:column;gap:var(--space-2);padding:16px 18px 18px}.hotel-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-text)}.hotel-card-meta .star-glyphs .glyph{width:12px;height:12px}.hotel-card h3{font-size:26px;line-height:1.1}.hotel-card .stay-link:after{border-radius:var(--round-tile)}.score-count{font-size:14px;color:var(--ink-muted)}.hotel-card-foot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--line)}.hotel-card-cue{pointer-events:none;display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-weight:600;font-size:15px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.hotel-card-cue .glyph{width:16px;height:16px;transition:transform .2s}.hotel-card:hover .hotel-card-cue .glyph{transform:translate(3px)}.mosaic{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:240px 240px;gap:20px}.mosaic>li:first-child{grid-row:1 / 3}.mosaic[data-count="2"]{grid-template-columns:1fr 1fr;grid-template-rows:320px}.mosaic[data-count="2"]>li:first-child,.mosaic[data-count="3"]>li:first-child{grid-row:auto}.mosaic[data-count="3"]{grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:320px}.mosaic[data-count="4"]>li:last-child{grid-column:2 / 4}.district{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;height:100%;padding:20px;border-radius:var(--round-tile);overflow:hidden;background:var(--brand);color:var(--brand-ink);text-decoration:none;isolation:isolate}.district img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.6,.2,1)}.district:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#14181600 30%,#14181699 62%,#141816e0)}.district strong{font:700 32px/1 var(--font-display)}.district span{font-size:14px}.district:hover{color:var(--brand-ink)}.district:hover strong{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.district:hover img{transform:scale(1.04)}.district:focus-visible{outline-offset:3px}.district .district-tag{position:absolute;top:16px;left:16px;padding:5px 10px;border-radius:12px;background:#1f2421b3;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.guide{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px}.guide[data-single]{grid-template-columns:minmax(0,1fr);max-width:760px}.guide-side{display:grid;grid-auto-rows:1fr;gap:24px}.guide-side>li{display:flex}.guide-side .story-line{flex:1;display:flex;flex-direction:column;gap:12px}.guide-side .story-photo{position:relative;flex:1;width:100%;min-height:120px;aspect-ratio:auto;border-radius:var(--round-tile)}.guide-side .story-photo img{position:absolute;inset:0}.guide-side .story-body{gap:4px;padding:0 4px 4px}.guide-lead .story-body h3{font-size:38px}.faq-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;align-items:start}.faq-aside h2{font-size:48px}.concierge-card{margin-top:28px;padding:26px;border-radius:var(--round-tile);background:var(--foot);color:var(--foot-ink)}.concierge-card h3{color:var(--foot-ink);font-size:30px}.concierge-card p{margin:8px 0 18px;color:var(--foot-muted)}.concierge-card :focus-visible{outline-color:var(--cta)}.home-faq details{border-bottom:1px solid var(--line)}.home-faq details:first-child{border-top:1px solid var(--line)}.home-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:22px 0;font-weight:600;font-size:18px;list-style:none;cursor:pointer}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary:after{content:"";flex:none;width:9px;height:9px;border:solid var(--gold-text);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}.home-faq details[open] summary:after{transform:rotate(-135deg)}.home-faq details p{max-width:62ch;margin:0 0 22px;color:var(--ink-muted)}@media (max-width: 1100px){.hero h1{font-size:68px}.lawn-band .stay-search{grid-template-columns:repeat(3,minmax(0,1fr))}.lawn-band .slot:first-child{grid-column:1 / -1}.lawn-band .stay-search-submit{grid-column:1 / -1;width:100%}}@media (max-width: 900px){.trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.section-head h2,.faq-aside h2{font-size:34px}.card-grid[role=list]{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 12px;scrollbar-width:none;overscroll-behavior-x:contain}.card-grid::-webkit-scrollbar{display:none}.card-grid>li{flex:0 0 min(82%,360px);scroll-snap-align:start}.card-steer:not([hidden]){display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.steer-stars{display:flex;gap:8px;margin:0;padding:0;list-style:none}.steer-stars li{width:12px;height:12px;background:var(--rule);clip-path:polygon(50% 0,61% 26%,85% 15%,74% 39%,100% 50%,74% 61%,85% 85%,61% 74%,50% 100%,39% 74%,15% 85%,26% 61%,0 50%,26% 39%,15% 15%,39% 26%);transition:background-color .2s,transform .2s}.steer-stars li[data-on]{background:var(--gold);transform:scale(1.35)}.steer-count{margin:0 0 0 auto;font:600 18px/1 var(--font-display);color:var(--ink-muted);font-variant-numeric:lining-nums tabular-nums}.steer-count b{color:var(--ink)}.steer-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1.5px solid var(--ink);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}.steer-btn .glyph{width:18px;height:18px}.steer-btn:hover{background:var(--lawn);border-color:var(--lawn);color:var(--surface)}.steer-btn[aria-disabled=true]{border-color:var(--rule);color:var(--ink-muted);background:transparent;cursor:default}.mosaic,.mosaic[data-count]{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:12px}.mosaic>li,.mosaic[data-count]>li:first-child,.mosaic[data-count="4"]>li:last-child{grid-row:auto;grid-column:auto;height:180px}.mosaic>li:first-child{height:220px}.district strong{font-size:28px}.guide{grid-template-columns:minmax(0,1fr)}.guide-side{grid-auto-rows:auto}.guide-side .story-photo{flex:none;aspect-ratio:3 / 2}.guide-lead .story-body h3{font-size:30px}.faq-band{grid-template-columns:minmax(0,1fr);gap:8px}}@media (max-width: 640px){.hero-copy{padding-top:var(--space-2)}.hero h1{font-size:46px;line-height:1}.hero .lede{font-size:16px;margin-top:10px}.hero-stage{margin-top:var(--space-2)}.hero-scene{min-height:170px}.lawn-band{padding-block:14px 22px}.lawn-band .stay-search{grid-template-columns:repeat(2,minmax(0,1fr))}.lawn-band .slot-label{left:12px}.lawn-band .control{padding-inline:12px}.trust dd{font-size:26px}}@media (prefers-reduced-motion: reduce){.district:hover img,.hotel-card:hover .hotel-card-cue .glyph{transform:none}}:lang(zh) .trust dd{font-size:26px}@media (max-width: 640px){:lang(zh) .trust dd{font-size:22px}}
