/* Reef Wall: unique archival descent and compact masonry plaques only.
   Shared hero, typography, header and footer remain owned by the canonical theme. */
.goidc-reef-wall-page .reef-wall{position:relative;isolation:isolate;overflow:hidden;padding:0;background:#021630;color:var(--goidc-white)}
.goidc-reef-wall-page .reef-wall:before{content:"";position:absolute;z-index:-2;inset:0;background:url('https://go-idc.co.uk/wp-content/uploads/2026/07/reef-wall-of-fame-codex-v1.png') center top/100% auto no-repeat,#021630}
.goidc-reef-wall-page .reef-wall:after{content:"";position:absolute;z-index:-1;left:0;right:0;top:calc(100vw * .86);height:calc(100vw * .64);background:linear-gradient(180deg,transparent,#021630)}
.goidc-reef-wall-page .reef-wall>.goidc-container{position:relative;z-index:1;max-width:1140px;margin:auto;padding-inline:clamp(24px,7vw,80px)}
.goidc-reef-wall-page .reef-grid{display:grid;padding-top:64px;padding-bottom:120px;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:74px;align-items:stretch;gap:clamp(17px,2vw,30px)}
.goidc-reef-wall-page .reef-tag{height:74px;min-height:74px;padding:10px 13px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;grid-column:span 2;grid-row:span 1;background:rgba(5,51,96,.85);border:1px solid rgba(98,216,255,.61);border-radius:17px 4px 14px 4px;box-shadow:0 8px 22px rgba(0,22,50,.33);backdrop-filter:blur(2px)}
.goidc-reef-wall-page .reef-tag:nth-child(3n){grid-column:span 3}
.goidc-reef-wall-page .reef-tag:nth-child(4n){background:rgba(7,84,137,.85)}
.goidc-reef-wall-page .reef-tag:nth-child(5n){border-bottom:4px solid var(--goidc-pink)}
.goidc-reef-wall-page .reef-tag h3{display:block;margin:0 0 5px;color:var(--goidc-white);font-size:clamp(13px,1.45vw,17px);line-height:1.05;letter-spacing:-.035em}
.goidc-reef-wall-page .reef-tag p{display:block;margin:0;color:#d4f3ff;font-size:8.5px;line-height:1.2;letter-spacing:.065em;text-transform:uppercase}
.goidc-reef-wall-page .reef-photo{position:relative;overflow:hidden;margin:0;border:3px solid #fff8e8;background:var(--goidc-navy);box-shadow:0 10px 28px rgba(0,22,49,.6);transform:rotate(-1deg);isolation:isolate}
.goidc-reef-wall-page .reef-photo:nth-child(5n){transform:rotate(1deg)}
.goidc-reef-wall-page .reef-photo--wide{grid-column:span 3;grid-row:span 3}
.goidc-reef-wall-page .reef-photo--tall{grid-column:span 2;grid-row:span 4}
.goidc-reef-wall-page .reef-photo--square{grid-column:span 2;grid-row:span 2}
.goidc-reef-wall-page .reef-photo img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
.goidc-reef-wall-page .reef-photo figcaption{position:absolute;z-index:1;right:auto;bottom:0;left:0;width:100%;padding:21px 9px 8px;background:linear-gradient(transparent,rgba(1,26,63,.91));color:var(--goidc-sky);font-size:13px;font-weight:850;letter-spacing:0}
.goidc-reef-wall-page .depth{margin:0;padding:68px 0 78px;text-align:center;border:0;border-top:1px solid rgba(147,222,248,.25);background:transparent;color:#bfe4f5;font-size:13px}
.goidc-reef-wall-page .depth p{margin:0}
@media(max-width:780px){
  .goidc-reef-wall-page .reef-wall>.goidc-container{padding-inline:24px}
  .goidc-reef-wall-page .reef-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;padding-top:42px;padding-bottom:72px}
  .goidc-reef-wall-page .reef-tag,.goidc-reef-wall-page .reef-tag:nth-child(3n){grid-column:span 2}
  .goidc-reef-wall-page .reef-photo--wide,.goidc-reef-wall-page .reef-photo--square{grid-column:span 3;grid-row:span 2;min-height:145px}
  .goidc-reef-wall-page .reef-photo--tall{grid-column:span 3;grid-row:span 3;min-height:195px}
  .goidc-reef-wall-page .depth{padding:48px 0 58px}
}
@media(max-width:480px){
  .goidc-reef-wall-page .reef-tag,.goidc-reef-wall-page .reef-tag:nth-child(3n){grid-column:span 3}
}