/* ── travisteo.com ── */

/* ── HERO ── */
.hero-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
  min-height:calc(100vh - var(--nav-h));
  padding:60px 48px;
  max-width:1060px;
  margin:0 auto;
}

.hero-eyebrow { font-family:var(--mono); font-size:12px; color:var(--accent); letter-spacing:2px; margin-bottom:16px; opacity:0; animation:fadeUp 0.5s forwards 0.1s; }
.hero-name    { font-size:clamp(48px,6vw,80px); font-weight:700; letter-spacing:-3px; line-height:1; margin-bottom:16px; color:var(--text); opacity:0; animation:fadeUp 0.5s forwards 0.25s; }
.hero-role    { font-family:var(--mono); font-size:12px; color:var(--accent2); margin-bottom:20px; letter-spacing:0.5px; opacity:0; animation:fadeUp 0.5s forwards 0.4s; }
.hero-desc    { font-size:15px; color:var(--text2); line-height:1.8; margin-bottom:32px; opacity:0; animation:fadeUp 0.5s forwards 0.55s; }
.hero-cta     { display:flex; gap:12px; flex-wrap:wrap; opacity:0; animation:fadeUp 0.5s forwards 0.7s; }

.hero-terminal { opacity:0; animation:fadeLeft 0.6s forwards 0.5s; }

/* ── SITES GRID ── */
.sites-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:16px;
}
.site-card {
  background:var(--card);
  border:1px solid var(--border);
  padding:24px;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:all 0.2s;
  position:relative;
  overflow:hidden;
}
.site-card::before {
  content:'';
  position:absolute;
  top:0; left:0; right:0;
  height:2px;
  background:linear-gradient(90deg, var(--accent), var(--accent2));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 0.3s;
}
.site-card:hover { border-color:var(--accent); transform:translateY(-4px); box-shadow:0 12px 32px rgba(0,0,0,0.4); }
.site-card:hover::before { transform:scaleX(1); }
.site-card-domain { font-family:var(--mono); font-size:10px; color:var(--muted); }
.site-card-icon   { font-size:24px; margin:4px 0; }
.site-card-title  { font-size:18px; font-weight:700; color:var(--text); }
.site-card-desc   { font-size:13px; color:var(--text2); line-height:1.7; flex:1; }
.site-card-arrow  { font-size:18px; color:var(--accent); align-self:flex-end; margin-top:8px; }

/* ── ABOUT STRIP ── */
.about-strip-grid {
  display:grid;
  grid-template-columns:1fr 220px;
  gap:52px;
  align-items:start;
}
.about-text p { font-size:15px; color:var(--text2); line-height:1.8; margin-bottom:16px; }
.about-text strong { color:var(--text); }
.about-text a { color:var(--accent); text-decoration:none; }
.about-text a:hover { text-decoration:underline; }

/* ── RESPONSIVE ── */
@media (max-width:860px) {
  .hero-grid { grid-template-columns:1fr; padding:40px 20px; gap:32px; min-height:auto; }
  .hero-terminal { display:none; }
  .about-strip-grid { grid-template-columns:1fr; gap:32px; }
}