/* OC-SCN-063/064/065: static independent alpha concepts, exact OC-SCN-039 ground. */
.gpt-ground{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:#087e51}
.gpt-ground img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center bottom}
.gpt-ground::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#087e51 0,rgba(8,126,81,0) 24%),linear-gradient(90deg,rgba(8,126,81,.14),rgba(8,126,81,0) 62%)}
.gpt-hero-art{position:absolute;z-index:1;width:calc(57 * var(--hero-u));max-width:1094px;right:calc(50% - 49 * var(--hero-u));top:55%;transform:translateY(-50%);pointer-events:none;aspect-ratio:3/2}
.gpt-hero-art picture,.gpt-hero-art img{display:block;width:100%;height:auto}
@media(max-width:899px),(max-width:1200px) and (max-aspect-ratio:1/1){
 .gpt-ground img{object-position:38% bottom}
 .gpt-hero-art{width:calc(106 * var(--hero-u));max-width:none;right:calc(50% - 53 * var(--hero-u));top:auto;bottom:calc(38 * var(--hero-u));transform:none}
 .gpt-hero[data-concept="064"] .gpt-hero-art{width:calc(96 * var(--hero-u));right:calc(50% - 48 * var(--hero-u))}
}
@media(max-width:599px) and (max-height:740px) and (orientation:portrait){
 .gpt-hero-art{width:calc(89 * var(--hero-u));right:calc(50% - 44.5 * var(--hero-u));bottom:calc(36 * var(--hero-u))}
 .gpt-hero[data-concept="064"] .gpt-hero-art{width:calc(89 * var(--hero-u));right:calc(50% - 44.5 * var(--hero-u))}
}
@media(max-height:600px) and (orientation:landscape){
 .gpt-ground img{object-position:center bottom}
 .gpt-hero .gpt-hero-art,.gpt-hero[data-concept="064"] .gpt-hero-art{width:min(350px,44vw);right:20px;top:45%;bottom:auto;transform:translateY(-62%)}
}