/* Work page — ONE component system for professional and original projects. */
#collections-page.work-showcase{box-sizing:border-box; width:min(94%,1180px);max-width:1180px;margin:2rem auto 4rem;padding:clamp(1rem,3vw,2.4rem);background:#080a0b;border:1px solid #3b4547;color:#f3f7f7;box-shadow:0 12px 25px #0002}
#collections-page.work-showcase *,#collections-page.work-showcase *::before,#collections-page.work-showcase *::after{box-sizing:border-box}
#collections-page .work-showcase__intro{padding:.5rem .25rem 1.5rem;border-bottom:1px solid #49585b}
#collections-page .work-showcase__intro h2{color:#fff;font:normal clamp(1.9rem,4vw,3rem)/1.2 Georgia,serif;margin:.45rem 0 .7rem;text-transform:none}
#collections-page .work-showcase__intro p:last-child{color:#d1dcdd;font:normal 1.03rem/1.7 Arial,sans-serif;max-width:66ch;margin:0}
#collections-page .work-tabs{display:flex;flex-wrap:wrap;gap:.7rem;padding:1.25rem 0 .5rem}
#collections-page .work-tabs a,#collections-page .work-tabs a:visited{font:600 .9rem/1.2 Arial,sans-serif;color:#d8eef0!important;border-bottom:2px solid #008f97;text-decoration:none;padding:.6rem .2rem;filter:none!important;transition:color .2s,border-color .2s}
#collections-page .work-tabs a:hover,#collections-page .work-tabs a:focus-visible{color:#73e3e6!important;border-color:#73e3e6;background:none!important;filter:none!important}
#collections-page a:focus-visible{outline:3px solid #7ce5e7;outline-offset:3px}
#collections-page .work-section{padding-top:2.8rem;scroll-margin-top:100px}
#collections-page .work-section+.work-section{margin-top:1rem;border-top:1px solid #435054}
#collections-page .work-section__eyebrow{color:#8fe0e2!important;font:700 .7rem/1.5 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin:0 0 .55rem}
#collections-page .work-section__title{font:normal clamp(1.55rem,2.6vw,2.1rem)/1.25 Georgia,serif;color:#fff;margin:0 0 .65rem}
#collections-page .work-section__intro{font:normal .96rem/1.7 Arial,sans-serif;color:#d0dcdd;margin:0 0 1.45rem;max-width:73ch}
#collections-page .portfolio-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;align-items:stretch}
#collections-page .portfolio-card{min-width:0;display:flex;flex-direction:column;background:#fff;color:#15282a;border:1px solid #e3eded;outline:5px solid #080a0b;box-shadow:0 0 0 1px #728487;overflow:hidden;transition:box-shadow .2s}
#collections-page .portfolio-card:hover{box-shadow:0 0 0 1px #57c8cb}
#collections-page .portfolio-card__visual{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;aspect-ratio:1.65/1;padding:1rem;overflow:hidden;background:#f4f8f8;border-bottom:1px solid #d1e0e1}
#collections-page .portfolio-card__visual img{width:100%;height:100%;object-fit:contain;display:block}
#collections-page .portfolio-card__visual--type{background:#090909;color:#fff;border:7px solid #fff;outline:1px solid #b9c6c8;outline-offset:-12px;gap:.7rem}
#collections-page .portfolio-card__mark{font:700 .67rem/1 Arial,sans-serif;letter-spacing:.2em;color:#72dadd;text-transform:uppercase}
#collections-page .portfolio-card__tile-name{font:normal clamp(1.2rem,2vw,1.65rem)/1.3 Georgia,serif;color:#fff;text-align:center}
#collections-page .portfolio-card__body{display:flex;flex:1;flex-direction:column;padding:1.2rem;min-width:0}
#collections-page .portfolio-card__eyebrow{font:700 .67rem/1.4 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#075b62;margin:0 0 .65rem}
#collections-page .portfolio-card__title{font:normal clamp(1.2rem,1.8vw,1.55rem)/1.3 Georgia,serif;color:#102c2e;margin:0 0 .65rem}
#collections-page .portfolio-card__description{color:#294044;font:normal .89rem/1.65 Arial,sans-serif;margin:0 0 .9rem}
#collections-page .portfolio-card__focus{border-top:1px solid #d9e6e6;color:#385a5f;font:normal .8rem/1.55 Arial,sans-serif;padding-top:.75rem;margin:auto 0 0}
#collections-page .portfolio-card__status{font:italic .77rem/1.5 Georgia,serif;color:#527276;margin:1rem 0 0}
#collections-page .portfolio-card__links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.5rem}
#collections-page .portfolio-card__links a,#collections-page .portfolio-card__links a:visited{color:#07545a!important;font:700 .77rem/1.3 Arial,sans-serif;border:1px solid #16868c;text-decoration:none;padding:.45rem .65rem;background:transparent!important;filter:none!important;transition:color .2s,background-color .2s}
#collections-page .portfolio-card__links a:hover,#collections-page .portfolio-card__links a:focus-visible{color:#087d86!important;background:transparent!important;border-color:#087d86;filter:none!important}
#collections-page .work-showcase__note{font:normal .83rem/1.6 Arial,sans-serif;color:#bfcfd1;border-top:1px solid #435054;padding-top:1.25rem;margin:3rem 0 0}
@media(max-width:940px){#collections-page .portfolio-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){#collections-page.work-showcase{width:96%;padding:1rem;margin:1rem auto 2rem}#collections-page .portfolio-card-grid{grid-template-columns:minmax(0,1fr)}#collections-page .work-section{padding-top:2rem}#collections-page .work-tabs{gap:.35rem .8rem}#collections-page .work-tabs a{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){#collections-page .portfolio-card,#collections-page a{transition:none!important}}

/* Unified black / white / teal card language — all twelve projects */
#collections-page .portfolio-card {
  border-color: #fff;
  box-shadow: 0 0 0 1px #777;
}
#collections-page .portfolio-card__visual {
  background: #090909;
  border-bottom: 2px solid #008f97;
}
#collections-page .portfolio-card__visual--type {
  background: #090909;
  border: 7px solid #fff;
  border-bottom: 2px solid #008f97;
  outline: 1px solid #888;
  outline-offset: -12px;
}
#collections-page .portfolio-card__tile-name {
  color: #fff;
  max-width: 95%;
  overflow-wrap: anywhere;
}
#collections-page .portfolio-card__body { background: #fff; }
#collections-page .portfolio-card__description,
#collections-page .portfolio-card__focus { color: #252525; }
#collections-page .portfolio-card__title { color: #111; }
#collections-page .portfolio-card__links a,
#collections-page .portfolio-card__links a:visited {
  border-color: #007a80;
  color: #07545a !important;
  background: #fff !important;
}
#collections-page .portfolio-card__links a:hover,
#collections-page .portfolio-card__links a:focus-visible {
  border-color: #009ba3;
  color: #087d86 !important;
  background: #fff !important;
}

