@property --w-size{syntax: "<length>"; inherits: true; initial-value: 100vw;}.offices-title{text-align:center;margin-bottom:clamp(20px,(20 + (40 - 20) * (tan(atan2(var(--w-size),1px)) - 375) / 1225) * 1px,40px)}.offices-nav-tabs{display:flex;justify-content:center;align-items:center;gap:clamp(16px,(16 + (40 - 16) * (tan(atan2(var(--w-size),1px)) - 375) / 1225) * 1px,40px)}@media (min-width: 768px){.offices-nav-tabs{display:none}}.offices-tab-btn{--btn-size: 18px;--btn-py: .125em;--btn-fz: clamp(16px, (16 + (26 - 16) * (tan(atan2(var(--w-size), 1px)) - 375) / 1225) * 1px, 26px);--btn-color: var(--clr-2)}.offices-tab-btn:before{display:block;content:"";height:1px;background-color:var(--btn-color);transition:var(--transition);position:absolute;left:50%;right:50%;bottom:0}.offices-tab-btn.active:before{left:0;right:0}.offices-tab-container{position:relative;margin:clamp(30px,(30 + (60 - 30) * (tan(atan2(var(--w-size),1px)) - 375) / 1225) * 1px,60px) auto 0}@media (min-width: 768px){.offices-tab-container{--tab-count: 2;--tab-gap-x: 20px;--tab-gap-y: clamp(30px, (30 + (40 - 30) * (tan(atan2(var(--w-size), 1px)) - 375) / 1225) * 1px, 40px);display:flex;flex-wrap:wrap;gap:var(--tab-gap-y) var(--tab-gap-x)}}.offices-tab-wrapper{width:100%;position:absolute;top:0;left:0;transition:var(--transition);opacity:0;pointer-events:none}.offices-tab-wrapper.active{position:relative;opacity:1;pointer-events:auto}@media (min-width: 768px){.offices-tab-wrapper{width:calc((100% - var(--tab-gap-x) * (var(--tab-count) - 1)) / var(--tab-count));position:static;opacity:1;pointer-events:auto}}.office-card{display:flex;flex-direction:column;gap:clamp(18px,(18 + (40 - 18) * (tan(atan2(var(--w-size),1px)) - 375) / 1225) * 1px,40px)}.office-card-title{display:none;text-align:center;font-size:clamp(22px,(22 + (32 - 22) * (tan(atan2(var(--w-size),1px)) - 375) / 1225) * 1px,32px);color:var(--clr-2)}@media (min-width: 768px){.office-card-title{display:block}}.office-card-map{width:100%;aspect-ratio:1/1;position:relative;border:1px solid var(--clr-2);border-radius:var(--radius);overflow:hidden;background-color:var(--clr-9)}@media (min-width: 425px){.office-card-map{aspect-ratio:1/.6}}.office-card-map iframe{display:block;width:calc(100% + 6px);height:calc(100% + 6px);position:absolute;top:-3px;left:-3px;border:0;filter:grayscale(1)}.office-map-pin{width:69px;aspect-ratio:1/1.32;position:relative}.office-map-pin .icon{--icon-size: 100%;--icon-color: var(--clr-2)}.office-map-pin-flag{display:block;width:21.75%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:absolute;left:50%;top:78%;transform:translate(-50%,-50%)}.office-map-content{max-width:200px;display:flex;flex-direction:column;gap:.5em;font-size:14px}.office-map-content a{color:inherit;text-decoration:none}.office-map-content a:hover{text-decoration:underline}.contacts-subtitle{display:flex;flex-direction:column;grid-area:subtitle;font-size:clamp(24px,(24 + (32 - 24) * (tan(atan2(var(--w-size),1px)) - 375) / 1225) * 1px,32px);text-align:center;color:var(--clr-2);font-weight:400;line-height:1.1}.contacts-address{--address-gap-x: clamp(20px, (20 + (100 - 20) * (tan(atan2(var(--w-size), 1px)) - 320) / 672) * 1px, 100px);--address-gap-y: clamp(30px, (30 + (60 - 30) * (tan(atan2(var(--w-size), 1px)) - 375) / 1225) * 1px, 60px);display:flex;flex-direction:column;gap:var(--address-gap-y) var(--address-gap-x);font-size:clamp(16px,(16 + (18 - 16) * (tan(atan2(var(--w-size),1px)) - 375) / 1225) * 1px,18px);font-weight:400;margin-top:clamp(30px,(30 + (60 - 30) * (tan(atan2(var(--w-size),1px)) - 375) / 1225) * 1px,60px)}@media (min-width: 600px){.contacts-address{flex-direction:row;flex-wrap:wrap;justify-content:center}}.contacts-address a{color:inherit;text-decoration:none}.contacts-address a:hover{text-decoration:underline}@media (max-width: 599px){.contacts-address-info-title{width:50%;padding-right:1.25em;align-self:flex-end}.contacts-address-info-descr{flex:1 0 0}}@media (min-width: 600px){.contacts-address-info{max-width:380px}}.contacts-address-info br{display:none}.contacts-address-info a{display:inline-block}@media (max-width: 599px){.contacts-address-wrapper{display:flex}.contacts-address-wrapper p:empty{display:none}}.contacts-form{grid-area:form}@media (min-width: 992px){.contacts-form{width:clamp(460px,(460 + (750 - 460) * (tan(atan2(var(--w-size),1px)) - 992) / 608) * 1px,750px)}}@media (min-width: 600px){.contacts-form .field-first-name{flex:1 0 0}.contacts-form .field-last-name{width:44%}}
