/* Final responsive and editorial pass. Keep the cinematic scenes intact. */
#team .portrait-photo{height:clamp(240px,36svh,330px);overflow:hidden;position:relative;flex:none;background:#0b2340}
#team .portrait-photo img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 0;mask-image:none;-webkit-mask-image:none}
#team .portrait-henrieta .portrait-photo img,#team .portrait-miro .portrait-photo img{transform:scale(1.65);transform-origin:50% 8%}
#team .portrait-caption{position:relative;z-index:2}
/* Keep the portraits natural: no edge sharpening, white stroke or hover sheen. */
#team .portrait-photo img{filter:none;border:0;outline:0;box-shadow:none}
#team .portrait-panel::after{display:none}
#team .portrait-panel::before{border-color:#278bcc40;background:none}
html{scroll-padding-top:100px}
html.js-motion .portal{height:170svh}
.portal-copy .container>div:first-child{min-width:0;max-width:100%}
.portal-copy .chip{max-width:100%;box-sizing:border-box;line-height:1.6;white-space:normal}
.customer-reviews{padding:48px 32px}
.reviews-shell{max-width:1200px;grid-template-columns:minmax(0,1fr) auto;gap:40px;padding:32px 40px;box-sizing:border-box;border:1px solid #6dc9ff50;border-radius:24px;background:linear-gradient(125deg,#102d46ee,#061321ee)}
.reviews-intro h2{font-size:clamp(30px,3vw,42px);margin:12px 0}
.reviews-intro p{max-width:60ch;margin-bottom:0}
#team .portrait-stefan img{object-fit:contain;object-position:center;box-sizing:border-box;padding:18px 22px 30px;background:radial-gradient(ellipse at center,#123253,#061426)}
@media(max-width:860px){
 html{scroll-padding-top:90px}
 .portal-copy .container{box-sizing:border-box;width:100%;padding-inline:22px}
 .portal-copy .container>div:first-child{width:100%;flex:0 1 auto}
 .portal h1{font-size:clamp(30px,9.2vw,58px);line-height:1.08}
 .portal h1 .line{white-space:normal;overflow:visible}
 .portal-copy .chip{font-size:9px;letter-spacing:.1em;padding:6px 10px}
 .portal-side{min-width:0;max-width:100%}
 .portal-side p{font-size:14px;line-height:1.6}
 .portal-side .cta-row{gap:10px}
 .portal-side .btn{padding:12px 17px;font-size:12px}
 .reviews-shell{grid-template-columns:1fr;padding:26px;gap:24px}
 .customer-reviews{padding:30px 18px}
 .reviews-write{justify-self:start}
}
@media(max-width:860px) and(max-height:700px){
 .portal-copy{bottom:60px}
 .portal-copy .container{gap:12px}
 .portal h1{margin-top:12px;font-size:32px}
 .portal-side{gap:12px}
}