.megma-about{--about-paper: #f8f7f3;--about-surface: #eeeae1;--about-ink: #171914;--about-muted: #555a50;--about-line: #d9d8d0;--about-accent: #485039;background:var(--about-paper);color:var(--about-ink);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}.megma-about *{box-sizing:border-box}.megma-about .page-width{max-width:1440px;padding-inline:clamp(20px,4vw,62px)}.megma-about__hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;min-height:520px;gap:clamp(36px,5vw,80px);padding-block:clamp(26px,4vw,62px)}.megma-about__hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:28px}.megma-about__eyebrow{margin:0 0 20px;color:var(--about-accent);font:700 12px/1.4 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}.megma-about__hero h1{max-width:11ch;margin:0 0 28px;color:var(--about-ink);font:600 clamp(42px,5.5vw,82px)/1.02 Arial,sans-serif;letter-spacing:-.055em;overflow-wrap:normal}.megma-about__lead{max-width:17em;margin:0 0 22px;color:var(--about-ink);font-size:clamp(21px,2.15vw,31px);font-weight:750;line-height:1.45;letter-spacing:.02em}.megma-about__intro{max-width:38em;margin:0;color:var(--about-muted);font-size:clamp(15px,1.1vw,17px);line-height:1.85}.megma-about__hero-media{position:relative;min-width:0;min-height:460px;overflow:hidden;background:#e6dfd2}.megma-about__hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.megma-about__photo-caption{position:absolute;right:16px;bottom:14px;padding:7px 9px;background:#f8f7f3e8;color:#171914;font:700 10px/1 Arial,sans-serif;letter-spacing:.15em}.megma-about__brands{padding-block:clamp(46px,6vw,84px)}.megma-about__section-heading{margin-bottom:30px}.megma-about__section-heading .megma-about__eyebrow{margin-bottom:12px}.megma-about__section-heading h2{margin:0;color:var(--about-ink);font-size:clamp(28px,3vw,43px);font-weight:800;line-height:1.25}.megma-about__brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line)}.megma-about__brand{display:flex;min-height:320px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:30px clamp(20px,3vw,42px) 28px 0}.megma-about__brand+.megma-about__brand{border-left:1px solid var(--about-line);padding-left:clamp(20px,3vw,42px)}.megma-about__brand-number{display:block;margin-bottom:28px;color:var(--about-accent);font:700 13px/1 Arial,sans-serif;letter-spacing:.08em}.megma-about__brand-role{margin:0 0 9px;color:var(--about-muted);font-size:13px;font-weight:700;letter-spacing:.09em}.megma-about__brand h3{margin:0 0 16px;color:var(--about-ink);font:600 clamp(29px,3vw,44px)/1.1 Arial,sans-serif;letter-spacing:-.035em}.megma-about__brand div>p:last-child{max-width:27em;margin:0 0 28px;color:var(--about-muted);font-size:15px;line-height:1.75}.megma-about__brand-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid currentColor;padding-bottom:4px;color:var(--about-ink);font-size:14px;font-weight:750;text-decoration:none}.megma-about__brand-link span{font-size:18px;line-height:1}.megma-about a:focus-visible{outline:3px solid var(--about-accent);outline-offset:5px}.megma-about__brand-link:hover{color:var(--about-accent)}.megma-about__contact{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-block:clamp(46px,5vw,72px);background:var(--about-surface)}.megma-about__contact .megma-about__eyebrow{margin-bottom:12px}.megma-about__contact h2{margin:0 0 12px;color:var(--about-ink);font-size:clamp(28px,3vw,43px);font-weight:800;line-height:1.25}.megma-about__contact p:last-child{margin:0;color:var(--about-muted);font-size:15px;line-height:1.75}.megma-about__contact-link{display:inline-flex;flex:none;align-items:center;justify-content:space-between;gap:42px;min-width:205px;padding:15px 20px;background:var(--about-accent);color:#fff;font-size:15px;font-weight:750;text-decoration:none}.megma-about__contact-link:hover{background:#303a24;color:#fff}html[data-megma-theme=dark] .megma-about{--about-paper: #1b1e1a;--about-surface: #262c25;--about-ink: #efeee8;--about-muted: #c5cbc0;--about-line: #444b41;--about-accent: #c3d0ae}html[data-megma-theme=dark] .megma-about__contact-link{background:#596747;color:#fff}html[data-megma-theme=dark] .megma-about__contact-link:hover{background:#48583a}@media(max-width:989px){.megma-about__hero{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.megma-about__hero h1{font-size:clamp(38px,5vw,58px)}.megma-about__hero-media{min-height:390px}.megma-about__brand{min-height:350px}}@media(max-width:749px){.megma-about__hero{display:flex;flex-direction:column;gap:24px;padding-block:26px 0}.megma-about__hero-copy{padding:0}.megma-about__eyebrow{margin-bottom:14px;font-size:11px}.megma-about__hero h1{max-width:100%;margin-bottom:22px;font-size:clamp(36px,9vw,54px)}.megma-about__lead{margin-bottom:13px;font-size:23px}.megma-about__intro{font-size:14px;line-height:1.8}.megma-about__hero-media{min-height:0;aspect-ratio:1.12}.megma-about__brands{padding-block:48px 50px}.megma-about__section-heading{margin-bottom:22px}.megma-about__brand-grid{display:block}.megma-about__brand,.megma-about__brand+.megma-about__brand{min-height:0;padding:22px 0 25px;border-left:0}.megma-about__brand+.megma-about__brand{border-top:1px solid var(--about-line)}.megma-about__brand-number{margin-bottom:18px}.megma-about__brand h3{font-size:31px}.megma-about__brand div>p:last-child{margin-bottom:20px;font-size:14px}.megma-about__contact{display:block;padding-block:42px 48px}.megma-about__contact-link{width:100%;margin-top:24px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/megma-about.css.map */