/* brilo shape-refine v2 (preview): shapes by role instead of one shape everywhere.
   round = things you press (main buttons, circular badge and arrows stay as they are)
   diagonal soft corners = cards that hold information
   tab = section labels, square = small tags and secondary buttons
   Remove the link tag to revert. */
:root:root body .btn.outline{border-radius:3px!important;letter-spacing:.08em}
:root:root body .kv-benefit{border-radius:18px 3px!important}
:root:root body .review-slide{border-radius:18px 3px!important}
:root:root body .info-disclosure{border-radius:14px 3px!important}
:root:root body .company-table{border-radius:12px 3px!important}
:root:root body .photo-card-label{border-radius:2px 999px 999px 2px!important;border-left:3px solid #365333!important}
:root:root body .work-story-tag{border-radius:2px!important}
/* desktop: gold badge sits at the right end of its column */
@media (min-width:801px){:root:root body .kv-benefits>.kv-estimate-badge{justify-self:end!important;left:max(clamp(12px,2.2vw,32px),min(200px,calc((100vw - 1240px)/4)))!important}}
/* first screen = the photograph only: works section starts below the fold */
@media (min-width:801px){:root:root body #visual{height:calc(100svh - 84px)!important;min-height:560px!important}:root:root body #visual .hero-content{height:calc(100% - 94px)!important}}
/* mobile: photograph shown smaller under an extended sky, with the copy laid over the sky like on desktop */
@media (max-width:800px){
:root:root body #visual{--mobile-kv-photo-height:calc(100svh - 67px - 74px)!important}
:root:root body #visual .hero-image{background:linear-gradient(180deg,#4b97e9 0%,#63a9f0 55%,#7ab8f4 100%)!important}
:root:root body #visual .hero-image img{position:absolute!important;left:50%!important;top:auto!important;bottom:0!important;width:125%!important;max-width:none!important;height:auto!important;transform:translateX(-50%)!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%);mask-image:linear-gradient(180deg,transparent 0,#000 26%)}
:root:root body #visual .hero-copy{position:absolute!important;top:18px!important;bottom:auto!important;left:16px!important;right:16px!important;z-index:3!important;margin:0!important;grid-area:auto!important;background:radial-gradient(ellipse at 50% 46%,rgba(255,255,255,.5),rgba(255,255,255,0) 72%)}
:root:root body #visual:is([data-sky="night"],[data-sky="evening"]) .hero-copy{background:none!important}
:root:root body #visual[data-sky="evening"] .hero-copy :is(.hero-overline,h1,h1 span,.hero-lead){color:#fff!important;text-shadow:0 1px 12px rgba(30,20,60,.6)}
:root:root body #visual .hero-message{position:absolute!important;top:calc(var(--mobile-kv-photo-height)*.63)!important;right:14px!important;left:auto!important;margin:0!important}
}