/* Catalog and genuine project gallery, isolated from existing production products. */
.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.catalog-grid .porta-model-photo{aspect-ratio:3/4}.catalog-grid .porta-model-content{padding:20px}.catalog-grid h3{font-size:21px}.catalog-grid p{font-size:13px}.model-kind{display:block;color:#64748b;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.strong-teaser{padding:70px 0;background:#1e2132;color:#fff}.strong-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.strong-teaser h2,.strong-teaser .eyebrow{color:#fff}.strong-teaser p{color:#d8dce5;max-width:410px;margin:22px 0}.strong-teaser .button-outline{color:#fff;border-color:#8d9bae}.strong-image{display:block;overflow:hidden;border-radius:6px}.strong-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:right}.real-projects .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.real-projects .project-card>a{display:block;overflow:hidden}.real-projects .project-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}.real-projects .project-card:nth-child(3){grid-column:auto;display:block}.real-projects .project-card:nth-child(3) img{height:auto;aspect-ratio:4/5}.real-projects .project-card>div{padding:23px}.real-projects .project-card h3{font-size:23px}.projects-page,.strong-page{background:#f5f5f3}.gallery-intro{padding:48px 0 64px;background:#1e2132;color:#fff}.gallery-intro .breadcrumbs,.strong-hero .breadcrumbs{display:flex;gap:12px;font-size:12px;margin-bottom:34px;color:#d7deea}.gallery-intro .eyebrow,.strong-hero .eyebrow{color:#b6c9df}.gallery-intro h1{font-size:clamp(36px,4.5vw,65px);line-height:1.05;letter-spacing:-.04em;color:#fff;max-width:760px}.gallery-intro p{font-size:17px;line-height:1.6;margin:22px 0 28px;color:#d9e0e9}.gallery-section{padding-block:52px 80px}.project-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.project-filters button{border:1px solid #cbd2dc;border-radius:4px;background:#fff;color:#344256;padding:12px 20px;font-family:inherit;font-size:13px;font-weight:600;min-height:44px;cursor:pointer}.project-filters button[aria-pressed=true]{background:#304b68;border-color:#304b68;color:#fff}.project-filters button:hover{border-color:#304b68}.real-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.gallery-card{background:#fff;border:1px solid #e1e4e8;border-radius:5px;overflow:hidden;min-width:0}.gallery-card[hidden]{display:none}.project-enlarge{display:block;position:relative;overflow:hidden;background:#e6e7e5}.project-enlarge>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .2s}.project-enlarge:hover>img{transform:scale(1.02)}.project-enlarge>span{position:absolute;right:12px;bottom:12px;padding:8px 10px;background:#1e2132e6;color:#fff;font-size:11px;border-radius:3px}.gallery-card>div{padding:24px}.gallery-card h2{font-size:23px;line-height:1.2;margin-bottom:10px;letter-spacing:-.025em}.gallery-card p{font-size:13px;line-height:1.6;color:#5d6675}.projects-page a,.strong-page a{text-decoration:none}.projects-page a:hover,.strong-page a:hover{color:#6487ab;text-decoration:none}.projects-page a.button:hover,.strong-page a.button:hover{color:#fff}#project-viewer{width:min(1100px,96vw);max-width:96vw;max-height:96dvh;background:#171b27;color:white;border:0;padding:56px 16px 16px;border-radius:6px;overflow:auto}#project-viewer::backdrop{background:#0c101be8}#project-viewer img{width:100%;height:calc(85dvh - 100px);object-fit:contain}#project-viewer p{text-align:center;font-size:14px;margin-top:12px}.project-close{position:absolute;top:10px;right:12px;background:#fff;color:#1e2132;border:0;border-radius:4px;padding:10px 18px;min-height:40px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.strong-hero{position:relative;isolation:isolate;min-height:590px;display:grid;align-items:center;background:#25272a;color:#fff;padding:40px 0 54px}.strong-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.strong-hero .container{position:relative}.strong-hero h1{max-width:650px;color:#fff;font-size:clamp(34px,3.7vw,56px);line-height:1.07;letter-spacing:-.035em}.strong-hero p{font-size:17px;line-height:1.6;color:#e6e8ec;max-width:530px;margin:23px 0 27px}.strong-form-link{display:block;font-size:12px;color:#e1e6ed;margin-top:14px}.strong-applications{padding-block:72px}.strong-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.strong-cards article{background:#fff;border:1px solid #dce1e8;border-radius:5px;padding:30px;display:flex;flex-direction:column}.strong-number{font-size:13px;font-weight:650;color:#6c829d;margin-bottom:28px}.strong-cards h3{font-size:25px;line-height:1.15;letter-spacing:-.03em;margin-bottom:15px}.strong-cards p{font-size:14px;color:#667085;line-height:1.6;margin-bottom:28px}.strong-cards a{display:block;padding:12px 14px;background:#eaf0f4;border-radius:4px;color:#304b68;text-align:center;font-size:12px;font-weight:600;margin-top:auto;min-height:44px}.strong-complements{background:#304b68;color:#fff;padding:70px 0}.strong-complements>.container{display:grid;grid-template-columns:1fr 1fr;gap:90px}.strong-complements h2{color:#fff}.strong-complements .eyebrow{color:#ccdaeb}.strong-complements p{color:#e2e8f0;font-size:14px;line-height:1.65;margin-top:18px;max-width:440px}.strong-details article+article{border-top:1px solid #ffffff40;margin-top:22px;padding-top:22px}.strong-details h3{font-size:21px}.strong-details p{margin-top:8px}.strong-brief ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:32px 0}.strong-brief li{border-left:2px solid #304b68;padding-left:20px}.strong-brief strong{display:block;font-size:19px;margin-bottom:10px}.strong-brief span,.strong-brief p{color:#647083;font-size:14px;line-height:1.6}.strong-brief>div>p{max-width:850px;font-size:12px}.strong-page .contact,.projects-page .contact{background:#fff}
@media(min-width:1600px){.strong-hero{min-height:680px}}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.strong-layout{gap:35px}.strong-hero h1{max-width:550px;font-size:44px}.strong-complements>.container{gap:40px}}
@media(max-width:767px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.catalog-grid .porta-model-content{padding:15px 12px}.catalog-grid h3{font-size:18px;min-height:44px}.catalog-grid p{font-size:11px}.model-kind{font-size:9px;letter-spacing:.04em}.strong-layout{grid-template-columns:1fr;gap:28px}.strong-teaser{padding:48px 0}.strong-teaser h2{font-size:35px}.strong-image{order:-1}.real-projects .projects-grid{grid-template-columns:1fr}.real-projects .project-card img,.real-projects .project-card:nth-child(3) img{aspect-ratio:4/3}.gallery-intro{padding:30px 0 44px}.gallery-intro h1{font-size:38px}.gallery-intro p{font-size:14px}.gallery-intro .breadcrumbs{margin-bottom:25px}.real-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.gallery-card>div{padding:15px 12px}.gallery-card h2{font-size:18px}.gallery-card p{font-size:11px}.project-enlarge>span{font-size:9px;right:7px;bottom:7px;padding:6px}.project-filters{gap:7px}.project-filters button{font-size:11px;padding:10px 13px}.gallery-section{padding-top:28px}.strong-hero{min-height:710px;align-items:end;padding:260px 0 38px}.strong-hero>img{height:310px;object-position:75% center}.strong-hero .container{background:#25272a;padding-top:28px}.strong-hero .breadcrumbs{margin-bottom:18px}.strong-hero h1{font-size:36px}.strong-hero p{font-size:14px;margin:18px 0 24px}.strong-cards{grid-template-columns:1fr}.strong-cards article{padding:24px}.strong-number{margin-bottom:16px}.strong-complements>.container{grid-template-columns:1fr;gap:30px}.strong-brief ol{grid-template-columns:1fr;gap:24px}.strong-brief strong{font-size:17px}.strong-complements{padding:48px 0}}
@media(max-width:374px){.catalog-grid,.real-gallery{grid-template-columns:1fr}.gallery-card>div{padding:22px}.gallery-card h2{font-size:23px}.gallery-card p{font-size:13px}.catalog-grid h3{min-height:0}.catalog-grid .porta-model-content{padding:22px}.catalog-grid p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.project-enlarge>img{transition:none}.project-enlarge:hover>img{transform:none}}
@media(min-width:768px){.strong-hero>img{left:auto;right:0;width:auto;max-width:75%;object-fit:contain;object-position:right center}}