.goidc-cape-page{--goidc-hero-position:74% center;--goidc-hero-mobile-position:64% center}
.goidc-cape-page .goidc-cape-hud{position:relative;overflow:hidden;padding:clamp(38px,6vw,72px) 0;background:#f4f8fc;color:var(--goidc-white)}
.goidc-cape-page .goidc-cape-hud:before{content:"";position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 12% 20%,rgba(6,57,166,.52),transparent 31%),radial-gradient(circle at 86% 74%,rgba(245,16,112,.18),transparent 25%),radial-gradient(circle at 72% 20%,rgba(35,184,251,.16),transparent 24%)}
.goidc-cape-page .goidc-cape-hud-shell{position:relative;isolation:isolate;padding:clamp(22px,4vw,48px);border:1px solid rgba(122,221,255,.38);background:linear-gradient(135deg,rgba(3,18,47,.94),rgba(2,11,32,.97));box-shadow:0 0 0 1px rgba(35,184,251,.06) inset,0 24px 70px rgba(0,0,0,.34),0 0 45px rgba(6,57,166,.2);clip-path:polygon(0 18px,18px 0,calc(100% - 62px) 0,calc(100% - 46px) 16px,100% 16px,100% calc(100% - 18px),calc(100% - 18px) 100%,62px 100%,46px calc(100% - 16px),0 calc(100% - 16px))}
.goidc-cape-page .goidc-cape-hud-shell:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(122,221,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(122,221,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 76%)}
.goidc-cape-page .goidc-cape-hud-shell:after{content:"CAPE TOWN // IDC NODE 02";position:absolute;right:28px;bottom:13px;color:rgba(122,221,255,.48);font-size:9px;font-weight:800;letter-spacing:.16em}
.goidc-cape-page .goidc-cape-hud-corner{position:absolute;z-index:3;width:34px;height:34px;pointer-events:none;border-color:var(--goidc-sky)}
.goidc-cape-page .goidc-cape-hud-corner--tl{top:11px;left:11px;border-top:2px solid;border-left:2px solid}
.goidc-cape-page .goidc-cape-hud-corner--tr{top:27px;right:11px;border-top:2px solid;border-right:2px solid}
.goidc-cape-page .goidc-cape-hud-corner--bl{bottom:27px;left:11px;border-bottom:2px solid;border-left:2px solid}
.goidc-cape-page .goidc-cape-hud-corner--br{right:29px;bottom:11px;border-right:2px solid;border-bottom:2px solid}
.goidc-cape-page .goidc-cape-hud-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,54px);align-items:start;padding-bottom:clamp(24px,4vw,40px);border-bottom:1px solid rgba(122,221,255,.24)}
.goidc-cape-page .goidc-cape-hud-heading{max-width:760px}
.goidc-cape-page .goidc-cape-hud-heading h2{max-width:700px;margin:0 0 16px;color:var(--goidc-white)}
.goidc-cape-page .goidc-cape-hud-lead{max-width:680px;margin:0;color:#c8dced}
.goidc-cape-page .goidc-cape-hud-padi{align-self:start;width:clamp(150px,18vw,230px);margin:0;padding:14px 16px;border:1px solid rgba(122,221,255,.24);background:rgba(255,255,255,.04);box-shadow:0 0 24px rgba(35,184,251,.08) inset}
.goidc-cape-page .goidc-cape-hud-padi img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 8px rgba(35,184,251,.28))}
.goidc-cape-page .goidc-cape-hud-padi figcaption{margin-top:8px;color:var(--goidc-sky);font-size:10px;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase}
.goidc-cape-page .goidc-cape-hud-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:clamp(24px,4vw,52px);padding-top:clamp(28px,4vw,44px)}
.goidc-cape-page .goidc-cape-hud-content{display:grid;gap:22px;align-content:start;min-width:0}
.goidc-cape-page .goidc-cape-hud-dates{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}
.goidc-cape-page .goidc-cape-hud-date{position:relative;min-height:170px;padding:22px;border:1px solid rgba(122,221,255,.22);background:linear-gradient(145deg,rgba(6,57,166,.24),rgba(3,18,47,.72));box-shadow:0 0 26px rgba(6,57,166,.12) inset}
.goidc-cape-page .goidc-cape-hud-date:after{content:"";position:absolute;right:10px;bottom:10px;width:22px;height:22px;border-right:1px solid var(--goidc-pink);border-bottom:1px solid var(--goidc-pink)}
.goidc-cape-page .goidc-cape-hud-date--primary{border-color:rgba(35,184,251,.56);box-shadow:0 0 28px rgba(35,184,251,.13),0 0 36px rgba(6,57,166,.17) inset}
.goidc-cape-page .goidc-cape-hud-date small,.goidc-cape-page .goidc-cape-hud-facts-heading small,.goidc-cape-page .goidc-cape-hud-location-label{display:block;margin-bottom:13px;color:var(--goidc-sky);font-size:10px;font-weight:900;letter-spacing:.14em}
.goidc-cape-page .goidc-cape-hud-date strong{display:inline-block;color:var(--goidc-white);font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(27px,3.1vw,42px);font-weight:900;line-height:.94;letter-spacing:-.035em}
.goidc-cape-page .goidc-cape-hud-date-line{display:inline-block;width:24px;height:2px;margin:0 8px 8px;background:var(--goidc-pink);box-shadow:0 0 12px rgba(245,16,112,.8)}
.goidc-cape-page .goidc-cape-hud-date p{margin:16px 0 0;color:#c8dced;font-size:13px;line-height:1.45}
.goidc-cape-page .goidc-cape-hud-facts{padding:20px 22px;border:1px solid rgba(122,221,255,.18);background:rgba(1,10,30,.62)}
.goidc-cape-page .goidc-cape-hud-facts-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}
.goidc-cape-page .goidc-cape-hud-facts-heading small{margin:0}
.goidc-cape-page .goidc-cape-hud-facts-heading span{color:rgba(200,220,237,.55);font-size:9px;font-weight:800;letter-spacing:.11em}
.goidc-cape-page .goidc-cape-hud-facts ul{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(122,221,255,.13)}
.goidc-cape-page .goidc-cape-hud-facts li{display:flex;gap:11px;align-items:center;padding:13px 10px 13px 0;border-bottom:1px solid rgba(122,221,255,.13);color:#e5f2ff}
.goidc-cape-page .goidc-cape-hud-facts li:nth-child(odd){border-right:1px solid rgba(122,221,255,.13)}
.goidc-cape-page .goidc-cape-hud-facts li:nth-child(even){padding-left:14px}
.goidc-cape-page .goidc-cape-hud-facts li span{color:var(--goidc-pink);font-size:10px;font-weight:900;letter-spacing:.08em}
.goidc-cape-page .goidc-cape-hud-location{display:grid;grid-template-columns:1fr;gap:20px;align-items:start;padding:20px 22px;border-left:3px solid var(--goidc-pink);background:linear-gradient(90deg,rgba(245,16,112,.09),rgba(6,57,166,.08))}
.goidc-cape-page .goidc-cape-hud-location address{color:#e5f2ff;font-style:normal;line-height:1.55}
.goidc-cape-page .goidc-cape-hud-location .goidc-actions{justify-content:flex-start}
.goidc-cape-page .goidc-cape-hud-map-link{display:inline-flex;align-items:center;min-height:44px;color:var(--goidc-sky);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.goidc-cape-page .goidc-cape-hud-map-link:after{content:"↗";margin-left:8px;color:var(--goidc-pink)}
.goidc-cape-page .goidc-cape-hud-map-link:focus-visible{outline:2px solid var(--goidc-sky);outline-offset:5px}
.goidc-cape-page .goidc-cape-hud-visuals{position:sticky;top:24px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px;align-self:start;min-width:0;padding:10px}
.goidc-cape-page .goidc-cape-hud-visuals:before{content:"VISUAL FEED // LIVE";position:absolute;z-index:3;top:0;left:24px;padding:5px 8px;background:#020b20;color:var(--goidc-sky);font-size:9px;font-weight:900;letter-spacing:.14em}
.goidc-cape-page .goidc-cape-hud-visual{position:relative;overflow:hidden;margin:0;border:1px solid rgba(122,221,255,.48);background:#061b44;box-shadow:0 0 24px rgba(35,184,251,.15)}
.goidc-cape-page .goidc-cape-hud-visual--surface{grid-column:1/-1;aspect-ratio:16/9;transform:translate3d(0,calc(var(--cape-hud-progress,0) * -12px),0)}
.goidc-cape-page .goidc-cape-hud-visual--centre{grid-column:1/-1;width:86%;margin:-38px 0 0 auto;aspect-ratio:3/2;transform:translate3d(0,calc(var(--cape-hud-progress,0) * 12px),0)}
.goidc-cape-page .goidc-cape-hud-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.goidc-cape-page .goidc-cape-hud-visual--surface img{object-position:center 58%}
.goidc-cape-page .goidc-cape-hud-visual--centre img{object-position:center center}
.goidc-cape-page .goidc-cape-hud-visual:hover img{transform:scale(1.025)}
.goidc-cape-page .goidc-cape-hud-visual figcaption{position:absolute;right:0;bottom:0;left:0;padding:24px 14px 12px;background:linear-gradient(transparent,rgba(2,11,32,.94))}
.goidc-cape-page .goidc-cape-hud-visual figcaption small,.goidc-cape-page .goidc-cape-hud-visual figcaption b{display:block}
.goidc-cape-page .goidc-cape-hud-visual figcaption small{color:var(--goidc-sky);font-size:9px;font-weight:900;letter-spacing:.13em}
.goidc-cape-page .goidc-cape-hud-visual figcaption b{margin-top:4px;color:var(--goidc-white)}
.goidc-cape-page .goidc-cape-hud-scan{position:absolute;z-index:4;top:10px;right:10px;left:10px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--goidc-sky),var(--goidc-pink),transparent);box-shadow:0 0 12px rgba(35,184,251,.8);transform:translateY(calc(var(--cape-hud-progress,0) * 410px));opacity:.7}
.goidc-cape-page .goidc-cape-hud-progress{height:2px;margin-top:34px;background:rgba(122,221,255,.12)}
.goidc-cape-page .goidc-cape-hud-progress span{display:block;width:calc(var(--cape-hud-progress,0) * 100%);height:100%;background:linear-gradient(90deg,var(--goidc-blue),var(--goidc-sky),var(--goidc-pink));box-shadow:0 0 12px rgba(35,184,251,.64)}
.goidc-cape-page .goidc-cape-hud--motion [data-cape-hud-reveal]{opacity:.22;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.goidc-cape-page .goidc-cape-hud--motion [data-cape-hud-reveal].is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){
  .goidc-cape-page .goidc-cape-hud-header{grid-template-columns:1fr}
  .goidc-cape-page .goidc-cape-hud-padi{width:190px}
  .goidc-cape-page .goidc-cape-hud-layout{grid-template-columns:1fr}
  .goidc-cape-page .goidc-cape-hud-visuals{position:relative;top:auto;grid-template-columns:1fr 1fr;order:-1}
  .goidc-cape-page .goidc-cape-hud-visual--surface,.goidc-cape-page .goidc-cape-hud-visual--centre{grid-column:auto;width:auto;margin:0;aspect-ratio:4/3}
  .goidc-cape-page .goidc-cape-hud-scan{display:none}
}
@media(max-width:620px){
  .goidc-cape-page .goidc-cape-hud{padding:28px 0}
  .goidc-cape-page .goidc-cape-hud-shell{padding:26px 18px 34px;clip-path:polygon(0 14px,14px 0,calc(100% - 32px) 0,calc(100% - 18px) 14px,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,32px 100%,18px calc(100% - 14px),0 calc(100% - 14px))}
  .goidc-cape-page .goidc-cape-hud-header{gap:20px;padding-bottom:26px}
  .goidc-cape-page .goidc-cape-hud-padi{width:168px;padding:10px 12px}
  .goidc-cape-page .goidc-cape-hud-layout{gap:24px;padding-top:24px}
  .goidc-cape-page .goidc-cape-hud-visuals{gap:8px;padding:8px 0 0}
  .goidc-cape-page .goidc-cape-hud-visuals:before{left:8px}
  .goidc-cape-page .goidc-cape-hud-visual--surface,.goidc-cape-page .goidc-cape-hud-visual--centre{aspect-ratio:3/4}
  .goidc-cape-page .goidc-cape-hud-visual--surface img{object-position:58% center}
  .goidc-cape-page .goidc-cape-hud-visual--centre img{object-position:48% center}
  .goidc-cape-page .goidc-cape-hud-dates{grid-template-columns:1fr}
  .goidc-cape-page .goidc-cape-hud-date{min-height:0;padding:19px}
  .goidc-cape-page .goidc-cape-hud-facts{padding:18px}
  .goidc-cape-page .goidc-cape-hud-facts ul{grid-template-columns:1fr}
  .goidc-cape-page .goidc-cape-hud-facts li:nth-child(odd){border-right:0}
  .goidc-cape-page .goidc-cape-hud-facts li:nth-child(even){padding-left:0}
  .goidc-cape-page .goidc-cape-hud-location{grid-template-columns:1fr;align-items:start;padding:18px}
  .goidc-cape-page .goidc-cape-hud-location .goidc-actions{justify-content:flex-start}
  .goidc-cape-page .goidc-cape-hud-shell:after{right:22px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .goidc-cape-page .goidc-cape-hud--motion [data-cape-hud-reveal],.goidc-cape-page .goidc-cape-hud-visual,.goidc-cape-page .goidc-cape-hud-visual img{opacity:1;transform:none;transition:none}
  .goidc-cape-page .goidc-cape-hud-scan{display:none}
}