/* Symmetrical white breathing room around the entire black My Work gallery.
   Keep the existing cards, header image, colors and footer unchanged. */
#collections-page.work-showcase {
  margin-block: clamp(2.5rem, 4.5vw, 4.25rem) !important;
}
@media (max-width: 630px) {
  #collections-page.work-showcase {
    margin-block: 1.75rem !important;
  }
}

/* My Work category doors — shared framed visual language */
#collections-page .work-hub-paths { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.6rem 0 1rem; }
#collections-page .work-hub-path {display:flex;flex-direction:column;gap:.8rem;min-width:0;background:#fff;color:#111!important;border:5px solid #080808;outline:1px solid #a6b7b9;padding:clamp(1.3rem,2.8vw,2.2rem);text-decoration:none!important;text-shadow:none!important;filter:none!important;transition:outline-color .2s;}
#collections-page .work-hub-path:hover,#collections-page .work-hub-path:focus-visible {outline-color:#008f97;filter:none!important;background:#fff!important;}
#collections-page .work-hub-path__kicker {font:700 .7rem/1.4 Arial,sans-serif;color:#07545a!important;letter-spacing:.12em;}
#collections-page .work-hub-path__title {font:400 clamp(1.35rem,2.2vw,1.8rem)/1.25 Georgia,serif;color:#111;}
#collections-page .work-hub-path__desc {font:400 .95rem/1.55 Arial,sans-serif;color:#333!important;}
#collections-page .work-hub-path__action {font:700 .88rem/1.3 Arial,sans-serif;color:#07545a!important;text-decoration:underline;text-underline-offset:4px;}
#collections-page .work-crosslink {margin:2.5rem 0 1rem;color:#d5e2e2;font:400 .94rem/1.6 Arial,sans-serif;}
#collections-page .work-crosslink a,#collections-page .work-crosslink a:visited {color:#91e7e9!important;}
@media(max-width:650px){#collections-page .work-hub-paths {grid-template-columns:1fr;}}