/* Adapted from selected reference: motion-blend.css */
html{scroll-behavior:auto!important}
.mp-status{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:10002;max-width:90vw;background:#202520;color:white;border-radius:8px;padding:10px 18px;font:13px/1.5 Arial,sans-serif}.mp-status:empty{display:none}
.mp-progress{position:fixed;z-index:10002;left:0;top:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:#d33f39;pointer-events:none}

body.mp-active .hv-company-media,body.mp-active .hv-research-grid figure{overflow:hidden}
body.mp-active .hv-company-media figcaption{position:relative;background:#f7f7f7}
.mp-hero{height:100svh;min-height:600px;position:relative;isolation:isolate;background:#e4e5df;overflow:hidden;color:#fff}
.mp-hero-picture{position:absolute;inset:0;overflow:hidden;transform-origin:center;isolation:isolate;background:#303b36}
.mp-hero-picture>img{width:100%;height:100%;object-fit:cover;display:block}
.mp-hero-picture::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#111a1633,#111a1611 25%,#111a1688 100%)}
.mp-hero-copy{position:absolute;left:5vw;right:5vw;bottom:11%;z-index:2;color:#fff}
.mp-hero-copy .mp-kicker{font:12px/1.5 Arial,sans-serif;letter-spacing:.13em;margin-bottom:20px}
.mp-hero h1{font:400 clamp(58px,8.2vw,158px)/.96 MiSans-Regular,Arial,sans-serif!important;letter-spacing:-.055em;color:#fff!important;margin:0!important;max-width:1200px;text-transform:none!important}
.mp-hero h1 span{display:block}.mp-hero h1 .mp-hero-line{overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.mp-hero-copy>p:last-of-type{font:16px/1.5 MiSans-Regular,sans-serif;max-width:340px;margin-top:30px;color:#ffffffb3}
.mp-scroll{position:absolute;right:5vw;bottom:12%;width:74px;height:74px;display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;background:transparent;color:white!important;font:42px/1 Arial;z-index:3;text-decoration:none;transition:background .25s}
.mp-scroll:hover{background:#d33f39;border-color:#d33f39}.mp-hero-meta{position:absolute;bottom:28px;left:5vw;font:11px Arial,sans-serif;letter-spacing:.12em;z-index:2;color:#ffffffa6}
body[data-motion=b].mp-active .hv-company,body[data-motion=b].mp-active .hv-research{padding-top:120px;padding-bottom:120px}
body[data-motion=b].mp-active .hv-company h1{font-size:clamp(42px,5.2vw,84px)}
body[data-motion=c] .mp-hero{height:94svh}
body[data-motion=c] .mp-hero-picture{inset:0 0 0 28%}
body[data-motion=c] .mp-hero-picture::after{background:linear-gradient(90deg,#25352c66,transparent)}
body[data-motion=c] .mp-hero{background:#e7e9e2}
body[data-motion=c] .mp-hero-copy{bottom:17%;color:#17251c}
body[data-motion=c] .mp-hero h1{color:#17251c!important;font-size:clamp(62px,8.1vw,150px)!important;max-width:850px}
body[data-motion=c] .mp-hero h1>.mp-hero-line:last-child{color:#d34139}
body[data-motion=c] .mp-hero-copy>p:last-of-type{color:#17251c;max-width:250px}
body[data-motion=c] .mp-hero-meta{color:#17251c}
.mp-marquee{overflow:hidden;background:#e7e9e2;border-block:1px solid #19291d22;padding:34px 0}
.mp-marquee p{font:400 clamp(38px,5.5vw,96px)/1.1 MiSans-Regular,sans-serif;letter-spacing:-.035em;white-space:nowrap;color:#1e2d21;margin:0;width:max-content}
.mp-marquee b{color:#d34139;font-weight:400;padding:0 45px}
.mp-applications{background:#202b23;color:#f2f4ed;padding:95px 0 65px;overflow:hidden}
.mp-app-heading{display:flex;justify-content:space-between;align-items:end;margin:0 5vw 45px;gap:30px}
.mp-app-heading p{font:12px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#b7c6b8;margin-bottom:18px}
.mp-app-heading h2{font:400 clamp(36px,4.5vw,76px)/1.02 MiSans-Regular,sans-serif;letter-spacing:-.04em;color:#f2f4ed;margin:0}
.mp-app-heading>span{font:12px/1.5 Arial,sans-serif;color:#b7c6b8}
.mp-track{display:flex;gap:28px;padding:0 5vw;width:max-content}
.mp-app-card{display:block;flex:0 0 clamp(220px,26vw,420px);width:clamp(220px,26vw,420px);text-decoration:none!important;color:white!important;position:relative}
.mp-app-card .mp-image{position:relative;overflow:hidden;background:#45564a;aspect-ratio:.82}
.mp-app-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s}
.mp-app-card:hover img{transform:scale(1.045)}
.mp-app-card h3{font:400 21px/1.3 MiSans-Regular,sans-serif;color:inherit;display:flex;justify-content:space-between;margin:18px 0 8px}
.mp-app-card small{color:#aab7ac;font:11px Arial;letter-spacing:.1em}
.mp-track-view{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#647867 #202b23;padding-bottom:25px}
.mp-applications.mp-pinned .mp-track-view{overflow:hidden}
@media(min-width:993px){
.mp-applications.mp-pinned{height:calc(100svh - 76px);padding:24px 0 18px}
.mp-pinned .mp-app-heading{margin-bottom:22px;align-items:center}
.mp-pinned .mp-app-heading p{margin-bottom:10px}
.mp-pinned .mp-app-heading h2{font-size:clamp(36px,3.3vw,62px)}
.mp-pinned .mp-app-card .mp-image{height:34svh;aspect-ratio:auto}
.mp-pinned .mp-app-card img{object-position:center bottom}
.mp-pinned .mp-track-view{padding-bottom:0}
.mp-pinned .mp-app-progress{margin-top:16px}
}
.mp-app-progress{height:1px;background:#ffffff26;margin:25px 5vw 0;position:relative}
.mp-app-progress span{position:absolute;inset:0;background:#d9443d;transform:scaleX(.05);transform-origin:left}
.mp-media-message{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#d9dfd7;color:#263429;font:14px/1.6 Arial,sans-serif;padding:20px;z-index:1}
.mp-media-message button{margin-top:12px;border:1px solid currentColor;background:transparent;padding:8px 12px;cursor:pointer}
body.mp-reduced .mp-track-view{overflow-x:auto!important}body.mp-reduced .mp-app-card img{transition:none}
@media(max-width:992px){.mp-hero{min-height:540px;height:85svh}.mp-hero h1{font-size:clamp(48px,10vw,84px)!important}.mp-scroll{width:48px;height:48px;font-size:30px;bottom:8%}.mp-hero-copy{bottom:18%}.mp-hero-meta{bottom:20px}.mp-hero-copy>p:last-of-type{font-size:14px}.mp-applications{padding:65px 0 45px}.mp-app-heading{display:block}.mp-app-heading>span{display:block;margin-top:18px}.mp-app-card{width:70vw;flex-basis:70vw}.mp-track{gap:20px}.mp-app-card .mp-image{max-height:52svh;aspect-ratio:.82}.mp-app-heading h2{font-size:40px}.mp-status{bottom:72px}.mp-hero-picture>img{object-position:58% center}}
@media(max-width:600px){.mp-hero{height:80svh;min-height:500px}.mp-hero-copy{left:6vw;right:6vw}.mp-hero h1{font-size:12vw!important}.mp-hero-copy .mp-kicker{font-size:10px}.mp-scroll{right:6vw;bottom:13%}body[data-motion=c] .mp-hero{height:85svh}body[data-motion=c] .mp-hero-picture{inset:0 0 0 12%;opacity:.48}body[data-motion=c] .mp-hero h1{font-size:13.5vw!important}body[data-motion=c] .mp-hero-copy{bottom:20%}.mp-app-heading h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.mp-app-card img,.mp-scroll{transition:none!important}}

/* Adapted from selected reference: combined.css */
/* Halve only the desktop whitespace above the original 100px logo box; preserve the content and bottom spacing. */
@media(min-width:993px){
body[data-combined]>header.section-header-wrap-block{padding:17px 0 0!important}
body[data-combined] header .header-outer-wrap>.layout{height:calc(clamp(105px,7.82vw,150px)*.75 + 25px)!important;padding:calc((clamp(105px,7.82vw,150px) - 100px)/4) 0 calc((clamp(105px,7.82vw,150px) - 100px)/2)!important}
}
body[data-combined] .blend-hero{background:#f2f2f2}
body[data-combined="2"] .blend-hero{background:#eff0f2}
body[data-combined="3"] .blend-hero{background:#f5f4f2}
body[data-combined] .mp-hero-picture{background:#ededed}
body[data-combined] #sectionIdbokvymq{height:100%!important;aspect-ratio:auto!important;min-height:0!important}
body[data-combined] #sectionIdbokvymq .item-inner>img{object-fit:cover!important}
body[data-combined] #sectionIdbokvymq [data-hv-slide="0"]{background:#f2f2f2}
body[data-combined] #sectionIdbokvymq [data-hv-slide="0"] .item-inner>img{box-sizing:border-box;padding:var(--blend-header-height,140px) 2vw 65px;object-fit:contain!important}
body[data-combined] #sectionIdbokvymq .swiper-control{display:none!important}
body[data-combined] .mp-hero-picture::after{z-index:1;pointer-events:none;background:linear-gradient(180deg,#080b0e08 18%,#080b0e2b 43%,#080b0e9c 100%);transition:opacity .65s}
body[data-combined] .blend-expo .mp-hero-picture::after{opacity:0}
body[data-combined] .mp-hero-copy{left:5vw;right:5vw;bottom:19%;pointer-events:none}
body[data-combined] .blend-headline{max-width:none;margin:0!important;font-size:clamp(46px,5.9vw,114px)!important;line-height:1.1!important;letter-spacing:-.045em!important;text-shadow:0 2px 32px #0002;transition:opacity .45s}
body[data-combined] .blend-headline>span,body[data-combined] .blend-opening>span{display:block}
body[data-combined] .blend-promise{margin-top:.08em}
body[data-combined] .blend-expo .blend-headline{opacity:0}
body[data-combined="2"] .mp-hero-copy{text-align:center;left:4vw;right:4vw;bottom:25%}
body[data-combined="2"] .blend-opening{font-size:clamp(35px,4.35vw,83px);line-height:1.2}
body[data-combined="2"] .blend-opening>span{display:inline}
body[data-combined="2"] .blend-promise{font-size:clamp(48px,6.6vw,126px);margin-top:.18em;letter-spacing:-.05em}
body[data-combined="3"] .mp-hero-copy{bottom:20%}
body[data-combined="3"] .blend-opening{font-size:clamp(44px,5.6vw,107px)}
body[data-combined="3"] .blend-opening>span:nth-child(2){margin-left:7vw}
body[data-combined="3"] .blend-promise{margin-left:14vw;font-size:clamp(46px,5.9vw,114px);margin-top:.14em}
.blend-controls{position:absolute;bottom:11%;right:5vw;z-index:4;display:flex;align-items:center;gap:12px;color:#fff}
.blend-controls>button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff88;background:#080b0e18;backdrop-filter:blur(6px);color:inherit;font:24px/1 Arial,sans-serif;cursor:pointer}
.blend-controls button:hover{background:#ffffff22}.blend-controls button:focus-visible{outline:2px solid #d8443b;outline-offset:4px}
.blend-controls [data-blend-pause]{font-size:17px;width:34px;height:34px;margin-left:6px}
.blend-dots{display:flex;gap:2px}.blend-dots button{border:0;background:transparent;width:36px;height:36px;cursor:pointer;padding:15px 5px}
.blend-dots span{display:block;width:100%;height:2px;background:#ffffff66;transition:background .25s}
.blend-dots [aria-pressed=true] span{background:#fff}
.blend-expo .blend-controls{color:#323232}
.blend-expo .blend-controls>button{border-color:#3336;background:#fff7}
.blend-expo .blend-dots span{background:#3335}.blend-expo .blend-dots [aria-pressed=true] span{background:#333}
body[data-combined] .mp-media-message{background:#e8e8e8;color:#333}
@media(min-width:993px) and (max-height:650px){body[data-combined] .blend-hero{min-height:500px}body[data-combined] .blend-headline{font-size:clamp(40px,4.8vw,88px)!important}body[data-combined="2"] .blend-opening{font-size:3.8vw}body[data-combined="2"] .blend-promise{font-size:5.2vw}body[data-combined="3"] .blend-opening{font-size:4.8vw}body[data-combined="3"] .blend-promise{font-size:4.8vw}}
@media(max-width:992px){body[data-combined] #sectionIdbokvymq [data-hv-slide="0"] .item-inner>img{padding:20px 2vw 90px}body[data-combined] .mp-hero-copy{bottom:24%;left:6vw;right:6vw}body[data-combined] .blend-headline{font-size:clamp(37px,6.7vw,68px)!important}body[data-combined="2"] .blend-opening{font-size:clamp(28px,5vw,48px)}body[data-combined="2"] .blend-promise{font-size:clamp(38px,7.2vw,70px)}body[data-combined="3"] .blend-opening{font-size:clamp(36px,6.7vw,67px)}body[data-combined="3"] .blend-promise{font-size:clamp(36px,6.5vw,67px);margin-left:7vw}.blend-controls{bottom:12%;right:6vw;gap:7px}}
@media(max-width:600px){body[data-combined] .blend-hero{height:80svh;min-height:500px}body[data-combined] .blend-headline{font-size:clamp(30px,8.8vw,52px)!important;line-height:1.16!important;letter-spacing:-.045em!important}body[data-combined] .blend-promise{margin-top:.38em;max-width:100%}body[data-combined="2"] .blend-opening{font-size:clamp(28px,8vw,45px)}body[data-combined="2"] .blend-opening>span{display:block}body[data-combined="2"] .blend-promise{font-size:clamp(32px,9.4vw,52px);line-height:1.13;max-width:100%;margin-top:.5em}body[data-combined="3"] .blend-opening{font-size:8.8vw}body[data-combined="3"] .blend-opening>span:nth-child(2){margin-left:4vw}body[data-combined="3"] .blend-promise{font-size:8.8vw;margin-left:8vw}.blend-controls{bottom:11%}.blend-controls>button{width:34px;height:34px;font-size:21px}.blend-dots button{width:27px}}
@media(prefers-reduced-motion:reduce){body[data-combined] .mp-hero-picture::after,body[data-combined] .blend-headline,.blend-dots span{transition:none}}

/* Adapted from selected reference: selected.css */
/* Selected composition: A's content, blend-1's hero, full-bleed poster. */
body[data-selected] #sectionIdbokvymq [data-hv-slide="0"] .item-inner>img{
  padding:0;object-fit:cover!important;object-position:left center!important;
}
/* Keep the pair together and reuse the original site's horizontal arrow shape. */
body[data-selected] .blend-controls{gap:10px;color:#fff}
body[data-selected] .blend-dots{order:0}
body[data-selected] .blend-controls [data-blend-pause]{order:1;margin:0 22px 0 4px;color:#fff;border-color:#ffffff88;background:transparent}
body[data-selected] .blend-controls :is([data-blend-prev],[data-blend-next]){
  box-sizing:border-box;order:2;flex:0 0 46px;width:46px;height:46px;padding:0;
  border:2px solid #fff;border-radius:50%;color:#fff;background:transparent;
  backdrop-filter:none;font-size:0;
}
body[data-selected] .blend-controls [data-blend-next]{order:3}
body[data-selected] .blend-controls :is([data-blend-prev],[data-blend-next])::after{
  content:'';display:block;width:28px;height:28px;background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h18m-8-8 8 8-8 8' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;
}
body[data-selected] .blend-controls [data-blend-prev]::after{transform:rotate(180deg)}
body[data-selected] .blend-expo .blend-dots span{background:#ffffff66}
body[data-selected] .blend-expo .blend-dots [aria-pressed=true] span{background:#fff}
body[data-selected] .blend-controls :is([data-blend-prev],[data-blend-next]):hover{background:#ffffff18}
@media(max-width:600px){body[data-selected] .blend-controls [data-blend-pause]{margin-right:12px}}

/* Adapted from selected reference: refined.css */
/* Round 4: transparent header treatments and genuinely centered arrow icons. */
body[data-refined]{--header-tint:248,249,248;--header-opacity:.86;--header-blur:7px;--header-fade:18px}
body[data-refined="2"]{--header-tint:243,245,245;--header-opacity:.70;--header-blur:12px;--header-fade:28px}
body[data-refined="3"]{--header-tint:246,245,242;--header-opacity:.79;--header-blur:10px;--header-fade:36px}
body[data-refined]>header.section-header-wrap-block,
body[data-refined]>header.section-header-wrap-block.hv-scrolled{background:transparent!important;box-shadow:none!important;isolation:isolate}
body[data-refined]>header::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0 0 calc(-1*var(--header-fade));background:linear-gradient(180deg,rgba(var(--header-tint),var(--header-opacity)) 0%,rgba(var(--header-tint),var(--header-opacity)) 65%,rgba(var(--header-tint),0) 100%);backdrop-filter:blur(var(--header-blur));mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%);opacity:.68;transition:opacity .5s ease}
body[data-refined]>header.hv-scrolled::before{opacity:1}
body[data-refined] .blend-controls :is([data-blend-prev],[data-blend-next]){display:flex;align-items:center;justify-content:center;position:relative;line-height:0}
body[data-refined] .blend-controls :is([data-blend-prev],[data-blend-next])::before,
body[data-refined] .blend-controls :is([data-blend-prev],[data-blend-next])::after{content:none;display:none}
body[data-refined] .blend-controls svg{display:block;flex:none;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}
body[data-refined] .blend-controls [data-blend-prev] svg{transform:rotate(180deg)}
body[data-refined].mp-active :is(.hv-factory-image,.hv-function-image,.hv-video-trigger,.hv-research-grid figure){overflow:hidden}
body[data-refined].mp-active :is(.hv-factory-image img,.hv-function-image img){transition:none}
@media(prefers-reduced-motion:reduce){body[data-refined]>header::before{transition:none}}

/* Adapted from selected reference: flow.css */
/* A's desktop banner proportions, with the latest headline and controls. */
@media(min-width:993px){
  body[data-natural-hero] .blend-hero{height:auto;min-height:0;aspect-ratio:1920 / 825}
}

/* Adapted from selected reference: type-size.css */
body[data-type-size="1"]{--headline-scale:.92}
body[data-type-size="2"]{--headline-scale:.86}
body[data-type-size="3"]{--headline-scale:.80}
body[data-type-size] .blend-headline{font-size:calc(clamp(46px,5.9vw,114px)*var(--headline-scale))!important}
@media(min-width:993px) and (max-height:650px){body[data-type-size] .blend-headline{font-size:calc(clamp(40px,4.8vw,88px)*var(--headline-scale))!important}}
@media(max-width:992px){body[data-type-size] .blend-headline{font-size:calc(clamp(37px,6.7vw,68px)*var(--headline-scale))!important}}
@media(max-width:600px){body[data-type-size] .blend-headline{font-size:calc(clamp(30px,8.8vw,52px)*var(--headline-scale))!important}}

/* Adapted from selected reference: type-smaller.css */
/* Relative to the selected 80% size: another 5%, 10%, or 15% reduction. */
body[data-type-step="1"]{--headline-scale:.76}
body[data-type-step="2"]{--headline-scale:.72}
body[data-type-step="3"]{--headline-scale:.68}

/* Adapted from selected reference: photo-hover.css */
/* Independent scale composes with GSAP's existing scroll transform. */
body[data-type-step="3"] :is(.hv-factory-image,.hv-function-image,.hv-video-trigger,.hv-research-grid figure){overflow:hidden}
/* GSAP resets individual scale to inline 'none'; keep hover scale under CSS ownership. */
body[data-type-step="3"] :is(.hv-factory-image,.hv-function-image,.hv-video-trigger,.hv-research-grid figure)>img{scale:1!important;transition:scale .45s ease!important}
/* Remove the old transform hover rule; scroll transforms remain owned by GSAP. */
body[data-type-step="3"] :is(.hv-factory-image,.hv-function-image):hover>img{transform:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body[data-type-step="3"]:not(.mp-reduced) :is(.hv-factory-image,.hv-function-image,.hv-video-trigger,.hv-research-grid figure):hover>img{scale:1.035!important}
}
body[data-type-step="3"].mp-reduced :is(.hv-factory-image,.hv-function-image,.hv-video-trigger,.hv-research-grid figure)>img{scale:1!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
  body[data-type-step="3"] :is(.hv-factory-image,.hv-function-image,.hv-video-trigger,.hv-research-grid figure)>img{scale:1!important;transition:none!important}
}

/* Adapted from selected reference: selected-details.css */
/* Refinements for the selected third typography preview only. */
body[data-type-step="3"]{--content-width:min(90%,1400px)}
body[data-type-step="3"] :is(.hv-frame,.hv-certificates>.layout,#sectionIdy3wntxw>.layout,#sectionIdc2tfcjf>.layout,footer.section-footer-wrap-block>.layout){
  box-sizing:border-box;width:var(--content-width)!important;max-width:1400px!important;
  margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;
}
body[data-type-step="3"] footer.section-footer-wrap-block{padding-left:0!important;padding-right:0!important}
body[data-type-step="3"] .hv-numbers li{text-align:left}
body[data-type-step="3"] .hv-numbers li>div{justify-content:flex-start}
body[data-type-step="3"] .hv-numbers li>p{font-family:MiSans,sans-serif;font-size:14px;font-weight:500;text-align:left}
body[data-type-step="3"] .hv-advantages-grid .hv-body{max-width:100%}
body[data-type-step="3"] .hv-research .hv-eyebrow{color:#d13b3b}
body[data-type-step="3"] .mp-hero-copy{left:calc((100% - var(--content-width))/2);right:calc((100% - var(--content-width))/2)}
body[data-type-step="3"] .blend-controls{right:calc((100% - var(--content-width))/2)}
body[data-type-step="3"] .hv-certificate-content{padding:28px 6vw 32px}
body[data-type-step="3"] .hv-certificate-content img{width:auto;height:auto;max-width:min(100%,760px);max-height:min(76dvh,calc(100dvh - 144px));object-fit:contain}
@media(min-width:993px){
  body[data-type-step="3"] header .header-outer-wrap>.layout{width:var(--content-width)!important}
}
@media(min-width:601px){
  body[data-type-step="3"] .hv-advantages-heading h2{text-align:right}
}
@media(max-width:600px){
  body[data-type-step="3"]{--content-width:88%}
}

/* Keep editable source captions and native controls out of the enhanced composition. */
body[data-home-final] .blend-hero #sectionIdbokvymq .item-box{display:none!important}
body[data-home-final] .blend-headline{white-space:pre-line}
body[data-home-final] .blend-controls button:disabled{opacity:.45;cursor:default}
body[data-home-final] .mp-status{bottom:20px}
