/* Landscape examples fit the available screen height, including their frame. */
.packages .packages-heading{display:block}.packages .section-top{justify-content:flex-end}.package-chapter h3 .package-label{display:block;font:400 11px/1.5 "Manrope",sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.package-chapter>.text-link{margin-top:25px}.package-chapter>.package-chat-try+.text-link{margin-top:0}
.example-complex:not([data-sunset=true]) .island-heading .example-title>em{color:#194c46;text-shadow:0 1px 0 #fff8}
.packages{max-width:2560px;margin-inline:auto}.packages-heading{margin-bottom:35px}.packages-heading>p{font-size:16px;line-height:1.8}.package-story{position:relative;display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.55fr);gap:0 7%;align-items:start;margin-top:25px}
.package-jump{display:flex;gap:32px;position:relative;z-index:3;font-size:12px;padding-bottom:28px}.package-jump a{padding:10px 0;border-bottom:1px solid currentColor}
.story-stage{display:none;position:sticky;top:60px;grid-column:2;grid-row:1/span 3;z-index:3;min-width:0;width:min(100%,calc((100svh - 190px)*1.6));justify-self:center}.story-ready .story-stage{display:block}.story-stage-top{display:flex;justify-content:space-between;gap:15px;margin-bottom:16px;font-size:11px}.story-stage-top>span:last-child{color:var(--muted)}
.story-browser{border:1px solid #17344038;background:#f7f5ef;box-shadow:0 24px 65px -38px #17344055;overflow:hidden;border-radius:6px}.browser-chrome{height:28px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#edf0eb;border-bottom:1px solid #17344020;color:#64746f}.browser-chrome>i{width:5px;height:5px;border:1px solid #83908b;border-radius:50%}.browser-chrome>span{font:9px Manrope,sans-serif;text-align:center;flex:1;padding-right:28px;letter-spacing:.03em}.story-examples{position:relative;aspect-ratio:1.6;overflow:hidden}.story-examples>.chapter-preview{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;pointer-events:none}.story-examples>.chapter-preview[data-active=true]{opacity:1;visibility:visible;pointer-events:auto}
.story-progress{height:2px;background:#17344025;margin:17px 0 10px}.story-progress span{display:block;height:100%;background:var(--ink);transform:scaleX(var(--story-progress,.333));transform-origin:left;transition:transform .5s ease}.story-caption{font-size:10px;color:var(--muted);line-height:1.6}
.package-chapter{grid-column:1;position:relative;z-index:3;min-height:90svh;padding:65px 0 140px;border-top:1px solid var(--line);scroll-margin-top:60px}.package-chapter:last-child{min-height:85svh;padding-bottom:120px}.package-chapter>.eyebrow{margin-bottom:28px}.package-chapter h3{font-size:clamp(34px,3.9vw,66px);font-weight:500;line-height:1.06;letter-spacing:-.06em;margin-bottom:25px}.package-chapter>p:not(.eyebrow){font-size:15px;line-height:1.75;max-width:31ch}.package-chapter ul{list-style:none;padding:0;margin:26px 0 22px;font-size:12px;line-height:1.8;max-width:32ch}.package-chapter li{padding:9px 0;border-bottom:1px solid #17344025}.package-chapter .text-link{font-size:12px}.story-ready .package-chapter>.chapter-preview{display:none}.package-bottom-note{position:relative;z-index:3;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:35px;font-size:12px;line-height:1.7}.package-bottom-note>p:last-child{color:var(--muted)}
.chapter-preview{margin:0;overflow:hidden;container-type:inline-size;position:relative;isolation:isolate;background:#f8f6ef;color:#263f36;min-width:0;aspect-ratio:1.6;font-family:Manrope,Arial,sans-serif;font-size:1.5cqw}.chapter-preview button{font:inherit;color:inherit;cursor:pointer;background:transparent;border:0;transition:background .25s,color .25s,transform .3s;touch-action:manipulation}.chapter-preview button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.example-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:3% 5%;gap:10px;font-size:1.25cqw}.example-nav strong{font:600 3cqw Georgia,serif;letter-spacing:-.08em}.example-nav strong>span{font:1.8cqw Manrope,sans-serif;margin-left:.3em;display:inline-block}.example-nav>div{display:flex;align-items:center;gap:2.3cqw}.example-nav button{padding:1cqw 0;position:relative}.example-nav button::after{content:'';position:absolute;bottom:.5cqw;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.example-nav button:hover::after{transform:scaleX(1)}.example-nav .example-nav-plan{border:1px solid #263f3650;border-radius:2px;padding:.85cqw 1.2cqw}.example-nav-plan:hover{background:#263f36;color:#f8f6ef}.example-eyebrow{font-size:1.05cqw;letter-spacing:.1em;text-transform:uppercase}.example-title{font:500 6.5cqw/1.04 Manrope,sans-serif;letter-spacing:-.055em}.example-title em{font-weight:400}.example-description{font-size:1.55cqw;line-height:1.6}.chapter-preview .example-action{display:inline-flex;align-items:center;justify-content:space-between;gap:3cqw;background:#263f36;color:#f8f6ef;padding:1.4cqw 1.9cqw;border:1px solid #263f36;font-size:1.2cqw;min-height:0}.example-action>span{display:inline-block;transition:transform .3s}.example-action:hover>span{transform:translate(3px,-3px)}.chapter-preview .example-action:hover{background:#f8f6ef;color:#263f36}.example-footer{position:absolute;left:5%;right:5%;bottom:4%;display:flex;justify-content:space-between;font-size:.95cqw;border-top:1px solid #263f3630;padding-top:2%}.retreat-image{display:block;width:100%;height:100%;object-fit:cover}
.simple-layout{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:5% 5% 0}.simple-layout .example-content{align-self:center}.example-simple .example-eyebrow{font-size:.95cqw;letter-spacing:.02em}.example-simple .example-title{margin:7% 0 5%;font-size:5.5cqw}.example-simple .example-description{font-size:1.25cqw;max-width:20ch}.example-simple .example-action{margin-top:9%}.simple-photo{height:34cqw;position:relative;background:#ded6c7}.simple-photo img{object-position:65% center}.simple-photo>span{position:absolute;bottom:0;left:0;right:0;background:#f8f6efe8;padding:1.1cqw;font-size:.95cqw}.example-simple .example-nav{border-bottom:1px solid #263f3625}
.example-advanced{background:#dad0c6;color:#2e3833}.example-advanced>.retreat-image{position:absolute;inset:0;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);transform:scale(1.025) translate(calc(var(--px,0)*-5px),calc(var(--py,0)*-4px))}.example-advanced:hover>.retreat-image{transform:scale(1.065) translate(calc(var(--px,0)*-9px),calc(var(--py,0)*-6px))}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#fff8ec35,transparent 65%,#23404440);pointer-events:none}.advanced-content{position:relative;text-align:center;padding-top:8%;z-index:2}.example-advanced .example-title{font:400 8.3cqw/.82 Georgia,serif;letter-spacing:-.065em;margin:3.5% 0 3%}.example-advanced .example-title em{font-size:1.08em;line-height:1.12;display:inline-block}.example-advanced .example-action{background:#fffaf0;color:#293e36;border:0;border-radius:50px;padding:1.25cqw 2cqw;box-shadow:0 8px 30px #35332f20}.example-advanced .example-action:hover{background:#293e36;color:#fffaf0;transform:translateY(-3px);box-shadow:0 12px 35px #35332f30}.destination-strip{position:absolute;z-index:3;bottom:4%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:1.15cqw;text-shadow:0 1px 5px #16352d}.destination-strip>span{display:flex;gap:1cqw;align-items:center}.destination-strip i{width:.65cqw;height:.65cqw;border-radius:50%;background:#fff}.destination-strip>button{border-bottom:1px solid #fff9;padding:.7cqw 0;font-size:1.1cqw}
.example-complex{background:radial-gradient(ellipse at 65% 8%,#fff7d8 0,transparent 52%),linear-gradient(170deg,#caeadb 0%,#b6dcd2 45%,#79b6b0 100%);color:#244b42;transition:background 1.8s}.example-complex[data-sunset=true]{background:radial-gradient(ellipse at 65% 8%,#f8d5a5 0,transparent 52%),linear-gradient(165deg,#d9bdc6,#baabc5 50%,#829aaf)}.island-heading{position:absolute;top:15%;left:0;right:0;text-align:center;pointer-events:none;z-index:0}.island-heading .example-title{font:400 8.1cqw/.83 Georgia,serif;letter-spacing:-.045em;margin-top:2%;color:#fffdf0;text-shadow:0 1px 0 #fff5}.island-heading .example-title em{font-size:1.03em}.island-heading .example-eyebrow{font-size:.95cqw;letter-spacing:.19em}.island-scene{position:absolute;inset:5% 0 0;z-index:1}.island-scene canvas{display:block;width:100%;height:100%;touch-action:pan-y;opacity:0;transition:opacity 1s}.island-scene[data-ready=true] canvas{opacity:1}.island-poster{position:absolute;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .8s}.island-scene[data-ready=true] .island-poster{opacity:0}.island-bottom{position:absolute;z-index:4;left:5%;right:5%;bottom:4%;display:flex;align-items:center;justify-content:space-between;gap:2cqw}.island-invitation{font-size:1.05cqw;max-width:16ch;line-height:1.5}.example-complex .example-action{border-radius:50px;background:#244b42;color:#fff8e8;border:0;padding:1.25cqw 1.8cqw;box-shadow:0 4px 24px #244b4225}.example-complex .example-action:hover{transform:translateY(-3px);background:#fff8e8;color:#244b42}.island-light{position:absolute;z-index:4;right:5%;top:15%;font-size:1cqw!important;display:flex;gap:.5cqw;align-items:center;padding:.5cqw!important;border-bottom:1px solid #244b4240!important}.island-light>span:first-child{font-size:1.8cqw}.island-hotspots{position:absolute;inset:5% 0 0;z-index:3;pointer-events:none}.island-hotspots>button{position:absolute;left:-100px;top:-100px;pointer-events:auto;display:flex;align-items:center;gap:.5cqw;transform:translate(-50%,-50%);font-size:1cqw;min-width:2.4cqw;min-height:2.4cqw}.island-hotspots>button>span{display:grid;place-items:center;background:#fff8e8e6;border:1px solid #fff9;border-radius:50%;width:2.35cqw;height:2.35cqw;box-shadow:0 3px 12px #173b3b25;transition:transform .4s,background .3s}.island-hotspots b{position:absolute;left:2.9cqw;white-space:nowrap;opacity:0;transform:translateX(-4px);font-weight:500;background:#fff9eae8;padding:.5cqw .8cqw;border-radius:2px;transition:opacity .25s,transform .25s}.island-hotspots>button:hover>span,.island-hotspots>button:focus-visible>span{transform:scale(1.15);background:#fffaf0}.island-hotspots>button:hover b,.island-hotspots>button:focus-visible b{opacity:1;transform:none}.island-hotspots>button[data-selected=true]>span{background:#254d43;color:white}
.demo-panel{position:absolute;z-index:9;inset:auto 4% 5%;background:#fffaf0f5;color:#263f36;padding:3cqw;box-shadow:0 20px 70px #17382f30;backdrop-filter:blur(12px);border:1px solid #fff9;animation:demo-in .35s ease;font-size:1.3cqw}.demo-panel .demo-panel-title{font:400 3.5cqw/1.12 Georgia,serif;margin:0 0 1cqw}.demo-panel p{font-size:1.3cqw;line-height:1.6;max-width:43ch}.demo-panel .demo-close{position:absolute;right:1.4cqw;top:1.1cqw;padding:.6cqw;font-size:2cqw}.demo-panel small{display:block;font-size:.95cqw;color:#62776e;margin-top:1.5cqw}.demo-choices{display:flex;gap:1cqw;margin-top:1.5cqw}.demo-choices button{border:1px solid #263f3640;padding:.8cqw 1.3cqw;border-radius:2px}.demo-choices button:hover,.demo-choices button[aria-pressed=true]{background:#263f36;color:#fffaf0}.demo-panel a{display:inline-block;text-decoration:underline;text-underline-offset:4px;margin-top:1.5cqw;font-size:1.2cqw}.demo-tooltip{position:absolute;z-index:8;left:5%;bottom:4%;font:600 2.4cqw/1.1 Caveat,cursive;transform:rotate(-3deg);color:#9b3d31;pointer-events:none;opacity:0;transition:opacity .25s}.example-simple:has(.example-action:hover) .demo-tooltip{opacity:1}.example-simple:has(.example-action:hover) .example-footer{opacity:0}@keyframes demo-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1900px){.package-story{grid-template-columns:minmax(300px,.6fr) minmax(0,1.7fr);gap:0 8%}.package-chapter{padding-top:85px}.package-chapter>p:not(.eyebrow){font-size:18px}.package-chapter ul,.package-chapter .text-link{font-size:14px}.story-stage-top{font-size:13px}.story-caption{font-size:12px}}
@media(max-width:1000px){.package-story{grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:0 5%}.package-chapter h3{font-size:35px}.package-chapter>p:not(.eyebrow){font-size:13px}.story-stage-top>span:last-child{display:none}}
@media(max-width:760px){.package-story{display:block;margin-top:12px}.story-ready .story-stage{display:none}.story-ready .package-chapter>.chapter-preview{display:block}.package-chapter{min-height:0!important;padding:40px 0 45px}.package-chapter:last-child{padding-bottom:45px}.package-chapter h3{font-size:42px}.package-chapter>p:not(.eyebrow){font-size:15px;max-width:36ch}.package-chapter ul{display:flex;flex-wrap:wrap;gap:4px 18px;max-width:none;margin:20px 0 14px}.package-chapter li{font-size:11px;padding:7px 0}.package-chapter>.chapter-preview{margin:28px 0 0;border:1px solid #17344035;border-radius:3px}.package-jump{gap:25px;font-size:11px;padding-bottom:18px}.package-bottom-note{display:block;font-size:12px}.package-bottom-note p+p{margin-top:12px}.packages-heading>p{font-size:14px}.example-nav{font-size:1.7cqw;padding:3% 4%}.example-nav strong{font-size:3.6cqw}.example-nav>div{gap:2cqw}.example-nav button{min-height:24px}.example-nav .example-nav-plan{padding:.7cqw 1cqw}.chapter-preview .example-action{font-size:1.7cqw;min-height:27px;padding:1.2cqw 1.8cqw}.example-description{font-size:1.8cqw}.example-simple .example-description{font-size:1.7cqw}.simple-layout{padding-top:3%}.example-simple .example-title{font-size:5.8cqw}.example-eyebrow,.example-simple .example-eyebrow,.island-heading .example-eyebrow{font-size:1.4cqw;letter-spacing:.01em}.example-footer{font-size:1.3cqw}.example-footer>span:last-child{display:none}.simple-photo>span{font-size:1.4cqw}.advanced-content{padding-top:5%}.example-advanced .example-title{font-size:8.8cqw;margin-bottom:4%}.destination-strip,.destination-strip>button{font-size:1.6cqw}.island-heading{top:17%}.island-invitation{font-size:1.4cqw}.island-hotspots>button{font-size:1.6cqw;min-width:25px;min-height:25px}.island-hotspots>button>span{width:23px;height:23px}.island-hotspots b{left:27px}.island-light{font-size:1.5cqw!important;top:19%}.island-light>span:first-child{font-size:3cqw}.demo-panel{padding:4cqw;font-size:2.3cqw}.demo-panel .demo-panel-title{font-size:4cqw}.demo-panel p{font-size:2.3cqw}.demo-panel small,.demo-panel a{font-size:1.9cqw}.demo-panel .demo-close{font-size:4cqw;min-height:28px;min-width:28px}.demo-choices button{min-height:28px}.demo-tooltip{font-size:3cqw}}
@media(prefers-reduced-motion:reduce){.chapter-preview *{animation:none!important;transition:none!important}.example-advanced>.retreat-image{transform:none!important}}
.motion-off .chapter-preview *{animation:none!important;transition:none!important}.motion-off .example-advanced>.retreat-image{transform:none!important}
.island-heading{top:15%}.island-heading .example-eyebrow{display:none}.island-heading .example-title{margin-top:0}.island-heading .example-title>span{display:block;font:500 1.05cqw Manrope,sans-serif;text-transform:uppercase;letter-spacing:.25em;color:#244b42;margin-bottom:1.2cqw}.island-heading .example-title>em{display:block;font-size:7.8cqw}.example-advanced .example-nav>div{background:#fff7edc9;border-radius:2px;padding:0 .8cqw;backdrop-filter:blur(8px)}
.island-hotspots>button[data-island-focus=stay]{left:37%;top:57%}.island-hotspots>button[data-island-focus=water]{left:46%;top:82%}.island-hotspots>button[data-island-focus=view]{left:66%;top:65%}.example-complex[data-sunset=true] .island-poster{filter:sepia(.16) hue-rotate(320deg) brightness(.87)}
.browser-chrome{color:#53665e}.chapter-preview button:active{transform:translateY(1px)}.island-hotspots>button:active{transform:translate(-50%,-50%) scale(.97)}
/* The approved Blender world keeps the original Elsewhere controls. */
.example-complex[data-sunset=true]{background:radial-gradient(ellipse at 65% 8%,#fff7d8 0,transparent 52%),linear-gradient(170deg,#caeadb 0%,#b6dcd2 45%,#79b6b0 100%)}
.example-complex::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 68% 8%,#ffe5b7 0,transparent 54%),linear-gradient(165deg,#dbbcb1,#c0acc3 53%,#7b95a6);opacity:var(--island-dusk,0);pointer-events:none;transition:opacity 1.8s ease}
.example-complex[data-sunset=true]{--island-dusk:1}.example-complex[data-world-ready=true]::before{transition:none}
.island-scene{pointer-events:none}.example-complex .island-light{border:1px solid #fff9!important;border-radius:50px;padding:.6cqw 1cqw!important;background:#fff7e6bb;backdrop-filter:blur(8px);top:15%;font-size:1.05cqw!important;min-height:2.7cqw;box-shadow:0 3px 14px #2c4f4210}
.island-light:hover{background:#fff7e6;transform:translateY(-2px)}.island-light:active{transform:none}
.example-complex .island-expand{position:absolute;z-index:4;left:5%;top:16%;font-size:1.05cqw;padding:.6cqw 0;border-bottom:1px solid #244b4240;opacity:.8}.island-expand:hover{opacity:1;transform:translateY(-2px)}
.example-complex .island-audio{position:absolute;left:5%;top:22%;z-index:4;font-size:1.05cqw;padding:.6cqw 0;border-bottom:1px solid #244b4240;opacity:.8}.island-audio:hover{opacity:1;transform:translateY(-2px)}.island-audio[aria-pressed=true]::before{content:'';display:inline-block;width:.45cqw;height:.45cqw;background:currentColor;border-radius:50%;margin-right:.6cqw;animation:ambience-pulse 2s ease-in-out infinite}@keyframes ambience-pulse{50%{opacity:.25}}
.island-poster-sunset{opacity:0}.example-complex[data-sunset=true] .island-poster{filter:none;opacity:0}.example-complex[data-sunset=true] .island-poster-sunset{opacity:1}.island-scene[data-ready=true] .island-poster{opacity:0}
.island-hotspots>button[data-island-focus=stay]{left:38.7%;top:42.75%}.island-hotspots>button[data-island-focus=water]{left:48.67%;top:72.56%}.island-hotspots>button[data-island-focus=view]{left:60.56%;top:53.94%}
.example-complex .demo-panel{inset:auto 4% 13% auto;width:38%;padding:2.4cqw;border-radius:5px;box-shadow:0 16px 42px #244b4225;background:#fffaf0f2}
.example-complex .demo-panel .demo-panel-title{font-size:3cqw;max-width:13ch;padding-right:1cqw}.example-complex .demo-panel p{font-size:1.25cqw;max-width:26ch}.example-complex .demo-panel small{font-size:.9cqw;line-height:1.5}.example-complex .demo-choices{flex-wrap:wrap;gap:.5cqw}.example-complex .demo-choices button{font-size:1.05cqw}
.example-complex:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0;container-type:size;font-size:1.5cqmin}.example-complex:fullscreen .island-scene,.example-complex:fullscreen .island-hotspots{inset:9% 4% 3%}.example-complex:fullscreen .example-nav{padding:2% 4%;font-size:1.1cqmin}.example-complex:fullscreen .example-nav strong{font-size:3.5cqmin}.example-complex:fullscreen .island-heading{top:12%}.example-complex:fullscreen .island-heading .example-title>em{font-size:11cqmin}.example-complex:fullscreen .island-heading .example-title>span{font-size:1.4cqmin}.example-complex:fullscreen .island-bottom{bottom:3%}.example-complex:fullscreen .island-light,.example-complex:fullscreen .island-expand{top:12%}
@media(max-width:760px){.example-complex .island-expand,.example-complex .island-audio{display:none}.example-complex .island-light{top:15%;font-size:1.55cqw!important;min-height:25px;padding:.6cqw 1.5cqw!important}.example-complex .demo-panel{width:60%;inset:auto 3% 13% auto;padding:4cqw}.example-complex .demo-panel .demo-panel-title{font-size:4.8cqw}.example-complex .demo-panel p{font-size:2.5cqw}.example-complex .demo-panel small{font-size:1.9cqw}.example-complex .demo-choices button{font-size:2.3cqw}}
@media(prefers-reduced-transparency:reduce){.demo-panel{background:#fffaf0;backdrop-filter:none}.example-advanced .example-nav>div{background:#fff7ed;backdrop-filter:none}}
@media(max-width:760px){.example-complex .island-light{top:25%}}
@media(max-width:760px){.example-complex .demo-panel{width:72%}.example-complex .demo-panel .demo-panel-title{font-size:18px;max-width:15ch}.example-complex .demo-panel p{font-size:11px}.example-complex .demo-panel small{font-size:9px}.example-complex .demo-choices button{font-size:10px}}
.motion-off .island-audio{display:none}@media(prefers-reduced-motion:reduce){.island-audio{display:none}}
/* Fictional travel offers are readable on hover/focus, with tap details on phones. */
.island-hotspots>button[data-island-focus=balloon]{left:30%;top:17%}
.island-hotspots>button:hover,.island-hotspots>button:focus-visible{z-index:2}
.island-hotspots:has(>button:hover),.island-hotspots:has(>button:focus-visible){z-index:7}
.island-hotspots .island-offer{display:block;top:50%;left:calc(100% + .7cqw);width:clamp(190px,25cqw,280px);white-space:normal;text-align:left;background:#fffaf1f5;border:1px solid #fff9;border-radius:6px;padding:clamp(14px,1.8cqw,22px);box-shadow:0 14px 35px #25483f26;backdrop-filter:blur(14px);transform:translate(-6px,-50%);font-family:Manrope,Arial,sans-serif;line-height:1.45;color:#244b42}
.island-hotspots .island-offer::before{content:'';position:absolute;right:100%;top:0;width:1cqw;height:100%}
.island-hotspots .island-offer{visibility:hidden;pointer-events:none}
.island-hotspots>button:hover .island-offer,.island-hotspots>button:focus-visible .island-offer{visibility:visible;pointer-events:auto}
.island-hotspots>button:hover .island-offer,.island-hotspots>button:focus-visible .island-offer{transform:translate(0,-50%)}
.island-offer .offer-type{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(8px,.8cqw,10px);color:#59746b;margin-bottom:7px}
.island-offer strong{display:block;font:400 clamp(20px,2.25cqw,29px)/1.03 Georgia,serif;letter-spacing:-.025em;margin-bottom:10px}
.island-offer .offer-description{display:block;font-size:clamp(11px,1.05cqw,13px);line-height:1.55;margin-bottom:14px}
.island-offer .offer-price{display:block;font-size:clamp(10px,.95cqw,12px);border-top:1px solid #244b4220;padding-top:10px}
.island-offer .offer-price em{font:600 clamp(16px,1.65cqw,22px)/1.2 Manrope,sans-serif;letter-spacing:-.04em}
.island-offer small{display:block;font-size:9px;color:#587166;margin-top:6px}
.island-hotspots>button[data-offer-dismissed=true] .island-offer,.example-complex:has(.demo-panel) .island-offer{opacity:0;pointer-events:none;visibility:hidden}
.example-complex .demo-panel .demo-price{font-size:clamp(11px,1.1cqw,15px);margin-top:1.4cqw;padding-top:1.2cqw;border-top:1px solid #244b4220}.demo-price>span{font:600 clamp(19px,2.3cqw,30px)/1.2 Manrope,sans-serif;letter-spacing:-.04em}
@media(max-width:760px),(hover:none){.island-hotspots .island-offer{display:none}}
@media(max-width:760px){.example-complex .island-invitation{font-size:0}.example-complex .island-invitation::after{content:'Tap the numbers. Find your escape.';font-size:1.4cqw}}
@media(max-width:760px){.island-hotspots>button[data-island-focus=balloon]{left:28%;top:26%}}
@media(max-width:760px){.example-complex .demo-panel:has(.demo-price){width:94%;bottom:3%}.example-complex .demo-panel:has(.demo-price) .demo-panel-title{max-width:none;padding-right:22px;font-size:17px}}
.island-hotspots>button[data-island-focus=view] .island-offer{left:auto;right:calc(100% + .7cqw)}.island-hotspots>button[data-island-focus=view] .island-offer::before{right:auto;left:100%}
@container(max-width:850px){.island-hotspots>button[data-island-focus=balloon] .island-offer{top:calc(100% + .5cqw);transform:translate(-6px,0)}.island-hotspots>button[data-island-focus=balloon]:hover .island-offer,.island-hotspots>button[data-island-focus=balloon]:focus-visible .island-offer{transform:none}}
.island-hotspots>button[data-island-focus=fire]{left:37%;top:53%}.island-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.example-complex[data-sunset=true] .island-hotspots>button>span{background:#ffe7bde8;border-color:#fff1d7;box-shadow:0 0 15px #ffbe5d30}.example-complex[data-sunset=true] .island-hotspots>button[data-selected=true]>span{background:#554756;color:#fffaf0}
@media(max-width:760px){.example-complex[data-sunset=true] .island-invitation::after{content:'After dark. Discover new experiences.'}}

/* A finite cinematic arrival inside the Complex example, not a page blocker. */
.island-arrival{display:none;position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.arrival-cover{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e6eee0;color:#244b42;will-change:clip-path}
.arrival-wordmark{font:600 clamp(28px,6cqw,82px)/1 Georgia,serif;letter-spacing:-.06em}.arrival-wordmark>span{font:400 .45em Manrope,sans-serif;margin-left:.16em;vertical-align:top}
.arrival-cover-line{width:7%;height:1px;background:currentColor;opacity:.4;margin:3% 0}
.arrival-cover-caption{font:400 clamp(10px,1.35cqw,16px)/1.5 Manrope,sans-serif;letter-spacing:.08em}
.example-complex[data-sunset=true] .arrival-cover{background:#34374b;color:#fff1d9}
.example-complex[data-island-entrance=playing] .island-arrival,.example-complex[data-island-entrance=waiting] .island-arrival{display:block}
.island-arrival i{position:absolute;display:block;pointer-events:none;will-change:transform,opacity}
.arrival-cloud{width:85%;height:115%;top:-6%;background:radial-gradient(ellipse at 42% 47%,#f2f8ed 0 19%,#edf6ebee 32%,#ecf6e99c 49%,#eaf5e500 67%)}
.arrival-cloud-left{left:-35%}.arrival-cloud-right{right:-35%;background:radial-gradient(ellipse at 59% 45%,#f7f9e9 0 18%,#f1f7e9eb 33%,#e9f5e692 49%,#e9f5e600 69%)}
.arrival-haze{left:-10%;width:120%;height:65%;bottom:-10%;background:radial-gradient(ellipse at 50% 80%,#eaf5eaf7 0 20%,#e7f3e791 49%,#e8f5e600 73%)}
.arrival-sun{left:32%;top:-30%;width:80%;height:115%;background:radial-gradient(ellipse,#fff7d69c,#fff4ce00 66%);transform-origin:50% 20%}
.example-complex[data-island-entrance=waiting] .island-scene,.example-complex[data-island-entrance=waiting] .island-heading,.example-complex[data-island-entrance=waiting] .example-nav,.example-complex[data-island-entrance=waiting] .island-hotspots,.example-complex[data-island-entrance=waiting] .island-bottom,.example-complex[data-island-entrance=waiting]>.island-light,.example-complex[data-island-entrance=waiting]>.island-expand,.example-complex[data-island-entrance=waiting]>.island-audio,.example-complex[data-island-entrance=waiting]>.island-replay{opacity:0}
.example-complex[data-island-entrance=playing][data-arrival-mode=world] .island-poster{opacity:0!important;transition:none}
.example-complex[data-island-entrance=playing] .island-scene canvas{transition:none}
.example-complex .island-replay{position:absolute;left:5%;top:28%;z-index:4;font-size:1.05cqw;padding:.6cqw 0;border-bottom:1px solid #244b4240;opacity:.8}
.island-replay:hover{opacity:1;transform:translateY(-2px)}
.example-complex[data-sunset=true] .island-arrival{filter:sepia(.12) hue-rotate(318deg)}
.motion-off .island-replay{display:none}.motion-off .island-arrival{display:none!important}
@media(max-width:760px){.example-complex .island-replay{left:auto;right:5%;top:39%;font-size:clamp(8px,1.8cqw,10px);min-height:25px}.example-complex .island-invitation{width:24cqw;max-width:none}.arrival-sun{display:none}}
@media(prefers-reduced-motion:reduce){.island-arrival,.island-replay{display:none!important}}

/* Familiar, decorative browser chrome; the example below remains interactive. */
.browser-chrome{height:60px;display:block;padding:0;background:#e4e9e5;font:10px/1.2 Manrope,sans-serif;letter-spacing:0;color:#50625b}
.browser-tab-row{height:30px;display:flex;align-items:flex-end;gap:10px;padding:0 10px}
.browser-dots{display:flex;gap:4px;align-self:center;margin-right:4px}.browser-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#afbab3}.browser-dots i:first-child{background:#c48b80}.browser-dots i:nth-child(2){background:#c6b484}.browser-dots i:last-child{background:#92ac99}
.browser-tab{display:flex;align-items:center;gap:7px;background:#f4f5f1;min-width:150px;width:38%;max-width:240px;height:26px;padding:0 10px;border-radius:7px 7px 0 0;white-space:nowrap}.browser-favicon{font:bold 13px Georgia,serif;color:#244b42}.browser-tab-close{margin-left:auto;color:#83908b}.browser-new-tab{padding-bottom:6px;font-size:15px}
.browser-toolbar{height:30px;display:flex;align-items:center;gap:10px;padding:0 11px;background:#f4f5f1}.browser-arrows{font-size:15px;white-space:nowrap}.browser-address{display:flex;align-items:center;gap:8px;flex:1;height:21px;border-radius:12px;background:#e6eae4;padding:0 10px;font-size:9px;letter-spacing:.02em}.browser-address>span{font-size:12px}.browser-menu{font-size:15px}