
.hst-premium-contact{
  position:relative;overflow:hidden;width:100%;margin:0;padding:96px 0 88px;color:#eee2ce;
  background:radial-gradient(circle at 18% 18%,rgba(190,120,34,.12),transparent 29%),
             radial-gradient(circle at 85% 78%,rgba(137,79,25,.10),transparent 31%),
             linear-gradient(180deg,#090604 0%,#050403 100%);
  border-top:1px solid rgba(220,178,102,.17)
}
.hst-contact-inner{position:relative;z-index:2;width:min(1460px,calc(100% - 56px));margin:0 auto}
.hst-contact-head{max-width:980px;margin:0 auto 44px;text-align:center}
.hst-contact-kicker{margin-bottom:15px;color:#bc8741;font:700 10px/1 Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase}
.hst-contact-head h2{margin:0;color:#efd6a4;font:500 clamp(43px,5.3vw,78px)/.98 Georgia,serif;letter-spacing:-.02em}
.hst-contact-head h2 em{color:#c99a55;font-style:italic;font-weight:400}
.hst-contact-head p{max-width:720px;margin:20px auto 0;color:#b9aa94;font:400 17px/1.55 Georgia,serif}
.hst-contact-ornament{display:flex;align-items:center;justify-content:center;gap:13px;width:min(410px,72%);margin:23px auto 0;color:#bd8a43}
.hst-contact-ornament span{display:block;flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(206,156,79,.58))}
.hst-contact-ornament span:last-child{background:linear-gradient(90deg,rgba(206,156,79,.58),transparent)}
.hst-contact-ornament b{font:400 13px Georgia,serif}
.hst-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hst-contact-card{
  position:relative;display:grid;grid-template-columns:84px 1fr;gap:22px;min-height:190px;padding:34px 36px;overflow:hidden;
  border:1px solid rgba(218,174,99,.28);
  background:linear-gradient(135deg,rgba(207,145,62,.09),transparent 38%),linear-gradient(180deg,rgba(18,12,8,.86),rgba(8,5,3,.93));
  box-shadow:0 22px 62px rgba(0,0,0,.18);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease
}
.hst-contact-card:before{content:"";position:absolute;inset:8px;pointer-events:none;border:1px solid rgba(236,205,143,.055)}
.hst-contact-card:hover{transform:translateY(-3px);border-color:rgba(230,190,116,.46);box-shadow:0 26px 72px rgba(0,0,0,.26)}
.hst-contact-icon{
  display:grid;place-items:center;align-self:start;width:70px;height:70px;border-radius:50%;
  border:1px solid rgba(213,168,91,.46);background:radial-gradient(circle at 35% 30%,rgba(215,161,74,.17),rgba(12,8,5,.84) 68%);
  box-shadow:inset 0 0 24px rgba(190,126,42,.08)
}
.hst-contact-icon svg{width:30px;height:30px;fill:none;stroke:#dcb46d;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.hst-contact-content{min-width:0}
.hst-contact-label{margin:5px 0 17px;color:#ae7a3c;font:700 10px/1 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.hst-contact-content a{
  display:block;width:max-content;max-width:100%;margin:0 0 11px;color:#efd6a4;text-decoration:none;
  font:400 clamp(22px,2vw,32px)/1.15 Georgia,serif;transition:color .2s ease,transform .2s ease
}
.hst-contact-content a:hover{color:#fff0c5;transform:translateX(3px)}
.hst-contact-content a.hst-mail{overflow-wrap:anywhere;word-break:break-word;font-size:clamp(19px,1.75vw,28px)}
.hst-contact-bottom{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px;color:#796448;font:700 9px/1 Arial,sans-serif;letter-spacing:.16em}
.hst-contact-bottom i{width:3px;height:3px;border-radius:50%;background:#9d713b}
.hst-contact-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(25px)}
.hst-contact-glow-a{width:360px;height:360px;left:-180px;top:-130px;background:radial-gradient(circle,rgba(177,108,31,.12),transparent 68%)}
.hst-contact-glow-b{width:430px;height:430px;right:-220px;bottom:-230px;background:radial-gradient(circle,rgba(177,108,31,.10),transparent 68%)}
@media(max-width:820px){
  .hst-premium-contact{padding:64px 0 60px}.hst-contact-inner{width:min(100% - 24px,1460px)}.hst-contact-grid{grid-template-columns:1fr}
  .hst-contact-card{grid-template-columns:64px 1fr;padding:26px 22px;gap:17px;min-height:auto}.hst-contact-icon{width:56px;height:56px}
  .hst-contact-icon svg{width:25px;height:25px}.hst-contact-head{margin-bottom:30px}
}
@media(max-width:520px){
  .hst-premium-contact{padding:52px 0 48px}.hst-contact-head h2{font-size:39px;line-height:1.02}.hst-contact-head p{font-size:15px}
  .hst-contact-card{grid-template-columns:48px minmax(0,1fr);padding:22px 16px;gap:13px}.hst-contact-icon{width:44px;height:44px}
  .hst-contact-icon svg{width:21px;height:21px}.hst-contact-label{font-size:9px;margin-bottom:13px}.hst-contact-content a{font-size:22px;line-height:1.18}
  .hst-contact-content a.hst-mail{width:100%;font-size:clamp(16px,4.35vw,20px);line-height:1.22;letter-spacing:-.02em}
  .hst-contact-bottom{flex-wrap:wrap;row-gap:8px;font-size:8px}
}
