.contact-page{background:#0b0d0f;color:#eef4f2;min-height:100vh}
.contact-page .site-navbar{position:fixed}
.contact-main{min-height:100vh;padding:150px 0 90px;display:flex;align-items:center}
.contact-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.contact-kicker{display:flex;align-items:center;gap:14px;margin-bottom:18px;font:11px "Fjalla One",sans-serif;letter-spacing:.18em;color:rgba(1,247,182,.72)}
.contact-kicker::before{content:"";width:34px;height:1px;background:var(--mint);box-shadow:0 0 10px rgba(1,247,182,.35)}
.contact-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:60px;align-items:end;margin-bottom:48px}
.contact-heading h1{margin:0;max-width:760px;font-size:clamp(52px,8vw,112px);line-height:.88;letter-spacing:-.045em}
.contact-heading h1 span{display:block;color:var(--mint)}
.contact-heading p{margin:0;color:rgba(238,244,242,.56);font-size:13px;line-height:1.9;max-width:390px}
.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.contact-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:265px;padding:22px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.028);text-decoration:none;color:#eef4f2;overflow:hidden;isolation:isolate;transition:transform .24s var(--ease),border-color .24s ease,background .24s ease,box-shadow .24s ease}
.contact-card::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 42%);pointer-events:none}
.contact-card::after{content:"";position:absolute;left:22px;right:22px;bottom:22px;height:1px;background:linear-gradient(90deg,var(--mint),transparent);transform:scaleX(.18);transform-origin:left;transition:transform .28s var(--ease)}
.contact-card:hover,.contact-card:focus-visible{transform:translateY(-5px);border-color:rgba(1,247,182,.35);background:rgba(1,247,182,.045);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.contact-card:hover::after,.contact-card:focus-visible::after{transform:scaleX(1)}
.contact-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;position:relative;z-index:1;font:10px "Fjalla One",sans-serif;letter-spacing:.14em;color:rgba(238,244,242,.48)}
/*.contact-card-icon{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);font:18px "Fjalla One",sans-serif;color:var(--mint);letter-spacing:.08em}
*/
.contact-card-icon{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;margin-top:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);font:18px "Fjalla One",sans-serif;color:var(--mint);letter-spacing:.08em}
.contact-card h2{position:relative;z-index:1;margin:28px 0 8px;font-size:27px;line-height:1}
.contact-card p{position:relative;z-index:1;margin:0;color:rgba(238,244,242,.55);font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.contact-card-link{position:relative;z-index:1;margin-top:auto;padding-top:28px;font:10px "Fjalla One",sans-serif;letter-spacing:.14em;color:#eef4f2}
.contact-card--email{grid-column:span 2}
.contact-card--email .contact-card-icon{width:64px;height:64px}
.contact-direct{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.018)}
.contact-direct small{font:9px "Fjalla One",sans-serif;letter-spacing:.16em;color:rgba(238,244,242,.38)}
.contact-direct strong{font-size:12px;color:#eef4f2;font-weight:600}
.contact-back{display:inline-flex;align-items:center;gap:12px;margin-top:34px;font:10px "Fjalla One",sans-serif;letter-spacing:.14em;color:rgba(238,244,242,.7);text-decoration:none}
.contact-back:hover{color:#fff}
.contact-footer{margin-top:34px;color:rgba(238,244,242,.3);font:8px "Fjalla One",sans-serif;letter-spacing:.12em}
@media (max-width:900px){.contact-heading{grid-template-columns:1fr;gap:20px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card--email{grid-column:span 2}}
@media (max-width:600px){.contact-main{padding:120px 0 60px;align-items:flex-start}.contact-shell{width:min(calc(100% - 28px),560px)}.contact-heading h1{font-size:clamp(48px,16vw,76px)}.contact-grid{grid-template-columns:1fr}.contact-card--email{grid-column:auto}.contact-card{min-height:220px}.contact-direct{align-items:flex-start;flex-direction:column}.contact-footer{line-height:1.6}}
@media (prefers-reduced-motion:reduce){.contact-card,.contact-card::after{transition:none}}
.contact-card-icon--visual{
  overflow:hidden;
  padding:0;
  background:rgba(255,255,255,.028);
}
.contact-card-icon--visual img,
.contact-card-icon--visual svg{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  padding:10px;
  object-fit:contain;
}
.contact-card-media{
  position:relative;
  z-index:1;
  width:100%;
  aspect-ratio:16/9;
  margin-top:26px;
  border:1px solid rgba(255,255,255,.11);
  background:#0a0d0f;
  overflow:hidden;
}
.contact-card-media img,
.contact-card-media iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  object-fit:cover;
}
.contact-card-media iframe{
  background:#fff;
}