/* Final responsive rules. SVG icons never depend on an emoji font. */
.ui-icon{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible;pointer-events:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:100px}
*,*::before,*::after{box-sizing:border-box}
.home .mobile-nav,.home .site-header.is-scrolled .mobile-nav{top:100%;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overscroll-behavior:contain}
.home :is(.hero-layout,.intro-grid,.sales-work-grid,.company-grid,.contact-grid,.composer-row,.faq-grid,.guide-grid,.check-grid)>*{min-width:0}
.home .hero-media{width:100%}
.home .hero h1 em{white-space:normal}
@media(max-width:1150px){
 .home .hero-layout{grid-template-columns:minmax(0,1fr);min-height:0;gap:30px;padding-top:40px}
 .home .hero-copy{max-width:780px}
 .home .hero h1{font-size:clamp(48px,7.5vw,80px)}
 .home .hero-lead{max-width:650px}
 .home .hero-media{max-width:760px;height:470px;min-height:470px;margin:0 auto}
 .home .intro-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .home .intro-grid>div:first-child{display:none}
 .home .contact-grid{grid-template-columns:minmax(0,1fr);gap:36px}
 .home .sales-contact-copy{max-width:700px}.home .contact-next{display:none}
 .home .contact-composer{width:100%;max-width:760px;margin-inline:auto}
}
@media(max-width:1024px){
 .home .sales-work-heading,.home .sales-work-grid,.home .company-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .home .work-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:0}
 .home .work-options button{padding:18px 12px;border:1px solid #b9bca9;border-bottom:3px solid transparent;border-radius:8px}
 .home .work-options button[aria-selected=true]{border-bottom-color:#997044}
 .home .work-options strong{font-size:23px}.home .work-options small,.home .work-options b{display:none}
 .home .work-document{min-height:0;width:100%;max-width:none}
 .home .sales-work-bottom{align-items:flex-start;flex-direction:column}
 .home .faq-grid{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:600px){
 .container{width:calc(100% - 40px)}
 .home .hero-layout{gap:28px;padding-top:30px;padding-bottom:34px}
 .home .hero h1{font-size:clamp(39px,11vw,60px);line-height:1.08}
 .home .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:20px}
 .home .hero-actions .button{width:100%;min-width:0}.home .hero-actions .text-link{align-self:flex-start}
 .home .hero-media{height:350px;min-height:350px}.home .media-caption{padding:18px 16px;font-size:25px}
 .home .hero-foot{margin-top:28px;font-size:9px;gap:12px}
 .home .sales-work h2,.home .company-grid h2,.home .contact h2{font-size:clamp(34px,9vw,45px)}
 .home .work-options{grid-template-columns:minmax(0,1fr);gap:8px}
 .home .work-options button{padding:15px 17px;min-height:66px}
 .home .work-options strong{font-size:20px;margin-top:7px;line-height:1.25}
 .home .work-options strong br{display:none}.home .work-options strong br::after{content:' '}
 .home .work-options button>span{font-size:9px;letter-spacing:.05em}
 .home .work-document{padding:24px 20px}.home .document-brand{flex-wrap:wrap}
 .home .document-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;overflow-wrap:anywhere}
 .home .composer-row{grid-template-columns:minmax(0,1fr);gap:0}
 .home .contact-composer{padding:24px 19px;box-shadow:5px 7px 0 #d2a36e34}
 .home .contact-composer :is(input,select,textarea){max-width:100%;font-size:16px}
 .home .email-link{gap:14px;font-size:clamp(18px,5vw,25px)}
 .home .company-card{padding:25px 20px}.home .company-card h3{overflow-wrap:anywhere}
 .home .sales-reading a{overflow-wrap:anywhere}.home .footer-bottom div{flex-wrap:wrap}
}

/* One canonical Acuria mark on every page, preserving its native proportions. */
.brand svg.brand-mark{width:34px;height:44px;flex:0 0 34px;display:block}
@media(max-width:480px){.brand svg.brand-mark{width:28px;height:36px;flex-basis:28px}}

/* Shared safeguards for the career form and all standard navigation. */
.contact-grid>*,.composer-row>*{min-width:0}
.contact-composer :is(input,select,textarea){max-width:100%;font-size:16px;min-height:47px}
.site-header .mobile-nav{top:100%;max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
:focus-visible{outline:2px solid #9e713e;outline-offset:4px}
@media(max-width:1150px){.site-header .desktop-nav{display:none}.site-header .menu-toggle{display:flex}.site-header .nav-contact{margin-left:auto}.contact-grid{grid-template-columns:minmax(0,1fr);gap:36px}.contact-composer{width:100%;max-width:760px;margin-inline:auto}}
@media(min-width:1151px){.site-header .mobile-nav,.site-header .menu-toggle{display:none!important}}
@media(max-width:600px){.composer-row{grid-template-columns:minmax(0,1fr);gap:0}.contact-composer{padding:24px 19px}.site-header .nav-contact{display:none}.site-header .menu-toggle{margin-left:auto}.footer-bottom div{flex-wrap:wrap}.career-hero h1{overflow-wrap:break-word}.fruitly-card-bottom{gap:10px;font-size:8px}.fruitly-copy h2{font-size:clamp(36px,10vw,52px)}}
@media(hover:none){.service-card:hover,.button:hover{transform:none}}
