.contact-main{background:#f8f4ed}.contact-hero{text-align:center;color:#fffaf2;background:radial-gradient(circle at 12% 18%,#c2a07133,#0000 38%),radial-gradient(circle at 88% 82%,#c2a07121,#0000 36%),linear-gradient(135deg,#101d30 0%,#17283d 52%,#26384c 100%);padding:clamp(64px,9vw,118px) 7% clamp(48px,6vw,74px);position:relative;overflow:hidden}.contact-hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 24px,#ffffff07 24px 25px);position:absolute;inset:0}.contact-hero:after{content:"";background:linear-gradient(90deg,#0000,#c2a071,#0000);width:min(240px,42%);height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.contact-hero-inner{z-index:1;max-width:820px;margin:0 auto;position:relative}.contact-hero .eyebrow{color:#d9b97d;letter-spacing:2px}.contact-hero h1{margin:14px 0 18px;font-family:Amiri,serif;font-size:clamp(42px,6vw,72px);font-weight:400;line-height:1.25}html[lang=fr] .contact-hero h1{letter-spacing:.5px;font-family:Cormorant Garamond,Georgia,serif}.contact-hero p{color:#e9dfd1;max-width:680px;margin:0 auto;font-size:15px;line-height:2.1}.contact-section{background:radial-gradient(circle at 8% 0,#c2a07114,#0000 38%),#f8f4ed;padding:clamp(48px,7vw,90px) 7%}.contact-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;max-width:1180px;margin:0 auto;display:grid}.contact-card{background:#fffdf9;border:1px solid #e9e0d4;border-radius:18px;flex-direction:column;gap:18px;padding:clamp(24px,3vw,34px);transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #493b2e0f}.contact-card:hover{border-color:#d8c6ae;transform:translateY(-3px);box-shadow:0 24px 55px #493b2e1a}.contact-card--location{flex-direction:row;grid-column:span 7;align-items:flex-start;gap:22px}.contact-card--whatsapp{color:#fffaf2;background:linear-gradient(145deg,#101d30 0%,#1b2c42 100%);border-color:#c2a07159;grid-column:span 5}.contact-card--facebook,.contact-card--tiktok,.contact-card--phone{grid-column:span 4}.contact-card-icon{color:#a77b43;background:#f3e9da;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid}.contact-card-icon svg{width:26px;height:26px}.contact-card--whatsapp .contact-card-icon{color:#e3c995;background:#f3e9da1f}.contact-card-body{flex-direction:column;flex:1;align-items:flex-start;gap:10px;display:flex}.contact-card h2{color:#38291c;margin:0;font-family:Amiri,serif;font-size:27px;font-weight:400;line-height:1.35}html[lang=fr] .contact-card h2{letter-spacing:.3px;font-family:Cormorant Garamond,Georgia,serif;font-size:25px}.contact-card--whatsapp h2{color:#fffaf2}.contact-card p{color:#76695b;margin:0;font-size:14px;line-height:2}.contact-card--whatsapp p{color:#d8cbb9}.contact-address{font-weight:600;color:#493b2e!important}.contact-card--whatsapp .contact-address{color:#fffaf2!important}.contact-phone-number{color:#38291c;letter-spacing:1.5px;direction:ltr;unicode-bidi:isolate;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.2}.contact-button{color:#2a2118;text-align:center;background:#c2a071;border:1px solid #c2a071;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:42px;margin-top:6px;padding:10px 18px;font-size:13px;font-weight:600;line-height:1.4;transition:background .25s,color .25s,border-color .25s,transform .25s;display:inline-flex}.contact-button:hover{color:#2a2118;background:#b18b59;border-color:#b18b59;transform:translateY(-1px)}.contact-button--light{color:#101d30;background:#f3e6d2;border-color:#f3e6d2}.contact-button--light:hover{color:#101d30;background:#fffaf2;border-color:#fffaf2}.contact-button--outline{color:#8d6b43;background:0 0;border-color:#c9b394}.contact-button--outline:hover{color:#fffaf2;background:#8d6b43;border-color:#8d6b43}.contact-card a:focus-visible{outline-offset:3px;outline:2px solid #7a5a32}.contact-card--whatsapp a:focus-visible{outline-color:#f3e6d2}@media (width<=980px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card--location,.contact-card--whatsapp,.contact-card--phone{grid-column:span 2}.contact-card--facebook,.contact-card--tiktok{grid-column:span 1}}@media (width<=620px){.contact-hero{padding:56px 5% 44px}.contact-hero p{font-size:14px}.contact-section{padding:40px 5% 64px}.contact-grid{grid-template-columns:1fr;gap:16px}.contact-card,.contact-card--location,.contact-card--whatsapp,.contact-card--facebook,.contact-card--tiktok,.contact-card--phone{grid-column:span 1}.contact-card{padding:22px}.contact-card--location{flex-direction:column}.contact-phone-number{font-size:28px}}
