/* Scoped presentation delta; all offer content and the first world's palette are retained. */
body.journey-refined{--marketing-paper:#cf8b50;--marketing-ink:#352215;--marketing-soft:#f1c49b;--marketing-rule:#805331}
.journey-refined .m-scene-meta{display:none}
.journey-refined .story-brand-chapters>ol>li{grid-template-columns:1fr}
.journey-refined .k-meeting-grid>article{counter-increment:none}
.journey-refined .story-step-controls{gap:42px}
.journey-refined .story-station-nav a{font-size:var(--type-fussnote,15px)}
.journey-refined .story-station-nav a[aria-current]{box-shadow:none;text-decoration:underline;text-underline-offset:7px}
/* The sunset's orange belongs to the entire marketing world, including its scenic follow-up. */
.journey-refined #marketing{background:var(--marketing-paper);color:var(--marketing-ink)}
.journey-refined #marketing .m-stage{background:var(--marketing-stage,var(--marketing-soft));color:var(--marketing-ink)}
.journey-refined #marketing :is(.k-marketing-intro,.media-tine-gallery,.media-tine-sticky,.media-tine-set,.media-campaign-story,.media-campaign-sticky,.media-campaign-stage){background:var(--marketing-paper);color:var(--marketing-ink)}
.journey-refined #marketing :is(.era-eyebrow,.k-marketing-intro p,.media-tine-gallery p,.media-tine-gallery figcaption,.media-campaign-story p,.media-campaign-story figcaption){color:var(--marketing-ink)}
.journey-refined #marketing :is(.k-production-overview,.k-care-compare){background:#f3f0e8;color:var(--marketing-ink);border-color:var(--marketing-rule)}
.journey-refined #marketing :is(.k-production-overview,.k-care-compare) .era-eyebrow{color:#78451f}
.journey-refined #marketing :is(.era-link,.k-link,.m-light-link){color:var(--marketing-ink)}
.journey-refined #marketing .story-control>.story-control-icon{border-color:var(--marketing-ink)}
.journey-refined #marketing .story-control-solid>.story-control-icon{background:var(--marketing-ink);color:#fff6ed}
.journey-refined #marketing .m-tine-title :is(.era-eyebrow,.m-display),.journey-refined #marketing .m-tine-product{color:var(--marketing-ink)}
.journey-refined #marketing img{filter:none}
.journey-refined #marketing .m-tine-performance{top:var(--performance-top,25%);left:6%;max-width:88%;color:var(--performance-ink,#fff);text-shadow:var(--performance-shadow,0 1px 4px #0008)}
.journey-refined #marketing .m-tine-performance .era-eyebrow{color:inherit}
.journey-refined #marketing .m-tine-performance .m-display{font-size:clamp(40px,5.5vw,76px)}
.journey-refined #marketing .m-tine-performance::before{opacity:var(--performance-scrim,1)}
.journey-refined #marketing .m-tine-performance>p:last-child{display:block;max-width:42ch;font-size:16px}
/* The existing gold-room composition joins the green choreography before the media unfold. */
.journey-refined .ref-brand-motif{position:absolute;z-index:12;inset:4% 7% 5%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transform-origin:50% 50%}
.journey-refined .ref-brand-enlarge{display:block;min-height:0;max-height:calc(100% - 90px);max-width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;aspect-ratio:16/9}
.journey-refined .ref-brand-enlarge img{display:block;width:100%;height:100%;object-fit:contain}
.journey-refined .ref-brand-enlarge:focus-visible{outline:3px solid #f3f0e8;outline-offset:5px}
.journey-refined .ref-brand-motif figcaption{color:#f3f0e8;text-align:center;font:400 15px/1.5 var(--era-sans);max-width:760px}
.journey-refined .ref-brand-motif figcaption strong,.journey-refined .ref-brand-motif figcaption span{display:block}
.journey-refined .ref-brand-motif figcaption strong{font-size:18px;font-weight:500;margin-bottom:6px}
.m-on .journey-refined .m-brand{height:540svh}
/* Four masks share one pixel-aligned image plane. The existing factual explanation follows. */
.journey-refined #markenraum{padding:0;background:#f3f0e8}
.journey-refined .ref-sea-room{position:relative;background:#183b32;color:#f3f0e8}
.m-on .journey-refined .ref-sea-room{height:360svh}
.m-on .journey-refined .ref-sea-room .m-stage{min-height:0;height:calc(100svh - var(--m-header));background:var(--sea-ground,#183b32)}
.journey-refined .ref-sea-image{position:absolute;inset:0;transform-origin:50% 50%}
.journey-refined .ref-sea-piece{position:absolute;inset:0;margin:0;will-change:transform}
.journey-refined .ref-sea-piece img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.journey-refined .ref-sea-piece:nth-child(1){clip-path:inset(0 50% 50% 0)}
.journey-refined .ref-sea-piece:nth-child(2){clip-path:inset(0 0 50% 50%)}
.journey-refined .ref-sea-piece:nth-child(3){clip-path:inset(50% 50% 0 0)}
.journey-refined .ref-sea-piece:nth-child(4){clip-path:inset(50% 0 0 50%)}
.m-on .journey-refined .ref-sea-room .k-spatial-intro{position:absolute;z-index:3;top:6%;left:6%;right:6%;max-width:700px;color:#f3f0e8}
.journey-refined .ref-sea-room .k-spatial-intro .era-eyebrow{color:inherit}
.journey-refined .ref-sea-copy{position:absolute;z-index:4;left:6%;bottom:7%;max-width:520px;padding:20px 25px;background:#153a31ec;color:#fff8ed}
.journey-refined .ref-sea-copy strong{display:block;font:400 clamp(28px,3vw,44px)/1.12 var(--era-serif)}
.journey-refined .ref-sea-copy p{font:400 16px/1.6 var(--era-sans);max-width:44ch;margin:12px 0 0;color:inherit}
.journey-refined .ref-sea-end{position:absolute;z-index:4;bottom:5%;left:6%;right:6%;text-align:center;color:#183b32;font:400 clamp(29px,3.8vw,52px)/1.15 var(--era-serif);margin:0}
.journey-refined #markenraum>.k-spatial-explanation,.journey-refined #markenraum>.k-fine{margin-inline:auto;width:calc(100% - 2*var(--era-space));max-width:1280px}
.journey-refined #markenraum>.k-spatial-explanation{padding-top:45px}
.journey-refined #markenraum>.k-fine{padding-bottom:60px}
/* The stable header follows the active world; an open menu keeps its own clear surface. */
.journey-refined[data-journey-theme=mint] .era-header{background:#e3eadb;color:#183b32}
.journey-refined[data-journey-theme=orange] .era-header{background:#cf8b50;color:#352215;border-color:#805331}
.journey-refined[data-journey-theme=green] .era-header{background:#153a31;color:#f3f0e8;border-color:#809687}
.journey-refined[data-journey-theme=photo] .era-header{background:#17392fea;color:#f3f0e8;border-color:#829689}
.journey-refined:is([data-journey-theme=green],[data-journey-theme=photo]) .era-header :is(a,button){color:#f3f0e8}
.journey-refined:is([data-journey-theme=green],[data-journey-theme=photo]) .era-menu-button>span{background:currentColor}
.journey-refined:is([data-journey-theme=green],[data-journey-theme=photo]) .era-logo{background:#f3f0e8;padding:6px 10px;border-radius:var(--r-control,14px)}
/* Personal handover: the booking intent is visible next to Patrick, with known destinations. */
.journey-refined .media-handover .media-personal-actions{grid-template-columns:minmax(260px,420px) max-content;gap:8px 26px}
.journey-refined .media-handover .media-demo-cta{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.journey-refined .media-demo-cta>p{font:400 15px/1.4 var(--era-sans);margin:0 0 2px;color:#183b32}
.journey-refined .media-demo-cta .k-button{font-size:22px;font-weight:500}
.journey-refined .media-demo-cta .story-control-icon{width:60px;height:60px;flex-basis:60px}
.journey-refined .media-handover .home-direct-contact .home-whatsapp-contact{border:1px solid #65836b;padding:0 12px;border-radius:var(--r-control,14px)}
@media(max-width:700px){
 .journey-refined #marketing .m-tine-performance{left:22px;max-width:calc(100% - 44px)}
 .journey-refined #marketing .m-tine-performance .m-display{font-size:40px}
 .journey-refined #marketing .m-tine-performance>p:last-child{font-size:15px;line-height:1.5}
 .journey-refined .ref-sea-copy{left:22px;right:22px;bottom:6%;padding:15px 18px}
 .journey-refined .ref-sea-copy p{font-size:15px;line-height:1.5}
 .journey-refined .ref-sea-end{left:22px;right:22px;bottom:7%;font-size:32px}
 .journey-refined .media-handover .media-personal-actions{grid-template-columns:minmax(0,1fr);gap:10px}
 .journey-refined .media-demo-cta{align-items:center!important}
 .journey-refined .media-demo-cta .k-button{font-size:22px}
}
html:not(.m-on) .journey-refined .ref-sea-room{height:auto;background:#f3f0e8;color:#183b32}
html:not(.m-on) .journey-refined .ref-sea-room .m-stage{display:flex;flex-direction:column;padding:45px var(--era-space);height:auto;background:transparent}
html:not(.m-on) .journey-refined .ref-sea-image{position:relative;aspect-ratio:16/9;order:1}
html:not(.m-on) .journey-refined .ref-sea-piece{display:none}
html:not(.m-on) .journey-refined .ref-sea-piece:first-child{display:block;clip-path:none}
html:not(.m-on) .journey-refined .ref-sea-piece img{object-fit:contain}
html:not(.m-on) .journey-refined .ref-sea-room .k-spatial-intro{position:static;color:#183b32;padding:0;order:0}
html:not(.m-on) .journey-refined .ref-sea-copy{position:static;order:2;margin-top:18px}
html:not(.m-on) .journey-refined .ref-sea-end{position:static;order:3;margin-top:30px}
html:not(.m-on) .journey-refined .ref-brand-motif{position:static;inset:auto;padding:25px 0;order:1}
html:not(.m-on) .journey-refined .ref-brand-enlarge{width:100%;height:auto;max-height:none}
html:not(.m-on) .journey-refined .ref-brand-motif figcaption{color:#183b32}

/* One developing Brand world, using the accepted three-format composition. */
.journey-refined{--brand-ground:#123d35}
.journey-refined #brand,.journey-refined .story-brand-chapters,.journey-refined .ref-sea-room{background:var(--brand-ground);color:#f3f0e8}
.journey-refined .m-brand{background:#f3f0e8}
.journey-refined .m-brand .m-stage{background:#f3f0e8}
.journey-refined .ref-brand-ground{position:absolute;inset:0;background:var(--brand-ground);z-index:-1}
.journey-refined .m-brand-title{color:var(--brand-ground)}
.journey-refined .m-brand-title .era-eyebrow{color:inherit}
.journey-refined .ref-brand-motif{inset:auto;padding:0;display:block;z-index:4;transform-origin:50% 50%}
.journey-refined .ref-brand-enlarge{width:100%;height:auto;max-height:none;aspect-ratio:16/9}
.journey-refined .ref-brand-motif figcaption{margin:18px auto 0;max-width:660px;font-size:14px;line-height:1.5}
.journey-refined .ref-brand-motif figcaption strong{font-size:17px;margin-bottom:5px}
.journey-refined .ref-sea-copy{background:#123d35ed}
.journey-refined .ref-sea-room .m-stage{background:var(--sea-ground,var(--brand-ground))}
.journey-refined #marketing{padding-bottom:0}
/* The five hotel entrances are clean white, with exactly one circle. */
body.journey-refined .r-world-room .portal-on-image :is(.r-world-link,.r-world-label,.r-world-circle,.r-world-arrow),
html:not(.m-on) body.journey-refined .r-world-room :is(.r-world-link,.r-world-label,.r-world-circle,.r-world-arrow){color:#fff!important;-webkit-text-stroke:0!important;text-shadow:none!important;background:transparent!important;border-color:#fff!important;box-shadow:none!important}
body.journey-refined .r-world-room .portal-on-image .r-world-link:focus-visible{outline-color:#fff!important}
/* Preserve the former Kai rail and its normal image size. Only the conversation moves closer. */
.journey-refined #zusammenspiel .kai-title,.journey-refined #zusammenspiel .kai-title .kai-channel-name{color:#191d1a!important}
.journey-refined #zusammenspiel .kai-sheet:not(.kai-phone-sheet){position:relative}
.journey-refined #zusammenspiel .kai-sheet:not(.kai-phone-sheet)::after{content:'';position:absolute;right:1%;top:1%;width:9%;height:4.5%;background:#f4f5ed;pointer-events:none;opacity:calc(1 - var(--kai-reading,0))}
@media(min-width:701px){
 .journey-refined #zusammenspiel .story-horizontal .kai-sheet:not(.kai-phone-sheet)>img{transform:translate(calc(-31% * var(--kai-reading,0)),calc(15% * var(--kai-reading,0))) scale(var(--kai-scale,1));clip-path:inset(calc(8% * var(--kai-reading,0)) calc(3% * var(--kai-reading,0)) calc(7% * var(--kai-reading,0)) calc(44% * var(--kai-reading,0)));transform-origin:50% 50%}
 .journey-refined #zusammenspiel .story-horizontal .kai-sheet figcaption{opacity:calc(1 - var(--kai-reading,0))}
}
@media(max-width:700px){
 .journey-refined #zusammenspiel .kai-mini-bubble,.journey-refined #zusammenspiel .kai-mini-record>p{font-size:16px;line-height:1.4}
 .journey-refined #zusammenspiel .kai-mini-title{font-size:12px;font-weight:600}
}
/* Portrait and clothing frames are filled; enlarged originals remain complete in the dialog. */
.journey-refined #marketing .media-tine-gallery .media-corporate-enlarge>img{object-fit:cover;object-position:50% 25%;background:var(--marketing-paper)}
/* The bar follows the surface actually meeting it, rather than the parent world's ID. */
body.journey-refined .era-header{background:var(--journey-bar,#f3f0e8)!important;color:var(--journey-bar-ink,#183b32)!important;border-color:var(--journey-bar-rule,#bec7b7)!important}
body.journey-refined .era-header :is(a,button){color:inherit!important}
body.journey-refined .era-header .era-menu-button>span{background:currentColor!important}
body.era-theme.journey-refined .era-header .era-logo{position:relative;background:none!important;padding:0!important;border-radius:0!important}
body.journey-refined:is([data-journey-theme=green],[data-journey-theme=photo]) .era-header .era-logo{background:none!important;border-radius:0!important}
@media(max-width:700px){
 .m-on .journey-refined .m-stage{top:52px;height:calc(100svh - 52px);min-height:0}
 .journey-refined .ref-brand-motif figcaption{font-size:14px;line-height:1.5}
 .journey-refined .ref-brand-motif figcaption strong{font-size:17px}
}
html:not(.m-on) .journey-refined .ref-brand-ground{display:none}
html:not(.m-on) .journey-refined .m-brand,html:not(.m-on) .journey-refined .m-brand .m-stage{background:var(--brand-ground)}
html:not(.m-on) .journey-refined .m-brand-title,html:not(.m-on) .journey-refined .ref-brand-motif figcaption{color:#f3f0e8}
html:not(.m-on) .journey-refined .ref-brand-motif{position:static;width:100%;height:auto;order:2}

.journey-refined .m-brand-world{z-index:5}
.journey-refined .m-brand-end{z-index:8}

.journey-refined .media-campaign-phase{display:none!important}

body.era-theme.journey-refined .era-header .era-logo.era-logo{background:transparent!important;padding:0!important;border-radius:0!important}
body.journey-refined .ref-white-wordmark{display:block;position:absolute;left:31.5%;width:68.5%;top:50%;transform:translateY(-50%);opacity:var(--journey-logo-light,0);mix-blend-mode:screen;pointer-events:none}
body.journey-refined .ref-white-wordmark svg{display:block;width:100%;height:auto;aspect-ratio:3080/512}
body.journey-refined .era-logo>img{clip-path:inset(0 calc(76% * var(--journey-logo-light,0)) 0 0)}

.m-on .journey-refined .m-brand{height:560svh}
@media(max-width:700px){.m-on .journey-refined .m-brand{height:440svh}}