.home-island-map{background:var(--ink,#242e37);color:#fff;padding:clamp(64px,8vw,112px) 0;scroll-margin-top:80px;position:relative}
.home-map-placeholder{max-width:var(--maxw,1280px);margin:auto;padding:0 var(--gutter,24px)}
.home-map-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}
.home-map-heading .eyebrow{color:var(--ember,#e04300);display:block;margin-bottom:18px}
.home-map-heading .h-section{color:#fff;margin:0;max-width:13ch}
.home-map-actions{max-width:290px;flex-shrink:0}.home-map-actions p{color:rgba(255,255,255,.72);font-size:16px;line-height:1.6;margin:0 0 24px}
.home-map-actions button{font:inherit;cursor:pointer}.home-map-actions button:disabled{opacity:.7;cursor:progress}
.home-map-preview{margin:0;position:relative;overflow:hidden;background:#273640;border-radius:8px}
.home-map-preview picture,.home-map-preview img{display:block;width:100%}.home-map-preview img{height:clamp(320px,40vw,510px);object-fit:cover}
.home-map-preview figcaption{position:absolute;left:24px;bottom:22px;right:24px;display:flex;justify-content:space-between;gap:16px;color:#b8c9c8;font-size:11px;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}
.home-map-status{min-height:24px;margin:12px 0 0;color:rgba(255,255,255,.72);font-size:13px}.home-map-status:empty{display:none}
.home-map-fallback{font-size:13px;color:rgba(255,255,255,.72);margin:16px 0 0}.home-map-fallback a{text-decoration:underline;text-underline-offset:4px}.home-map-fallback a:hover{color:#fff}
.home-island-map iframe{display:block;width:100%;height:910px;border:0;background:#242e37}.home-map-placeholder[hidden],.home-island-map iframe[hidden]{display:none!important}
@media(max-width:760px){.home-map-heading{display:block;margin-bottom:28px}.home-map-heading .h-section{font-size:clamp(36px,9.5vw,52px)}.home-map-actions{max-width:none;margin-top:24px}.home-map-actions p{font-size:14px;max-width:34ch;margin-bottom:18px}.home-map-preview img{height:360px}.home-map-preview figcaption{left:16px;right:16px;bottom:16px;font-size:9px}.home-island-map iframe{height:1180px}}

/* The lazy preview follows the same open field as the interactive landscape. */
.home-island-map iframe{background:transparent}
.home-map-preview{background:transparent;border-radius:0;isolation:isolate}
.home-map-preview::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#9bbeb918 1px,transparent 1px),linear-gradient(90deg,#9bbeb918 1px,transparent 1px);background-size:36px 36px;background-position:center;transform:perspective(850px) rotateX(18deg) rotateZ(-8deg) scale(1.1);-webkit-mask-image:radial-gradient(ellipse at center,transparent 22%,#000 60%,transparent 76%);mask-image:radial-gradient(ellipse at center,transparent 22%,#000 60%,transparent 76%)}
.home-map-preview picture{-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 83%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 83%,transparent);mask-composite:intersect}
/* Match the embedded document's colour scheme so browsers retain iframe transparency. */
.home-island-map iframe{color-scheme:dark}