:root{--green:#0c4b3d;--yellow:#ffb300;--cream:#f7f3e8;--ink:#071713;--muted:#65716d;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:106px}
body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}
a{color:inherit;text-decoration:none}img{display:block;width:100%}
.skip{position:fixed;top:-60px;left:10px;background:var(--yellow);padding:12px;z-index:99}.skip:focus{top:10px}
.contact-side{position:fixed;inset:0 auto 0 0;width:370px;color:#fff;background:var(--green);overflow:hidden;z-index:4}
.side-brand{height:106px;background:var(--yellow);display:flex;align-items:center;gap:24px;padding:0 28px;position:relative;z-index:3}.side-brand>a{width:215px}.side-brand img{mix-blend-mode:multiply}
.side-menu{width:28px;border:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:5px;cursor:pointer}.side-menu span{height:2px;width:28px;background:var(--green)}
.side-image{position:absolute;inset:106px 0 0;background:url('../assets/contact-bg.png') 43% center/cover no-repeat}.side-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,75,61,.18),rgba(12,75,61,.92));mix-blend-mode:multiply}
.side-copy{position:relative;z-index:2;padding:50px 28px}.side-copy>span,.section-title p,.address-copy>span{color:var(--yellow);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.side-copy h1{font:3.15rem/.9 'Archivo Black';letter-spacing:-.055em;margin:8px 0 22px}.side-copy>p{max-width:285px;font-size:.84rem;line-height:1.55}.side-copy nav{display:flex;flex-direction:column;margin-top:38px}.side-copy nav a{padding:11px 0;border-bottom:1px solid #ffffff40;color:#fff;font-size:.75rem;font-weight:800;text-transform:uppercase}.side-copy nav a:before{content:'↗︎';margin-right:9px;color:var(--yellow)}
.contact-main{margin-left:370px;min-height:100vh;display:flex;flex-direction:column}.contact-header{height:106px;position:sticky;top:0;z-index:3;background:#fff;display:flex;align-items:center;padding:0 clamp(35px,7vw,110px);border-bottom:1px solid #0717131c}.contact-header nav{display:flex;gap:46px;text-transform:uppercase;font-size:.76rem;font-weight:800;color:#58615e}.contact-header nav a:hover{color:var(--green)}.header-phone{margin-left:auto;background:var(--green);color:#fff;padding:13px 20px;font-size:.68rem;font-weight:800}
.contact-section,.address-section{padding:48px clamp(35px,7vw,110px) 70px}.section-rule{width:100px;border-top:1px solid #07171333;margin-bottom:26px}.section-title p{color:var(--green);margin:0 0 12px}.section-title h2{font:400 clamp(2rem,2.55vw,2.8rem)/1 Inter;margin:0;letter-spacing:-.04em}
.quick-contact{max-width:900px;margin:34px auto 0;padding:clamp(34px,5vw,64px);text-align:center;background:linear-gradient(135deg,#f8faf9,#f7f3e8);border:1px solid #07171312;box-shadow:0 8px 26px rgba(7,23,19,.06);display:flex;flex-direction:column;gap:12px}.quick-contact p{margin:0 0 7px}.quick-contact a:first-of-type{font:clamp(1.45rem,2.2vw,2rem) 'Archivo Black';color:var(--green)}.quick-contact a:nth-of-type(2){font-weight:800;font-size:clamp(1rem,1.4vw,1.2rem)}.quick-contact small{color:var(--muted);margin-top:9px}
.address-section{background:var(--cream)}.address-panel{max-width:900px;margin:32px auto 0;background:#fff;box-shadow:0 8px 30px rgba(7,23,19,.08)}.address-copy{padding:clamp(32px,5vw,58px);text-align:center}.address-copy h3{font:1.65rem/1.05 'Archivo Black';margin:10px 0 24px}.address-copy p{font-size:.86rem;line-height:1.6;color:var(--muted)}.address-copy a{display:inline-block;margin-top:12px;border-bottom:2px solid var(--yellow);font-size:.72rem;font-weight:800;text-transform:uppercase}
footer{margin-top:auto;background:var(--green);color:#fff;padding:30px clamp(35px,7vw,110px);display:flex;align-items:center;gap:30px;font-size:.7rem}footer strong{font:1rem 'Archivo Black';margin-right:auto}footer a{color:var(--yellow)}
.page-scrim{position:fixed;inset:0;z-index:90;border:0;background:rgba(7,35,29,.78);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease,visibility 0s .42s}.page-menu-open .page-scrim{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .42s ease}.page-menu{position:fixed;inset:0 auto 0 0;z-index:91;width:clamp(320px,20.2vw,388px);height:100dvh;background:var(--green);color:#fff;display:flex;flex-direction:column;transform:translateX(-102%);visibility:hidden;box-shadow:18px 0 45px rgba(7,35,29,.3);transition:transform .46s cubic-bezier(.77,0,.18,1),visibility 0s .46s}.page-menu.open{transform:none;visibility:visible;transition:transform .46s cubic-bezier(.77,0,.18,1)}.page-menu-brand{height:106px;flex:0 0 106px;background:var(--yellow);display:flex;align-items:center;gap:22px;padding:0 29px}.page-menu-brand>a{width:215px}.page-menu-brand img{mix-blend-mode:multiply}.page-menu-close{position:relative;width:31px;height:42px;border:0;background:transparent;padding:0;cursor:pointer}.page-menu-close span{position:absolute;left:0;top:20px;width:31px;height:2px;background:var(--green)}.page-menu-close span:first-child{transform:rotate(45deg)}.page-menu-close span:last-child{transform:rotate(-45deg)}.page-menu nav{padding:22px 29px;display:flex;flex-direction:column}.page-menu nav a{position:relative;padding:15px 0;border-top:1px solid #ffffff29;font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:-.035em;transition:.2s}.page-menu nav a:last-child{border-bottom:1px solid #ffffff29}.page-menu nav a:hover{color:var(--yellow);padding-left:7px}.page-menu nav a.current{color:var(--yellow);padding-left:18px}.page-menu nav a.current:before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;border:2px solid var(--yellow);transform:translateY(-50%) rotate(45deg)}.page-menu-meta{margin-top:auto;padding:20px 29px 28px;font-size:.68rem;line-height:1.6;color:#ffffffbf}.page-menu-meta .menu-instagram{display:flex;align-items:center;gap:9px;width:max-content;margin-bottom:16px;color:#fff;font-weight:800;text-transform:uppercase}.page-menu-meta .menu-instagram svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2}.page-menu-meta .menu-instagram svg circle:last-child{fill:currentColor;stroke:none}.page-menu-open{overflow:hidden}
@media(max-width:980px){.contact-side{position:relative;width:100%;height:580px}.side-brand{height:90px}.side-image{inset:90px 0 0}.side-copy{padding:38px 28px}.contact-main{margin-left:0}.contact-header{height:80px}.contact-section,.address-section{padding-inline:28px}.page-menu{width:min(86vw,360px)}}
@media(max-width:650px){.contact-side{height:620px}.side-copy h1{font-size:2.6rem}.contact-header{padding:0 20px}.contact-header nav{gap:18px;font-size:.6rem}.header-phone{display:none}.contact-section,.address-section{padding:44px 20px 55px}.page-menu-brand{height:90px;flex-basis:90px}.page-menu-brand>a{width:185px}.page-menu nav a{font-size:1.05rem}footer{align-items:flex-start;flex-direction:column;gap:10px;padding-inline:20px}footer strong{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}