/* The opening occupies the screen remaining below navigation. */
.prototype-hero{position:relative;display:block;height:calc(100svh - var(--home-nav-height,88px));min-height:0;background:#344e56;overflow:hidden}
.prototype-hero figure{position:absolute;inset:0;width:100%;height:100%;margin:0}
.prototype-hero img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;mask-image:none}
.prototype-hero>div{position:absolute;z-index:1;left:6vw;top:50%;transform:translateY(-50%);width:34%;padding:0;display:block}
.prototype-hero h1{font-size:clamp(42px,min(5vw,10svh),92px);line-height:1.04;letter-spacing:-.045em}
.prototype-hero p{font-size:clamp(15px,1.2vw,19px);line-height:1.5;margin:25px 0}
.prototype-hero .button{font-size:14px;padding:17px 22px}
@media(min-aspect-ratio:28/10){.prototype-hero>div{left:8vw;width:28%}.prototype-hero img{object-position:50% 52%}}
@media(max-width:800px),(orientation:portrait){
 .prototype-hero{display:flex;flex-direction:column;justify-content:space-between}
 .prototype-hero>div{position:relative;inset:auto;transform:none;width:100%;padding:clamp(22px,4svh,50px) 7vw 15px;flex:1;display:flex;flex-direction:column;justify-content:center}
 .prototype-hero h1{font-size:clamp(34px,min(7.4vw,7svh),64px)}
 .prototype-hero p{font-size:clamp(14px,2vw,18px);margin:18px 0}
 .prototype-hero .button{align-self:flex-start;padding:14px 18px}
 .prototype-hero figure{position:relative;inset:auto;flex:0 1 auto;width:100%;height:auto;min-height:0;aspect-ratio:2600/1788;max-height:60%}
 .prototype-hero img{height:100%;width:100%;object-fit:cover;object-position:center}
}
@media(max-height:550px) and (orientation:landscape){.prototype-hero h1{font-size:32px}.prototype-hero p{font-size:13px;margin:12px 0}.prototype-hero .button{padding:11px 16px;font-size:12px}}
.prototype-hero picture{display:block;width:100%;height:100%}
@media(max-width:800px),(orientation:portrait){.prototype-hero{height:auto;max-height:calc(100svh - var(--home-nav-height,72px))}.prototype-hero>div{flex:0 0 auto;justify-content:flex-start;padding:28px 7vw 25px}.prototype-hero h1{font-size:clamp(34px,7.4vw,64px)}.prototype-hero figure{flex:0 1 auto;max-height:none;aspect-ratio:2600/1788}.prototype-hero img{height:auto}.prototype-hero picture{height:auto}}

/* Seat the vessel in the lower-right composition while preserving the full hull. */
@media(min-width:801px) and (orientation:landscape){.prototype-hero img{transform:translate(2%,2%) scale(1.10);transform-origin:50% 50%}}
@media(min-aspect-ratio:28/10){.prototype-hero img{transform:translate(3%,4%) scale(1.08)}}