.contact-details{position:relative;width:100%;padding:150px 0 155px;background:#111;color:#f4f1eb;overflow:hidden}
.contact-details-container{position:relative;z-index:1;width:min(calc(100% - 112px),1440px);margin:0 auto}
.contact-details-intro{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:110px;margin-bottom:72px}
.contact-details-intro .section-eyebrow{display:block;margin-bottom:23px;color:#c8a96b;font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:3px}
.contact-details-intro h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(55px,5.8vw,83px);font-weight:400;line-height:.94;letter-spacing:-3px}
.contact-details-intro h2 em{color:#c8a96b;font-weight:400}
.contact-details-intro>p{max-width:440px;margin:0 0 5px;color:rgba(244,241,235,.53);font-family:Arial,sans-serif;font-size:12px;line-height:1.9}
.contact-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13)}
.contact-detail-card{position:relative;min-height:335px;padding:32px 30px;background:#111;transition:background .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}
.contact-detail-card:hover{background:#181818;transform:translateY(-5px)}
.contact-detail-number{position:absolute;top:32px;right:30px;color:rgba(244,241,235,.3);font-family:Arial,sans-serif;font-size:8px;font-weight:700;letter-spacing:1.5px}
.contact-detail-label{display:block;margin-top:76px;color:#c8a96b;font-family:Arial,sans-serif;font-size:7px;font-weight:700;letter-spacing:2px}
.contact-detail-card h3{margin:13px 0 0;color:#f1eee7;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:400;line-height:1.2;word-break:break-word}
.contact-detail-card p{max-width:290px;margin:16px 0 28px;color:rgba(244,241,235,.42);font-family:Arial,sans-serif;font-size:9px;line-height:1.8}
.contact-detail-card a{color:#c8a96b;font-family:Arial,sans-serif;font-size:7px;font-weight:700;letter-spacing:1.4px;text-decoration:none;text-transform:uppercase;transition:color .25s ease}
.contact-detail-card a:hover{color:#f4f1eb}
.contact-detail-card::before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:#c8a96b;transition:width .45s ease}
.contact-detail-card:hover::before{width:100%}
.contact-details::after{content:"CONNECT";position:absolute;right:-105px;bottom:95px;color:rgba(255,255,255,.018);font-family:Arial,sans-serif;font-size:125px;font-weight:800;letter-spacing:10px;pointer-events:none;transform:rotate(-90deg)}
@media(max-width:1100px){.contact-details-container{width:calc(100% - 80px)}.contact-details-intro{gap:60px}.contact-detail-card{padding:28px 23px}.contact-detail-number{right:23px}.contact-detail-card h3{font-size:19px}}
@media(max-width:800px){.contact-details{padding:105px 0 115px}.contact-details-container{width:calc(100% - 40px)}.contact-details-intro{display:block;margin-bottom:55px}.contact-details-intro h2{font-size:clamp(48px,9vw,67px)}.contact-details-intro>p{margin-top:28px;max-width:620px}.contact-details-grid{grid-template-columns:1fr}.contact-detail-card{min-height:285px}.contact-detail-label{margin-top:65px}.contact-details::after{display:none}}
@media(max-width:520px){.contact-details{padding:85px 0 90px}.contact-details-container{width:calc(100% - 32px)}.contact-details-intro .section-eyebrow{font-size:8px;letter-spacing:2.5px}.contact-details-intro h2{font-size:40px;letter-spacing:-1.5px}.contact-details-intro>p{font-size:11px}.contact-detail-card{min-height:275px;padding:25px 20px}.contact-detail-number{top:25px;right:20px}.contact-detail-label{margin-top:58px}.contact-detail-card h3{font-size:19px}.contact-detail-card p{font-size:8.5px}.contact-detail-card a{font-size:6.5px}}
@media(max-width:360px){.contact-details-intro h2{font-size:37px}.contact-detail-card h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.contact-detail-card,.contact-detail-card::before{transition:none}}