/* What ideas shaped IMOBX (decisions 15-16, built 29 Oct 2026): the iceberg and the ideas, each credited to its source. */
.iceberg{margin:28px 0 0;max-width:880px}
.iceberg-label{margin:0 0 12px;font-size:14px;font-weight:700;letter-spacing:.02em}
.iceberg-above{padding:22px 24px 18px;background:#fff;border:1px solid #D9E3E8;border-bottom:0;border-radius:4px 4px 0 0;width:72%;margin:0 auto}
.iceberg-above .iceberg-label{color:#526571}
.iceberg-above ul{margin:0;padding-left:20px}
.band-page>section .iceberg-above ul{max-width:none}
.iceberg-above li{margin:6px 0;line-height:1.5}
.iceberg-water{display:block;width:100%;height:28px;margin:-1px 0 -1px}
.iceberg-water path{fill:none;stroke:#4A90A4;stroke-width:3;vector-effect:non-scaling-stroke}
.iceberg-below{padding:26px 28px 24px;background:#193D4E;color:#F2F7F9;border-radius:0 0 4px 4px}
.iceberg-below .iceberg-label{color:#BFD6DE}
.iceberg-below .idea-quote{border-left-color:#7FB3C4}
.iceberg-below .idea-quote p{color:#fff}
.iceberg-below .idea-quote cite{color:#C9DDE4}
.iceberg figcaption{margin-top:12px;color:#526571;font-size:15px;line-height:1.55;max-width:44rem}
.idea-quote{margin:14px 0 0;padding:2px 0 2px 16px;border-left:3px solid #9FB6C0}
.idea-quote p{margin:0;font-size:18px;line-height:1.5;color:#193D4E;max-width:40em}
.idea-quote cite{display:block;margin-top:4px;font-style:normal;font-size:14px;color:#526571}
.idea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin-top:22px}
.idea{padding:20px 22px;background:#fff;border:1px solid #D9E3E8;border-radius:4px}
.idea h3{margin:0 0 8px}
.idea>p{margin:0;line-height:1.6}
.idea .idea-source{margin-top:14px;font-size:15px}
#studied .idea-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.idea-grid+p{margin-top:22px}
/* the waterline draws once as it comes into view; without JS or with reduced motion it is simply there */
.js-ideas .iceberg-water path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.16,1,.3,1)}
.js-ideas .iceberg-below{opacity:.001;transform:translateY(10px);transition:opacity .7s ease-out .5s,transform .7s cubic-bezier(.16,1,.3,1) .5s}
.js-ideas .iceberg.is-in .iceberg-water path{stroke-dashoffset:0}
.js-ideas .iceberg.is-in .iceberg-below{opacity:1;transform:none}
.iceberg-onward{margin:14px 0 0;font-size:16px}.iceberg-below .iceberg-onward a{color:#D6EEF7;text-decoration-color:#7FB3C4}
/* the stories lie below the waterline: it draws again above them (owner, 3 Nov) */
.story-water{margin:44px 0 18px;max-width:880px}
.js-ideas .story-water path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s cubic-bezier(.16,1,.3,1)}
.js-ideas .story-water.is-in path{stroke-dashoffset:0}
@media (max-width:760px){
  .iceberg-above{width:auto;margin:0}
  .idea-grid,#studied .idea-grid{grid-template-columns:minmax(0,1fr)}
  .iceberg-below{padding:22px 18px}
}
@media (prefers-reduced-motion:reduce){
  .js-ideas .iceberg-water path,.js-ideas .story-water path,.js-ideas .iceberg-below{transition:none;stroke-dashoffset:0;opacity:1;transform:none}
}
/* the founders' reasons, as plain statements (owner, 29 Oct: no quotation blocks) */
.iceberg-reasons{margin:0;padding-left:20px}
.band-page>section .iceberg-reasons{max-width:none}
.iceberg-reasons li{margin:0 0 12px;font-size:18px;line-height:1.5;color:#fff}
.iceberg-reasons li:last-child{margin-bottom:0}
/* Resources one-pager (owner, 29 Oct): the three documents side by side, then the brand kit */
.resources-page #documents>.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.resources-page #documents .resource-card:last-child{grid-column:auto}
.resources-page #media-resources{margin-top:36px}
@media (max-width:900px){.resources-page #documents>.resource-grid{grid-template-columns:minmax(0,1fr)}}