/* The words remain in natural document flow. Only the companion artwork is sticky. */
.direction-panel.ds-directions{padding:0;overflow:visible;min-height:0;background:none;border:0;transition:none;isolation:isolate}
.direction-tabs.ds-direction-nav{position:sticky;top:var(--story-header,80px);z-index:12;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;background:#130e12ed;backdrop-filter:blur(18px);border-top:1px solid #9f747b44;border-bottom:1px solid #9f747b44}
.ds-direction-nav a{display:flex;gap:16px;align-items:flex-start;position:relative;padding:20px 18px;color:#b0a0a5;border-right:1px solid #ac7d8526;transition:color .35s,background .35s}
.ds-direction-nav a:last-child{border-right:0}.ds-direction-nav a[aria-current]{color:#fff0eb;background:#5b1c2a47}.ds-direction-nav a[aria-current]:after{content:'';height:2px;background:#ef344b;position:absolute;bottom:-1px;left:0;right:0}.ds-direction-nav a[aria-current] small{color:#f16b7b}
.ds-direction-nav small{font:italic 24px/1 var(--serif);color:#94747d}.ds-direction-nav span{font-size:11px;letter-spacing:.09em;line-height:1.6}
.ds-world{--ds-ground:#180b10;--ds-glow:#951c33;--ds-accent:#d3b48e;position:relative;margin:0 calc(var(--pad) * -1);padding:35px var(--pad) 0;background:radial-gradient(ellipse at 15% 15%,var(--ds-source-dark),transparent 52%),var(--ds-ground);border-top:1px solid #ffffff0b;scroll-margin-top:calc(var(--story-header,80px) + 106px)}
.ds-world-vault{--ds-ground:#130b0f;--ds-glow:#ac203a;--ds-accent:#c8ad88}.ds-world-estate{--ds-ground:#15140e;--ds-glow:#766137;--ds-accent:#e1c889}.ds-world-palace{--ds-ground:#1d0b15;--ds-glow:#a63b63;--ds-accent:#ecd4da}.ds-world-garden{--ds-ground:#0d1714;--ds-glow:#385d4c;--ds-accent:#d6ddce}
.ds-world-rail{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--ds-accent);font-size:10px;line-height:1.4;letter-spacing:.13em;opacity:.8;margin-bottom:25px}.ds-world-rail>span:first-child{font:italic 25px/1 var(--serif)}.ds-world-rail>span:nth-child(2){margin-right:auto}.ds-scene-count{font-size:9px;font-variant-numeric:tabular-nums;min-width:43px;text-align:right}
.ds-world-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:7vw;align-items:start}
.ds-world-visual{position:sticky;top:calc(var(--story-header,80px) + 115px);height:calc(100svh - var(--story-header,80px) - 145px);min-height:430px;max-height:920px;margin-bottom:55px;align-self:start;background:radial-gradient(ellipse at 50% 45%,var(--ds-source-dark),#080709 82%);border:1px solid #d4b2b120;overflow:hidden;perspective:900px;isolation:isolate}
.ds-art{color:var(--ds-accent)}.ds-world-visual:after,.ds-mobile-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b080cd9 0%,transparent 43%,#0b080c11 72%);z-index:3}
.ds-atmosphere{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--ds-glow) 35%,transparent),transparent 60%)}
.ds-light{position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--ds-glow) 65%,transparent),transparent 60%);opacity:.8;transition:transform 1.1s ease,opacity 1.1s ease;filter:blur(22px)}
.ds-visual-frame{position:absolute;inset:18px;border:1px solid #d9bab716;z-index:4;pointer-events:none}.ds-visual-id{position:absolute;top:25px;left:30px;font:italic 64px/.9 var(--serif);color:var(--ds-accent);opacity:.3;z-index:4}
.ds-visual-copy{position:absolute;left:8%;right:8%;bottom:12%;z-index:5}.ds-visual-phase{font-size:9px;letter-spacing:.15em;display:block;color:var(--ds-accent);margin-bottom:18px}.ds-visual-copy>p{font:italic clamp(35px,3.7vw,63px)/1.08 var(--serif);letter-spacing:-.035em;color:var(--ds-accent);max-width:430px}.ds-visual-copy>small{display:block;font-size:10px;line-height:1.8;color:#c1aeb5;margin-top:18px}.ds-visual-progress{display:flex;position:absolute;left:8%;right:8%;bottom:6%;gap:6px;z-index:5}.ds-visual-progress i{display:block;flex:1;height:2px;background:#ffffff23;transition:background .5s}.ds-visual-progress i.is-active{background:var(--ds-accent)}
.ds-architecture{position:absolute;inset:10% 17% 17%;border:1px solid color-mix(in srgb,var(--ds-accent) 22%,transparent);border-radius:46% 46% 0 0;opacity:.45;transform:translateY(2%);transition:transform 1s ease,opacity 1s ease}.ds-architecture i{position:absolute;top:10%;bottom:0;width:1px;background:linear-gradient(transparent,var(--ds-accent),transparent)}.ds-architecture i:nth-child(1){left:18%}.ds-architecture i:nth-child(2){left:50%;opacity:.3}.ds-architecture i:nth-child(3){left:82%}.ds-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--ds-accent) 20%,transparent);border-radius:50%;width:68%;aspect-ratio:1;top:15%;left:16%;transform:rotate(-20deg);transition:transform 1.1s ease,opacity 1.1s ease}.ds-orbit-two{width:85%;top:10%;left:7.5%;opacity:.4}.ds-floor{position:absolute;left:-20%;right:-20%;height:40%;bottom:8%;background:linear-gradient(color-mix(in srgb,var(--ds-glow) 30%,transparent),transparent);transform:perspective(450px) rotateX(65deg);border-top:1px solid #e2b7b82e}
.ds-motif{position:absolute;left:26%;top:29%;width:48%;height:28%;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter 1.1s ease;transform:translateZ(20px);z-index:2}.ds-motif>span,.ds-motif>b,.ds-motif>i{position:absolute;display:block}
.ds-atmosphere-vault .ds-architecture{border-radius:0;inset:12% 23% 23%;box-shadow:0 0 0 15px #0d080d,0 0 0 16px #b7a18418}.ds-atmosphere-vault .ds-motif{background:linear-gradient(135deg,#733043,#240e1a 60%);border:1px solid #d7ad9655;box-shadow:0 25px 60px #0008,inset 0 1px #dda69c55;transform:rotateY(-13deg) rotateX(9deg)}.ds-atmosphere-vault .ds-motif>span{left:0;right:0;top:0;height:17%;border-bottom:2px solid #ecd1a285;background:linear-gradient(#451724,#210c14);box-shadow:0 3px 22px #dba26b42;transition:transform 1.1s ease;transform-origin:top}.ds-atmosphere-vault .ds-motif>b{height:100%;width:1px;left:50%;background:#c39b8242}.ds-atmosphere-vault .ds-motif>i{width:17%;aspect-ratio:1;left:42%;top:40%;border:1px solid #d6ad83;border-radius:50%;box-shadow:inset 0 0 0 3px #3f1c2a,inset 0 0 0 4px #bd977c55}
.ds-atmosphere-estate .ds-architecture{inset:7% 11% 13%;border-width:2px;box-shadow:inset 0 0 0 16px #0c100e,inset 0 0 0 17px #b79d6033}.ds-atmosphere-estate .ds-orbit{border-radius:0;transform:rotate(45deg);top:22%;width:48%;left:26%;opacity:.24}.ds-atmosphere-estate .ds-motif{left:31%;top:22%;width:38%;height:40%;background:linear-gradient(110deg,#58492c,#1b1b13);border:1px solid #c5aa6f66;box-shadow:0 20px 45px #0009;transform:rotate(-6deg)}.ds-atmosphere-estate .ds-motif>span{inset:9%;border:1px solid #d0b67b55}.ds-atmosphere-estate .ds-motif>b{top:22%;left:37%;width:26%;aspect-ratio:1;border:1px solid #d1b882;border-radius:50%;box-shadow:0 0 0 5px #af925111}.ds-atmosphere-estate .ds-motif>i{left:28%;right:28%;bottom:22%;height:1px;background:#b59e6b;box-shadow:0 7px #b59e6b66,0 14px #b59e6b33}.ds-atmosphere-estate .ds-light{background:radial-gradient(ellipse at 76% 43%,#a1bb6c2e,transparent 22%),radial-gradient(ellipse at 35% 60%,#ae844b32,transparent 58%)}
.ds-atmosphere-palace .ds-architecture{inset:9% 14% 14%;border-radius:48% 48% 0 0;border-color:#e0a3ba3d;box-shadow:0 0 0 17px #74213c0d,0 0 0 18px #bf7b931f}.ds-atmosphere-palace .ds-motif{left:34%;top:23%;width:32%;height:40%;transform:rotate(-9deg)}.ds-atmosphere-palace .ds-motif>span{inset:0;border-radius:50%;border:2px solid #ddc0c890;box-shadow:inset 3px 1px 13px #a3768e88,0 12px 30px #0005;transform:rotate(20deg)}.ds-atmosphere-palace .ds-motif>b{left:-52%;right:-55%;height:24%;top:40%;background:linear-gradient(0deg,#52122b,#b96785,#5c1835);transform:rotate(-26deg);box-shadow:0 5px 20px #0005}.ds-atmosphere-palace .ds-motif>i{inset:12%;border-radius:50%;border:1px solid #debfc860;transform:rotate(-20deg)}.ds-atmosphere-palace .ds-orbit{border-color:#f1cfdd26;transform:rotate(-20deg) scaleX(.65)}
.ds-atmosphere-garden .ds-architecture{inset:6% 3% 10%;border-color:#9cbba01c;border-radius:50% 50% 0 0;transform:scale(1.05)}.ds-atmosphere-garden .ds-motif{top:18%;left:35%;width:34%;height:auto;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e2e7d5,#bdc9b0 55%,#889981);box-shadow:0 0 65px #bdc8ad30,0 0 140px #65877025;transform:translateY(5%)}.ds-atmosphere-garden .ds-motif>span{width:100%;height:100%;border-radius:50%;background:var(--ds-ground);left:22%;top:-7%;box-shadow:-4px 2px 30px #15282022}.ds-atmosphere-garden .ds-orbit{width:55%;left:-22%;top:31%;border-radius:100% 0 100% 0;transform:rotate(16deg);border-color:#a2bc8c55;background:linear-gradient(140deg,#26453455,transparent)}.ds-atmosphere-garden .ds-orbit-two{width:65%;left:auto;right:-27%;top:46%;transform:rotate(-85deg);opacity:.7}.ds-atmosphere-garden .ds-floor{background:radial-gradient(ellipse,#45624a44,transparent 65%)}
.ds-art[data-scene="1"] .ds-motif{transform:translateY(-6%) scale(.92)}.ds-art[data-scene="1"] .ds-architecture{transform:scale(1.06);opacity:.65}.ds-art[data-scene="2"] .ds-light{transform:translateY(-6%) scale(1.15);opacity:1}.ds-art[data-scene="2"] .ds-motif{transform:translateY(5%) scale(1.12)}.ds-art[data-scene="3"] .ds-orbit{transform:scale(1.18) rotate(10deg);opacity:.8}.ds-art[data-scene="3"] .ds-light{transform:scale(1.45);opacity:1}.ds-art[data-scene="3"] .ds-atmosphere-vault .ds-motif>span{transform:rotateX(60deg) translateY(-35%)}.ds-art[data-scene="3"] .ds-atmosphere-garden .ds-motif>span{transform:translateX(45%);transition:transform 1.1s}.ds-art[data-scene="4"] .ds-motif{transform:translateY(-4%) scale(.85)}.ds-art[data-scene="4"] .ds-architecture{opacity:.7;transform:scale(1.16)}.ds-art[data-scene="5"] .ds-motif{transform:scale(.75);filter:brightness(.8)}.ds-art[data-scene="5"] .ds-architecture{transform:scale(1.25);opacity:.8}.ds-art[data-scene="6"] .ds-motif{transform:translateX(-8%) scale(1.05)}.ds-art[data-scene="6"] .ds-orbit{transform:scale(1.12) rotate(20deg)}.ds-art[data-scene="7"] .ds-light{transform:translateY(9%) scale(1.3);opacity:1}.ds-art[data-scene="7"] .ds-motif{transform:translateY(-3%) scale(1.1)}
.ds-step{min-height:100svh;display:flex;align-items:center;padding:80px 0;position:relative;scroll-margin-top:calc(var(--story-header,80px) + 110px)}.ds-step:after{content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #d7b0ba18}.ds-step:last-child:after{display:none}.ds-step-copy{width:100%;position:relative;z-index:2;border-left:1px solid #ad7f8c33;padding-left:28px;transition:border-color .5s}.ds-step.is-current .ds-step-copy{border-left-color:var(--ds-accent)}.ds-step-intro{padding-top:35px}.ds-eyebrow{font-size:9px;letter-spacing:.15em;line-height:1.8;display:block;color:var(--ds-accent);margin-bottom:23px}.ds-world-title{font:400 clamp(43px,4.4vw,72px)/.98 var(--serif);letter-spacing:-.04em;overflow-wrap:normal}.ds-world-chinese{font-size:17px;letter-spacing:.12em;color:var(--ds-accent);margin-top:20px}.ds-keywords{display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}.ds-keywords span{font-size:8px;letter-spacing:.1em;color:#c2adb5;padding:5px 8px;border:1px solid #ae859140}.ds-hook{font-weight:400;font-size:clamp(22px,2.2vw,32px);line-height:1.7;letter-spacing:-.035em;margin:33px 0;color:#f0dfdf}.ds-hero-reservation{padding-top:23px;border-top:1px solid #b7959933}.ds-hero-reservation>span{display:block;font-size:8px;letter-spacing:.1em;color:#b8a2aa}.ds-hero-reservation>p{font:italic 25px/1.25 var(--serif);color:var(--ds-accent);margin:13px 0}.ds-hero-reservation>small{display:block;font-size:9px;line-height:1.9;color:#a88d99}.ds-hero-reservation>small:last-child{font-size:7px;letter-spacing:.1em;margin-top:5px}
.ds-inspiration{font-size:15px;line-height:2.1;color:var(--ds-accent);margin-bottom:26px}.ds-prose{font-size:17px;line-height:2.15;color:#cfbcc3;font-weight:400;letter-spacing:.015em}.ds-scene-title{font-weight:400;font-size:clamp(24px,2.4vw,36px);line-height:1.6;color:#f0dedf;letter-spacing:-.04em;margin:0 0 25px}.ds-quote{font-family:var(--serif);font-size:clamp(21px,2.2vw,29px);font-style:italic;line-height:1.7;letter-spacing:-.025em;color:var(--ds-accent);margin:30px 0 0;padding:23px 0 0;border-top:1px solid #b78f9b33}.ds-sr-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.ds-reservation-heading{font-size:23px;font-weight:400;line-height:1.7;color:var(--ds-accent);margin:0 0 25px;letter-spacing:-.03em}.ds-reservation-plate{width:100%;min-height:340px;aspect-ratio:1.2;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:25px;text-align:center;border:1px solid #bf9eac55;background:linear-gradient(135deg,#ffffff03,transparent),radial-gradient(ellipse at center,color-mix(in srgb,var(--ds-glow) 20%,transparent),transparent 70%)}.ds-reservation-plate:before,.ds-reservation-plate:after{content:'';position:absolute;background:#cfb0bf20;pointer-events:none}.ds-reservation-plate:before{height:1px;left:5%;right:5%;top:50%}.ds-reservation-plate:after{width:1px;top:5%;bottom:5%;left:50%}.ds-reservation-plate>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #c3a8b940;position:relative;z-index:1;background:var(--ds-ground);color:var(--ds-accent)}.ds-reservation-plate .ui-icon{width:22px;height:22px}.ds-reservation-plate>p{position:relative;z-index:1;font-size:10px;letter-spacing:.12em;color:var(--ds-accent);background:var(--ds-ground);padding:4px 10px}.ds-reservation-plate>small{position:relative;z-index:1;font-size:11px;line-height:1.8;color:#b89eaa;background:var(--ds-ground);padding:4px 10px}.ds-direction-value{padding-top:28px}.ds-direction-value p{font-size:15px;line-height:2;color:#d4bec7}.ds-direction-value .ds-shortlist{font-size:12px;color:var(--ds-accent);border-color:#b88a9e66;padding:13px 17px;margin-top:23px;display:inline-flex;align-items:center;gap:15px;white-space:normal}.ds-shortlist.selected{background:#ffffff0b}.ds-mobile-art{display:none}
@media(min-width:1600px){.ds-world-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:8vw}.ds-step-copy{max-width:570px}.ds-prose{font-size:19px}.ds-inspiration{font-size:17px}}
@media(max-width:1100px) and (min-width:761px){.ds-world-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4vw}.ds-world-title{font-size:44px}.ds-step-copy{padding-left:20px}.ds-prose{font-size:16px}.ds-world-visual{min-height:400px}.ds-reservation-plate{min-height:290px}.ds-direction-nav a{padding:18px 12px;gap:10px}.ds-direction-nav span{font-size:10px}}
@media(max-width:760px){
  .direction-tabs.ds-direction-nav{position:relative;top:auto;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0;backdrop-filter:blur(18px)}.ds-direction-nav a{padding:14px 7px;gap:0;min-height:78px;flex-direction:column;justify-content:flex-start}.ds-direction-nav small{font-size:16px;margin-bottom:7px}.ds-direction-nav span{font-size:7px;line-height:1.45;letter-spacing:.025em}.ds-direction-nav a[aria-current]{background:#6120334d}
  .ds-world{padding-top:25px;scroll-margin-top:calc(var(--story-header,80px) + 85px)}.ds-world-rail{margin-bottom:0;font-size:8px;gap:12px}.ds-world-rail>span:first-child{font-size:24px}.ds-world-rail>span:nth-child(2){letter-spacing:.08em}.ds-world-layout{display:block}.ds-world-visual{display:none}.ds-world-steps{display:block}.ds-step{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:32px;min-height:100svh;padding:46px 0 55px;scroll-margin-top:calc(var(--story-header,80px) + 90px)}.ds-step-intro{padding-top:30px}.ds-step-copy{padding-left:0;border:0}.ds-step.is-current .ds-step-copy{border:0}.ds-mobile-art{display:block;position:relative;height:clamp(220px,38svh,360px);min-height:220px;width:100%;overflow:hidden;border:1px solid #d1acba26;background:radial-gradient(ellipse at center,var(--ds-source-dark),#080709 85%);isolation:isolate}.ds-mobile-art:after{background:linear-gradient(0deg,#0b080cba,transparent 40%)}.ds-mobile-art .ds-architecture{inset:5% 18% 5%}.ds-mobile-art .ds-motif{top:26%;left:34%;width:32%;height:40%}.ds-mobile-art .ds-atmosphere-estate .ds-motif{left:39%;width:24%;top:15%;height:65%}.ds-mobile-art .ds-atmosphere-palace .ds-motif{left:39%;width:24%;top:15%;height:62%}.ds-mobile-art .ds-atmosphere-garden .ds-motif{left:39%;width:24%;height:auto;top:14%}.ds-mobile-art .ds-orbit{width:43%;left:28%;top:-2%}.ds-mobile-art .ds-orbit-two{width:58%;left:21%;top:-16%}.ds-mobile-art .ds-atmosphere-garden .ds-orbit{left:-17%;top:30%}.ds-mobile-art .ds-atmosphere-garden .ds-orbit-two{left:auto;right:-27%;top:33%}.ds-art-phase{position:absolute;bottom:18px;left:20px;right:20px;z-index:4;color:var(--ds-accent);font-size:8px;letter-spacing:.13em;line-height:1.8}.ds-eyebrow{font-size:8px;margin-bottom:19px}.ds-world-title{font-size:clamp(42px,11vw,72px);line-height:.95;max-width:650px}.ds-world-chinese{font-size:16px;margin-top:18px}.ds-hook{font-size:23px;margin:26px 0;line-height:1.65}.ds-keywords{margin-top:21px;gap:6px}.ds-keywords span{font-size:7px;padding:4px 7px}.ds-hero-reservation{padding-top:20px}.ds-hero-reservation>p{font-size:26px}.ds-inspiration{font-size:15px;line-height:2;margin-bottom:23px}.ds-prose{font-size:16px;line-height:2.1;color:#d3c1c8;letter-spacing:0}.ds-scene-title{font-size:26px;line-height:1.6;margin-bottom:23px}.ds-quote{font-size:23px;margin-top:27px;padding-top:22px}.ds-step-reservation .ds-mobile-art{display:none}.ds-step-reservation{gap:0;min-height:100svh}.ds-reservation-heading{font-size:23px;line-height:1.6;margin-bottom:25px}.ds-reservation-plate{min-height:390px;aspect-ratio:.85;max-height:620px}.ds-reservation-plate>p{font-size:9px;letter-spacing:.07em}.ds-reservation-plate>small{font-size:11px;line-height:1.9}.ds-direction-value{padding-top:29px}.ds-direction-value p{font-size:15px;line-height:2}.ds-direction-value .ds-shortlist{font-size:12px;margin-top:22px;padding:13px 17px}.directions .direction-foot{font-size:11px;line-height:2;margin-top:35px}
}
@media(prefers-reduced-motion:reduce){.ds-directions *,.ds-directions *:before,.ds-directions *:after,.ds-direction-nav a{transition:none!important;animation:none!important}.ds-world-visual .ds-light,.ds-world-visual .ds-orbit,.ds-world-visual .ds-architecture,.ds-world-visual .ds-motif{transform:none!important}.ds-directions{scroll-behavior:auto}}
@media(min-width:901px) and (max-height:760px){.ds-world-visual{min-height:0;height:calc(100svh - var(--story-header) - 145px)}.ds-visual-copy>p{font-size:36px}}