/* Existing portfolio typography stays in place; these rules cover decision guidance only. */
.portfolio-context{padding:clamp(64px,7vw,108px) 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);word-break:keep-all;line-break:strict;color:#f4f4f5}
.portfolio-context .pc-inner{width:min(1260px,88vw);margin:0 auto}
main.container>.portfolio-context .pc-inner{width:100%}
.portfolio-context .pc-label{font-size:14px;font-weight:600;letter-spacing:.02em;color:#b7bdc6;margin:0 0 20px;max-width:none}
.portfolio-context h2{font-family:inherit;font-size:clamp(29px,3.2vw,48px);font-weight:700;line-height:1.28;letter-spacing:-.045em;text-wrap:balance;margin:0;max-width:22em}
.portfolio-context .pc-lead{font-size:clamp(16px,1.25vw,18px);font-weight:400;line-height:1.85;color:#b7bdc6;margin:28px 0 0;max-width:36em;text-wrap:pretty}
.pc-sentence{display:block}
.portfolio-context .pc-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px 5vw;margin:36px 0 0;padding:26px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.portfolio-context .pc-facts dt{font-size:14px;color:#b7bdc6;margin-bottom:9px;font-weight:500;letter-spacing:0}
.portfolio-context .pc-facts dd{text-wrap:balance;font-size:16px;font-weight:500;line-height:1.7;margin:0;max-width:32em;color:#f4f4f5}
.portfolio-context .pc-faq{margin-top:36px}
.portfolio-context details{margin:0;border:0;border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;background:none;padding:0}
.portfolio-context summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0;min-height:60px;font-size:18px;font-weight:600;line-height:1.6;cursor:pointer;letter-spacing:-.015em;color:#f4f4f5}
.portfolio-context summary::-webkit-details-marker{display:none}
.portfolio-context summary:after{content:'+';font-size:24px;line-height:1;flex:0 0 20px;color:#d6e800}
.portfolio-context details[open]>summary:after{content:'−'}
.portfolio-context .pc-answer{padding:0 0 26px}
.portfolio-context .pc-answer p{font-size:16px;line-height:1.85;max-width:36em;color:#b7bdc6;margin:0;text-wrap:pretty}
.portfolio-context h3{font-family:inherit;font-size:22px;line-height:1.45;letter-spacing:-.02em;font-weight:600;color:#f4f4f5;margin:0;text-wrap:balance}
.portfolio-context .pc-related-title{margin-top:38px;font-size:18px}
.pc-links{display:flex;flex-wrap:wrap;gap:10px 12px;margin:20px 0 0;word-break:keep-all}
.pc-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;padding:10px 18px;border:1px solid rgba(214,232,0,.52);border-radius:30px;font-weight:500;font-size:14px;line-height:1.6;color:#e1f05c;text-decoration:none;letter-spacing:0;text-transform:none;max-width:100%;white-space:normal}
.pc-links a:hover{background:rgba(214,232,0,.08);color:#f0f7b0}
.pc-links a:focus-visible,.portfolio-context summary:focus-visible{outline:3px solid #efff00;outline-offset:5px}
.pc-links svg{width:9px;height:16px;flex:0 0 9px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pc-links-compact{gap:8px;margin-top:20px}
.pc-links-compact a{font-size:14px;min-height:44px;padding:9px 15px}
details>.pc-links[data-faq-context]{padding:0 18px 24px;margin:0}
details:not([open])>.pc-links[data-faq-context]{display:none}
.portfolio-context .pc-routes{display:grid;grid-template-columns:1fr 1fr;gap:38px 5vw;margin-top:44px}
.portfolio-context .pc-route{padding-top:26px;border-top:1px solid rgba(255,255,255,.16);min-width:0}
.portfolio-context .pc-route p,.portfolio-context .pc-prep p{font-size:16px;line-height:1.85;color:#b7bdc6;max-width:32em;margin:18px 0 0;text-wrap:pretty}
.portfolio-context .pc-prep{margin-top:48px;padding-top:34px;border-top:1px solid rgba(255,255,255,.16)}
.portfolio-context .pc-prep h3{font-size:22px}
.portfolio-context .pc-prep p{max-width:36em}
/* The artwork remains unchanged; captions make the existing identity work readable. */
#brand .bi-card{border-radius:8px;overflow:visible}
#brand .bi-card img{border-radius:8px}
#brand .bi-caption{padding:14px 2px 4px;min-height:85px;word-break:keep-all;line-break:strict}
#brand .bi-caption h3{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.015em;color:#f4f4f5;text-wrap:balance;margin:0}
#brand .bi-caption p{font-size:13px;line-height:1.6;color:#b7bdc6;margin:6px 0 0;letter-spacing:0}
#web .work-cat,#film .work-cat{font-family:inherit;letter-spacing:0;text-transform:none;font-size:14px;line-height:1.7;word-break:keep-all}
#film .video-source{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;line-height:1.6;border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:8px 14px;margin-top:12px}
#film .video-source svg{width:9px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
#performance .intake-note{font-size:16px;line-height:1.8;max-width:40em;border-left:2px solid #d6e800;padding:12px 20px;margin:30px 0 0;color:#b7bdc6;word-break:keep-all}
.works-grid .designstring-card .thumb img{object-fit:contain;object-position:center}
.works-grid .designstring-card .cat{font-size:16px;letter-spacing:0;word-break:keep-all}
.works-grid .designstring-card .name{word-break:keep-all}
.portfolio-entry-links{margin-top:18px}
@media(max-width:700px){
 .portfolio-context{padding:60px 0}
 .portfolio-context h2{font-size:29px;line-height:1.32;max-width:15em}
 .portfolio-context .pc-lead{font-size:16px;margin-top:22px}
 .portfolio-context .pc-label{font-size:14px;margin-bottom:17px}
 .portfolio-context .pc-facts,.portfolio-context .pc-routes{grid-template-columns:1fr;gap:24px}
 .portfolio-context .pc-facts{margin-top:28px;padding:24px 0}
 .portfolio-context .pc-faq{margin-top:25px}
 .portfolio-context summary{font-size:17px;padding:20px 0}
 .portfolio-context h3,.portfolio-context .pc-prep h3{font-size:21px}
 .portfolio-context .pc-related-title{font-size:18px}
 .pc-links{gap:9px}
 .pc-links a{font-size:14px;min-height:46px;padding:10px 15px}
 .portfolio-context .pc-routes{margin-top:30px;gap:30px}
 .portfolio-context .pc-prep{margin-top:36px;padding-top:28px}
 #brand .bi-caption{padding:12px 1px 3px;min-height:90px}
 #brand .bi-caption h3{font-size:16px}
 #brand .bi-caption p{font-size:13px}
 #film .work-name{font-size:17px;word-break:keep-all;line-height:1.5}
 #film .video-source{font-size:14px;min-height:44px}
 .works-grid .designstring-card{grid-column:1/-1}
 .works-grid .designstring-card .name{font-size:1.4rem}
 .works-grid .designstring-card .thumb{aspect-ratio:16/10}
}
.pc-inline-chevron{display:inline-block;width:9px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;margin-left:6px;flex-shrink:0}
.portfolio-context.pc-navigation{padding:40px 0}
.portfolio-context.pc-navigation h2{font-size:clamp(26px,2.4vw,36px)}
.portfolio-context.pc-navigation .pc-label{margin-bottom:13px}
.portfolio-context.pc-navigation .pc-lead{margin-top:17px}
.portfolio-context.pc-navigation .pc-links{margin-top:21px}
@media(max-width:700px){.portfolio-context.pc-navigation{padding:32px 0}.portfolio-context.pc-navigation h2{font-size:27px}.portfolio-context.pc-navigation .pc-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.portfolio-context.pc-navigation .pc-links a{border-radius:18px;font-size:14px;min-height:48px;padding:10px 13px;gap:8px}}