/* Lead with the sales workspace; the photograph supports the product promise. */
@media(min-width:1200px) and (min-height:741px){
 .home-page .hero-copy{top:clamp(112px,13svh,156px);left:6%;width:min(68vw,1040px);max-width:1040px}
 .home-page .hero h1{font-size:clamp(96px,8.8vw,144px);line-height:.96;letter-spacing:-.065em;max-width:100%}
 .home-page .hero-copy .eyebrow{font-size:16px;line-height:1.4;letter-spacing:.10em;margin:0 0 24px}
 .home-page .hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.55;max-width:min(28vw,440px);margin:28px 0;color:#f3f1e9}
 .home-page .hero-copy .button{font-size:16px;min-height:52px;padding:15px 26px}
}

/* Short and compact screens give the larger words their own panel. */
@media(max-width:1199px),(max-height:740px){
 .home-page .hero,.home-page.motion-off .hero,.home-page.no-js .hero{height:auto;min-height:0;background:var(--paper)}
 .home-page .hero-sticky{position:relative;display:flex;flex-direction:column;height:auto;min-height:0;overflow:hidden;background:var(--paper)}
 .home-page .hero-copy{position:relative;inset:auto;order:0;width:min(calc(100% - 48px),960px);max-width:none;margin:0 auto;padding:124px 0 38px;color:var(--ink);opacity:1!important;transform:none!important;will-change:auto}
 .home-page .hero h1{font-size:clamp(72px,8.8vw,96px);line-height:.97;max-width:100%}
 .home-page .hero-copy .eyebrow{font-size:16px;line-height:1.4;letter-spacing:.10em;color:#526168;margin:0 0 24px}
 .home-page .hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.6;max-width:540px;margin:26px 0;color:#526168}
 .home-page .hero-copy .button.light{font-size:16px;min-height:52px;padding:15px 26px;background:#17262f;color:#fbfaf6}
 .home-page .hero-photo{position:relative;inset:auto;order:1;width:100%;height:auto;min-height:0;aspect-ratio:1672/941;flex:none;border-radius:0;transform:none!important;will-change:auto}
 .home-page .hero-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;will-change:auto}
 .home-page .hero-photo:after{content:none}
 .home-page .hero-bottom-word,.home-page .hero-foot{display:none}
}
@media(max-width:760px){
 .home-page .hero-copy{padding-top:116px;padding-bottom:36px}
 .home-page .hero h1{font-size:clamp(52px,12.8vw,76px);line-height:.98}
 .home-page .hero-copy .eyebrow{font-size:14px;max-width:290px;letter-spacing:.08em;margin-bottom:24px}
 .home-page .hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;margin:26px 0}
}
@media(max-width:359px){.home-page .hero h1{font-size:44px}}
@media(min-width:700px) and (max-height:740px){
 .home-page .hero-sticky{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;padding:112px 4% 40px}
 .home-page .hero-copy{width:auto;max-width:none;margin:0;padding:0}
 .home-page .hero h1{font-size:clamp(48px,6.1vw,86px);line-height:.98}
 .home-page .hero-copy .eyebrow{font-size:14px;max-width:100%;margin-bottom:20px}
 .home-page .hero-copy>p:not(.eyebrow){font-size:18px;max-width:460px;margin:24px 0}
}
@media(min-width:700px) and (max-height:440px){
 .home-page .hero-sticky{padding-top:106px;padding-bottom:30px}
 .home-page .hero h1{font-size:clamp(44px,5.6vw,62px)}
 .home-page .hero-copy .eyebrow{margin-bottom:12px}
 .home-page .hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.5;margin:16px 0}
 .home-page .hero-copy .button.light{font-size:15px;min-height:48px;padding:13px 22px}
}