/* Keep the full bottom navigation inside the viewport in RTL and LTR. */
html,body{width:100%;max-width:100%;overflow-x:clip}.app,.workspace,main{min-width:0}.bottom-nav{position:fixed!important;inset:auto 0 0 0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));box-sizing:border-box;padding:9px max(7px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));gap:4px;overflow:visible;z-index:20}.bottom-nav>a,.bottom-nav>button{width:100%;min-width:0;max-width:100%;margin:0;padding:8px 2px;min-height:62px;line-height:1.4}.bottom-nav span{white-space:nowrap;font-size:13px!important}.bottom-nav svg{width:26px;height:26px;flex-shrink:0}.bottom-nav:before,.bottom-nav:after{display:none}main{padding-bottom:40px}footer,body[data-page=detail] footer,body[data-page=request] footer{padding-bottom:calc(135px + env(safe-area-inset-bottom))}.sticky-actions{bottom:calc(95px + env(safe-area-inset-bottom))}
/* Large office mark with the controls in a separate row. */
header{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 28px;height:auto;min-height:0}.mobile-brand{grid-column:1/-1;justify-self:center;display:block;width:min(100%,400px);max-width:100%;margin:0;background:white;border-radius:12px;padding:11px 16px;line-height:0}.mobile-brand img,body:has(.account-admin-link) .mobile-brand img{width:100%!important;max-width:100%;height:auto}.header-title,.trial{display:none!important}.header-back{grid-column:1;justify-self:start;margin:0!important;min-height:45px;font-size:17px}.account-admin-link{grid-column:2;justify-self:end;margin:0;padding:10px 15px;min-height:45px;display:flex;align-items:center;font-size:16px;line-height:1.5;text-align:center}.header-back:disabled{display:none}.contact-office-logo{width:100%;max-width:450px!important;padding:12px;background:white;border-radius:12px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.contact-actions>a,.contact-actions>button{min-height:52px;font-size:17px;flex:1;white-space:nowrap;padding:13px 18px}.contact-link{min-height:70px;padding:20px 0;display:flex;flex-direction:column;justify-content:center;gap:5px}.contact-link b{font-size:20px}.office-number{color:#e3bd7e;font-size:27px;font-weight:bold;text-align:center;letter-spacing:2px;user-select:all}.about-office>img{display:block;width:min(100%,500px);background:white;border-radius:12px;padding:12px;margin:5px auto 30px}.about-office h1{font-size:33px;text-align:center}.about-office>.eyebrow{text-align:center}.about-office>p{font-size:18px;line-height:2.1}.management-entry{display:flex;align-items:center;gap:18px;padding:24px 22px;margin:23px 0;border:1px solid #e3bd7e88;background:linear-gradient(120deg,#16447d,#0e3064);border-radius:17px}.management-entry>span{color:#e3bd7e;display:flex}.management-entry svg{width:42px;height:42px}.management-entry h2{font-size:26px;color:#e3bd7e}.management-entry p{font-size:15px;color:#c6d8ed;margin:3px 0 0}.management-entry>b{margin-right:auto;font-size:26px;color:#e3bd7e}.data-guide h2{font-size:25px;color:#8aceff}.data-guide>p{font-size:17px;line-height:2}.data-guide>p.hint{font-size:15px}.data-guide button{margin-top:12px}.home-section .text-link,.text-link{font-size:17px}.banner-slide small{font-size:15px;letter-spacing:1.5px;font-weight:bold}.banner-slide h3{font-size:25px}.banner-slide h2{font-size:33px}.banner-slide a{font-size:17px;min-height:44px}.banner-slide{min-height:310px}.banner-slide p{font-size:16px}.service b{font-size:17px}.projects-entry h2{font-size:28px}.projects-entry>b{font-size:28px}.office-strip h3{font-size:24px}.office-strip a{font-size:17px}.portfolio-copy>small{font-size:17px}.portfolio-copy b{font-size:16px}.portfolio-cover span{font-size:16px}.rotator-caption h3{font-size:28px}.rotator-caption span{font-size:17px}.rotator-controls button{font-size:19px}.rotator-controls #gallery-pause{font-size:16px}.more-links a{font-size:20px}.more-links span{font-size:24px}.chip.selected{font-weight:bold}.eyebrow{font-size:18px}.quote-sign{font-size:17px}.contact-grid .primary,.contact-grid .secondary{font-size:17px}.quote-actions .secondary{font-size:17px}a,button{-webkit-tap-highlight-color:#e3bd7e33}.banner-image,.banner-image:after,.home-top:before{pointer-events:none}#toast{max-width:calc(100vw - 30px)}@media(max-width:700px){header{padding:12px 16px;gap:10px}.mobile-brand{width:min(100%,330px);padding:9px 13px}.header-back{font-size:16px;min-width:90px}.account-admin-link{font-size:14px;padding:10px 13px;max-width:100%;white-space:normal}.bottom-nav span{font-size:12px!important}.bottom-nav>a,.bottom-nav>button{min-height:60px}.bottom-nav{padding-inline:max(5px,env(safe-area-inset-left))}.banner-slide small{font-size:13px}.banner-slide h2{font-size:25px}.banner-slide h3{font-size:20px}.banner-slide p{font-size:14px}.banner-slide a{font-size:15px;line-height:1.8}.banner-slide{min-height:315px}.banner-slide>div{max-width:70%}.banner-image{top:65px;bottom:65px}.greeting h1{font-size:23px}.projects-entry h2{font-size:24px}.projects-entry p{font-size:14px}.office-strip{flex-wrap:wrap}.office-strip h3{font-size:22px}.office-strip a{font-size:16px}.service b{font-size:16px}.portfolio-copy small{font-size:16px}.portfolio-copy b{font-size:15px}.portfolio-copy>div{flex-wrap:wrap}.rotator-caption h3{font-size:22px}.rotator-caption span{font-size:15px}.rotator-window{height:465px}.contact-actions{flex-direction:column}.contact-actions>a,.contact-actions>button{width:100%;font-size:17px}.contact-link b{font-size:18px;overflow-wrap:anywhere}.contact-grid h2{font-size:26px}.contact-grid .muted{font-size:16px}.about-office h1{font-size:28px}.about-office>p{font-size:17px}.management-entry{padding:21px 15px;gap:12px}.management-entry h2{font-size:22px}.management-entry p{font-size:13px}.management-entry svg{width:33px;height:33px}.more-links a{font-size:18px}.data-guide h2{font-size:23px}.data-guide>p{font-size:16px}.eyebrow{font-size:17px}}@media(max-width:360px){.bottom-nav span{font-size:11px!important}.bottom-nav svg{width:24px;height:24px}.account-admin-link{font-size:13px;max-width:180px}.banner-slide h2{font-size:23px}.banner-slide h3{font-size:18px}.banner-slide small{font-size:12px}.management-entry h2{font-size:20px}.rotator-caption h3{font-size:20px}}