/* Isolated product preview. Shared navigation, forms and typography come from the home. */
.porta-page{background:#fff}.porta-page .section{padding-block:78px}.porta-page .eyebrow{letter-spacing:.1em}.porta-page .header-quote{white-space:nowrap}.porta-page a,.porta-page a:hover{text-decoration:none}
/* One uniform shade keeps the copy legible over the entire opening scene. */
.porta-hero{--porta-hero-height:clamp(510px,calc(100svh - 240px),560px);position:relative;isolation:isolate;overflow:hidden;background:#1e2132;color:#fff}.porta-hero-layout{position:relative;z-index:2;min-height:var(--porta-hero-height);display:flex;align-items:center;padding-block:24px}.porta-copy{max-width:585px}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px;color:#e0e2e8;margin-bottom:17px}.breadcrumbs a{transition:color .15s}.breadcrumbs a:hover{color:#a8c5df}.breadcrumbs span[aria-hidden]{color:#aeb6c5}.porta-copy>.eyebrow{color:#f0f2f6;margin-bottom:12px;font-size:10px}.porta-copy h1{font-size:clamp(46px,3.65vw,52px);font-weight:700;letter-spacing:-.04em;line-height:1.04;color:#fff;text-shadow:0 2px 14px #0004}.porta-copy h1>span{color:#fff}.porta-description{max-width:455px;margin-top:17px;font-size:15px;line-height:1.6;color:#f2f3f6;text-shadow:0 1px 7px #0005}.porta-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.porta-hero-actions .button{font-size:12px;min-height:46px;padding:12px 17px}.porta-hero-actions .button-outline{background:#1e2132b3;border-color:#ffffff70;color:#fff}.porta-hero-actions .button-outline:hover{background:#304b68;border-color:#d5e0ec}.porta-cta-note{font-size:11px;color:#e5e7ed;margin-top:8px}
.porta-rating{display:flex;align-items:center;gap:12px;max-width:435px;padding-top:14px;margin-top:16px;border-top:1px solid #ffffff45;color:#fff}.porta-rating .google-logo{width:33px;height:33px;flex:none;background:#fff;border-radius:50%;padding:5px}.porta-rating strong{font-size:21px;display:block;line-height:1.2}.porta-rating .rating-stars{font-size:14px;letter-spacing:2px;color:#f5cf75;margin-left:6px}.porta-rating>div>span{font-size:11px;color:#f0f2f5}.porta-rating-date{font-size:10px;color:#d8dce5;line-height:1.5;margin-left:auto;padding-left:12px;text-align:right}
.porta-hero-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.porta-hero-scene picture{display:block;width:100%;height:100%}.porta-hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.porta-hero-shade{position:absolute;inset:0;z-index:1;background:#10131d70;pointer-events:none}
.porta-value-strip{background:#1e2132;color:#fff;padding:15px 0}.porta-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.porta-value-grid>div{display:flex;align-items:center;gap:16px}.porta-value-grid>div+div{border-left:1px solid #ffffff25;padding-left:34px}.porta-value-grid .icon{width:28px;height:28px;color:#b9cbe1}.porta-value-grid span{display:block;font-size:11px;color:#d1d7e2;line-height:1.65}.porta-value-grid strong{font-size:13px;display:block;color:#fff;font-weight:600;margin-bottom:3px}.porta-section-nav{background:#fff;border-bottom:1px solid #e0e3e9}.porta-section-nav .container{display:flex;justify-content:center;align-items:center;gap:38px}.porta-section-nav a{display:flex;align-items:center;min-height:47px;font-size:12px;font-weight:600;color:#47566c;white-space:nowrap;transition:color .15s}.porta-section-nav a:hover{color:#122e4c}
.porta-page .clients{padding-top:40px;padding-bottom:30px}.porta-page .clients-heading h2{font-size:19px}.porta-page .clients-heading p{font-size:12px}.porta-page .clients-grid{margin-top:20px}.porta-page .press-shortcut{padding-top:20px;margin-top:22px}.porta-models{background:#f1f2f4;border-block:1px solid #e3e5e9}.porta-models .section-heading{margin-bottom:34px}.porta-models .section-heading>p{max-width:375px}.porta-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.porta-model{background:#fff;border:1px solid #e0e3e8;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.porta-model-photo{aspect-ratio:2/3;background:#e2e3e3;overflow:hidden}.porta-model-photo img{display:block;height:100%;width:100%;object-fit:cover;object-position:center;transition:transform .35s ease}.porta-model:hover .porta-model-photo img{transform:scale(1.015)}.porta-model-content{padding:24px;display:flex;flex-direction:column;flex:1}.porta-model h3{font-size:23px;line-height:1.2;letter-spacing:-.03em;color:#1e2132}.porta-model h3 a{color:inherit;transition:color .15s}.porta-model h3 a:hover{color:#486a8d}.porta-model p{font-size:13px;line-height:1.6;margin:12px 0 21px;color:#586274}.porta-finish-choice{min-height:44px;display:flex;align-items:center;justify-content:center;margin-top:auto;background:#eef1f4;border:1px solid #d8dfe7;border-radius:4px;color:#304b68;font-size:12px;font-weight:650;padding:10px;transition:background .15s,color .15s,border-color .15s}.porta-finish-choice:hover{background:#304b68;color:#fff;border-color:#304b68}.porta-photo-note{font-size:11px;color:#697184;margin-top:22px}
.porta-spec{background:#304b68;color:#fff;padding:65px 0}.porta-spec-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:start}.porta-spec .eyebrow{color:#d0ddec}.porta-spec h2{color:white}.porta-spec p{color:#e5ebf2;font-size:15px;max-width:430px;margin-top:21px}.porta-spec .button-outline{color:#fff;border-color:#9eafc1;background:transparent;margin-top:28px;font-size:12px}.porta-spec .button-outline:hover{background:#1e2132;border-color:#d0ddec}.porta-spec-list{margin:0;display:grid;gap:24px}.porta-spec-list>div{padding-bottom:24px;border-bottom:1px solid #ffffff26}.porta-spec-list>div:last-child{padding-bottom:0;border:0}.porta-spec-list dt{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600}.porta-spec-list dt .icon{color:#c9d9eb}.porta-spec-list dd{margin:10px 0 0 34px;font-size:13px;color:#e0e7f1;line-height:1.7}
.porta-process{background:#fff}.porta-process-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:85px;align-items:center}.porta-factory-photo{position:relative;max-height:580px;overflow:hidden;border-radius:5px}.porta-factory-photo>img{width:100%;height:580px;object-fit:cover}.porta-factory-photo figcaption{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:10px;padding:14px 16px;background:#1e2132eb;border-radius:3px;color:#fff;font-size:12px}.porta-process-intro{font-size:14px;line-height:1.7;max-width:500px;margin-top:22px}.porta-process .process{margin-block:28px}.porta-process .process h3{font-size:16px}.porta-process .process p{font-size:13px}.porta-process .process li{padding-block:16px}.porta-process .process li:first-child{padding-top:0}.porta-process .button{font-size:13px}.porta-page .reviews{background:#f5f6f8}.porta-page .review-card{background:#fff}.porta-page .faq{background:#e8ecf1}.porta-page .contact{background:#f4f5f7}.porta-page .contact h2{max-width:460px}.porta-page .footer-bottom{padding-bottom:36px}
.porta-spec .porta-credential-logos{max-width:430px;gap:12px;margin-top:27px;margin-bottom:0}.porta-spec .credential-logo{min-height:118px;padding:13px 8px;gap:8px}.porta-spec .credential-logo img{width:65px;height:65px}.porta-spec .credential-logo span{font-size:10px}
@media(min-width:1800px){.porta-hero-scene{left:auto;width:1600px}.porta-hero{background:#3e3a33}}
@media(max-width:1100px) and (min-width:768px){.porta-copy{max-width:490px}.porta-copy h1{font-size:46px}.porta-description{font-size:15px;max-width:420px}.porta-hero-actions{gap:9px}.porta-hero-actions .button{font-size:12px;min-height:48px}.porta-hero-actions .button-outline{font-size:11px}.porta-hero-scene img{object-position:63% center}.porta-value-grid{gap:18px}.porta-value-grid>div+div{padding-left:20px}.porta-value-grid strong{font-size:12px}.porta-value-grid span{font-size:10px}.porta-value-grid .icon{width:23px;height:23px}.porta-spec-layout{gap:45px}.porta-model-grid{gap:16px}.porta-model-content{padding:20px}.porta-model h3{font-size:20px}.porta-model p{font-size:12px}.porta-process-layout{gap:40px}.porta-factory-photo>img{height:560px}}
@media(max-width:767px){.porta-page .section{padding-block:50px}.porta-hero-layout{min-height:710px;align-items:flex-end;padding-block:28px 36px}.porta-copy{width:100%;max-width:480px}.breadcrumbs{font-size:10px;margin-bottom:25px}.porta-copy>.eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:17px}.porta-copy h1{font-size:43px;line-height:1.08;letter-spacing:-.04em}.porta-description{font-size:14px;line-height:1.6;max-width:360px;margin-top:19px}.porta-hero-actions{margin-top:23px;display:grid;grid-template-columns:1fr;gap:10px}.porta-hero-actions .button{min-height:49px;font-size:13px}.porta-hero-actions .button-outline{min-height:44px;font-size:12px;background:#1e2132bd}.porta-cta-note{font-size:10px;margin-top:11px}.porta-rating{margin-top:22px;padding-top:20px;gap:11px;max-width:435px}.porta-rating strong{font-size:21px}.porta-rating>div>span{font-size:10px}.porta-rating-date{font-size:9px}.porta-rating .rating-stars{font-size:12px;letter-spacing:1px}.porta-hero-scene img{object-position:73% center}.porta-hero-shade{background:#10131d80}.porta-value-strip{padding:10px 0}.porta-value-grid{grid-template-columns:1fr;gap:0}.porta-value-grid>div{padding:16px 0;gap:15px}.porta-value-grid>div+div{border-left:0;padding-left:0;border-top:1px solid #ffffff20}.porta-value-grid strong{font-size:13px;margin-bottom:1px}.porta-value-grid span{font-size:11px}.porta-value-grid .icon{width:25px;height:25px}.porta-section-nav .container{width:100%;padding-inline:20px;justify-content:flex-start;gap:26px;overflow-x:auto;scrollbar-width:thin}.porta-section-nav a{font-size:11px;min-height:51px}.porta-page .clients{padding-block:30px}.porta-page .clients-heading h2{font-size:18px}.porta-page .clients-heading p{font-size:10px}.porta-page .clients-grid{margin-top:18px}.porta-models .section-heading{margin-bottom:25px}.porta-models .section-heading>p{margin-top:0}.porta-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.porta-model-photo{aspect-ratio:2/3}.porta-model-content{padding:17px 13px}.porta-model h3{font-size:18px;line-height:1.22;min-height:44px}.porta-model p{font-size:11px;line-height:1.55;margin:10px 0 15px}.porta-finish-choice{font-size:11px;min-height:43px;padding-inline:6px}.porta-photo-note{font-size:10px;margin-top:17px;line-height:1.6}.porta-spec{padding-block:46px}.porta-spec-layout{grid-template-columns:1fr;gap:34px}.porta-spec h2{font-size:33px}.porta-spec p{font-size:13px;margin-top:19px}.porta-spec .button-outline{margin-top:22px;min-height:48px}.porta-spec-list{gap:21px}.porta-spec-list>div{padding-bottom:21px}.porta-spec-list dt{font-size:16px}.porta-spec-list dd{font-size:12px}.porta-process-layout{grid-template-columns:1fr;gap:30px}.porta-process-layout>div{order:-1}.porta-process-intro{font-size:13px;margin-top:18px}.porta-process .process{margin-block:25px}.porta-process .button{width:100%;font-size:13px}.porta-factory-photo{max-height:360px}.porta-factory-photo>img{height:360px;object-position:center}.porta-factory-photo figcaption{font-size:11px;left:13px;right:13px;bottom:13px;padding:12px}.porta-page .footer-bottom{padding-bottom:96px}}
@media(max-width:374px){.porta-copy h1{font-size:37px}.porta-copy>.eyebrow{font-size:9px}.porta-hero-actions .button{font-size:12px}.porta-rating-date{font-size:8px}.porta-rating>div>span{font-size:9px}.porta-rating .google-logo{width:29px;height:29px}.porta-model-grid{grid-template-columns:1fr;gap:22px}.porta-model-content{padding:23px}.porta-model h3{font-size:23px;min-height:0}.porta-model p{font-size:13px}.porta-finish-choice{font-size:12px}}
@media(prefers-reduced-motion:reduce){.porta-model-photo img{transition:none}.porta-model:hover .porta-model-photo img{transform:none}}

/* The blue benefits strip ends the first screen; section links follow below it. */
.porta-opening{
 --porta-header-height:131px;
 min-height:calc(100svh - var(--porta-header-height));
 min-height:calc(100dvh - var(--porta-header-height));
 display:grid;
 grid-template-rows:minmax(min-content,1fr) auto;
}
.porta-opening .porta-hero{display:grid}
.porta-opening .porta-hero-layout{min-height:0;padding-block:clamp(16px,3vh,48px)}
.porta-opening .porta-hero-scene{inset:0;width:auto}
.porta-section-nav .container{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.porta-section-nav a{justify-content:center;text-align:center;padding-inline:8px;min-height:48px}
@media(max-width:1199px){.porta-opening{--porta-header-height:121px}}
@media(min-width:768px) and (max-height:740px){
 .porta-opening .porta-hero-layout{padding-block:16px}
 .porta-copy h1{font-size:clamp(33px,5.6vh,42px)}
 .breadcrumbs{margin-bottom:10px}
 .porta-copy>.eyebrow{margin-bottom:8px}
 .porta-description{font-size:14px;line-height:1.5;margin-top:12px}
 .porta-hero-actions{margin-top:12px}
 .porta-hero-actions .button{min-height:44px;padding-block:10px}
 .porta-cta-note{margin-top:6px}
 .porta-rating{padding-top:10px;margin-top:12px}
 .porta-value-strip{padding-block:11px}
}
@media(max-width:767px){
 .porta-opening{--porta-header-height:107px}
 .porta-opening .porta-hero-layout{align-items:center;padding-block:24px}
 .breadcrumbs{margin-bottom:12px;font-size:10px}
 .porta-copy>.eyebrow{margin-bottom:10px;font-size:9px}
 .porta-copy h1{font-size:clamp(28px,4.2svh,36px);line-height:1.06}
 .porta-description{font-size:13px;line-height:1.5;margin-top:13px}
 .porta-hero-actions{grid-template-columns:1fr 1fr;margin-top:16px;gap:8px}
 .porta-hero-actions .button{font-size:11px;min-height:46px;padding:9px 8px}
 .porta-hero-actions .button-outline{font-size:10px}
 .porta-hero-actions .icon{width:19px;height:19px}
 .porta-cta-note{font-size:10px;margin-top:9px}
 .porta-rating{margin-top:14px;padding-top:13px;gap:9px}
 .porta-rating strong{font-size:20px}
 .porta-rating-date{padding-left:4px}
 .porta-value-strip{padding-block:12px}
 .porta-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .porta-value-grid>div{padding:0;gap:7px;flex-direction:column;align-items:flex-start}
 .porta-value-grid>div+div{padding-left:10px;border-top:0;border-left:1px solid #ffffff25}
 .porta-value-grid .icon{width:22px;height:22px}
 .porta-value-grid strong{font-size:11px;line-height:1.35;margin-bottom:4px}
 .porta-value-grid span{font-size:10px;line-height:1.45}
 .porta-section-nav .container{width:100%;padding-inline:12px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
 .porta-section-nav a{font-size:10px;min-height:42px;padding-inline:5px;white-space:normal}
 .porta-section-nav a:nth-child(4){grid-column:1}
 .porta-section-nav a:last-child{grid-column:2/4}
}
@media(max-width:374px){
 .porta-opening .porta-hero-layout{padding-block:8px}
 .porta-hero-actions .button{font-size:10px;padding-inline:6px}
 .porta-hero-actions .button-outline{font-size:9px}
 .porta-value-grid{gap:7px}
 .porta-value-grid>div+div{padding-left:7px}
}
@media(min-width:768px) and (max-height:650px){
 .porta-page .nav-shell{height:76px}
 .porta-opening .porta-hero-layout{padding-block:10px}
 .porta-copy h1{font-size:33px}
 .porta-value-strip{padding-block:8px}
 .porta-rating{margin-top:10px;padding-top:8px}
}
@media(max-width:767px) and (max-height:700px){
 .porta-page .nav-shell{height:64px}
 .porta-opening .porta-hero-layout{padding-block:8px}
 .porta-copy .breadcrumbs{display:none}
 .porta-copy h1{font-size:clamp(26px,4.6svh,32px)}
 .porta-copy>.eyebrow{margin-bottom:8px}
 .porta-description{font-size:12px;line-height:1.45;margin-top:10px}
 .porta-hero-actions{margin-top:12px}
 .porta-cta-note{margin-top:7px}
 .porta-rating{margin-top:10px;padding-top:10px}
 .porta-value-strip{padding-block:8px}
 .porta-value-grid>div{gap:5px}
 .porta-value-grid .icon{width:18px;height:18px}
 .porta-value-grid strong{font-size:10px;margin-bottom:2px}
 .porta-value-grid span{font-size:9.5px;line-height:1.35}
}