.portfolio-overview .detail-lead{margin-bottom:48px}
.portfolio-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 64px}
.portfolio-options article{border-top:1px solid var(--line);padding-top:25px;min-width:0}
.portfolio-options h3{font-size:var(--pdg-card-title);line-height:1.25;margin:0 0 18px}
.portfolio-options p{font-size:1rem;line-height:1.75;max-width:560px}
.portfolio-options .text-link{margin-top:24px;font-size:.95rem;line-height:1.5}
.portfolio-specs{margin:0 0 52px;max-width:100%;overflow:auto}
.portfolio-specs table{border-collapse:collapse;width:100%;font-size:1rem;text-align:left}
.portfolio-specs caption{text-align:left;font-size:1.35rem;font-weight:650;padding-bottom:18px;color:var(--navy)}
.portfolio-specs tr{border-bottom:1px solid var(--line)}
.portfolio-specs th,.portfolio-specs td{padding:20px 24px;line-height:1.5;vertical-align:top}
.portfolio-specs th{width:34%;font-weight:600;background:var(--pale)}
.portfolio-imagery{background:#f1f5f6;padding-block:65px}
.portfolio-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:32px;align-items:start}
.portfolio-figure{margin:0;min-width:0}
.portfolio-figure img{display:block;width:100%;height:auto;max-height:590px;object-fit:contain;background:white}
.portfolio-figure.portfolio-portrait img{background:#080d11;max-height:590px}
.portfolio-figure figcaption{font-size:.875rem;line-height:1.6;padding-top:16px;color:#506774;max-width:640px}
.portfolio-enquiry-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}
.portfolio-enquiry h2{max-width:580px;margin:20px 0 24px}
.portfolio-enquiry p{max-width:600px;font-size:1rem}
.portfolio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:32px}
.portfolio-actions .button{gap:24px}
.portfolio-requirements{list-style:none;padding:0;margin:0}
.portfolio-requirements li{border-bottom:1px solid var(--line);padding:23px 0;font-size:1rem;line-height:1.65}
.portfolio-requirements li:first-child{border-top:1px solid var(--line)}
.portfolio-related{background:var(--pale);padding-block:42px}
.portfolio-related .container>div{display:flex;flex-wrap:wrap;gap:24px 48px;margin-top:24px}
.portfolio-directory{background:#edf3f5}
.portfolio-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}
.portfolio-directory-link{display:flex;gap:26px;justify-content:space-between;align-items:center;padding:32px 0;border-top:1px solid #c0cfd5;text-decoration:none}
.portfolio-directory-link>div{min-width:0}
.portfolio-directory-link h3{font-size:var(--pdg-card-title);line-height:1.25;margin:0 0 12px;color:var(--navy)}
.portfolio-directory-link p{font-size:1rem;line-height:1.65;max-width:520px}
.portfolio-directory-link>svg{width:26px;height:26px;flex:0 0 26px;color:var(--accent-dark);transition:transform .2s}
.portfolio-directory-link:hover>svg{transform:translateX(5px)}
.portfolio-directory-link:hover h3{color:var(--accent-dark)}
.portfolio-directory-link:focus-visible{outline:2px solid var(--accent-dark);outline-offset:6px}
.portfolio-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.portfolio-platforms figure{margin:0;min-width:0}
.portfolio-platforms img{display:block;width:100%;height:auto;aspect-ratio:11/6;object-fit:contain}
.portfolio-platforms figcaption{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;font-weight:600;font-size:1rem;color:var(--navy)}
@media(max-width:900px){.portfolio-enquiry-grid{gap:40px}.portfolio-options,.portfolio-directory-grid{column-gap:32px}.portfolio-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.portfolio-options,.portfolio-directory-grid,.portfolio-enquiry-grid{grid-template-columns:1fr}.portfolio-enquiry-grid{gap:38px}.portfolio-options{gap:30px}.portfolio-options h3,.portfolio-directory-link h3{font-size:var(--pdg-card-title)}.portfolio-directory-link{padding-block:26px}.portfolio-specs th,.portfolio-specs td{padding:16px 12px;font-size:.95rem}.portfolio-specs th{width:43%}.portfolio-figure figcaption{font-size:.875rem}.portfolio-platforms{gap:28px 18px}.portfolio-figure img,.portfolio-figure.portfolio-portrait img{max-height:520px}.portfolio-actions{align-items:flex-start;flex-direction:column}.portfolio-related .container>div{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.portfolio-directory-link>svg{transition:none}}

.portfolio-references{display:grid;gap:64px}
.portfolio-reference{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding-top:40px;border-top:1px solid var(--line);scroll-margin-top:125px}
.portfolio-reference-media,.portfolio-reference-copy{min-width:0}
.portfolio-reference-media .portfolio-figure img{aspect-ratio:4/3;object-fit:contain;background:#eef2f3;max-height:480px}
.portfolio-reference .portfolio-figure figcaption a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
.portfolio-reference .eyebrow{font-size:.875rem;letter-spacing:.08em;color:var(--accent-dark);line-height:1.6}
.portfolio-reference h3{font-size:var(--pdg-card-title);line-height:1.25;margin:16px 0 22px}
.portfolio-reference-copy>p{font-size:1rem;line-height:1.75}
.portfolio-reference table{width:100%;border-collapse:collapse;margin:26px 0;text-align:left;font-size:1rem;table-layout:fixed}
.portfolio-reference caption{text-align:left;font-size:1rem;font-weight:600;padding-bottom:12px}
.portfolio-reference tr{border-top:1px solid var(--line)}
.portfolio-reference th,.portfolio-reference td{padding:14px 0;vertical-align:top;overflow-wrap:anywhere;line-height:1.55}
.portfolio-reference th{width:34%;padding-right:18px;font-weight:600}
.portfolio-reference-copy .portfolio-reference-note{font-size:.9375rem;line-height:1.7;color:#506774}
.portfolio-reference .portfolio-actions{gap:20px;margin-top:26px}
.portfolio-video-section{background:#eef3f5}
.portfolio-video-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:80px;align-items:center}
.portfolio-video-grid h2{margin:20px 0 28px;max-width:600px}
.portfolio-video-grid p{font-size:1rem;line-height:1.8;max-width:580px}
.portfolio-video-grid .portfolio-video-note{font-size:.9375rem;color:#506774}
.portfolio-video-grid .text-link{margin-top:30px}
.portfolio-video{margin:0;min-width:0;text-align:center}
.portfolio-video video{display:block;width:min(100%,380px);height:auto;aspect-ratio:9/16;max-height:676px;object-fit:contain;background:#111;margin-inline:auto}
.portfolio-video figcaption{font-size:.875rem;color:#506774;line-height:1.6;margin-top:18px}
@media(max-width:900px){.portfolio-reference{gap:30px}.portfolio-video-grid{gap:40px}.portfolio-reference th{width:39%}}
@media(max-width:700px){.portfolio-reference,.portfolio-video-grid{grid-template-columns:1fr}.portfolio-reference{gap:28px}.portfolio-reference-media .portfolio-figure img{max-height:390px}.portfolio-video-grid{gap:36px}.portfolio-reference h3{font-size:var(--pdg-card-title)}.portfolio-reference th,.portfolio-reference td{font-size:.9375rem}.portfolio-reference .portfolio-actions{align-items:flex-start;flex-direction:column}.portfolio-references{gap:48px}}