:root{--color-ink:#17211a;--color-cream:#f4f0e7;--color-white:#fff;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Noto Serif TC", "Songti TC", "Times New Roman", serif;color:var(--color-ink);background:var(--color-cream);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}#app,.site-shell{min-height:100svh}.hero-section{isolation:isolate;min-height:100svh;color:var(--color-white);background:#17211a;align-items:flex-end;padding:clamp(8rem,18vh,12rem) clamp(1.5rem,7vw,6rem) clamp(4.5rem,12vh,8rem);display:flex;position:relative;overflow:hidden}.hero-section:before{z-index:-2;content:"";background-image:var(--hero-image);transform-origin:50%;background-position:50% 42%;background-repeat:no-repeat;background-size:cover;animation:18s ease-in-out infinite alternate hero-drift;position:absolute;inset:-2%}.hero-section__overlay{z-index:-1;background:linear-gradient(90deg,#080f0c9e 0%,#080f0c5c 42%,#080f0c1f 100%),linear-gradient(#080f0c52 0%,#080f0c2e 52%,#080f0c85 100%),#00000040;position:absolute;inset:0}.hero-section__brand{color:#fffffff0;font-family:var(--font-serif);letter-spacing:.12em;text-shadow:0 2px 18px #00000059;align-items:center;gap:.9rem;font-size:clamp(1rem,1.7vw,1.35rem);font-weight:600;display:inline-flex;position:absolute;top:clamp(1.25rem,4vw,3.25rem);left:clamp(1.25rem,5vw,4.5rem)}.hero-section__logo{aspect-ratio:1;object-fit:cover;border:1px solid #ffffff5c;border-radius:50%;width:clamp(3rem,6vw,4.75rem);box-shadow:0 1rem 2.5rem #00000047}.hero-section__content{width:min(860px,100%);animation:.9s ease-out both hero-copy-in}.hero-section__eyebrow{color:#ffffffc2;letter-spacing:.26em;text-transform:uppercase;margin:0 0 1.1rem;font-size:clamp(.76rem,1.2vw,.92rem);font-weight:600}.hero-section h1{color:var(--color-white);font-family:var(--font-serif);letter-spacing:0;text-shadow:0 .5rem 2.5rem #0000006b;white-space:nowrap;margin:0;font-size:5.4rem;font-weight:700;line-height:1.08}.hero-section__subtitle{color:#ffffffdb;width:max-content;max-width:100%;font-family:var(--font-serif);letter-spacing:.08em;text-shadow:0 .25rem 1.6rem #0000007a;margin:1.4rem 0 0;font-size:1.45rem;font-weight:500;line-height:1.65}.hero-section__subtitle span{display:block}.hero-section__subtitle-center{text-align:left;width:max-content;margin-top:.15rem;font-size:1.18em}.destination-section{background:#f7f4ed;padding:clamp(4.5rem,9vw,8rem) clamp(1.25rem,5vw,4rem)}.destination-section__inner{width:min(1180px,100%);margin:0 auto}.destination-section h2{color:#123f34;max-width:1040px;font-family:var(--font-serif);letter-spacing:0;text-align:center;margin:0 auto clamp(2.5rem,5vw,4.5rem);font-size:clamp(2rem,4.6vw,4.4rem);font-weight:700;line-height:1.16}.destination-section__figure{background:#d9d2c2;width:min(100%,1120px);margin:0 auto;overflow:hidden}.destination-section__figure img{aspect-ratio:1431/738;object-fit:cover;width:100%}.destination-section__copy{width:min(100%,1120px);margin:clamp(1.6rem,3vw,2.6rem) auto 0}.destination-section__copy h3{color:#315f86;font-family:var(--font-serif);letter-spacing:0;margin:0;font-size:clamp(1.55rem,3vw,2.75rem);font-weight:700;line-height:1.22}.destination-section__copy p{color:#b99b6e;font-family:var(--font-serif);letter-spacing:.12em;margin:.75rem 0 0;font-size:clamp(1.15rem,2vw,1.85rem);font-weight:600;line-height:1.45}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-drift{0%{transform:scale(1)}to{transform:scale(1.045)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-section:before,.hero-section__content{animation:none}}@media (width<=720px){.hero-section{min-height:80svh;padding:7.5rem 1.25rem 3.75rem}.hero-section:before{background-position:58%}.hero-section__brand{letter-spacing:.08em;gap:.7rem;max-width:calc(100% - 2.5rem)}.hero-section__brand span{overflow-wrap:anywhere}.hero-section h1{font-size:1.32rem;line-height:1.16}.hero-section__subtitle{letter-spacing:.04em;margin-top:1rem;font-size:1rem;line-height:1.6}.destination-section{padding:3.5rem 1.1rem 4rem}.destination-section h2{margin-bottom:2rem;font-size:clamp(1.8rem,9vw,2.8rem)}.destination-section__figure img{min-height:230px}.destination-section__copy{margin-top:1.35rem}.destination-section__copy p{letter-spacing:.08em}}@media (width>=721px) and (width<=1040px){.hero-section h1{font-size:3rem}}@media (width>=1041px) and (width<=1280px){.hero-section h1{font-size:4rem}}@media (width<=360px){.hero-section h1{font-size:1.08rem}}
