@font-face { font-family: 'Noto Sans SC'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('./fonts/approved-02-extra-noto.woff2') format('woff2'); unicode-range: U+6C14,U+7126,U+751C; }
.opening-header { background: #fff; color: var(--navy); }
.opening-brand { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.name-lockup { display: flex; flex-direction: column; }
.opening-brand .name-first { line-height: 1.22; font-weight: 700; }
.opening-brand .name-last { line-height: 1.5; font-weight: 500; }
.opening-brand .name-legal { display: none; }
[data-language="en"] .opening-brand .name-last::after { content: ' COMPANY (PVT) LTD'; font-size: 11px; letter-spacing: .3px; }
.opening-nav { display: flex; align-items: center; gap: 22px; }
.opening-nav a { font-size: 14px; line-height: 1.4; white-space: nowrap; padding-block: 14px; }
.opening-nav [aria-current] { color: var(--green); box-shadow: inset 0 -2px var(--green); }
.opening-languages { display: flex; gap: 10px; align-items: center; font-family: Inter,'Noto Sans SC',sans-serif; font-size: 13px; white-space: nowrap; }
.opening-languages [aria-current] { font-weight: 700; color: var(--green); }
.opening-languages > span { color: var(--border); }
.masthead-top { min-height: 142px; display: flex; align-items: center; justify-content: space-between; gap: 36px; }
.masthead .opening-brand .brand-mark { width: 64px; height: 64px; font-size: 38px; border-radius: 12px; }
.masthead .opening-brand .name-first { font-size: 36px; letter-spacing: -1px; }
.masthead .opening-brand .name-last { font-size: 18px; letter-spacing: 3px; }
[data-language="zh"] .masthead .opening-brand .name-first { font-size: 38px; letter-spacing: 2px; }
[data-language="zh"] .masthead .opening-brand .name-last { font-size: 20px; letter-spacing: 4px; }
.masthead-navigation { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.masthead-navigation > .container { display: flex; justify-content: space-between; align-items: center; }
.masthead-navigation .opening-nav { gap: 36px; }
.masthead-navigation > .container > a { font-size: 14px; display: flex; gap: 32px; align-items: center; color: var(--green); }
.brand-hero { position: relative; isolation: isolate; color: #fff; background: var(--navy); overflow: hidden; }
.brand-hero-content { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-width: 0; }
.brand-hero h1 { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; margin: 0; color: #fff; letter-spacing: 0; line-height: 1.18; }
.hero-company-main, .hero-company-country { display: block; white-space: nowrap; font-weight: 700; }
.hero-company-legal { display: block; line-height: 1.5; font-weight: 400; }
.brand-business { line-height: 1.5; font-weight: 500; color: #fff; }
.brand-description { font-size: 16px; line-height: 1.8; margin: 12px 0 0; }
.brand-location { display: flex; align-items: center; justify-content: center; gap: 9px; max-width: 100%; color: #e0e6e1; font-size: 14px; line-height: 1.6; }
.brand-location svg { flex-shrink: 0; }
.brand-location > [aria-hidden] { margin-left: 5px; }
.brand-actions { display: flex; align-items: center; justify-content: center; gap: 14px; }
.brand-actions .button { min-width: 164px; }
.brand-actions .button-secondary { background: #fff; color: var(--navy); }
.brand-hero-media { min-width: 0; }
.brand-hero-photo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 70% center; }
.brand-hero-center { min-height: 660px; }
.brand-hero-center .brand-hero-media { position: absolute; inset: 0; z-index: -2; }
.brand-hero-center::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8,25,40,.85), rgba(8,25,40,.74) 48%, rgba(8,25,40,.9)); }
.brand-hero-center .brand-hero-content { min-height: 660px; width: min(1200px, calc(100% - 80px)); margin: 0 auto; padding: 48px 0; }
.brand-hero-center .hero-company-main, .brand-hero-center .hero-company-country { font-size: 84px; letter-spacing: -2px; line-height: 1.02; }
.brand-hero-center .hero-company-legal { font-size: 18px; margin-top: 10px; letter-spacing: 4px; }
[data-language="zh"] .brand-hero-center .hero-company-main { font-size: 100px; line-height: 1.35; letter-spacing: 3px; }
[data-language="zh"] .brand-hero-center .hero-company-legal { font-size: 28px; letter-spacing: 8px; }
.brand-hero-center .brand-business { font-size: 23px; max-width: 800px; margin-top: 26px; }
.brand-hero-center .brand-description { max-width: 750px; color: #d3dce0; }
.brand-hero-center .brand-location { margin-top: 22px; }
.brand-hero-center .brand-actions { margin-top: 24px; }
.product-origin { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 32px; padding: 28px 32px; background: #f3f4f1; border: 1px solid var(--border); border-left: 3px solid var(--green); border-radius: 0 14px 14px 0; }
.product-origin .eyebrow { margin: 0 0 8px; color: var(--green); }
.product-origin h3 { margin: 0; color: var(--navy); font-size: 24px; line-height: 1.4; font-weight: 600; letter-spacing: 0; }
.product-origin-description { font-size: 17px; line-height: 1.75; color: var(--muted); margin: 0; }
@media (min-width: 768px) and (max-width: 1199px) {
  .masthead .opening-brand .name-first, [data-language="zh"] .masthead .opening-brand .name-first { font-size: 30px; }
  .brand-hero-center .hero-company-main, .brand-hero-center .hero-company-country { font-size: clamp(54px, 6.6vw, 78px); }
  [data-language="zh"] .brand-hero-center .hero-company-main { font-size: clamp(64px, 7vw, 84px); }
  .brand-hero-center .brand-business { font-size: 20px; }
}
@media (max-width: 767px) {
  .opening-brand { gap: 10px; min-width: 0; flex: 1; }
  [data-language="en"] .opening-brand .name-last::after { display: none; }
  .opening-brand .name-legal { display: block; font-size: 8px; letter-spacing: .4px; line-height: 1.8; }
  .masthead-top { min-height: 132px; gap: 12px; flex-wrap: wrap; padding-block: 20px; }
  .masthead .opening-brand .brand-mark { width: 44px; height: 44px; font-size: 27px; border-radius: 10px; }
  .masthead .opening-brand .name-first { font-size: 18px; letter-spacing: -.5px; line-height: 1.25; }
  .masthead .opening-brand .name-last { font-size: 15px; letter-spacing: 1px; line-height: 1.4; }
  [data-language="zh"] .masthead .opening-brand .name-first { font-size: 22px; letter-spacing: .4px; }
  [data-language="zh"] .masthead .opening-brand .name-last { font-size: 16px; letter-spacing: 2px; }
  .masthead-top .opening-languages { margin-left: auto; font-size: 12px; }
  .masthead-navigation .opening-nav { justify-content: space-between; gap: 16px; width: 100%; }
  .masthead-navigation .opening-nav a { font-size: 12px; padding: 12px 0; }
  .masthead-navigation > .container > a { display: none; }
  .brand-hero-center { min-height: 0; }
  .brand-hero-center .brand-hero-content { min-height: 550px; width: calc(100% - 40px); padding: 44px 0 40px; }
  .brand-hero h1 { gap: 7px; }
  .brand-hero .hero-company-main { font-size: clamp(24px, 7.5vw, 38px); letter-spacing: -1.2px; line-height: 1.2; }
  .brand-hero .hero-company-country { font-size: 44px; letter-spacing: 1px; line-height: 1.08; }
  .brand-hero .hero-company-legal { font-size: 12px; letter-spacing: 1.8px; margin-top: 5px; }
  [data-language="zh"] .brand-hero .hero-company-main { font-size: clamp(32px, 9.75vw, 52px); letter-spacing: 0; line-height: 1.4; }
  [data-language="zh"] .brand-hero .hero-company-legal { font-size: 19px; letter-spacing: 4px; }
  .brand-hero .brand-business { font-size: 17px; line-height: 1.55; margin-top: 24px; max-width: 350px; }
  [data-language="en"] .brand-hero .brand-business { font-size: 16px; }
  .brand-description { font-size: 14px; line-height: 1.8; margin-top: 12px; max-width: 420px; }
  .brand-hero .brand-location { font-size: 12px; gap: 6px; margin-top: 24px; }
  .brand-hero .brand-actions { margin-top: 24px; gap: 10px; width: 100%; }
  .brand-actions .button { min-width: 0; flex: 1; padding: 14px 8px; font-size: 12px; min-height: 48px; border-radius: 8px; }
  .product-origin { grid-template-columns: 1fr; padding: 24px; gap: 14px; }
  .product-origin h3 { font-size: 23px; }
  .product-origin-description { font-size: 16px; }
}
@media (max-width: 359px) {
  .masthead .opening-brand .name-first { font-size: 15px; }
  [data-language="zh"] .masthead .opening-brand .name-first { font-size: 19px; }
}