/* About Us: brand focus and destination-led international supply. */
.about-page .about-global-hero{padding:40px 0 0;background:#f1f6f7}
.about-page .about-global-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:48px}
.about-page .about-positioning-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#087f83;margin:0 0 18px;text-transform:uppercase}
.about-page .about-global-copy h1{font-size:clamp(35px,3.5vw,51px);line-height:1.12;margin-bottom:24px;text-wrap:initial}
.about-page .about-global-copy .lead{font-size:18px;line-height:1.75}
.about-page .about-global-copy .actions{gap:16px;align-items:center}
.about-page .about-global-copy .text-link{font-size:15px}
.about-page .about-global-visual{position:relative;margin:0;min-width:0}
.about-page .about-global-visual img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px}
.about-page .about-global-visual figcaption{position:absolute;left:18px;bottom:18px;max-width:calc(100% - 36px);padding:9px 14px;background:#123b45;color:#fff;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.07em;line-height:1.5}
.about-page .about-global-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:38px;border-top:1px solid #d3e2e3;padding-block:27px 32px}
.about-page .about-global-points article{position:relative;padding-left:37px}
.about-page .about-point-number{position:absolute;left:0;top:0;font-size:13px;font-weight:700;color:#087f83}
.about-page .about-global-points h2{font-size:19px;line-height:1.35;margin-bottom:10px}
.about-page .about-global-points p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}
.about-page .about-brand-heading{max-width:1000px;margin-bottom:34px}
.about-page .about-brand-heading>p:not(.about-positioning-eyebrow){max-width:950px;font-size:17px;line-height:1.75}
.about-page .about-brand-heading>p+p{margin-top:13px}
.about-page .about-brand-focus .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.about-page .about-brand-focus .category-card__text{min-height:104px;padding:20px 18px}
.about-page .about-brand-focus .category-card__text h3{font-size:19px;line-height:1.35}
.about-page .about-brand-focus .category-number{font-size:13px}
.about-page .about-support-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;margin-top:32px;padding:28px 30px;border:1px solid #c6deda;border-left:4px solid #087f83;border-radius:6px;background:#edf6f4}
.about-page .about-support-link h3{font-size:23px;margin-bottom:10px}
.about-page .about-support-link p{font-size:15px;line-height:1.75;color:var(--muted);max-width:760px;margin:0}
.about-page .about-support-link .button{max-width:290px}
@media(max-width:1100px){.about-page .about-global-grid{gap:30px}.about-page .about-global-points{gap:20px}.about-page .about-brand-focus .category-grid{gap:18px}.about-page .about-brand-focus .category-card__text{padding:16px 14px;gap:10px}.about-page .about-brand-focus .category-card__text h3{font-size:17px}}
@media(max-width:800px){.about-page .about-global-grid{grid-template-columns:minmax(0,1fr)}.about-page .about-global-hero{padding-top:30px}.about-page .about-global-points{grid-template-columns:minmax(0,1fr);gap:24px}.about-page .about-global-points p{font-size:15px}.about-page .about-brand-focus .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .about-support-link{grid-template-columns:minmax(0,1fr);padding:24px;gap:20px}.about-page .about-support-link .button{justify-self:start}}
@media(max-width:782px){.about-page{overflow-wrap:anywhere}.about-page section>.container{width:calc(100% - 88px);margin-left:18px;margin-right:70px}.about-page .about-global-copy h1{font-size:34px}.about-page .about-global-visual figcaption{left:10px;bottom:10px;max-width:calc(100% - 20px);font-size:9px;padding:7px 10px}}
@media(max-width:600px){.about-page .about-brand-focus .category-grid{grid-template-columns:minmax(0,1fr)}.about-page .about-global-copy .lead{font-size:17px}.about-page .about-brand-focus .category-card__text{min-height:90px}.about-page .about-brand-focus .category-card__text h3{font-size:19px}.about-page .about-support-link{padding:22px 18px}.about-page .about-support-link .button{max-width:100%}.about-page .about-brand-heading>p:not(.about-positioning-eyebrow){font-size:16px}}

/* Company details supplied by the business owner. */
.about-page .about-company{border-bottom:1px solid var(--line)}
.about-page .about-company-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:54px;align-items:start}
.about-page .about-company-intro p{color:var(--muted);line-height:1.8}
.about-page .about-company-intro h3{font-size:22px;margin-top:28px}
.about-page .about-company-details{margin:0;padding:8px 28px;background:#f1f6f7;border:1px solid #d3e2e3;border-top:3px solid #087f83;border-radius:6px;min-width:0}
.about-page .about-company-details>div{padding:20px 0;border-bottom:1px solid #d3e2e3}
.about-page .about-company-details>div:last-child{border-bottom:0}
.about-page .about-company-details dt{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:7px}
.about-page .about-company-details dd{margin:0;font-size:17px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere}
.about-page .about-company-address-zh{display:block;margin-top:6px}
.about-page .about-company-details .about-company-code{font-size:16px;letter-spacing:.03em;font-variant-numeric:tabular-nums}
@media(max-width:800px){.about-page .about-company-grid{grid-template-columns:minmax(0,1fr);gap:28px}}
@media(max-width:520px){.about-page .about-company-details{padding:4px 18px}.about-page .about-company-details dd{font-size:16px}.about-page .about-company-details .about-company-code{font-size:14px}}

.about-page .about-company-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:max-content;max-width:100%;margin-top:22px}
.about-page .about-company-contact{min-height:44px;padding:10px 16px;gap:8px;font-size:15px}
.about-page .about-company-contact svg{width:18px;height:18px}
.about-page .about-company-contact--email{background:#2463b9;border-color:#2463b9;color:#fff}
.about-page .about-company-contact--email:hover{background:#1d5096;border-color:#1d5096;color:#fff}
.about-page .about-company-contact--whatsapp{background:#25d366;border-color:#25d366;color:#073b25}
.about-page .about-company-contact--whatsapp:hover{background:#20bd5b;border-color:#20bd5b;color:#073b25}
