/* Curated portfolio: one local flagship and six distinct published-page previews. */
.selected-projects{padding-top:100px}
.selected-projects .section-heading{margin-bottom:48px}
.project-featured{position:relative;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:42px;background:#101b24;border:1px solid #3e5363;border-radius:12px;padding:32px;margin-bottom:60px;overflow:hidden}
.project-featured .project-visual{background:#bec9b9;padding:24px 44px 42px 18px}
.project-featured .project-copy h3{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.05em}
.portfolio-pick{color:#b5d9c3;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.project-featured .project-status{margin-bottom:18px}
.project-featured .project-description{font-size:14px;line-height:1.8}
.project-featured .project-link{color:#ceead6;border-color:#85ad97;display:flex}
.portfolio-gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:28px}
.portfolio-gallery-heading h3{font-size:22px;letter-spacing:-.035em;font-weight:500}
.portfolio-gallery-heading p{font-size:12px;color:#aeb9c9}
.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
.portfolio-grid .project-card{display:flex;flex-direction:column;gap:0;align-items:stretch;padding:0;border:1px solid #303b50;border-radius:10px;overflow:hidden;background:#10151f}
.portfolio-grid .project-visual{border-radius:0;padding:28px 54px 44px 24px}
.project-orbit .project-visual{background:#32493b}
.project-play .project-visual{background:#594637}
.project-shots .project-visual{background:#343d66}
.portfolio-grid .project-copy{padding:26px 28px 24px;display:flex;flex-direction:column;flex:1}
.portfolio-grid .project-copy h3{font-size:28px}
.portfolio-grid .project-kind{font-size:10px;margin-top:9px}
.portfolio-grid .project-status{font-size:10px;align-self:flex-start;margin-bottom:14px}
.portfolio-grid .project-description{font-size:14px;line-height:1.75;margin-top:14px}
.portfolio-grid .project-features{font-size:12px;gap:6px;margin-top:15px}
.portfolio-grid .project-link{display:flex;margin-top:auto;padding-top:22px;width:100%;font-size:13px}
.portfolio-grid .project-note,.portfolio-grid .project-credit{font-size:12px;line-height:1.65;margin-top:14px;margin-bottom:5px}
.portfolio-grid .project-new-tab{display:none}
.project-visual:focus-visible,.project-link:focus-visible{outline:3px solid #b7c9ff;outline-offset:4px}
.studio-showcase .showcase-controls{gap:12px;flex-wrap:wrap}
.studio-showcase .project-choices{display:flex;gap:7px;flex:1;min-width:0}
.studio-showcase .project-choices button{min-height:44px;padding:10px 13px;font-size:11px;white-space:nowrap}
.studio-showcase .showcase-topline .mono:first-child{font-size:9px;letter-spacing:.045em}
.studio-showcase .showcase-controls>a{min-height:44px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .portfolio-grid .project-visual .project-browser{transition:transform .4s cubic-bezier(.2,.65,.3,1)}
 .portfolio-grid .project-visual:hover .project-browser{transform:translateY(-5px)}
 .project-featured .project-visual:hover{box-shadow:0 0 0 2px #b5d9c3}
}
@media(max-width:1100px){.project-featured{grid-template-columns:1fr 1fr;gap:28px;padding:26px}.portfolio-grid{gap:28px 24px}.portfolio-grid .project-copy{padding:24px}.studio-showcase .project-choices button{padding-inline:11px}.studio-showcase .showcase-controls>a{font-size:11px}}
@media(max-width:800px){.selected-projects{padding-top:70px}.project-featured{grid-template-columns:1fr;padding:24px;gap:28px;margin-bottom:40px}.project-featured .project-copy{max-width:100%}.project-featured .project-visual{padding:28px 64px 50px 24px}.project-featured .project-copy h3{font-size:38px}.portfolio-gallery-heading{display:block}.portfolio-gallery-heading p{margin-top:10px}.portfolio-grid .project-copy h3{font-size:24px}.portfolio-grid .project-visual{padding:22px 38px 36px 14px}.portfolio-grid .project-phone{width:25%;right:9px;bottom:10px;border-width:4px;border-radius:13px}.portfolio-grid .project-phone img{border-radius:8px}.portfolio-grid .project-copy{padding:22px}.portfolio-grid .project-description{font-size:13px}.portfolio-grid .project-kind{font-size:9px}.portfolio-grid .project-status{font-size:9px}}
@media(max-width:600px){.selected-projects{padding-top:58px}.selected-projects .section-heading{margin-bottom:28px}.project-featured{padding:15px;gap:24px;border-radius:9px}.project-featured .project-visual{padding:20px 38px 36px 10px}.project-featured .project-copy{padding:0 5px 6px}.project-featured .project-copy h3{font-size:34px}.project-featured .project-description{font-size:14px}.project-featured .project-features{font-size:12px}.project-featured .project-link{font-size:13px;gap:12px}.portfolio-pick{font-size:9px;margin-bottom:14px}.portfolio-grid{grid-template-columns:1fr;gap:26px}.portfolio-grid .project-visual{padding:24px 44px 40px 18px}.portfolio-grid .project-copy{padding:24px}.portfolio-grid .project-copy h3{font-size:28px}.portfolio-grid .project-description{font-size:14px}.portfolio-grid .project-status{font-size:10px}.portfolio-grid .project-kind{font-size:10px}.portfolio-gallery-heading h3{font-size:22px;line-height:1.35}.studio-showcase .showcase-controls{display:grid;grid-template-columns:1fr}.studio-showcase .project-choices{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:6px}.studio-showcase .project-choices button{padding-inline:8px;font-size:11px}.studio-showcase .showcase-controls>a{justify-content:space-between;font-size:12px;width:100%}.studio-showcase .showcase-topline .mono:first-child{font-size:8px;letter-spacing:0}}
@media print{.portfolio-grid{display:block}.portfolio-grid .project-card{display:block;margin-bottom:25px;background:white}.project-featured{display:block;background:white;border-color:#adb9be}.portfolio-pick,.portfolio-gallery-heading h3{color:#17223a}.project-featured .project-link{color:#244e37}}
