/* Hallmark · macrostructure: Photographic · theme: selected direction B · nav: edge-aligned · footer: inline */
:root{--color-bg:oklch(23% .005 150);--color-paper:oklch(95% .01 90);--color-muted:oklch(73% .01 110);--color-rule:oklch(40% .008 110);--color-image:oklch(32% .012 140);--color-focus:oklch(81% .07 90);--font-display:'SimSun','Songti SC',serif;--font-body:'Microsoft YaHei','PingFang SC',sans-serif;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--ease-out:cubic-bezier(.16,1,.3,1);--dur-short:180ms}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;overflow-x:clip}body{background:var(--color-bg);color:var(--color-paper);font:16px/1.8 var(--font-body)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px}a:active{opacity:.75}[hidden]{display:none!important}.page{max-width:1600px;margin:auto;padding-inline:clamp(20px,4.5vw,72px)}.skip{position:fixed;top:8px;left:16px;transform:translateY(-160%);background:var(--color-paper);color:var(--color-bg);padding:8px 16px;z-index:10}.skip:focus{transform:none}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--color-rule)}.brand{font:24px/1.3 var(--font-display);letter-spacing:2px}.header nav{display:flex;align-items:center;flex-wrap:wrap;gap:28px}.header nav a{font-size:14px;white-space:nowrap;padding-block:8px;color:var(--color-muted)}.header nav a:hover,.header nav a[aria-current]{color:var(--color-paper)}.header nav a[aria-current]{text-decoration:underline;text-underline-offset:8px}.hero{display:grid;grid-template-columns:minmax(0, .55fr) minmax(0, 1fr);gap:48px;padding-block:40px}.intro{display:flex;flex-direction:column;justify-content:space-between;padding-block:24px}.identity{font-size:13px;letter-spacing:2px;color:var(--color-muted);margin:0}.intro h1{font:400 clamp(40px,4.4vw,68px)/1.35 var(--font-display);letter-spacing:-2px;margin:32px 0 24px;overflow-wrap:anywhere;min-width:0}.description{font-size:15px;line-height:1.9;white-space:pre-line;color:var(--color-muted);margin:0;max-width:32ch}.hero-link{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid var(--color-rule);padding-block:16px;margin-top:32px;font-size:15px}.secondary-link{display:inline-block;margin-top:16px;padding-block:8px;font-size:14px;color:var(--color-muted)}.hero-link:hover span:first-child,.secondary-link:hover{text-decoration:underline;text-underline-offset:5px}.intro-foot{font-size:13px;line-height:1.9;color:var(--color-muted);margin:40px 0 0}.hero-photo{margin:0;display:flex;flex-direction:column;min-width:0}.photo-link{position:relative;display:block;background:var(--color-image);min-height:480px;flex:1;overflow:clip}.photo-link img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-short) var(--ease-out)}.photo-link:hover img{transform:scale(1.015)}.image-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--color-muted)}figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--color-muted)}.destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin-bottom:48px}.destination{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--color-rule);padding-top:24px}.destination h2{font-size:24px;font-weight:400;line-height:1.4;margin:0 0 12px}.destination p{font-size:14px;color:var(--color-muted);margin:0}.destination:hover h2{text-decoration:underline;text-underline-offset:8px}.arrow{font-size:20px}.about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;border-top:1px solid var(--color-rule);padding-block:32px 48px;scroll-margin-top:24px}.about h2{font:400 23px/1.4 var(--font-display);margin:0 0 16px}.about p{font-size:14px;color:var(--color-muted);white-space:pre-line;margin:0}#contact-links{display:flex;gap:24px;flex-wrap:wrap}#contact-links a{font-size:14px;text-decoration:underline;text-underline-offset:5px}footer{border-top:1px solid var(--color-rule);padding-block:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--color-muted)}
@media(max-width:900px){.hero{gap:28px;grid-template-columns:minmax(0,.65fr) minmax(0,1fr)}.photo-link{min-height:450px}.header nav{gap:20px}.intro h1{font-size:48px}.destinations,.about{gap:32px}}
@media(max-width:650px){.header{align-items:start;flex-direction:column;gap:12px;padding-block:20px}.header nav{gap:20px}.header nav a{font-size:13px}.hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px}.intro{padding:0}.intro h1{font-size:46px;margin-top:24px}.description{max-width:none}.intro-foot{display:none}.hero-link{margin-top:24px}.secondary-link{margin-top:8px}.photo-link{min-height:330px}.destinations,.about{grid-template-columns:minmax(0,1fr);gap:28px}.destinations{margin-bottom:32px}.about{padding-bottom:32px}.destination{padding-top:20px}footer{display:block}footer span{display:block}footer span+span{margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.brand{display:flex;align-items:center;gap:12px}.brand .avatar{width:40px;height:40px;object-fit:cover;border-radius:50%}.preview-banner{background:oklch(42% .08 70);color:oklch(97% .03 90);text-align:center;font-size:14px;padding:8px 16px}
