hexu-company-story.hx-company-story{--hx-story-play-state: paused;display:block;grid-column:1 / -1;width:100%;max-width:none;min-width:0;overflow:hidden;overflow:clip;color:var(--hx-story-heading);background:var(--hx-story-section-bg);font-family:var(--font-body--family)}.hx-company-story,.hx-company-story *,.hx-company-story *:before,.hx-company-story *:after{box-sizing:border-box}.hx-company-story__shell{display:flex;flex-direction:column;justify-content:var(--hx-story-vertical-position, center);width:min(calc(100% - 48px),var(--hx-story-max-width));margin-inline:auto;padding-block:var(--hx-story-section-space)}.hx-company-story__layout{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:clamp(36px,5vw,var(--hx-story-gap))}.hx-company-story__visual{position:relative;order:2;min-width:0;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--hx-story-radius);background:var(--hx-story-canvas-bg);isolation:isolate;contain:layout paint}.hx-company-story__content{order:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:end;gap:clamp(40px,7vw,112px);min-width:0;max-width:none}.hx-company-story__title-group,.hx-company-story__copy-group{min-width:0}.hx-company-story__visual-intro,.hx-company-story__film-card,.hx-company-story__diagram,.hx-company-story__cover{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hx-company-story__visual-intro{z-index:2;background:var(--hx-story-canvas-bg);opacity:1;transition:opacity .9s cubic-bezier(.22,1,.36,1),visibility 0s linear .9s}.hx-company-story__film-card{z-index:1;overflow:hidden;background:#101820;opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1)}.hx-company-story.has-film.is-static-frame .hx-company-story__visual-intro:not(:only-child){visibility:hidden;opacity:0;pointer-events:none}.hx-company-story.has-film.is-static-frame .hx-company-story__film-card{opacity:1}.hx-company-story__film-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.002);transition:transform .8s cubic-bezier(.22,1,.36,1)}.hx-company-story__film-card:hover .hx-company-story__film-poster{transform:scale(1.025)}.hx-company-story__film-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#09111705 32%,#091117ad)}.hx-company-story__film-caption{position:absolute;z-index:2;inset-inline:clamp(22px,4vw,58px);bottom:clamp(22px,4vw,52px);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.hx-company-story__film-meta{max-width:38ch;color:#fff;font-size:11px;font-weight:650;line-height:1.4;letter-spacing:.16em}.hx-company-story__play{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:8px 18px 8px 8px;border:1px solid rgba(255,255,255,.58);border-radius:999px;color:#fff;background:#0a161d7a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:inherit;font-size:13px;font-weight:650;line-height:1.2;text-decoration:none;cursor:pointer;transition:color .26s ease,background-color .26s ease,border-color .26s ease,transform .26s ease}.hx-company-story__play:hover{border-color:#fff;color:var(--hx-story-heading);background:#fff;transform:translateY(-2px)}.hx-company-story__play-icon{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:50%;color:var(--hx-story-heading);background:#fff}.hx-company-story__play:focus-visible,.hx-company-story__chapter:focus-visible,.hx-company-story__dialog-close:focus-visible{outline:2px solid var(--hx-story-accent);outline-offset:4px}.hx-company-story__editor-note{position:absolute;z-index:3;top:14px;left:14px;max-width:min(440px,calc(100% - 28px));margin:0;padding:9px 12px;border-radius:5px;color:#fff;background:#10202be6;font-size:12px;line-height:1.45}.hx-company-story__diagram{z-index:1}.hx-company-story__cover{z-index:3;object-fit:cover;opacity:0;transition:opacity .24s ease}.hx-company-story.is-static-frame.has-static-cover .hx-company-story__cover{opacity:1}.hx-company-story.is-static-frame.has-static-cover .hx-company-story__diagram,.hx-company-story.is-static-frame.has-static-cover .hx-company-story__logo-mark{opacity:0}.hx-company-story__motion{opacity:1}.hx-company-story__diagram [data-story-draw]{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.hx-company-story__blueprint{stroke:#4f92b63d;stroke:color-mix(in srgb,var(--hx-story-accent) 24%,transparent);stroke-width:.9}.hx-company-story__site-line{stroke:#4f92b670;stroke:color-mix(in srgb,var(--hx-story-accent) 44%,var(--hx-story-canvas-bg));stroke-width:1.15}.hx-company-story__site-line--soft{opacity:.6}.hx-company-story__site-marker{stroke:color-mix(in srgb,var(--hx-story-accent) 48%,transparent);stroke-width:1}.hx-company-story__completion-rail{stroke:color-mix(in srgb,var(--hx-story-accent) 72%,var(--hx-story-canvas-bg));stroke-width:1.25}.hx-company-story__structure{stroke:#708f9f;stroke:color-mix(in srgb,var(--hx-story-accent) 68%,var(--hx-story-heading));stroke-width:1.55}.hx-company-story__roof-line,.hx-company-story__facade path,.hx-company-story__brand-plate rect{stroke:#7893a1;stroke:color-mix(in srgb,var(--hx-story-accent) 58%,var(--hx-story-heading));stroke-width:1.15}.hx-company-story__facade-column{opacity:.72}.hx-company-story__accent-fill{fill:#4f92b609;fill:color-mix(in srgb,var(--hx-story-accent) 4%,transparent)}.hx-company-story__accent-fill--hall{fill:#4f92b60e;fill:color-mix(in srgb,var(--hx-story-accent) 6%,transparent)}.hx-company-story__conveyor,.hx-company-story__roller,.hx-company-story__machine path,.hx-company-story__product-mark path,.hx-company-story__product-mark circle,.hx-company-story__quality-mark rect,.hx-company-story__quality-mark path{stroke:var(--hx-story-accent);stroke-width:1.25}.hx-company-story__product-hub,.hx-company-story__status-light{fill:var(--hx-story-accent)}.hx-company-story__status-light{transform-box:fill-box;transform-origin:center}.hx-company-story__diagram .hx-company-story__brand-plate rect{fill:color-mix(in srgb,var(--hx-story-canvas-bg) 92%,transparent)}.hx-company-story__brand-word,.hx-company-story__process-labels text{fill:color-mix(in srgb,var(--hx-story-heading) 66%,transparent);font-family:var(--font-body--family);font-weight:700;letter-spacing:.12em}.hx-company-story__brand-word{fill:var(--hx-story-heading);font-size:13px;letter-spacing:.18em}.hx-company-story__process-labels text{font-size:9px;transform-box:fill-box;transform-origin:center}.hx-company-story__logo-mark{transform-box:fill-box;transform-origin:center}.hx-company-story__diagram-play{position:absolute;z-index:4;right:clamp(16px,3vw,34px);bottom:clamp(16px,3vw,30px);display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 15px 6px 6px;border:1px solid color-mix(in srgb,var(--hx-story-heading) 22%,transparent);border-radius:999px;color:var(--hx-story-heading);background:color-mix(in srgb,var(--hx-story-canvas-bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:inherit;font-size:12px;font-weight:650;cursor:pointer;opacity:1;transition:opacity .26s ease,transform .26s ease,background-color .26s ease}.hx-company-story__diagram-play:hover{background:var(--hx-story-canvas-bg);transform:translateY(-2px)}.hx-company-story__diagram-play-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:var(--hx-story-heading)}.hx-company-story__eyebrow{margin:0 0 18px;color:var(--hx-story-eyebrow);font-size:12px;font-weight:650;line-height:1.2;letter-spacing:.2em;text-transform:uppercase}.hx-company-story__heading{margin:0;color:var(--hx-story-heading);font-family:var(--font-heading--family);font-size:clamp(40px,4.2vw,64px);font-style:var(--font-heading--style);font-weight:650;line-height:1.04;letter-spacing:-.042em;overflow-wrap:anywhere;text-wrap:balance}.hx-company-story__body{max-width:59ch;margin-top:0;color:var(--hx-story-body);font-size:clamp(15px,1.15vw,17px);line-height:1.72;overflow-wrap:anywhere}.hx-company-story__body p{margin:0}.hx-company-story__supporting{margin:27px 0 0;color:var(--hx-story-heading);font-size:10px;font-weight:650;line-height:1.45;letter-spacing:.17em;overflow-wrap:anywhere}.hx-company-story__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px}.hx-company-story__button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 21px;border:1px solid var(--hx-story-button-bg);border-radius:6px;color:var(--hx-story-button-text);background:var(--hx-story-button-bg);font-family:var(--font-body--family);font-size:14px;font-weight:620;line-height:1.2;text-decoration:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.hx-company-story__button svg{flex:0 0 auto;transition:transform .3s ease}.hx-company-story__button:hover{border-color:var(--hx-story-button-hover);color:var(--hx-story-button-text);background:var(--hx-story-button-hover)}.hx-company-story__button:hover svg{transform:translate(4px)}.hx-company-story__button--secondary{border-color:color-mix(in srgb,var(--hx-story-heading) 24%,transparent);color:var(--hx-story-heading);background:transparent}.hx-company-story__button--secondary:hover{border-color:var(--hx-story-heading);color:var(--hx-story-button-text);background:var(--hx-story-heading)}.hx-company-story__button:focus-visible{outline:2px solid var(--hx-story-accent);outline-offset:4px}.hx-company-story__chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px;border-block:1px solid color-mix(in srgb,var(--hx-story-heading) 14%,transparent)}.hx-company-story__chapter{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:62px;padding:12px 16px;border:0;border-right:1px solid color-mix(in srgb,var(--hx-story-heading) 12%,transparent);color:var(--hx-story-body);background:transparent;font:inherit;text-align:left;cursor:pointer}.hx-company-story__chapter:last-child{border-right:0}.hx-company-story__chapter:after{position:absolute;right:16px;bottom:-1px;left:16px;height:2px;content:"";background:var(--hx-story-accent);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}.hx-company-story__chapter:hover,.hx-company-story__chapter.is-active{color:var(--hx-story-heading)}.hx-company-story__chapter.is-active:after{transform:scaleX(1)}.hx-company-story__chapter-time{color:var(--hx-story-eyebrow);font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.08em}.hx-company-story__chapter-title{min-width:0;font-size:12px;font-weight:620;line-height:1.3}.hx-company-story__capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(34px,4vw,58px);border-top:1px solid color-mix(in srgb,var(--hx-story-heading) 14%,transparent)}.hx-company-story__capability{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;min-width:0;padding:22px clamp(12px,2vw,28px) 0 0}.hx-company-story__capability-index{color:var(--hx-story-eyebrow);font-size:10px;font-weight:700;letter-spacing:.1em}.hx-company-story__capability h3{margin:0;color:var(--hx-story-heading);font-size:14px;font-weight:650;line-height:1.3}.hx-company-story__capability p{margin:7px 0 0;color:var(--hx-story-body);font-size:12px;line-height:1.5}.hx-company-story__dialog{width:min(1180px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:visible;border:0;border-radius:10px;color:#fff;background:#0d171e}.hx-company-story__dialog::backdrop{background:#04090cc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hx-company-story__dialog-panel{padding:clamp(16px,2.5vw,30px)}.hx-company-story__dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.hx-company-story__dialog-kicker{display:block;margin-bottom:7px;color:#8dbed5;font-size:10px;font-weight:700;letter-spacing:.14em}.hx-company-story__dialog h3{margin:0;color:#fff;font-family:var(--font-heading--family);font-size:clamp(22px,3vw,36px);font-weight:650;line-height:1.12}.hx-company-story__dialog-close{display:grid;flex:0 0 44px;width:44px;height:44px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;background:transparent;cursor:pointer}.hx-company-story__dialog-media{aspect-ratio:16 / 9;overflow:hidden;border-radius:6px;background:#000}.hx-company-story__player{display:block;width:100%;height:100%;object-fit:contain}.hx-company-story.is-enhanced:not(.is-entered) [data-entry-item]{opacity:0;transform:translate3d(0,18px,0)}.hx-company-story.is-enhanced [data-entry-item]{transition:opacity .36s cubic-bezier(.22,1,.36,1) var(--hx-story-entry-delay),transform .36s cubic-bezier(.22,1,.36,1) var(--hx-story-entry-delay)}.hx-company-story.is-entered [data-entry-item]{opacity:1;transform:translateZ(0)}.hx-company-story.is-concept-ready [data-story-draw]{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}.hx-company-story.is-concept-ready [data-story-reveal]{opacity:0}.hx-company-story.is-concept-ready [data-story-draw],.hx-company-story.is-concept-ready [data-story-reveal],.hx-company-story.is-concept-ready .hx-company-story__motion{animation-fill-mode:both;animation-iteration-count:1;animation-play-state:var(--hx-story-play-state)}.hx-company-story.is-concept-ready.is-motion-active{--hx-story-play-state: running}.hx-company-story.is-concept-ready.is-motion-active .hx-company-story__motion{animation-duration:var(--hx-story-duration);animation-name:hx-company-story-cycle}.hx-company-story.is-concept-ready.is-motion-active [data-story-draw]{animation:hx-company-story-draw var(--hx-story-draw-duration, .5s) linear var(--hx-story-draw-delay, 0ms) both;animation-play-state:var(--hx-story-play-state)}.hx-company-story.is-concept-ready.is-motion-active [data-story-reveal]{animation:hx-company-story-reveal var(--hx-story-reveal-duration, .26s) cubic-bezier(.22,1,.36,1) var(--hx-story-reveal-delay, 0ms) both;animation-play-state:var(--hx-story-play-state)}.hx-company-story.is-concept-ready.is-motion-active .hx-company-story__logo-mark,.hx-company-story.is-concept-ready.is-motion-active .hx-company-story__brand-word{animation-name:hx-company-story-brand-settle}.hx-company-story.is-concept-ready.is-motion-active .hx-company-story__status-light{animation-name:hx-company-story-status-settle}.hx-company-story.is-animation-complete [data-story-draw]{opacity:1;stroke-dasharray:none;stroke-dashoffset:0;animation:none}.hx-company-story.is-animation-complete [data-story-reveal]{opacity:1;transform:none;animation:none}@keyframes hx-company-story-cycle{0%,to{opacity:1}}@keyframes hx-company-story-draw{0%{opacity:0;stroke-dashoffset:1}0.01%{opacity:1;stroke-dashoffset:1}to{opacity:1;stroke-dashoffset:0}}@keyframes hx-company-story-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hx-company-story-brand-settle{0%{opacity:0;transform:translateY(3px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hx-company-story-status-settle{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@media(max-width:1100px){.hx-company-story__content{gap:clamp(32px,5vw,64px)}}@media(max-width:1099px){.hx-company-story__shell{width:min(calc(100% - 30px),var(--hx-story-max-width));padding-block:clamp(64px,10vw,var(--hx-story-section-space))}.hx-company-story__layout{gap:clamp(34px,7vw,56px)}.hx-company-story__content{grid-template-columns:1fr;gap:28px}.hx-company-story__title-group,.hx-company-story__copy-group{max-width:760px}.hx-company-story__capabilities{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}}@media(max-width:749px){.hx-company-story__shell{width:min(calc(100% - 32px),var(--hx-story-max-width));padding-block:clamp(56px,18vw,88px)}.hx-company-story__layout{gap:34px}.hx-company-story__visual{aspect-ratio:16 / 10}.hx-company-story__cover{object-fit:contain}.hx-company-story__film-caption{inset-inline:16px;bottom:16px}.hx-company-story__film-meta{display:none}.hx-company-story__play{min-height:50px;padding:6px 15px 6px 6px;font-size:12px}.hx-company-story__play-icon{flex-basis:36px;width:36px;height:36px}.hx-company-story__mobile-detail,.hx-company-story__blueprint path:nth-of-type(2),.hx-company-story__blueprint path:nth-of-type(4){display:none}.hx-company-story__eyebrow{margin-bottom:14px;font-size:11px}.hx-company-story__heading{font-size:clamp(34px,10vw,46px);line-height:1.06}.hx-company-story__body{margin-top:0;font-size:15px;line-height:1.68}.hx-company-story__supporting{margin-top:23px;font-size:9.5px;letter-spacing:.14em}.hx-company-story__actions{margin-top:28px}.hx-company-story__button{width:100%;min-height:52px}.hx-company-story__chapters{display:flex;width:100%;margin-top:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hx-company-story__chapters::-webkit-scrollbar{display:none}.hx-company-story__chapter{flex:0 0 min(76vw,250px);min-height:58px;scroll-snap-align:start}.hx-company-story__capabilities{grid-template-columns:1fr;margin-top:38px}.hx-company-story__capability{padding-top:18px;border-top:1px solid color-mix(in srgb,var(--hx-story-heading) 10%,transparent)}.hx-company-story__capability:first-child{border-top:0}.hx-company-story__dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.hx-company-story__dialog-panel{padding:14px}.hx-company-story__dialog-head{margin-bottom:12px}.hx-company-story__dialog-close{flex-basis:40px;width:40px;height:40px}}@media(min-width:1100px){.hx-company-story--fullscreen.hx-company-story--fullscreen-desktop{--hx-story-fullscreen-height: calc(100vh - var(--hx-story-header-offset, 0px));--hx-story-fullscreen-height: calc(100svh - var(--hx-story-header-offset, 0px));min-height:var(--hx-story-fullscreen-height)}.hx-company-story--fullscreen.hx-company-story--fullscreen-desktop .hx-company-story__shell{min-height:var(--hx-story-fullscreen-height);padding-block:var(--hx-story-desktop-fullscreen-space)}@supports (height: 100dvh){.hx-company-story--fullscreen.hx-company-story--fullscreen-desktop{--hx-story-fullscreen-height: calc(100dvh - var(--hx-story-header-offset, 0px))}}}@media(max-width:1099px){.hx-company-story--fullscreen.hx-company-story--fullscreen-mobile{--hx-story-fullscreen-height: calc(100vh - var(--hx-story-header-offset, 0px));--hx-story-fullscreen-height: calc(100svh - var(--hx-story-header-offset, 0px));min-height:var(--hx-story-fullscreen-height)}.hx-company-story--fullscreen.hx-company-story--fullscreen-mobile .hx-company-story__shell{min-height:var(--hx-story-fullscreen-height);padding-block:var(--hx-story-mobile-fullscreen-space)}@supports (height: 100dvh){.hx-company-story--fullscreen.hx-company-story--fullscreen-mobile{--hx-story-fullscreen-height: calc(100dvh - var(--hx-story-header-offset, 0px))}}}@media(prefers-reduced-motion:reduce){.hx-company-story,.hx-company-story *{scroll-behavior:auto!important}.hx-company-story [data-entry-item],.hx-company-story__button,.hx-company-story__button svg,.hx-company-story__cover,.hx-company-story__logo-mark,.hx-company-story__visual-intro,.hx-company-story__film-card,.hx-company-story__film-poster,.hx-company-story__play,.hx-company-story__diagram-play,.hx-company-story__chapter:after{animation:none!important;transition:none!important}.hx-company-story [data-entry-item]{opacity:1!important;transform:none!important}.hx-company-story.is-concept-ready [data-story-draw],.hx-company-story.is-concept-ready [data-story-reveal],.hx-company-story.is-concept-ready .hx-company-story__logo-mark,.hx-company-story.is-concept-ready .hx-company-story__diagram-play{opacity:1!important;stroke-dashoffset:0!important;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/hexufan-company-story.css.map */