/* BYQ Stringer ecommerce 22: split questionnaire with sticky recommendation. */
.lead-main{max-width:1640px;margin:0 auto;padding:28px clamp(22px,5vw,88px) 100px}.lead-crumbs{display:flex;gap:14px;font-size:12px;color:#687577;flex-wrap:wrap}.lead-intro{padding:70px 0 64px;max-width:1000px}.lead-intro h1{font-size:clamp(40px,5.2vw,76px);line-height:1.06;font-weight:300;letter-spacing:-.045em;margin:22px 0}.lead-intro h1 strong{font-weight:650}.lead-intro>p{max-width:650px;line-height:1.8;color:#677374}.lead-split{display:grid;grid-template-columns:7fr 5fr;gap:clamp(30px,7vw,110px);align-items:start}.lead-question{border:0;border-top:1px solid #d5dedc;padding:26px 0 36px;margin:0;min-width:0}.lead-question legend{padding:0 14px 0 0;font-size:20px;font-weight:600;line-height:1.4;max-width:100%}.lead-question legend>span,.lead-step>span{color:#3180a8;font-size:13px;display:inline-block;margin-right:16px;font-weight:500}.lead-options{display:grid;gap:12px;margin-top:16px}.lead-options label{position:relative;cursor:pointer;display:block}.lead-options input{position:absolute;left:18px;top:26px;accent-color:#3180a8}.lead-options label>span{display:block;border:1px solid #d9e0dd;border-radius:12px;padding:20px 20px 20px 46px;transition:background .2s,border-color .2s}.lead-options input:checked+span{border-color:#398cb8;background:#eaf4f8}.lead-options input:focus-visible+span{outline:2px solid #22678b;outline-offset:3px}.lead-options strong{font-size:16px;font-weight:600}.lead-options small{display:block;font-size:13px;color:#627173;line-height:1.6;margin-top:5px}.lead-result{position:sticky;top:115px;background:#efefea;border-radius:20px;overflow:hidden}.lead-result>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;transition:opacity .35s}.lead-result-copy{padding:clamp(24px,3vw,40px)}.lead-result h2{font-weight:500;font-size:clamp(25px,2.3vw,34px);letter-spacing:-.035em;line-height:1.2;margin:18px 0}.lead-result p{font-size:14px;line-height:1.8;color:#5f6b6c}.lead-result .button{width:100%;margin-top:14px;justify-content:space-between}.lead-small-link{display:flex;align-items:center;gap:16px;margin-top:22px;font-size:13px;line-height:1.6;font-weight:500}.lead-small-link svg{flex-shrink:0}.lead-note{font-size:12px;line-height:1.7;color:#657372}.lead-step{border-top:1px solid #d5dedc;padding:28px 0 32px;display:grid;grid-template-columns:35px 1fr;gap:14px}.lead-step h2,.lead-assurance h2{font-size:24px;letter-spacing:-.03em;line-height:1.25;margin:0 0 14px;font-weight:550}.lead-step p,.lead-assurance p,.lead-assurance li{font-size:15px;line-height:1.8;color:#5d6a6c}.lead-assurance{padding:28px;background:#edf4f6;border-radius:16px}.lead-assurance ul{padding-left:20px}.lead-assurance a{color:#226c94;text-decoration:underline}.lead-location{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d6deda;gap:clamp(30px,6vw,80px);padding:50px 0}.lead-location h2{font-size:32px;letter-spacing:-.035em;font-weight:500;line-height:1.2}.lead-location address{font-style:normal;font-size:20px;line-height:1.7}.lead-phone{display:inline-block;font-size:24px;margin:25px 0;color:#2d7ea5}.lead-button-row{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 28px}.lead-location p,.lead-location li{font-size:15px;line-height:1.8;color:#616f6f}.lead-location li{padding:6px}.lead-location-prepare{background:#f0f0eb;padding:35px;border-radius:18px}.lead-local-next,.lead-home-cta{padding:60px;background:#eaf3f6;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.lead-local-next h2,.lead-home-cta h2{font-size:clamp(30px,3.2vw,50px);font-weight:300;line-height:1.1;letter-spacing:-.04em;margin:20px 0}.lead-home-cta{max-width:1450px;margin:30px auto 100px;padding:clamp(30px,5vw,70px)}.lead-home-cta p{max-width:530px;line-height:1.8;font-size:15px}.lead-home-cta>div:last-child{display:flex;align-items:flex-start;flex-direction:column;gap:14px}.lead-home-cta .lead-small-link{margin-top:8px}.eg-arrow{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.eg-footer-bottom{flex-wrap:wrap}.eg-nav-feature-copy>span .eg-arrow{width:16px;height:16px}.eg-nav-info .eg-nav-link{padding-top:9px;padding-bottom:9px}
@media(max-width:850px){.lead-main{padding:24px 22px 65px}.lead-intro{padding:42px 0}.lead-split,.lead-location,.lead-local-next,.lead-home-cta{grid-template-columns:1fr;gap:28px}.lead-result{position:static}.lead-result>img{aspect-ratio:16/10}.lead-question legend{font-size:18px}.lead-home-cta{margin:20px 18px 70px}.lead-local-next,.lead-home-cta{padding:30px}.lead-location-prepare{padding:25px}.lead-button-row .button{width:100%;justify-content:space-between}.lead-local-next .button,.lead-home-cta .button{max-width:100%;white-space:normal}.lead-local-next h2{margin:15px 0}.lead-result-copy{padding:26px}}
@media(prefers-reduced-motion:reduce){.lead-options label>span,.lead-result>img{transition:none}}
/* Ultra-wide art direction: constrain the BYQ hero stage instead of enlarging a 16:9 photo across the entire monitor. */
@media(min-width:1952px){.hero{width:1920px;max-width:calc(100% - 64px);height:min(1000px,calc(100svh - 160px));min-height:700px;margin:0 auto 20px}.hero-slides .hero-photo{inset:-6%;width:112%;height:112%}.showroom-popup{right:max(32px,calc((100vw - 1920px)/2 + 28px))}.showroom-visit{max-width:1920px;margin-left:auto;margin-right:auto}.eg-footer{max-width:1920px;margin-left:auto;margin-right:auto}}
/* Keep the people in the new 16:9 scene in frame, without gallery overscan. */
.hero-slides .hero-slide:nth-child(3) .hero-photo{inset:0;width:100%;height:100%;object-position:100% 50%;transform:none}
@media(max-width:700px){.hero-slides .hero-slide:nth-child(3) .hero-photo{object-position:82% 50%}}

/* A little breathing room between the sticky navigation and home hero. */
.hero{margin-top:24px}
@media(max-width:700px){.hero{margin-top:12px}}

/* Keep motion control reachable by keyboard, without a visible slider button. */
.hero-slide-pause:not(:focus-visible){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.hero-slides .hero-slide:nth-child(2) .hero-photo{inset:0;width:100%;height:100%;object-position:75% 50%;transform:none}
/* Reserve the scrollbar width without adding animated page transitions. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}