/* Section headers share the main site's energy palette without changing its homepage. */
.section-page>.site-header{background:#fff}
.section-page .energy-header:not(.is-scrolled):not(.nav-open):not(.menu-open){background:transparent;color:#fff;border-color:#ffffff30}
.section-page>#main{padding-top:0}
.section-banner{height:430px;min-height:390px;position:relative;isolation:isolate;overflow:hidden;background:#071c2c;color:#fff}
.section-banner-image,.section-banner-shade,.section-banner-grid{position:absolute;inset:0;pointer-events:none}
.section-banner-image>img{width:100%;height:100%;object-fit:cover;object-position:center;animation:section-pan 16s ease-out both;will-change:transform}
.section-banner[data-focus=left] .section-banner-image>img{object-position:25% center}
.section-banner[data-focus=right] .section-banner-image>img{object-position:75% center}
.section-banner-shade{background:linear-gradient(90deg,#0415229c,#06192d38 58%,#071b2933),linear-gradient(0deg,#03152285,transparent 65%,#04152333)}
.section-banner-grid{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:110px 110px;mask-image:linear-gradient(90deg,transparent,#0003);opacity:.5}
.section-banner-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:75px;padding-bottom:30px;width:min(1280px,calc(100% - 100px))}
.section-banner-kicker{font-size:8px;letter-spacing:.22em;display:flex;align-items:center;justify-content:center;gap:10px;color:#d1e2ee;font-weight:550;margin-bottom:19px;text-shadow:0 1px 10px #031322}
.section-banner-kicker>span{height:2px;width:24px;background:#f13c42}
.section-banner h1{font-size:70px;font-weight:650;letter-spacing:-.04em;line-height:1.12;color:white;text-shadow:0 3px 25px #03132266;margin:0;white-space:normal;overflow-wrap:anywhere;max-width:100%;animation:section-copy-in .75s both}
.section-banner p{font-size:14px;color:#e1eaf0;line-height:1.8;max-width:680px;margin:18px 0 0;text-shadow:0 1px 15px #031322;animation:section-copy-in .85s .1s both}
.section-breadcrumb{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:27px;font-size:9px;color:#c0d0dc;max-width:100%;flex-wrap:wrap;line-height:1.7}
.section-breadcrumb>a{color:#fff}.section-breadcrumb>a:hover{color:#ff7c80}.section-breadcrumb>span[aria-hidden]{color:#6d8c9f}
.section-banner-marker{position:absolute;bottom:23px;right:40px;font-size:7px;letter-spacing:.2em;color:#bfd1de8c;z-index:2}
.section-subnav{border-bottom:1px solid #e4e9ed;background:#fff}
.section-subnav>.container{display:flex;justify-content:center;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ced9e0 transparent}
.section-subnav a{display:flex;align-items:center;justify-content:center;gap:30px;min-height:73px;font-size:12px;font-weight:550;padding:18px 35px;white-space:nowrap;border-bottom:2px solid transparent;color:#5f707e;transition:color .25s,background .25s,border-color .25s}
.section-subnav a>span{font-size:14px;color:#a0afb9;transition:color .25s,transform .25s}.section-subnav a:hover,.section-subnav a:focus-visible{color:#de2931;background:#f7f9fa;border-bottom-color:#de2931}.section-subnav a:hover>span{color:#de2931;transform:translate(2px,-2px)}
.section-page .section-content-lead{padding-block:55px;gap:65px}
.section-content-lead h2{font-size:41px;line-height:1.15;letter-spacing:-.04em;margin:18px 0 22px;white-space:pre-line}
.section-content-lead .eyebrow{font-size:8px;letter-spacing:.15em;color:#a0abb4}
.section-page .section-content-lead>img{height:265px;border-radius:0}
.section-page .editorial{padding-top:20px}
.section-page .catalogue-header{padding-block:47px 38px}
.section-page .catalogue-header h2{font-size:43px;line-height:1.15;letter-spacing:-.04em;margin:17px 0 22px}
.section-page .catalogue-header>.eyebrow{font-size:8px;color:#dc2930;letter-spacing:.15em}
.section-page .product-card{border-radius:0}.section-page .product-card-image{background:#e7edf1}.section-page .product-card:hover{box-shadow:0 12px 30px #142c3b12}.section-page .product-card:hover img{transform:scale(1.04) rotate(-3deg)}
@keyframes section-pan{from{transform:scale(1.025)}to{transform:scale(1.1) translateX(-.7%)}}
@keyframes section-copy-in{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
html[lang=my] .section-banner h1{font-size:45px;line-height:1.6;letter-spacing:0;max-width:1000px}
html[lang=my] .section-banner p{font-size:13px;line-height:2;max-width:850px;margin-top:12px}
html[lang=my] .section-breadcrumb{font-size:10px;margin-top:19px}
html[lang=my] .section-content-lead h2{font-size:31px;line-height:1.7;letter-spacing:0}
html[lang=my] .section-subnav a{font-size:12px;gap:20px;line-height:1.8}
@media(min-width:1600px){.section-banner{height:470px}.section-banner h1{font-size:82px}.section-banner p{font-size:16px}.section-banner-inner{padding-top:85px}.section-subnav a{font-size:14px}}
@media(max-width:1100px){.section-banner{height:395px;min-height:370px}.section-banner-inner{padding-top:65px}.section-banner h1{font-size:58px}.section-subnav a{padding-inline:25px;gap:20px;font-size:11px;min-height:65px}.section-page .section-content-lead{gap:40px}.section-content-lead h2{font-size:36px}.section-page .section-content-lead>img{height:245px}.section-page .catalogue-header h2{font-size:38px}html[lang=my] .section-banner h1{font-size:36px}.section-banner-marker{right:30px;font-size:6px}}
@media(max-width:680px){.section-banner{height:370px;min-height:350px}.section-banner-inner{width:calc(100% - 44px);padding-top:75px;padding-bottom:24px}.section-banner-kicker{font-size:6px;letter-spacing:.17em;margin-bottom:18px;gap:8px}.section-banner-kicker>span{width:19px}.section-banner h1{font-size:43px;line-height:1.15;letter-spacing:-.035em}.section-banner p{font-size:11px;line-height:1.9;max-width:330px;margin-top:15px}.section-breadcrumb{font-size:8px;gap:11px;margin-top:22px}.section-banner-marker{font-size:5px;letter-spacing:.14em;right:20px;bottom:17px}.section-subnav>.container{width:100%;justify-content:start;padding-inline:10px}.section-subnav a{font-size:10px;min-height:61px;gap:17px;padding-inline:18px;flex-shrink:0}.section-subnav a>span{font-size:12px}.section-page .section-content-lead{padding-block:35px;gap:26px}.section-content-lead h2{font-size:32px;margin:14px 0 18px}.section-page .section-content-lead>img{height:230px}.section-page .section-content-lead p{font-size:12px}.section-page .editorial{padding-top:0}.section-page .catalogue-header{padding-block:35px 28px}.section-page .catalogue-header h2{font-size:32px;margin:15px 0 20px}.section-page .catalogue-header>p{font-size:12px}html[lang=my] .section-banner h1{font-size:28px;line-height:1.7}html[lang=my] .section-banner p{font-size:11px;line-height:2;margin-top:10px}html[lang=my] .section-breadcrumb{font-size:9px;gap:9px;margin-top:17px}html[lang=my] .section-content-lead h2{font-size:25px;line-height:1.75}html[lang=my] .section-subnav a{font-size:11px;line-height:1.8}.section-banner[data-focus=left] .section-banner-image>img{object-position:30% center}.section-banner[data-focus=right] .section-banner-image>img{object-position:70% center}}
@media(prefers-reduced-motion:reduce){.section-banner-image>img,.section-banner h1,.section-banner p{animation:none;transform:none;will-change:auto}}