/* === CONTACT === */
.contact-sec{background:var(--cd);position:relative;overflow:hidden}
.contact-sec::before{content:'SAMCO';position:absolute;right:-40px;top:50%;transform:translateY(-50%);font-family:var(--S);font-size:260px;font-weight:300;color:rgba(224,223,210,.03);line-height:1;pointer-events:none;user-select:none}
.contact-sec .lbl{color:var(--tr)}
.contact-sec .lbl::before{background:var(--tr)}
.contact-sec h2{color:var(--ln)}
.contact-sec h2 em{color:var(--bl)}
.clead{font-size:14px;color:rgba(224,223,210,.42);font-weight:300;line-height:1.9;margin-top:16px;margin-bottom:28px}
.ccards{display:flex;flex-direction:column;gap:2px}
.ccard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);padding:22px 24px;transition:border-color .25s}
.ccard:hover{border-color:rgba(230,212,199,.25)}
.cpers{font-family:var(--S);font-size:17px;color:var(--ln);margin-bottom:3px}
.crole{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--tr);margin-bottom:12px}
.clines{display:flex;flex-wrap:wrap;gap:10px 20px}
.cline{font-size:12px;color:rgba(224,223,210,.45);font-weight:300;display:flex;gap:7px;align-items:center}
.cline em{font-style:normal;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(178,117,79,.55)}
.fwrap{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:40px}
.ftit{font-family:var(--S);font-size:22px;font-weight:300;color:var(--ln);margin-bottom:24px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.fg{display:flex;flex-direction:column;gap:5px}
.fg.full{grid-column:span 2}
.flbl{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(224,223,210,.35)}
.fin,.fsel,.ftxt{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  padding:11px 13px;font-family:var(--G);font-size:13px;
  color:var(--ln);outline:none;transition:border-color .25s;width:100%;font-weight:300;
  -webkit-appearance:none;appearance:none;border-radius:0;
}
.fin:focus,.fsel:focus,.ftxt:focus{border-color:rgba(230,212,199,.38)}
.fsel option{background:var(--ink)}
.ftxt{resize:vertical;min-height:100px}
.fsub{
  margin-top:6px;font-family:var(--G);font-size:10px;letter-spacing:2px;
  text-transform:uppercase;font-weight:500;color:var(--c);background:var(--ln);
  padding:14px 40px;border:none;cursor:pointer;transition:background .25s;
  -webkit-appearance:none;appearance:none;border-radius:0;
}
.fsub:hover{background:var(--bl)}
.fsub:active{background:var(--bl)}

/* === FOOTER === */
footer{background:#0D0606;padding:26px 48px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(97,13,18,.5)}
.flogo{font-family:var(--S);font-size:15px;color:var(--bl);letter-spacing:4px}
.fcopy{font-size:11px;color:rgba(224,223,210,.18);font-weight:300}
.flinks{display:flex;gap:18px}
.flinks a{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(224,223,210,.22);transition:color .25s}
.flinks a:hover{color:var(--bl)}

/* === ANIMATIONS === */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
