/* Composition transferred from home-hero-art-lab.css: .field-stage. */
.home-page .chrome-home-hero{background:#121212;isolation:isolate;min-height:0}
.home-page .chrome-home-hero .hero-layout{position:relative;display:block;height:520px;min-height:0;max-width:1600px;width:100%;margin:auto;overflow:hidden}
.chrome-home-hero .hero-copy{position:static;padding:0;transform:none!important;opacity:1!important}
.chrome-home-hero .hero-copy h1{position:absolute;left:0;top:44px;font-size:clamp(62px,7.4vw,112px);letter-spacing:-.055em;line-height:1.02;z-index:4;pointer-events:none;white-space:nowrap;margin:0;font-weight:400}
.chrome-home-hero .hero-art.chrome-ribbon-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0;overflow:visible;touch-action:pan-y;user-select:none;cursor:default}
.chrome-home-hero .chrome-ribbon-art:before{display:none}
.chrome-home-hero .hero-art.chrome-ribbon-art.is-ribbon-near{cursor:grab}
.chrome-home-hero .hero-art.chrome-ribbon-art.is-dragging{cursor:grabbing}
.chrome-ribbon-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.chrome-ribbon-art .chrome-impact-wordmark{position:absolute;bottom:40px;right:0;left:auto;top:auto;width:auto;height:auto;padding-right:.08em;transform:none;font:400 clamp(130px,19.8vw,310px)/.85 Onest,Arial,sans-serif;letter-spacing:-.075em;color:#ff5a2b;z-index:1;pointer-events:none}
.chrome-hero-action{position:absolute;left:0;bottom:45px;z-index:4}
.chrome-hero-action>p{color:#999;font-size:12px;line-height:19px;margin:0 0 16px}
.chrome-hero-action .button{min-height:52px;height:52px;padding:14px 20px;font-size:13px;gap:36px}
@media(min-width:751px){
 .chrome-hero-action{position:static}
 .chrome-hero-action>p{position:absolute;left:0;top:clamp(196px,calc(66px + 15.1vw),294px);max-width:570px;margin:0;color:#ffffff;font-size:clamp(16px,1.45vw,20px);line-height:1.45}
 .chrome-hero-action .button{position:absolute;left:0;bottom:45px}
}
.chrome-ribbon-art .premium-art-index{position:absolute;right:0;top:43px;z-index:5;pointer-events:none;gap:12px}
.chrome-ribbon-art .premium-art-index strong{font-size:48px;font-weight:400;line-height:1;letter-spacing:-.06em}
.chrome-ribbon-art .premium-art-index sup{font-size:20px;vertical-align:top;margin-left:2px}
.chrome-ribbon-art .premium-art-index>span{font-size:9px;line-height:1.6;color:#929292}
.chrome-change-form{position:absolute;right:0;top:149px;bottom:auto;z-index:5;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 0;background:none;border:0;border-bottom:1px solid #ffffff24;color:#aaa;font:400 10px/1.5 Onest,Arial,sans-serif;cursor:pointer}
.chrome-change-form svg{width:24px;height:24px;color:#ff5a2b;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .35s ease}
.chrome-change-form:hover{color:#ffffff}.chrome-change-form:hover svg{transform:rotate(-20deg)}
.chrome-change-form:focus-visible{outline:2px solid #ff5a2b;outline-offset:5px}
@media(min-width:1650px){.home-page .chrome-home-hero .hero-layout{height:540px}}
@media(min-width:751px) and (max-width:1100px){
 .home-page .chrome-home-hero .hero-layout{height:480px}
 .chrome-home-hero .hero-copy h1{font-size:7.8vw}
 .chrome-hero-action>p{top:calc(66px + 15.9vw)}
}
@media(max-width:750px){
 .home-page .chrome-home-hero .hero-layout{height:555px}
 .chrome-home-hero .hero-copy h1{top:36px;font-size:clamp(38px,10.4vw,60px);letter-spacing:-.05em;line-height:1.03}
 .chrome-ribbon-art .chrome-impact-wordmark{font-size:var(--chrome-impact-size,26vw);bottom:152px;left:0;right:auto;white-space:nowrap}
 .chrome-hero-action{bottom:28px;display:flex;gap:16px;align-items:center;width:100%;justify-content:space-between}
 .chrome-hero-action>p{color:#ffffff;font-size:clamp(10px,2.8vw,11px);line-height:1.5;margin:0;max-width:156px}
 .chrome-hero-final{display:block}
 .chrome-hero-action .button{min-height:48px;height:48px;padding:12px;font-size:11px;gap:12px;white-space:nowrap}
 .chrome-ribbon-art .premium-art-index{top:158px;gap:7px}
 .chrome-ribbon-art .premium-art-index strong{font-size:29px}
 .chrome-ribbon-art .premium-art-index sup{font-size:13px}
 .chrome-ribbon-art .premium-art-index>span{font-size:7px}
 .chrome-change-form{top:auto;bottom:107px;font-size:9px;padding:10px 0}
 .chrome-change-form svg{width:22px;height:22px}
}
@media(max-width:380px){.chrome-hero-action>p{max-width:135px;font-size:10px}.chrome-hero-action .button{font-size:10px;padding:12px 10px;gap:10px}}
@media(prefers-reduced-motion:reduce){.chrome-ribbon-art{cursor:default}.chrome-change-form svg{transition:none}.chrome-change-form:hover svg{transform:none}}

/* Give the desktop composition breathing room without scaling its 3D surface. */
@media(min-width:751px){
 .home-page .chrome-home-hero .hero-layout{margin:40px auto 48px}
 .chrome-ribbon-art .chrome-impact-wordmark{font-size:clamp(123.5px,18.81vw,294.5px)}
}

.chrome-impact-baseline{display:inline-block;width:0;height:0;padding:0;border:0;vertical-align:baseline}
@media(min-width:751px){.chrome-ribbon-art .chrome-impact-wordmark{transform:translateY(var(--chrome-impact-align-shift,0px))}}


/* A deliberate response only on the key word. */
@font-face{font-family:'Onest Influence';src:url('assets/onest-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.chrome-ribbon-art .chrome-impact-wordmark{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ff5a2b}
.chrome-home-hero .hero-copy h1 .hero-influence{position:relative;display:inline-block;pointer-events:auto;cursor:default;font-family:'Onest Influence',Onest,Arial,sans-serif;font-weight:400;font-variation-settings:'wght' 400;color:#ffffff;letter-spacing:inherit;transition:font-variation-settings .55s cubic-bezier(.22,1,.36,1),letter-spacing .55s cubic-bezier(.22,1,.36,1)}
.hero-influence-light{display:none}
@media(hover:hover) and (pointer:fine){.chrome-home-hero .hero-copy h1 .hero-influence:hover{font-variation-settings:'wght' 900;letter-spacing:-.018em}}
/* Trace the original font outlines once the loader lines have departed. */
.chrome-ribbon-art .chrome-impact-wordmark{-webkit-text-stroke:0}
.chrome-impact-outline{position:absolute;left:0;overflow:visible;pointer-events:none}
.chrome-impact-outline path{fill:none;stroke:#ff5a2b;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
html:not(.home-intro-active) .chrome-impact-outline path{animation:chrome-outline-draw 3.4s cubic-bezier(.32,0,.18,1) both;animation-delay:calc(.2s + var(--letter)*.18s)}
@keyframes chrome-outline-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(max-width:750px){.chrome-impact-outline path{stroke-width:.8px}}
@media(prefers-reduced-motion:reduce){.chrome-home-hero .hero-copy h1 .hero-influence{transition:none}html:not(.home-intro-active) .chrome-impact-outline path{animation:none;stroke-dashoffset:0}}

/* The actual brand silhouette, outlined behind the chrome sculpture. */
.chrome-ribbon-art .chrome-impact-wordmark.chrome-impact-logo{width:65%;height:auto;aspect-ratio:1537/218;padding:0;font-size:0;line-height:0}
.chrome-impact-logo .chrome-impact-outline{position:static;display:block;width:100%;height:100%;overflow:visible}
@media(max-width:750px){.chrome-ribbon-art .chrome-impact-wordmark.chrome-impact-logo{width:100%;left:0;right:0;bottom:152px}}

/* Pure white for the entire main headline, including its hover word. */
.chrome-home-hero .hero-copy h1,.chrome-home-hero .hero-copy h1 .hero-influence{color:#fff}