/* Technology imagery and native, keyboard-operable progressive disclosure. */
.read-more { margin: 0; color: #b4cad8; font-size: 1rem; }
.read-more > summary {
  display: flex; align-items: center; gap: .7rem; width: fit-content;
  min-height: 44px; padding: .5rem .15rem; cursor: pointer; list-style: none;
  color: #8de9f4; font-size: .9375rem; font-weight: 650;
  text-underline-offset: .3em;
}
.read-more > summary::-webkit-details-marker { display: none; }
.read-more > summary::after { content: '+'; font-size: 1.2rem; font-weight: 400; }
.read-more[open] > summary::after { content: '−'; }
.read-more > summary:hover { color: #c2f8ff; text-decoration: underline; }
.read-more > summary:focus-visible { outline: 2px solid #8de9f4; outline-offset: 4px; border-radius: 3px; }
.read-more .read-more-open, .read-more[open] > summary .read-more-closed { display: none; }
.read-more[open] > summary .read-more-open { display: inline; }
.read-more-context { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.read-more-body { padding: .75rem 0 1rem; }
.read-more-body > p { margin: 0 0 1rem; color: #b4cad8; line-height: 1.75; }
.read-more-body .tag-row { margin: 0; }
.read-more-body > .text-link { margin-top: 1.25rem; }
.company-read-more { margin: -12px 0 20px; }
.home-page .portfolio-rail { align-items: start; margin-top: 42px; }
.home-page .portfolio-card { min-height: 0; padding: 0 26px 24px; }
.home-page .portfolio-card::before { pointer-events: none; }
.portfolio-artwork { position: relative; margin: 0 -26px 24px; aspect-ratio: 3 / 2; overflow: hidden; background: #061326; }
.portfolio-artwork img { display: block; width: 100%; height: 100%; object-fit: cover; }
.portfolio-artwork-dolphin { background: radial-gradient(ellipse at 50% 65%, #123448, #061326 75%); }
.portfolio-artwork-dolphin img { object-fit: contain; padding: 14px 10px; }
.home-page .portfolio-card h3 { margin-top: 18px; font-size: clamp(1.35rem, 2vw, 1.75rem); overflow-wrap: anywhere; }
.home-page .portfolio-topline { font-size: .75rem; letter-spacing: .08em; }
.home-page .portfolio-card > .capability-preview,
.home-page .software-card > .capability-preview,
.solutions-page .catalogue-content > .capability-preview { margin: 16px 0 8px; color: #b4cad8; line-height: 1.75; }
.technology-caption { margin-top: 16px; margin-bottom: 0; font-size: .875rem; color: #9cb4c5; }
.software-story { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: clamp(28px, 5vw, 70px); margin-bottom: 36px; }
.software-story > div > p:last-child { max-width: 54ch; margin: 24px 0 0; color: #b4cad8; }
.software-artwork { position: relative; margin: 0; overflow: hidden; border-radius: 20px; border: 1px solid var(--line-strong); background: #061326; }
.software-artwork img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.software-artwork figcaption { padding: 16px 20px; color: #d2e8f3; font-size: .9375rem; }
.software-artwork figcaption span { display: block; margin-top: 4px; color: #9cb4c5; font-size: .875rem; }
.home-page .software-grid { align-items: start; }
.home-page .software-card { min-height: 0; }
.home-page .software-card > span { font-size: .75rem; letter-spacing: .09em; }
.home-page .software-card h3 { overflow-wrap: anywhere; }
.catalogue-artwork { margin: 0; min-width: 0; overflow: hidden; border-radius: 14px; border: 1px solid var(--line); background: #061326; }
.catalogue-artwork img { width: 100%; height: auto; display: block; aspect-ratio: 3 / 2; object-fit: cover; }
.catalogue-artwork figcaption { padding: 10px 14px; font-size: .875rem; color: #a7bdcc; }
.solutions-page .catalogue-card[id] { scroll-margin-top: 140px; }
.solutions-page .catalogue-content { min-width: 0; }
.solutions-page .catalogue-content h2 { overflow-wrap: anywhere; }
.solutions-page .catalogue-content > .text-link { margin-top: 16px; }
.solutions-page .inner-hero .read-more { margin-top: 12px; max-width: 70ch; }
@media (min-width: 761px) and (max-width: 960px) {
  .home-page .portfolio-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .home-page .portfolio-card { padding: 0 18px 20px; }
  .portfolio-artwork { margin-inline: -18px; }
  .portfolio-topline .portfolio-code { display: none; }
}
@media (max-width: 760px) {
  .home-page .portfolio-rail { margin-top: 30px; gap: 24px; }
  .home-page .portfolio-card { padding: 0 24px 20px; }
  .portfolio-artwork { margin-inline: -24px; }
  .software-story { grid-template-columns: 1fr; gap: 28px; }
  .solutions-page .catalogue-card { gap: 20px; padding: 24px; }
  .solutions-page .catalogue-content h2 { font-size: 1.6rem; }
  .catalogue-artwork { grid-row: 1; }
  .solutions-page .catalogue-index { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .home-page .portfolio-card, .home-page .software-card { transition: none; }
  .home-page .portfolio-card:hover, .home-page .software-card:hover { transform: none; }
}
@media print {
  .read-more > summary { display: none; }
  .read-more::details-content { content-visibility: visible; }
  .read-more > .read-more-body { display: block; }
}