/* A photograph-led connection to the existing Wraptor portfolio. */
.portfolio-category-links{display:flex;flex-wrap:wrap;gap:11px 24px;border-bottom:1px solid #d5e0e8;padding:26px 0 21px}.portfolio-category-links a{display:inline-flex;align-items:center;gap:9px;font-size:.875rem;font-weight:600;min-height:44px;color:#275779;text-decoration:underline;text-decoration-color:#a5bdcf;text-underline-offset:4px}.portfolio-category-links a:hover{color:var(--orange-text)}
.portfolio-showcase{background:#fff}.portfolio-showcase.soft{background:var(--paper)}
.portfolio-showcase .section-head{align-items:flex-end;gap:28px;margin-bottom:36px}.portfolio-showcase .section-head h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(2.6rem,4.1vw,4.1rem);text-transform:uppercase;letter-spacing:-.015em;font-weight:700;max-width:790px}.portfolio-showcase .section-head>div>p{max-width:780px}.portfolio-showcase .section-head .text-link{white-space:nowrap;min-height:44px}
.portfolio-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 25px}.portfolio-project{min-width:0}.portfolio-project-image{position:relative;display:block;aspect-ratio:4/3;background:#0c151d;border-radius:4px;overflow:hidden}.portfolio-project-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.portfolio-project-image:hover img{transform:scale(1.02)}.portfolio-image-link{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;color:#fff;background:#08131deb;border:1px solid #9ab6cb70;backdrop-filter:blur(6px);border-radius:3px;padding:7px 11px;font-size:.875rem;line-height:1.4}.portfolio-project-copy{padding:21px 0 0}.portfolio-project-copy .eyebrow{font-size:.75rem;letter-spacing:.09em;margin-bottom:11px}.portfolio-project-copy h3{font-size:1.3rem;line-height:1.3;letter-spacing:-.025em}.portfolio-project-copy h3 a:hover{color:var(--orange-text);text-decoration:underline;text-underline-offset:4px}.portfolio-project-copy p{font-size:1rem;line-height:1.65;margin-top:11px}
.portfolio-collection-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid #c9d8e3;padding-top:32px;margin-top:38px}.portfolio-collection-footer h3{font-size:1.35rem;line-height:1.3}.portfolio-collection-footer h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(2.3rem,3.8vw,3.6rem);text-transform:uppercase;letter-spacing:-.015em;max-width:800px}.portfolio-collection-footer p{margin-top:12px;max-width:720px;font-size:1rem}.portfolio-collection-footer .btn{flex-shrink:0}.section.soft>.container>.portfolio-collection-footer{margin-top:0;padding-top:0;border:0}
.portfolio-collection-section{padding-bottom:54px}.portfolio-collections .pathway{min-height:365px}.portfolio-collections h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:2.8rem;line-height:1.04;text-transform:uppercase;letter-spacing:0}
@media(max-width:1100px){.portfolio-showcase .section-head{display:block}.portfolio-showcase .section-head .text-link{margin-top:19px}.portfolio-project-grid{gap:33px 23px}.portfolio-collection-footer{align-items:flex-start;flex-direction:column;gap:22px}.portfolio-project-copy h3{font-size:1.2rem}}
@media(max-width:900px){.portfolio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 23px}.portfolio-collections .pathway{min-height:330px}.portfolio-collections h2{font-size:2.4rem}}
@media(max-width:600px){.portfolio-project-grid{grid-template-columns:1fr;gap:33px}.portfolio-project-image{aspect-ratio:4/3}.portfolio-project-copy{padding-top:18px}.portfolio-project-copy h3{font-size:1.3rem}.portfolio-project-copy p{margin-top:9px}.portfolio-image-link{right:10px;bottom:10px}.portfolio-collection-footer{padding-top:25px;margin-top:29px}.portfolio-collection-footer .btn{width:100%}.portfolio-collection-section{padding-bottom:37px}.portfolio-collections .pathway{min-height:335px}.portfolio-showcase .section-head{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.portfolio-project-image img{transition:none;transform:none}}

/* Portfolio pages inherit the same dark, electric showroom treatment. */
.portfolio-collection-section{background:#0d1a24;color:#eef7fc}.portfolio-category-links{border-color:#304d60}.portfolio-category-links a{color:#70d2ff;text-decoration-color:#376b88}.portfolio-category-links a:hover{color:#ff9b52}
.portfolio-showcase,.portfolio-showcase.soft{background:#08131c!important;color:#eef7fc}.portfolio-showcase:nth-of-type(even){background:#0d1a24!important}
.portfolio-showcase .section-head p,.portfolio-project-copy p,.portfolio-collection-footer p{color:#a9bdca}.portfolio-project-copy h3 a{color:#f3f9fd}.portfolio-project-copy .eyebrow{color:#62d0ff}.portfolio-collection-footer{border-color:#304c60}.portfolio-project-image{border:1px solid #2b4659;box-shadow:0 14px 35px #0004}
.portfolio-collection-section+.portfolio-showcase{border-top:1px solid #284356}

/* The complete portfolio lives inside the main website. */
.portfolio-hub-heading,.portfolio-detail-heading{background:linear-gradient(130deg,#102636,#09141e);padding:26px 0 42px;border-bottom:1px solid #2c536c}
.portfolio-breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:#a8c0cf;font-size:.875rem;margin-bottom:30px}
.portfolio-breadcrumb a{color:#73d6ff;padding:6px 0}.portfolio-breadcrumb [aria-current]{color:#bdcfdb}
.portfolio-hub-heading h1,.portfolio-detail-heading h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(3rem,5.5vw,5.1rem);line-height:1.06;color:#f5faff;text-transform:uppercase;max-width:1100px}
.portfolio-hub-heading p{max-width:750px;color:#bed0dc;font-size:1.05rem;margin-top:20px}
.portfolio-browser{padding-top:32px!important}.portfolio-collection-nav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}
.portfolio-collection-nav a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 13px;border:1px solid #315771;background:#102330;color:#cce4f1;border-radius:3px;font-size:.875rem;line-height:1.4}
.portfolio-collection-nav a span{color:#75ccec;font-size:.8125rem}.portfolio-collection-nav a:hover{border-color:#55d6ff;color:white}.portfolio-collection-nav a[aria-current]{background:#ff831f;border-color:#ff831f;color:#09131c;font-weight:700}.portfolio-collection-nav a[aria-current] span{color:#193040}
.portfolio-filters{display:flex;align-items:flex-end;gap:16px;padding:23px;background:#10222e;border:1px solid #30536b;border-top:2px solid #36c7ff}
.portfolio-filters label{display:grid;gap:9px;font-size:.875rem;color:#d9ebf5;min-width:0}.portfolio-filters label:first-child{flex:1}.portfolio-filters label:nth-child(2){width:230px}
.portfolio-filters input,.portfolio-filters select{width:100%;min-height:46px;padding:10px 13px;border:1px solid #4b728b;border-radius:3px;background:#07131d;color:#f2f8fc;font:inherit;font-size:1rem}.portfolio-filters input::placeholder{color:#9cb4c5}
.portfolio-filters button{min-height:46px;padding:10px 16px;border:1px solid #5291b7;background:#0c1924;color:#a7e7ff;border-radius:3px;font:inherit;font-size:.875rem;cursor:pointer}
.portfolio-result-count{font-size:.95rem;margin:24px 0;color:#b9d0df!important}.portfolio-browser .portfolio-project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 23px}
.portfolio-card-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:#a1becf;font-size:.875rem;margin-top:12px}.portfolio-browser .portfolio-project-copy h3{font-size:1.2rem}.portfolio-project-image:hover img{transform:none}
.portfolio-browser [hidden]{display:none!important}.portfolio-empty{padding:40px 24px;border:1px solid #355970;color:#cee5f2;text-align:center}
.portfolio-load-more{display:flex;justify-content:center;margin-top:35px}.portfolio-load-more:has([hidden]){display:none}
.portfolio-service-link{padding:30px 0;border-top:1px solid #28495f;background:#0c1c29}.portfolio-service-link .container{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}.portfolio-service-link p{color:#b9d1e0}
.portfolio-detail-description{max-width:950px;margin-top:23px}.portfolio-detail-description p{color:#bed1df;line-height:1.75;margin-top:12px}.portfolio-vehicle-label{color:#a5c1d1;font-size:.95rem;margin-top:20px}.portfolio-vehicle-label strong{color:#edf7ff}
.portfolio-project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.portfolio-project-tags a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;background:#102e42;border:1px solid #326483;border-radius:3px;color:#7cdaff;font-size:.875rem}
.portfolio-photo-section{padding:38px 0 58px;background:#050e16}.portfolio-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.portfolio-photo{margin:0;min-width:0;background:#091722;border:1px solid #2b4b62;border-radius:4px;overflow:hidden}.portfolio-photo:first-child{grid-column:1/-1}.portfolio-photo a{position:relative;display:block}.portfolio-photo img,.portfolio-photo video{display:block;max-width:100%;width:100%;height:auto;max-height:620px;object-fit:contain}.portfolio-photo a>span{position:absolute;right:14px;bottom:14px;background:#07131eee;border:1px solid #5590af;border-radius:3px;color:#d9f1ff;font-size:.875rem;padding:8px 12px}.portfolio-photo figcaption{padding:14px 18px;font-size:.875rem;color:#b2cbd9}
.portfolio-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#040c14;color:white}.portfolio-viewer[open]{display:flex;flex-direction:column}.portfolio-viewer::backdrop{background:#02070bfa}.portfolio-viewer header,.portfolio-viewer footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 25px;background:#102330;flex-shrink:0}.portfolio-viewer h2{font-size:1rem;line-height:1.3;letter-spacing:0}.portfolio-viewer button,.portfolio-viewer a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;background:#06141f;border:1px solid #4d7895;border-radius:3px;color:#e2f4ff;font:inherit;font-size:.875rem;cursor:pointer}.portfolio-viewer button:disabled{opacity:.35;cursor:default}.portfolio-viewer-stage{flex:1;min-height:0;padding:18px;display:flex;align-items:center;justify-content:center}.portfolio-viewer-stage img{width:100%;height:100%;object-fit:contain}.portfolio-viewer>p{flex-shrink:0;min-height:20px;margin:0;padding:0 25px 10px;color:#a9c9de;font-size:.875rem}
@media(max-width:1100px){.portfolio-browser .portfolio-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.portfolio-browser .portfolio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-filters{flex-wrap:wrap}.portfolio-filters label:first-child{flex-basis:100%}.portfolio-filters label:nth-child(2){flex:1;width:auto}.portfolio-photo-grid{gap:18px}.portfolio-hub-heading,.portfolio-detail-heading{padding-bottom:32px}}
@media(max-width:560px){.portfolio-browser .portfolio-project-grid,.portfolio-photo-grid{grid-template-columns:minmax(0,1fr)}.portfolio-photo:first-child{grid-column:auto}.portfolio-filters{padding:18px}.portfolio-collection-nav{gap:8px}.portfolio-collection-nav a{font-size:.875rem}.portfolio-photo-section{padding:24px 0 38px}.portfolio-breadcrumb{margin-bottom:23px}.portfolio-viewer header,.portfolio-viewer footer{padding:12px}.portfolio-viewer-stage{padding:8px}.portfolio-viewer footer a{order:3;width:100%}}