/* v9 · White, Old World Exploration logo palette (ink, red, gold) — matches Hellios Feed v9 (ivory, navy ink, antique gold; Gloock + Figtree + DM Mono) */
:root{
  --bg:#FFFFFF; --bg-2:#F7F6F3; --surface:#FFFFFF; --surface-2:#FAF9F7; --surface-3:#F8E3DC;
  --line:#E6E3DE; --line-2:#D6D2CB; --text:#1A1816; --text-2:#3A3732; --muted:#5E5A52;
  --gold:#C23B1E; --gold-2:#C9A45C; --gold-dim:#F8E3DC; --gold-line:#EBC3B6; --red:#8E2B17;
  --on-accent:#FFFFFF; --btn-bg:#1A1816; --btn-fg:#FFFFFF; --btn-hover:#C23B1E;
  --serif:"Gloock",Georgia,serif; --sans:"Figtree",system-ui,sans-serif; --h-weight:400;
  --r:20px; --pill:999px; --max:1440px;
  --hdr-bg:rgba(255,255,255,.92); --hdr-solid:#FFFFFF; --hdr-text:#1A1816;
  --hero-mid:rgba(255,255,255,.82); --hero-end:rgba(255,255,255,.35); --hero-img:.65;
  --glass:rgba(255,255,255,.95); --map-day:#FFFFFF; --img-filter:none;
}
body{font-family:var(--sans)}
.kicker{font-family:"DM Mono",monospace;font-weight:500;font-size:11px;letter-spacing:.14em;color:#C23B1E}
.hdr{border-bottom:1px solid #E6E3DE;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav{gap:2px;background:#F2F1EE;border-radius:999px;padding:4px;margin:0 auto}
.nav a,.nav__learn{padding:8px 16px;border-radius:999px;font-weight:500}
.nav a:hover,.nav__learn:hover{background:#FFFFFF;color:#1A1816}
.nav a[aria-current="page"]{background:#1A1816;color:#FFFFFF}
.btn{font-weight:700;letter-spacing:0;text-transform:none}
.panel,.f-card,.plan,.inv,.s-card,.post,.cmp,.sc-box,.item,.act-stat,.band,.stat{border-color:#E6E3DE;border-radius:20px}
.hero h1,.f-hero h1,.m-hero h1,.i-hero h1{letter-spacing:-.01em}
.hero h1 em,.f-hero h1 em,.m-hero h1 em{color:#C23B1E;font-style:normal}
.owe-logo{width:58px;height:58px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px #C9A45C}
.owe-name{display:flex;flex-direction:column;line-height:1.15;gap:2px;font-family:"Figtree",sans-serif;margin-left:4px}
.owe-name b{font-weight:700;font-size:20px;letter-spacing:.14em;color:#1A1816}
.owe-name b+b{color:#C23B1E}
.hdr.is-open .nav{border-radius:0 0 20px 20px;background:var(--hdr-solid);padding:12px 16px;margin:0;gap:4px}
.hdr.is-open .nav a,.hdr.is-open .nav__learn{border-radius:12px}
@media (max-width:600px){.owe-logo{width:44px;height:44px}.owe-name b{font-size:15px}}

/* 3D photo map */
.map3d,.map3d.maplibregl-map{position:absolute!important;inset:0;display:none;background:#F2F1EE}
.map.is-3d .map3d{display:block}
.map.is-3d #mapLayer{visibility:hidden}
.map.is-3d .map__top,.map.is-3d .map__zoom,.map.is-3d .map__foot{position:absolute;z-index:3}
.map.is-3d .map__foot{background:rgba(255,255,255,.92);color:#1A1816}
.ph-pin{display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:transparent;cursor:pointer}
.ph-pin__card{display:flex;flex-direction:column;width:132px;background:#FFFFFF;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px rgba(22,21,19,.28);border:2px solid #FFFFFF;transition:transform .2s,box-shadow .2s;text-align:left}
.ph-pin__card img{display:block;width:100%;height:78px;object-fit:cover;background:var(--line)}
.ph-pin__card em{display:grid;place-items:center;height:78px;background:#1A1816;color:#C9A45C;font-style:normal;font-family:var(--serif);font-size:34px}
.ph-pin__card b{display:block;padding:6px 8px 0;font-size:11.5px;line-height:1.25;color:#1A1816;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-pin__card small{display:block;padding:0 8px 7px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-pin__stem{width:2px;height:14px;background:#C23B1E}
.ph-pin__dot{width:12px;height:12px;border-radius:50%;background:#C23B1E;box-shadow:0 0 0 3px rgba(194,59,30,.25)}
.ph-pin:hover .ph-pin__card,.ph-pin:focus-visible .ph-pin__card{transform:translateY(-4px) scale(1.04);box-shadow:0 16px 32px rgba(22,21,19,.35)}
.ph-pin:hover,.ph-pin.is-on{z-index:5}
.ph-pin.is-on .ph-pin__card{border-color:#C9A45C}
.ph-pin.is-on .ph-pin__dot{background:#C9A45C}
@media (max-width:640px){.ph-pin__card{width:96px}.ph-pin__card img,.ph-pin__card em{height:56px}}
/* far zoom: round photo bubbles; near zoom or hover: full cards */
.map3d:not(.is-near) .ph-pin__card{width:46px;height:46px;border-radius:50%;border:3px solid #FFFFFF}
.map3d:not(.is-near) .ph-pin__card img,.map3d:not(.is-near) .ph-pin__card em{height:100%;font-size:20px}
.map3d:not(.is-near) .ph-pin__card b,.map3d:not(.is-near) .ph-pin__card small{display:none}
.map3d:not(.is-near) .ph-pin__stem{height:8px}
.map3d:not(.is-near) .ph-pin:hover .ph-pin__card,.map3d:not(.is-near) .ph-pin.is-on .ph-pin__card{width:132px;height:auto;border-radius:12px;border-width:2px}
.map3d:not(.is-near) .ph-pin:hover .ph-pin__card img,.map3d:not(.is-near) .ph-pin.is-on .ph-pin__card img,.map3d:not(.is-near) .ph-pin:hover .ph-pin__card em,.map3d:not(.is-near) .ph-pin.is-on .ph-pin__card em{height:78px}
.map3d:not(.is-near) .ph-pin:hover .ph-pin__card b,.map3d:not(.is-near) .ph-pin:hover .ph-pin__card small,.map3d:not(.is-near) .ph-pin.is-on .ph-pin__card b,.map3d:not(.is-near) .ph-pin.is-on .ph-pin__card small{display:block}
.map3d .maplibregl-ctrl-attrib{font-size:10px}
/* Bigger map with filters alongside; Case File action on top */
.sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.explore--big{grid-template-columns:300px minmax(0,1fr)}
.explore--big .map{aspect-ratio:auto;height:clamp(560px,calc(100vh - 200px),860px)}
.explore--big .filters{max-height:clamp(560px,calc(100vh - 200px),860px);overflow-y:auto}
@media (max-width:900px){.explore--big{grid-template-columns:minmax(0,1fr)}.explore--big .filters{position:static;max-height:none}.explore--big .map{height:70vh}}
.dash-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px;padding:16px 20px;border-radius:16px;background:#1A1816;color:#FFFFFF;text-decoration:none}
.dash-cta b{display:block;font-size:16px}.dash-cta small{font-size:13px;color:rgba(244,242,238,.75)}
.dash-cta>span:last-child{font-size:13px;font-weight:700;color:#C23B1E;white-space:nowrap}
.dash-cta:hover{background:#A3301A;color:#FFFFFF}