:root{--paper:#f2f0e8;--ink:#29352e;--muted:#697067;--gold:#cfb887;--line:#cbd0c4;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}img{display:block;width:100%;height:auto}p,h1,h2,figure{margin:0}a{transition:opacity .2s}a:hover{opacity:.72}.keyboard-skip{position:fixed;top:-100px;left:20px;background:var(--paper);color:var(--ink);padding:16px;z-index:30}.keyboard-skip:focus{top:16px}
.header{position:absolute;top:0;left:0;width:100%;z-index:10;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:28px 4.5%;border-bottom:1px solid #ffffff30}.brand{display:flex;align-items:center;gap:17px}.brand-mark{font-family:var(--serif);font-size:24px;line-height:1.05;display:flex;gap:3px;align-items:center;border:1px solid #e2d3bba3;padding:9px 7px;color:#ecdec2}.brand-mark span{padding-top:10px}.brand-name{font-family:var(--serif);font-size:20px;letter-spacing:3px}.brand-name small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:2.3px;margin-top:8px}.header nav{display:flex;gap:35px;font-size:12px;letter-spacing:2px}.header nav span{margin-left:10px}
.journey{height:100svh;position:relative;background:#272b25;color:#fff}.journey.is-active{height:650svh}.stage{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;background:#272b25}.poster,#scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#scene{opacity:0;transition:opacity .3s}#scene.is-ready{opacity:1}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,23,20,.5),rgba(13,23,20,.06) 75%),linear-gradient(0deg,rgba(12,19,17,.72),transparent 40%,rgba(12,19,17,.2));pointer-events:none}.scene-copy{position:absolute;left:7.5%;top:31%;max-width:600px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:400;text-transform:uppercase}.scene-copy .eyebrow{color:#f4e5c4;margin-bottom:26px}.scene-copy h1{font-family:var(--serif);font-size:clamp(42px,4.7vw,78px);font-weight:400;line-height:1.48;letter-spacing:5px;white-space:pre-line;text-shadow:0 2px 28px #0003}.scene-description{font-size:13px;letter-spacing:4px;margin-top:25px;color:#ffffffe0}.side-note{position:absolute;right:4.5%;top:43%;writing-mode:vertical-rl;font-size:10px;letter-spacing:5px;color:#f6efdfb8}.journey-bottom{position:absolute;left:7.5%;right:4.5%;bottom:42px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.scroll-hint{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:3px}.scroll-hint small{display:block;font-size:7px;letter-spacing:2px;margin-top:8px;color:#ffffffa6}.scroll-line{height:49px;width:1px;background:linear-gradient(#cfb88720,#f0dfb8)}.chapter-track{width:340px;display:flex;justify-content:space-between;position:relative;font-size:10px;letter-spacing:3px;padding-bottom:18px;color:#f4efdfb8}.track{position:absolute;bottom:0;height:1px;background:#ffffff40;width:100%;left:0}.track i{display:block;height:2px;background:var(--gold);width:0;max-width:100%}.skip{font-size:10px;letter-spacing:2px;white-space:nowrap}.skip span{font-size:17px;margin-left:12px}.journey-marker{position:absolute;top:100svh;pointer-events:none}
.section-shell{padding-left:7.5%;padding-right:7.5%}.introduction{padding-top:120px;padding-bottom:112px;display:grid;grid-template-columns:1fr 2fr;gap:65px}.intro-label{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;min-height:235px}.section-number{font-size:9px;letter-spacing:2px;color:var(--muted)}.tiny-star{font-size:45px;color:#a1a790;font-family:serif}.dark{color:#7b806c}.intro-body h2,.section-heading h2{font-family:var(--serif);font-size:clamp(30px,3vw,48px);font-weight:400;line-height:1.7;letter-spacing:3px;margin-top:20px}.body-copy{font-size:13px;line-height:2.4;letter-spacing:1px;color:var(--muted);max-width:510px;margin-top:25px}.architecture{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:7%;align-items:center;padding-bottom:130px}.photo-main{position:relative}.photo-main img{aspect-ratio:1.5;object-fit:cover}.photo-caption{position:absolute;bottom:19px;left:23px;font-size:10px;letter-spacing:2px;color:#fff;text-shadow:0 1px 5px #000}.architecture-copy h2{font-family:var(--serif);font-size:34px;letter-spacing:3px;font-weight:400;margin:25px 0}.architecture-copy p{font-size:12px;color:var(--muted);line-height:2.5;letter-spacing:1px}.line-seal{font-family:var(--serif);font-size:15px;color:#8b7858;border-left:1px solid #a69573;margin-top:36px;padding-left:14px;line-height:1.8;letter-spacing:3px}.interior{padding-top:80px;padding-bottom:115px;background:#e8e9df}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;gap:25px}.section-heading>p{color:var(--muted);font-size:12px;line-height:2.4;letter-spacing:1px}.interior-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:35px;align-items:start}.interior-grid figure:nth-child(2){padding-top:95px}.interior-grid img{aspect-ratio:1.2;object-fit:cover}.interior-grid figure:nth-child(2) img{aspect-ratio:1}.interior-grid figcaption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;padding-top:20px;color:#5f685b}.interior-grid small{font-size:9px;color:#939c8c}.dining{display:grid;grid-template-columns:1.2fr 1fr;background:#2c3a31;color:#f4f0e2}.dining-image img{height:100%;min-height:560px;object-fit:cover}.dining-copy{padding:90px 13%;display:flex;flex-direction:column;justify-content:center}.dining-copy .eyebrow{color:#c6b488}.dining-copy h2{font-family:var(--serif);font-size:clamp(25px,2.4vw,39px);font-weight:400;line-height:1.75;letter-spacing:2px;margin:25px 0}.dining-copy>p:not(.eyebrow){font-size:12px;line-height:2.4;color:#d0d6c7;letter-spacing:1px}.dining-rule{height:1px;width:43px;background:#b6a780;margin:40px 0 24px}.dining-copy .section-number{color:#b1bbaa}.footer{padding-top:85px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:45px}.footer-title{font-family:var(--serif);font-size:29px;letter-spacing:3px;margin-top:20px}.footer>a{font-size:11px;letter-spacing:2px}.footer>a span{margin-left:20px}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;font-size:8px;letter-spacing:2px;color:#7d8577}
@media(min-width:1800px){.section-shell{padding-left:max(7.5%,calc((100% - 1530px)/2));padding-right:max(7.5%,calc((100% - 1530px)/2))}}
@media(max-width:767px){html{scroll-padding-top:25px}.header{padding:20px 6%;align-items:flex-start}.brand{gap:10px}.brand-mark{font-size:18px;padding:7px 5px}.brand-name{font-size:13px;letter-spacing:1px;padding-top:4px}.brand-name small{font-size:6px;letter-spacing:.7px;margin-top:6px}.header nav{gap:0;font-size:9px;letter-spacing:1px;padding-top:13px}.header nav a:nth-child(2){display:none}.header nav span{margin-left:2px}.journey.is-active{height:380svh}.stage{min-height:550px}.poster{object-fit:contain}.shade{background:linear-gradient(0deg,#18221af0,transparent 47%,#18221a4d)}.scene-copy{left:7%;top:auto;bottom:135px}.scene-copy .eyebrow{font-size:9px;margin-bottom:16px}.scene-copy h1{font-size:39px;line-height:1.5;letter-spacing:3px}.scene-description{font-size:10px;letter-spacing:2px;margin-top:16px}.side-note{right:5%;top:25%;font-size:8px;letter-spacing:4px}.journey-bottom{left:7%;right:7%;bottom:30px;gap:15px}.chapter-track{display:none}.scroll-hint{font-size:9px;gap:12px;letter-spacing:2px}.scroll-hint small{font-size:6px}.skip{font-size:9px}.skip span{margin-left:6px}.section-shell{padding-left:7%;padding-right:7%}.introduction{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:60px}.intro-label{min-height:0;flex-direction:row}.tiny-star{font-size:22px}.section-number{font-size:8px}.intro-body h2,.section-heading h2{font-size:29px;letter-spacing:1px;margin-top:16px}.body-copy{font-size:12px;line-height:2.3;margin-top:20px}.architecture{grid-template-columns:1fr;gap:32px;padding-bottom:65px}.photo-main img{aspect-ratio:1.3}.architecture-copy h2{font-size:28px;margin:16px 0}.line-seal{display:none}.architecture-copy p{font-size:12px}.interior{padding-top:55px;padding-bottom:60px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:18px}.interior-grid{grid-template-columns:1fr;gap:35px}.interior-grid figure:nth-child(2){padding-top:0;padding-left:15%}.interior-grid img{aspect-ratio:1.25}.interior-grid figure:nth-child(2) img{aspect-ratio:1.1}.interior-grid figcaption{font-size:10px;padding-top:14px}.dining{grid-template-columns:1fr}.dining-image img{min-height:0;aspect-ratio:1.25}.dining-copy{padding:50px 7% 60px}.dining-copy h2{font-size:30px;margin-top:22px}.dining-rule{margin-top:30px}.footer{padding-top:50px;gap:30px}.footer-title{font-size:22px;letter-spacing:1px}.footer .eyebrow{font-size:9px;letter-spacing:2px}.footer>a{font-size:10px}.footer-bottom{font-size:6px;letter-spacing:1px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.journey.is-active{height:100svh}.scroll-hint{display:none}}

.preview-note{position:absolute;top:128px;left:7.5%;margin:0;padding:8px 12px;border:1px solid #ffffff40;background:#18221a99;color:#f5edda;font-size:11px;letter-spacing:1px;pointer-events:none}.journey.is-active.is-preview{height:850svh}@media(max-width:767px){.preview-note{top:104px;left:7%;right:7%;font-size:10px;line-height:1.7}.journey.is-active.is-preview{height:650svh}}@media(prefers-reduced-motion:reduce){.journey.is-active.is-preview{height:100svh}}

.pause-journey{border:1px solid #ffffff70;background:#18221a99;color:#fff;font:inherit;font-size:12px;letter-spacing:2px;padding:10px 16px;cursor:pointer;position:absolute;left:0;bottom:70px}.pause-journey[hidden]{display:none}

@media(max-width:767px){.header nav a:nth-child(3){margin-left:14px}}