.contact-banner{padding:clamp(64px,9vw,136px) 6%;text-align:center;background:radial-gradient(#fff0cebb,#fff4d038),linear-gradient(transparent,transparent) center/cover}.contact-banner h1{font-size:clamp(46px,6vw,82px);color:#164e22}.contact-banner p{font-size:20px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,5vw,68px);padding:clamp(28px,6vw,90px) 7%;background:#fff2d8}.contact-layout section{min-width:0;padding:clamp(20px,3vw,42px);border-radius:24px;background:#fff8e7;border:1px solid #d4dba7}.contact-layout h2{margin:0 0 20px}.contact-layout address{font-style:normal;line-height:1.65}.contact-layout a{color:#164e22;overflow-wrap:anywhere}.contact-layout iframe{display:block;width:100%;height:310px;border:0;border-radius:15px}.contact-layout form{display:grid;gap:16px}.contact-layout label{display:grid;gap:6px;font-weight:800}.contact-layout input,.contact-layout textarea{font:inherit;width:100%;padding:11px;border:1px solid #a9b485;border-radius:8px;background:#fffdf4;color:#163822}.contact-layout button{justify-self:start;padding:13px 22px;border:0;border-radius:30px;background:#164e22;color:#fff6df;font:inherit;font-weight:800;cursor:pointer}@media(max-width:740px){.contact-layout{grid-template-columns:1fr}}
.contact-banner{padding:35px 5% 80px;background:radial-gradient(ellipse at 50% 15%,#fff7e7 10%,#fff7e7c9 30%,transparent 65%),linear-gradient(transparent,transparent) center 40%/cover}
.contact-banner h1{margin:0;font-weight:900}
.contact-banner h1::after,.contact-layout h2::after{content:'';display:block;width:105px;height:8px;border-top:5px solid #eaae00;border-radius:50%;margin:10px 0 0}
.contact-banner h1::after{margin-inline:auto}
.contact-banner p{max-width:440px;margin:6px auto 0}
.contact-layout{background:#fbf3e3;gap:3.4vw;padding:24px 3.6% 30px}
.contact-layout section:first-child{display:flex;flex-direction:column;background:none;border:0;padding:0}
.contact-layout section:last-child{background:linear-gradient(145deg,#e2e7c6,#d2ddba);border:0;border-radius:21px;padding:clamp(20px,2.8vw,44px)}
.contact-layout h2{font-size:clamp(30px,3.2vw,48px);margin-bottom:12px;color:#164e22}
.contact-layout address strong{font-size:24px}
.contact-layout iframe{flex:1;min-height:290px}
.contact-layout form{gap:10px}
.contact-layout input,.contact-layout textarea{box-sizing:border-box;background:#fffefa}
.contact-layout button{width:100%;background:#ffc400;color:#173c25;border-radius:15px}
.contact-layout button:hover{background:#edaa00}
.contact-layout :focus-visible{outline:3px solid #164e22;outline-offset:3px}
@media(max-width:740px){.contact-layout{gap:26px;padding:24px 5%}.contact-banner{padding-bottom:58px}}
.contact-screen header{height:68px;padding-inline:5%;background:#fff7e7}
.contact-screen header .brand{display:flex;align-items:center;gap:8px;width:auto;height:auto;position:static;background:none;color:#164e22;text-decoration:none;font-size:clamp(20px,2.5vw,38px);font-weight:900;line-height:1}
.contact-screen header .brand img{width:56px;height:56px;object-fit:contain}
.contact-screen .brand small{display:block;font-size:10px;letter-spacing:.18em;margin-top:6px}
.contact-screen header nav a.active{background:#ffbf00;color:#11351e}
.contact-banner{min-height:240px;padding:30px 5% 55px;background:radial-gradient(ellipse at 50% 22%,#fff7e7 0%,#fff7e7e8 22%,transparent 57%),linear-gradient(transparent,transparent) center 43%/cover}
.contact-banner h1{font-size:clamp(44px,4.6vw,72px);letter-spacing:-.04em}
.contact-layout{align-items:stretch}
.contact-layout section:last-child{padding:14px clamp(20px,2.8vw,44px) 26px}
.contact-layout section:last-child>p{margin:0 0 12px;line-height:1.35}
.contact-layout address,.contact-phones{position:relative;padding-left:54px;margin:0 0 13px;font-size:clamp(17px,1.5vw,23px);line-height:1.35}
.contact-icon{width:26px;height:26px;vertical-align:middle;color:#164e22}
.contact-layout address>.contact-icon,.contact-phones>.contact-icon{position:absolute;left:12px;top:3px}
.contact-email .contact-icon{margin-right:7px}
.contact-layout button .contact-icon{margin-right:8px}
.contact-layout iframe{min-height:285px}
@media(max-width:740px){.contact-screen header .brand img{width:40px;height:40px}.contact-banner{min-height:210px}.contact-layout iframe{flex:auto}}
.contact-banner{
  box-sizing:border-box;min-height:0;aspect-ratio:1536/245;
  padding:clamp(20px,2.3vw,36px) 5% 28px;
  background:#fff7e7 url('assets/contact-banner.png.webp') center 74% / 100% 145% no-repeat;
}
.contact-banner h1{position:relative;font-size:clamp(40px,4.4vw,72px);line-height:1.02;letter-spacing:-.035em}
.contact-banner h1::after{width:132px;height:8px;margin:7px auto 0}
.contact-banner h1::before{
  content:'';position:absolute;inset:-12px -45px auto;height:27px;pointer-events:none;
  background:radial-gradient(ellipse 12px 3px at 12px 19px,#edaa00 96%,transparent),radial-gradient(ellipse 12px 3px at calc(100% - 12px) 19px,#edaa00 96%,transparent);
}
.contact-banner p{max-width:450px;margin:7px auto 0;font-size:clamp(16px,1.43vw,22px);line-height:1.25}
@media(max-width:650px){.contact-banner{aspect-ratio:auto;min-height:190px;padding:26px 8% 55px;background-size:auto 120%;background-position:center 65%}.contact-banner p{max-width:310px}}
.contact-details { display:grid; gap:14px; margin:4px 0 22px; }
.contact-detail { display:grid; grid-template-columns:30px minmax(0,1fr); gap:12px; align-items:start; font-size:clamp(16px,1.3vw,20px); line-height:1.5; }
.contact-detail > span { color:#164e22; text-align:center; font-size:23px; line-height:1.3; }
.contact-detail address { padding:0; margin:0; font-size:inherit; line-height:inherit; }
.contact-detail address strong { display:inline-block; margin-bottom:3px; }
#address-title{font-weight:900;letter-spacing:-.025em;margin:0 0 6px}
#address-title::after{width:74px;height:6px;margin-top:4px}
.contact-details{gap:7px;margin:4px 0 18px}
.contact-detail{grid-template-columns:24px minmax(0,1fr);gap:14px;padding-left:10px;color:#111a13;line-height:1.26;font-weight:700}
.contact-detail>svg{width:22px;height:22px;color:#164e22}
.contact-detail address strong{font-size:1.16em;font-weight:900;color:#164e22;margin:0}
.contact-detail a{color:inherit;text-decoration:none}
.contact-detail a:hover{text-decoration:underline}