hexu-company-about-video.hx-company-about{display:block;grid-column:1 / -1;width:100%;min-width:0;overflow:hidden;color:var(--hx-about-heading);background:var(--hx-about-bg);font-family:var(--font-body--family)}@media(min-width:750px){hexu-company-about-video.hx-company-about[data-show-desktop=false]{display:none}}@media(max-width:749px){hexu-company-about-video.hx-company-about[data-show-mobile=false]{display:none}}.hx-company-about,.hx-company-about *,.hx-company-about *:before,.hx-company-about *:after{box-sizing:border-box}.hx-company-about__shell{width:min(calc(100% - 64px),var(--hx-about-max-width));margin-inline:auto;padding-block:clamp(72px,var(--hx-about-section-space),96px)}.hx-company-about__grid{display:grid;grid-template-columns:minmax(0,calc(100% - var(--hx-about-media-width) - var(--hx-about-gap))) minmax(0,var(--hx-about-media-width));grid-template-areas:"intro media" "stats media" "actions media";align-items:center;column-gap:var(--hx-about-gap);row-gap:30px}.hx-company-about__intro{grid-area:intro;min-width:0;align-self:end}.hx-company-about__media{grid-area:media}.hx-company-about__stats{grid-area:stats}.hx-company-about__actions{grid-area:actions;align-self:start}.hx-company-about__eyebrow{margin:0 0 16px;color:var(--hx-about-eyebrow);font-size:12px;font-weight:750;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}.hx-company-about__heading{max-width:17ch;margin:0;color:var(--hx-about-heading);font-size:clamp(34px,3.25vw,var(--hx-about-heading-size));font-weight:700;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.hx-company-about__body{max-width:62ch;margin-top:24px;color:var(--hx-about-body);font-size:15px;line-height:1.72}.hx-company-about__body p{margin:0}.hx-company-about__body p+p{margin-top:14px}.hx-company-about__media{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--hx-about-radius);background:var(--hx-about-media-bg);isolation:isolate}.hx-company-about__video,.hx-company-about__poster,.hx-company-about__placeholder{display:block;width:100%;height:100%;object-position:var(--hx-about-focus-x) var(--hx-about-focus-y)}.hx-company-about__video{position:relative;z-index:0;background:var(--hx-about-media-bg)}.hx-company-about__poster{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.hx-company-about__media--cover .hx-company-about__video,.hx-company-about__media--cover .hx-company-about__poster,.hx-company-about__media--cover .hx-company-about__placeholder{object-fit:cover}.hx-company-about__media--contain .hx-company-about__video,.hx-company-about__media--contain .hx-company-about__poster,.hx-company-about__media--contain .hx-company-about__placeholder{object-fit:contain}.hx-company-about__shade{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;background:rgba(5,15,21,var(--hx-about-overlay-opacity));transition:opacity .24s ease}.hx-company-about__play{position:absolute;z-index:3;top:50%;left:50%;display:grid;justify-items:center;gap:14px;width:min(88%,320px);padding:0;border:0;color:#fff;background:transparent;font:inherit;cursor:pointer;transform:translate(-50%,-50%);transition:opacity .22s ease,transform .22s ease}.hx-company-about__play-circle{display:grid;width:72px;height:72px;place-items:center;border:2px solid rgba(255,255,255,.94);border-radius:50%;color:#fff;background:#0f1f2857;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .22s ease,transform .22s ease}.hx-company-about__play:hover .hx-company-about__play-circle{background:var(--hx-about-accent);transform:scale(1.05)}.hx-company-about__play-label{font-size:14px;font-weight:700;line-height:1.3;text-shadow:0 1px 8px rgba(0,0,0,.45)}.hx-company-about__play:focus-visible,.hx-company-about__button:focus-visible{outline:3px solid var(--hx-about-accent);outline-offset:4px}.hx-company-about__media.is-playing .hx-company-about__poster,.hx-company-about__media.is-playing .hx-company-about__play,.hx-company-about__media.is-playing .hx-company-about__shade{visibility:hidden;opacity:0;pointer-events:none}.hx-company-about__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;column-gap:28px;row-gap:26px}.hx-company-about__stat{min-width:0;min-height:86px;padding-top:14px;border-top:2px solid color-mix(in srgb,var(--hx-about-accent) 42%,transparent)}.hx-company-about__stat strong,.hx-company-about__stat span{display:block}.hx-company-about__stat strong{color:var(--hx-about-accent);font-size:clamp(24px,2vw,32px);font-weight:750;line-height:1.1;letter-spacing:-.035em;white-space:nowrap;word-break:normal;overflow-wrap:normal}.hx-company-about__stat span{margin-top:8px;color:var(--hx-about-heading);font-size:13px;font-weight:600;line-height:1.4}.hx-company-about__button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:13px 24px;border:1px solid var(--hx-about-button-bg);border-radius:var(--hx-about-button-radius);color:var(--hx-about-button-text);background:var(--hx-about-button-bg);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;transition:border-color .22s ease,background-color .22s ease,transform .22s ease}.hx-company-about__button:hover{border-color:var(--hx-about-button-hover);background:var(--hx-about-button-hover);transform:translateY(-2px)}.hx-company-about [data-about-reveal]{opacity:1;transform:none}.hx-company-about.is-enhanced:not(.is-ready) [data-about-reveal]{opacity:0;transform:translateY(12px)}.hx-company-about.is-enhanced [data-about-reveal]{transition:opacity .48s ease,transform .48s ease}.hx-company-about.is-enhanced.is-ready [data-about-reveal]{opacity:1;transform:translateY(0)}@media(max-width:1099px){.hx-company-about__shell{width:min(calc(100% - 40px),var(--hx-about-max-width))}.hx-company-about__grid{grid-template-columns:minmax(0,calc(44% - 34px)) minmax(0,56%);column-gap:34px}.hx-company-about__stat strong{font-size:clamp(18px,2vw,28px)}}@media(max-width:749px){.hx-company-about__shell{width:100%;padding-top:clamp(52px,14vw,72px);padding-right:max(20px,env(safe-area-inset-right));padding-bottom:clamp(56px,15vw,76px);padding-left:max(20px,env(safe-area-inset-left))}.hx-company-about__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "media" "stats" "actions";gap:30px}.hx-company-about__heading{max-width:18ch;font-size:clamp(28px,8.3vw,var(--hx-about-heading-size-mobile));line-height:1.1}.hx-company-about__body{margin-top:20px;font-size:15px;line-height:1.68}.hx-company-about__media{border-radius:min(var(--hx-about-radius),12px)}.hx-company-about__play-circle{width:62px;height:62px}.hx-company-about__play-label{font-size:13px}.hx-company-about__stats{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:24px 16px}.hx-company-about__stat{min-height:82px;padding-top:12px}.hx-company-about__stat strong{font-size:clamp(23px,7.2vw,28px)}.hx-company-about__stat span{font-size:12px}.hx-company-about__button{width:100%;min-height:52px}}@media(prefers-reduced-motion:reduce){.hx-company-about *,.hx-company-about *:before,.hx-company-about *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/216/assets/hexufan-company-about-video.css.map */