/* Echte ON0VHF-beelden, rustig geïntegreerd in de monitor */
.ds-top{position:relative;isolation:isolate}
.ds-top:before{display:none}
.ds-orbit{z-index:1;isolation:isolate;justify-self:center}
.ds-orbit:before{content:"";position:absolute;z-index:-2;inset:-12px;border-radius:30px;background:linear-gradient(90deg,rgba(7,19,33,.58),rgba(7,19,33,.16) 52%,rgba(7,19,33,.28)),linear-gradient(180deg,rgba(4,17,29,.08),#071321 98%),url("../images/dstar-monitor/on0vhf-antennes-ijzertoren.jpeg") center 43%/cover no-repeat;opacity:.42;filter:saturate(.82) contrast(1.08);box-shadow:inset 0 0 55px 25px #071321}
.ds-orbit:after{content:"IJZERTOREN · DIKSMUIDE";position:absolute;right:22px;bottom:35px;padding:7px 10px;border:1px solid rgba(53,217,255,.28);border-radius:999px;background:rgba(4,18,31,.72);color:#a9c6d8;font:600 11px ui-monospace,monospace;letter-spacing:.1em;backdrop-filter:blur(8px)}
.ds-orbit .ds-ring,.ds-orbit .ds-core{translate:0 0}
.ds-visual-section{padding-top:22px;padding-bottom:54px}
.ds-visual-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px}.ds-visual-intro h2{font-size:29px;line-height:1.2;margin:8px 0 0}.ds-visual-intro p{max-width:560px;margin:0;color:#a7bac8;font-size:16px;line-height:1.65}
.ds-photo-grid{display:grid;grid-template-columns:1.22fr .78fr;grid-template-rows:220px 220px;gap:18px}
.ds-photo{position:relative;overflow:hidden;border:1px solid var(--ds-line);border-radius:20px;background:#0a1c2d;box-shadow:0 18px 55px rgba(0,0,0,.22)}.ds-photo:first-child{grid-row:1/3}.ds-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.06) brightness(.8);transition:transform .45s ease,filter .45s ease}.ds-photo:hover img{transform:scale(1.025);filter:saturate(.92) contrast(1.04) brightness(.9)}
.ds-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(3,14,25,.92) 100%);pointer-events:none}.ds-photo figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:19px}.ds-photo figcaption small{display:block;color:var(--ds-cyan);font:700 12px ui-monospace,monospace;letter-spacing:.12em;margin-bottom:5px}.ds-photo figcaption strong{display:block;color:#f3f9ff;font-size:18px;line-height:1.35}.ds-photo figcaption span{display:block;color:#b3c4d0;font-size:14px;line-height:1.45;margin-top:4px}
.ds-human-strip{margin-top:18px;min-height:205px;display:grid;grid-template-columns:minmax(260px,.72fr) 1.28fr;overflow:hidden}.ds-human-strip img{width:100%;height:100%;min-height:205px;object-fit:cover;object-position:center 38%;filter:saturate(.82) brightness(.82)}.ds-human-copy{padding:30px 34px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 0 50%,rgba(38,171,226,.13),transparent 55%)}.ds-human-copy h3{font-size:24px;margin:8px 0 9px}.ds-human-copy p{font-size:16px;line-height:1.65;color:#aabcc9;margin:0}
@media(max-width:900px){.ds-orbit{justify-self:end}.ds-orbit:before{opacity:.3}.ds-orbit .ds-ring,.ds-orbit .ds-core{translate:0 0}.ds-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:330px 220px}.ds-photo:first-child{grid-column:1/3;grid-row:auto}.ds-human-strip{grid-template-columns:1fr 1.15fr}}
@media(max-width:620px){.ds-orbit:before{opacity:.22;inset:4px}.ds-orbit:after{display:none}.ds-orbit .ds-ring,.ds-orbit .ds-core{translate:0 0}.ds-visual-intro{display:block}.ds-visual-intro p{font-size:15px;margin-top:12px}.ds-photo-grid{display:grid;grid-template-columns:1fr;grid-template-rows:330px 230px 230px}.ds-photo:first-child{grid-column:auto}.ds-photo figcaption{left:17px;right:17px;bottom:15px}.ds-photo figcaption strong{font-size:17px}.ds-photo figcaption span{font-size:13px}.ds-human-strip{grid-template-columns:1fr}.ds-human-strip img{height:240px}.ds-human-copy{padding:24px}.ds-human-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.ds-photo img{transition:none}}
