/* V3 starts with the existing homepage. The hook is decorative and adds no layout space. */
.home-hero-content{position:relative;isolation:isolate}
.home-hero-eyebrow>span:last-child{display:none}
.home-hero-hook{position:absolute;top:0;right:12px;width:210px;height:calc(100% - 150px);max-height:390px;color:#D9743B;pointer-events:none;z-index:-1}
.home-menu-toggle{display:none}
.home-desktop-hook{display:none}
@media(min-width:1101px){
  .home-hero-hook{display:none}
  .home-hero-content{padding:56px 0 48px!important}
  .home-hero-content h1{max-width:66%!important;font-size:clamp(76px,6.5vw,104px)!important;line-height:.98!important;text-wrap:initial!important}
  .home-hero-content h1>span,.home-hero-marketing{display:block}
  .home-hero-action{width:64%;grid-template-columns:1fr!important;gap:24px!important;margin-top:28px!important}
  .home-hero-action>div{justify-content:flex-start!important}
  .home-desktop-hook{display:block;position:absolute;top:0;right:0;width:31%;height:100%;max-height:620px;color:#D9743B;pointer-events:none}
}
@media(max-width:1100px){.home-hero-hook{display:none}}

/* Only the homepage changes at mobile sizes; desktop retains its existing layout. */
@media(max-width:640px){
  .home-intro{min-height:0!important}
  .navshell-home header{min-height:64px;padding:10px 0;width:calc(100% - 48px)}
  .navshell-home .brand{font-size:20px}
  .navshell-home .brand svg{width:20px;height:24px}
  .home-menu-toggle:not([hidden]){display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;margin-right:-10px;padding:10px;background:none;border:0;color:#F7F5F1;cursor:pointer}
  .home-menu-toggle span{display:block;width:24px;height:1.5px;background:currentColor}
  .home-menu-toggle:focus-visible{outline:2px solid #D9743B;outline-offset:2px}
  .navshell-home:has(.home-menu-toggle:not([hidden])) #home-navigation{display:none}
  .navshell-home:has(.home-menu-toggle[aria-expanded="true"]) #home-navigation{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 12px;overflow:visible}
  .navshell-home #home-navigation a{padding:14px 0;font-size:15px;border-top:1px solid #38332C}
  .home-hero-content{width:calc(100% - 48px)!important;padding:32px 0 36px!important;display:block!important}
  .home-hero-eyebrow{gap:9px!important;margin-bottom:32px!important}
  .home-hero-eyebrow span:nth-child(2){font-size:9px!important;letter-spacing:.14em!important;white-space:nowrap}
  .home-hero-content h1{font-size:clamp(35px,11vw,58px)!important;line-height:1!important;letter-spacing:-.045em!important;max-width:calc(100% - 74px)!important;text-wrap:initial!important}
  .home-hero-content h1>span,.home-hero-marketing{display:block}
  .home-hero-hook{display:none}
  .home-desktop-hook{display:block;position:absolute;top:24px;right:20px;width:96px;height:auto;aspect-ratio:400/620;color:#D9743B;pointer-events:none}
  .home-desktop-hook g{stroke-width:5.5}
  .home-hero-action{display:flex!important;flex-direction:column;align-items:stretch!important;gap:24px!important;margin-top:32px!important}
  .home-hero-action p{font-size:16px!important;line-height:1.55!important;max-width:none!important;text-wrap:initial!important}
  .home-hero-action>div{justify-content:flex-start!important;padding:0!important}
  .home-hero-action a{padding:16px 24px!important;font-size:15px!important;min-height:50px}
  .home-hero-services{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-hero-services>div{padding:24px!important;border-right:0!important;min-width:0}
  .home-hero-services>div:nth-child(odd){border-right:1px solid #38332C!important}
  .home-hero-services>div:nth-child(n+3){border-top:1px solid #38332C}
  .home-hero-services strong{font-size:18px!important;margin-top:10px!important}
  .home-hero-services>div>span:last-child{color:#BDB8B1!important;font-size:13px!important;line-height:1.5!important}
  .home-hero-services br{display:none}
  #contact>div>div{min-width:0;max-width:100%}
  #contact a{padding:24px 20px!important;overflow-wrap:anywhere}
  #contact a strong{font-size:20px!important}
}
@media(max-width:360px){
  .home-hero-content,.navshell-home header{width:calc(100% - 32px)!important}
  .home-hero-content h1{max-width:calc(100% - 64px)!important}
  .home-desktop-hook{width:82px;right:12px}
  .home-hero-services>div{padding:20px 16px!important}
}