/* KJM 3D Navigation v1.9.11. Live destination portal travel. */
.kjm-3d-receiver{--kjm-3d-crumb-colour:#354e58;--kjm-3d-link-colour:#087f86;display:block;position:relative;z-index:2;max-width:100%;font-family:inherit;color:var(--kjm-3d-crumb-colour);font-size:clamp(12px,1vw,14px);line-height:1.45}
.kjm-3d-receiver[hidden]{display:none!important}
.kjm-3d-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;list-style:none;gap:6px;margin:0;padding:0}
.kjm-3d-crumb{list-style:none!important;margin:0!important;padding:0!important;display:inline-flex;gap:7px;align-items:center;min-width:0}
.kjm-3d-breadcrumb-link{color:var(--kjm-3d-link-colour)!important;text-decoration:none!important;transition:opacity .18s ease}
.kjm-3d-breadcrumb-link:hover{text-decoration:underline!important;text-underline-offset:3px}
.kjm-3d-breadcrumb-link:focus-visible,.kjm-3d-panel:focus-visible{outline:3px solid #14adaf;outline-offset:3px}
.kjm-3d-current{font-weight:600;color:var(--kjm-3d-crumb-colour)}
.kjm-3d-separator{opacity:.65;font-size:1.2em}
.kjm-3d-receiver--header{display:flex;align-items:flex-start;gap:8px;margin:24px 0 0;--kjm-3d-crumb-colour:#244c55;--kjm-3d-link-colour:#087b82}
.kjm-3d-location-pin{flex:0 0 18px;width:18px;height:18px;margin-top:1px;color:var(--kjm-3d-link-colour)}
.kjm-3d-receiver--header .kjm-3d-breadcrumbs{flex:1;min-width:0}
.kjm-3d-receiver--header .kjm-3d-crumb{max-width:100%}
.kjm-3d-receiver--header .kjm-3d-breadcrumb-link,.kjm-3d-receiver--header .kjm-3d-current{min-width:0;overflow-wrap:anywhere}
.kjm-3d-entrance{--kjm-3d-accent:#0c8f92;--kjm-3d-surface:#fff;--kjm-3d-text:#183d47;width:100%;perspective:1100px}
.kjm-3d-entrance__heading{color:var(--kjm-3d-text);margin:0 0 18px;font-size:clamp(19px,2vw,27px);line-height:1.25}
.kjm-3d-entrance__grid{position:relative;display:grid;grid-template-columns:repeat(var(--kjm-3d-columns,3),minmax(0,1fr));gap:16px}
.kjm-3d-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:170px;align-items:stretch;justify-content:flex-end;padding:22px;border:1px solid rgba(9,89,93,.23);border-radius:14px;background:var(--kjm-3d-surface);color:var(--kjm-3d-text)!important;text-decoration:none!important;box-shadow:0 7px 22px rgba(8,48,58,.07);transform:translateZ(0) rotateX(0);transform-origin:center center;transition:transform .32s cubic-bezier(.22,.7,.24,1),box-shadow .32s ease,border-color .32s ease}
.kjm-3d-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--kjm-3d-accent);z-index:3}
.kjm-3d-panel:hover{transform:translateZ(22px) rotateX(1.5deg);box-shadow:0 16px 32px rgba(8,48,58,.14);border-color:var(--kjm-3d-accent)}
.kjm-3d-panel__media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.kjm-3d-panel__media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,255,255,.97),rgba(255,255,255,.65) 80%,rgba(255,255,255,.2))}
.kjm-3d-panel__image{width:100%;height:100%;object-fit:cover}
.kjm-3d-panel__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.kjm-3d-panel__eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--kjm-3d-accent)}
.kjm-3d-panel__title{font-size:clamp(17px,1.35vw,22px);line-height:1.24;color:var(--kjm-3d-text)}
.kjm-3d-panel__description{font-size:14px;line-height:1.55;opacity:.78;color:var(--kjm-3d-text)}
.kjm-3d-panel__arrow{position:absolute;top:18px;right:18px;font-size:19px;color:var(--kjm-3d-accent);transition:transform .25s}
.kjm-3d-panel:hover .kjm-3d-panel__arrow{transform:translate(3px,-3px)}
.kjm-3d-editor-hint{border:1px dashed #087f86;padding:14px;border-radius:8px}

/* Live document planes, projected by one shared perspective camera. */
@view-transition{navigation:auto}
html:is(.kjm-live-forward,.kjm-live-back)::view-transition{pointer-events:none}
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-group(*){animation:none;transform-origin:0 0}
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-old(*),
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-new(*){animation:none;mix-blend-mode:normal;object-fit:fill;width:100%;height:100%}
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-group(root){z-index:0;clip-path:inset(var(--kjm-vt-top) 0 0);isolation:isolate}
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-image-pair(root){isolation:isolate;background:var(--kjm-vt-surface)}
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-old(root),
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-new(root){transform-origin:0 0}
html.kjm-live-forward::view-transition-old(root),html.kjm-live-back::view-transition-new(root){z-index:1}
html.kjm-live-forward::view-transition-new(root),html.kjm-live-back::view-transition-old(root){z-index:2;background:var(--kjm-vt-surface)}
.kjm-camera-glass{position:fixed;left:0;top:0;box-sizing:border-box;pointer-events:none;z-index:2147482001;background:linear-gradient(118deg,rgba(220,247,250,.08),rgba(255,255,255,.55) 35%,rgba(255,255,255,.06) 44%,rgba(220,247,250,.1) 70%);overflow:hidden}
/* Lightweight intermediate page surfaces, with a full control-sized opening. */
.kjm-live-layer,.kjm-live-layer-content{position:fixed;inset:0;z-index:2147482002;pointer-events:none;box-sizing:border-box;color:#244c55;font-family:inherit}
.kjm-live-layer{background:#f3f6f6}
.kjm-live-layer__label{position:absolute;top:17%;left:12%;right:12%;font-size:clamp(20px,3vw,40px);font-weight:600;letter-spacing:.01em}
.kjm-live-layer__lines{position:absolute;top:29%;left:12%;width:34%;height:3px;border-radius:3px;background:#cfdddd}
.kjm-live-layer__door{position:absolute;box-sizing:border-box;border:1px solid rgba(9,89,93,.23);box-shadow:0 7px 22px rgba(8,48,58,.07)}
.kjm-live-layer-content__card{position:absolute;box-sizing:border-box;border-radius:14px;border:1px solid rgba(9,89,93,.23);background:#fff;display:flex;align-items:flex-end;padding:clamp(16px,3vw,42px);font-size:clamp(18px,2.5vw,32px);font-weight:600}
/* Header groups stay in screen space throughout the journey. */
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-group(kjm-menu-0),
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-group(kjm-menu-1),
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-group(kjm-menu-2),
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-group(kjm-menu-3){z-index:100;animation:none}
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-old(kjm-menu-0),
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-old(kjm-menu-1),
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-old(kjm-menu-2),
html:is(.kjm-live-forward,.kjm-live-back)::view-transition-old(kjm-menu-3){display:none}
@media(max-width:767px){.kjm-3d-entrance__grid{grid-template-columns:repeat(var(--kjm-3d-columns,1),minmax(0,1fr))}.kjm-3d-panel{min-height:132px;padding:18px}.kjm-3d-receiver{font-size:12px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.kjm-3d-panel,.kjm-3d-panel__arrow{transition:none!important}.kjm-3d-panel:hover{transform:none;box-shadow:0 7px 22px rgba(8,48,58,.07)}.kjm-camera-glass,.kjm-live-layer,.kjm-live-layer-content{display:none}}
