/* OEM/ODM requirements package and HGUNO company overview. */
.hg-oem-hero{position:relative;overflow:hidden;min-height:445px;background:var(--hg-ink);color:#fff;display:flex;align-items:center}
.hg-oem-hero>img{position:absolute;inset:-8px;max-width:none;width:calc(100% + 16px);height:calc(100% + 16px);object-fit:cover;object-position:center 53%;filter:blur(3px);transform:scale(1.02)}
.hg-oem-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#151d22d9,#151d2280)}
.hg-oem-hero-copy{position:relative;padding-block:60px}
.hg-oem-hero .hg-eyebrow{color:#f4c0a0!important;margin-bottom:20px!important}
.hg-oem-hero h1{font-size:clamp(37px,4.1vw,63px);max-width:1050px;line-height:1.13;color:#fff}
.hg-oem-hero h1>span{font-size:.72em;font-weight:400;letter-spacing:-.025em;display:inline-block;line-height:1.3;margin-top:12px}
.hg-oem-hero-link{display:inline-flex;align-items:center;gap:40px;font-size:12px;border-bottom:1px solid #ffffff65;padding-block:7px;margin-top:28px;color:#fff!important}
.hg-oem-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.hg-oem-intro h2{font-size:clamp(34px,3.05vw,50px);line-height:1.12}
.hg-oem-description{font-size:16px;line-height:1.85;margin-top:26px!important;max-width:600px}
.hg-oem-promise{font-size:13px;font-weight:600;color:var(--hg-ink)!important;margin-top:24px!important;line-height:1.7}
.hg-oem-intro .hg-button{margin-top:28px}
.hg-oem-factory{margin:0;background:var(--hg-warm)}
.hg-oem-factory>img{display:block;width:100%;height:auto;aspect-ratio:1024/572;object-fit:contain}
.hg-oem-factory>figcaption{display:flex;justify-content:space-between;gap:18px;padding:22px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hg-muted)}
.hg-oem-factory>figcaption>span:last-child{color:var(--hg-accent)}
.hg-oem-customization{background:var(--hg-warm)}
.hg-oem-section-heading{max-width:850px;margin:0 auto 50px;text-align:center}
.hg-oem-section-heading>p:not(.hg-eyebrow){font-size:16px;line-height:1.8;margin:24px auto 0!important;max-width:700px}
.hg-oem-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}
.hg-oem-option{background:#fff;min-width:0}
.hg-oem-option>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.hg-oem-option-copy{padding:23px 21px 28px}
.hg-oem-number{font-size:10px;line-height:1;letter-spacing:.1em;color:var(--hg-accent);display:block;margin-bottom:13px}
.hg-oem-option h3{font-size:19px;line-height:1.25;letter-spacing:-.03em}
.hg-oem-option p{font-size:13px;line-height:1.8;margin-top:14px;max-width:300px}
.hg-oem-case-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:50px}
.hg-oem-case-heading .hg-text-link{flex-shrink:0;margin-bottom:5px}
.hg-oem-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.hg-oem-case-grid>figure{margin:0}
.hg-oem-case-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f3f1ec}
.hg-oem-case-grid figcaption{display:flex;gap:14px;align-items:baseline;border-bottom:1px solid var(--hg-border);padding-block:22px}
.hg-oem-case-grid figcaption>span{font-size:10px;color:var(--hg-accent)}
.hg-oem-case-grid h3{font-size:17px;line-height:1.3}
.hg-about-hero{background:var(--hg-ink);color:#fff;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:500px}
.hg-about-hero>.hg-shell{width:auto;margin-inline:48px;padding-block:60px}
.hg-about-hero h1{font-size:clamp(38px,3.5vw,59px);line-height:1.12;color:#fff}
.hg-about-hero p:not(.hg-eyebrow){max-width:440px;margin-top:26px;line-height:1.8;font-size:16px;color:#c0c5c9}
.hg-about-hero .hg-text-link{margin-top:28px;color:#fff!important}
.hg-about-hero>img{width:100%;height:100%;min-height:500px;max-height:620px;object-fit:cover}
.hg-about-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.hg-about-intro>figure{margin:0}.hg-about-intro img{width:100%;height:auto;object-fit:contain}
.hg-about-intro h2{font-size:clamp(33px,3vw,49px)}
.hg-about-intro p:not(.hg-eyebrow){font-size:15px;line-height:1.85;margin-top:21px}
.hg-about-intro .hg-button{margin-top:29px}
.hg-about-capabilities{background:var(--hg-warm)}
.hg-about-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.hg-about-capability-grid img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover}
.hg-about-capability-grid h3{font-size:23px;margin-top:25px}
.hg-about-capability-grid p{font-size:15px;line-height:1.8;margin-top:17px}
.hg-about-capability-grid .hg-text-link{margin-top:20px}
@media(min-width:1600px){.hg-about-hero>.hg-shell{margin-left:max(48px,calc((100vw - 1440px)/2))}}
@media(max-width:1099px){.hg-oem-intro-grid,.hg-about-intro{gap:35px}.hg-oem-intro h2{font-size:36px}.hg-oem-description{font-size:15px}.hg-oem-option-grid,.hg-oem-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.hg-oem-option h3{font-size:22px}.hg-oem-option p{font-size:14px;max-width:none}.hg-oem-case-grid h3{font-size:20px}.hg-about-hero>.hg-shell{margin-inline:32px}.hg-about-hero h1{font-size:41px}.hg-about-capability-grid{gap:22px}.hg-about-capability-grid h3{font-size:21px}}
@media(max-width:759px){.hg-oem-intro-grid,.hg-about-intro{grid-template-columns:1fr;gap:40px}.hg-oem-factory{max-width:650px}.hg-about-intro>figure{order:2}.hg-oem-description{max-width:none}.hg-about-hero{grid-template-columns:1fr;min-height:0}.hg-about-hero>.hg-shell{padding-block:55px}.hg-about-hero>img{min-height:0;max-height:420px;aspect-ratio:1.7}.hg-about-capability-grid{grid-template-columns:1fr;gap:45px}.hg-about-capability-grid img{aspect-ratio:1.5}.hg-about-capability-grid h3{font-size:25px}.hg-about-capability-grid p{max-width:560px}}
@media(max-width:639px){.hg-oem-hero{min-height:490px}.hg-oem-hero-copy{padding-block:55px}.hg-oem-hero h1{font-size:37px;line-height:1.16}.hg-oem-hero h1>span{font-size:.72em;line-height:1.4;margin-top:18px}.hg-oem-hero-link{font-size:11px;margin-top:25px}.hg-oem-hero>img{object-position:42% center}.hg-oem-intro h2{font-size:36px}.hg-oem-description{font-size:15px;margin-top:23px!important}.hg-oem-promise{font-size:12px}.hg-oem-factory>figcaption{font-size:9px;padding:18px 15px;gap:12px}.hg-oem-section-heading{margin-bottom:32px;text-align:left}.hg-oem-section-heading>p:not(.hg-eyebrow){font-size:15px;margin-top:22px!important}.hg-oem-option-grid,.hg-oem-case-grid{grid-template-columns:1fr;gap:28px}.hg-oem-option-copy{padding:23px 23px 27px}.hg-oem-option h3{font-size:24px}.hg-oem-option p{font-size:15px}.hg-oem-case-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:32px}.hg-oem-case-grid h3{font-size:21px}.hg-about-hero>.hg-shell{margin-inline:20px}.hg-about-hero h1{font-size:39px}.hg-about-hero p:not(.hg-eyebrow){font-size:15px}.hg-about-intro h2{font-size:35px}.hg-about-capability-grid img{aspect-ratio:1.25}.hg-about-capability-grid h3{font-size:24px}}