/* Alae's marked-reference corrections, 24 October 2026. */
/* Original logo pixels provide the symbol and wordmark; only the requested
   product label and Menu360 symbol colors are composed with CSS. */
.product-lockup{position:relative;width:320px;max-width:100%;aspect-ratio:1600/354;container-type:inline-size}
.product-lockup>img{width:100%;height:auto;clip-path:polygon(0 0,100% 0,100% 76%,24% 76%,24% 100%,0 100%)}
.product-lockup>span{position:absolute;left:26.7%;top:79%;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-size:4.25cqw;font-weight:600;letter-spacing:.15em;line-height:1;white-space:nowrap;color:#1b4f91}
.symbol-color{display:none}
.menu-lockup>span{color:#216e51}
.menu-lockup .symbol-color{display:block;position:absolute;inset:0;mask:url('/assets/global/logo.png') 0 0/100% 100% no-repeat;-webkit-mask:url('/assets/global/logo.png') 0 0/100% 100% no-repeat}
.menu-lockup .symbol-stem{background:#27824f;clip-path:inset(0 91.5% 0 0)}
.menu-lockup .symbol-top{background:#79d7af;clip-path:polygon(8.5% 0,23% 0,23% 51%,8.5% 51%)}
.menu-lockup .symbol-bottom{background:#103e38;clip-path:polygon(8.5% 51%,23% 51%,23% 100%,8.5% 100%)}

/* One photographic band: image, heading and cost indicators stay together. */
.feature{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:54% 46%}
.feature-image{position:absolute;inset:0 auto 0 0;width:67%;height:100%;z-index:-2}
.feature-image img{object-position:25% center}
.feature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 34%,#0c20376b 48%,#0c2037 64%)}
.feature-copy{grid-column:2;position:relative}
.feature-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.feature-facts span{min-width:0;padding:0 14px;gap:10px}
.feature-facts span+span{border-left:1px solid #8ea1b570!important}
@media(max-width:1100px){.feature{grid-template-columns:49% 51%}.feature-facts span{padding-inline:10px;font-size:12px;gap:8px}}
@media(max-width:800px){.product-lockup{width:250px}.feature-copy{padding-right:24px}.feature-facts{flex-wrap:nowrap}.feature-facts span{flex-direction:column;align-items:flex-start;padding-inline:10px;gap:8px}.feature-facts span:first-child{padding-left:0}}
@media(max-width:600px){
 .hero-shell{min-height:680px;padding-bottom:0}
 .hero-picture{inset:0;width:100%;height:100%}
 .hero-picture img{object-position:64% center}
 .hero-shell:after{background:linear-gradient(180deg,#06121ba8 0%,#06121b55 45%,#06121b12 100%),linear-gradient(90deg,#06121bc9 0%,#06121b80 55%,#06121b22 100%)}
 .hero-copy{padding-top:30px;padding-bottom:170px}
 .hero-copy h1{font-size:clamp(45px,11.8vw,59px);text-shadow:0 2px 12px #0003}
 .hero-copy .intro{color:#fff;max-width:330px}
 .hero-shell .masthead{background:transparent}
 .product-lockup{width:280px}
 .feature{display:block;min-height:460px}
 .feature-image{inset:0;width:100%;height:100%}
 .feature-image img{object-position:24% center}
 .feature:after{background:linear-gradient(90deg,#07182815 0%,#0c2037b8 28%,#0c2037ed 62%,#0c2037f5 100%)}
 .feature-copy{width:74%;margin-left:auto;padding:34px 20px 33px 8px}
 .feature h2{font-size:31px;line-height:1.07}
 .feature p{font-size:16px;line-height:1.5;margin-top:18px}
 .feature-facts{margin-top:24px;justify-content:normal}
 .feature-facts span{font-size:11px;padding:0 9px;gap:7px;line-height:1.45}
 .feature-facts span+span{padding-left:9px}
 .feature-facts .icon{width:27px;height:31px}
}