.oph-showcase{--oph-navy:#102b46;--oph-gold:#f4a000;--oph-cream:#d8cabc;position:relative;isolation:isolate;overflow:hidden;padding:clamp(30px,4vw,58px) clamp(18px,4vw,64px);color:#fff;background:radial-gradient(ellipse at 25% 15%,#254765 0%,transparent 44%),linear-gradient(125deg,#0b1d2e,#183c5c 60%,#071522);font-family:inherit}
.oph-showcase *{box-sizing:border-box}.oph-showcase__backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,18,29,.68),rgba(5,18,29,.4)),url('') center/cover no-repeat;filter:blur(1px);opacity:.5;pointer-events:none}.oph-showcase__heading{text-align:center;position:relative;z-index:1;margin:0 auto 24px;max-width:1100px}.oph-showcase__heading>span{display:block;color:var(--oph-gold);font-size:12px;font-weight:800;letter-spacing:.28em;margin-bottom:14px}.oph-showcase__heading h2{margin:0;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,3.2vw,42px);font-weight:700;line-height:1.15;font-variant:small-caps;text-wrap:balance}.oph-showcase__layout{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(24px,4vw,68px);align-items:center}.oph-map-panel{min-width:0}.oph-map-art{position:relative;width:100%;max-width:760px;margin:auto;aspect-ratio:1.05/1}.oph-map-shape{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 10px 15px #0002)}.oph-map-markers{position:absolute;inset:0}.oph-map-marker{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;max-width:44%;padding:4px 6px;border:0;background:transparent;color:#38424b;font:500 clamp(9px,.78vw,12px)/1.2 Arial,sans-serif;cursor:pointer;text-align:left;border-radius:4px;transition:background .18s,transform .18s;z-index:1}.oph-map-marker:hover,.oph-map-marker:focus-visible,.oph-map-marker.is-active{z-index:3;background:rgba(255,255,255,.6);outline:0}.oph-map-marker.is-active{color:#142d45;font-weight:800;box-shadow:0 2px 8px #34271d18}.oph-map-marker__dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#92999b;box-shadow:0 0 0 2px #e8dccc}.oph-map-marker.is-active .oph-map-marker__dot{background:var(--oph-gold);box-shadow:0 0 0 3px #fff4df}.oph-map-marker__label{display:block;overflow-wrap:anywhere}.oph-map-note{margin:4px 0 0;text-align:center;color:#d0dbe5;font-size:11px;letter-spacing:.02em}.oph-feature{min-width:0}.oph-feature__image-wrap{position:relative;margin:0 0 28px;transform:rotate(-1deg)}.oph-feature__image{display:block;width:100%;aspect-ratio:1.48/1;object-fit:cover;border-radius:3px;box-shadow:0 18px 45px #0005;background:#24435b}.oph-feature__image--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px;background:linear-gradient(135deg,#284d6d,#0c2238 60%,#536b76);border:1px solid #ffffff22;color:#fff;text-align:center}.oph-feature__image--placeholder span{font-size:12px;font-weight:800;letter-spacing:.16em}.oph-feature__image--placeholder small{font-size:11px;color:#dce7ef}.oph-feature__counter{position:absolute;right:12px;bottom:12px;background:#071522c9;color:#fff;padding:7px 10px;border-radius:2px;font-size:11px;letter-spacing:.12em}.oph-feature__counter b{color:var(--oph-gold)}.oph-feature__content{padding:0 2px}.oph-feature__area{margin:0 0 7px;color:#f4b54a;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.oph-feature__title{margin:0 0 10px;color:#fff;font-size:clamp(22px,2vw,29px);line-height:1.2;font-weight:650}.oph-feature__description{max-width:570px;margin:0;color:#d5e0e9;font-size:14px;line-height:1.7}.oph-feature__links{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:20px}.oph-feature__links a{color:#fff;text-decoration:none;font-size:13px;font-weight:750;transition:color .2s}.oph-feature__links a span{display:inline-block;margin-left:5px}.oph-feature__links a:hover,.oph-feature__links a:focus-visible{color:var(--oph-gold)}.oph-feature__view{padding-bottom:4px;border-bottom:1px solid #f4a000}.oph-showcase a:focus-visible{outline:2px solid var(--oph-gold);outline-offset:4px}
@media(max-width:850px){.oph-showcase__layout{grid-template-columns:1fr;gap:24px}.oph-map-art{max-width:650px}.oph-map-marker{font-size:clamp(9px,1.5vw,12px);max-width:48%}.oph-feature{max-width:650px;width:100%;margin:0 auto}.oph-feature__image-wrap{margin-bottom:22px}.oph-showcase__heading{margin-bottom:20px}}
@media(max-width:480px){.oph-showcase{padding:30px 14px}.oph-showcase__heading>span{font-size:10px;letter-spacing:.22em}.oph-showcase__heading h2{font-size:27px}.oph-map-art{aspect-ratio:.92/1}.oph-map-marker{gap:4px;padding:3px;font-size:8px;max-width:49%}.oph-map-marker__dot{flex-basis:7px;width:7px;height:7px}.oph-map-note{font-size:10px}.oph-feature__title{font-size:23px}.oph-feature__description{font-size:13px}.oph-feature__links{gap:20px}}