/* ==========================================================================
   Iteloogs — site stilleri
   Tasarım referansındaki tüm inline stiller buraya taşındı.
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

:root {
  --bg:#FFFFFF; --fg:#0E0E0E; --surface:#F4F4F4; --card:#FFFFFF;
  --muted:#6B6B6B; --muted2:#8A8A8A; --faint:#B5B5B5;
  --line:#E4E4E4; --border:#D6D6D6; --rowhover:rgba(0,0,0,.03);

  --hdr-bg:rgba(255,255,255,.88);
  --hdr-shadow:0 1px 0 rgba(0,0,0,.07);

  --maxw:1240px;
  --pad-x:clamp(20px,5vw,80px);
  --ease:cubic-bezier(.2,.7,.2,1);
  --spring:cubic-bezier(.5,1.4,.4,1);
  --logo-h:30px;
}

[data-theme="dark"] {
  --bg:#0C0C0C; --fg:#F1F1F1; --surface:#141414; --card:#1B1B1B;
  --muted:#A6A6A6; --muted2:#8C8C8C; --faint:#5E5E5E;
  --line:#242424; --border:#333333; --rowhover:rgba(255,255,255,.05);

  --hdr-bg:rgba(12,12,12,.82);
  --hdr-shadow:0 1px 0 rgba(255,255,255,.08);
}

body {
  margin:0;
  font-family:'Archivo', system-ui, -apple-system, sans-serif;
  color:var(--fg);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  transition:background .5s ease, color .5s ease;
}
body.no-scroll { overflow:hidden; }

a { color:var(--fg); text-decoration:none; transition:color .25s ease; }
a:hover { color:var(--muted2); }
::selection { background:var(--fg); color:var(--bg); }
img { max-width:100%; }
input, textarea, select, button { font-family:inherit; }

@keyframes kb      { from { transform:scale(1); }                      to { transform:scale(1.08); } }
@keyframes modalIn { from { opacity:0; transform:translateY(26px) scale(.97); } to { opacity:1; transform:none; } }

.skip-link {
  position:absolute; left:-9999px; top:0; z-index:300;
  background:var(--fg); color:var(--bg); padding:12px 20px; border-radius:0 0 10px 0;
}
.skip-link:focus { left:0; color:var(--bg); }

.container { max-width:var(--maxw); margin:0 auto; }
.section   { padding:clamp(60px,8vw,110px) var(--pad-x); }
.split     { display:grid; grid-template-columns:1fr 2.1fr; gap:clamp(24px,4vw,60px); align-items:flex-start; }
.divider   { height:1px; background:var(--line); margin:clamp(40px,5vw,64px) 0; }
.dim       { color:var(--faint); }

.eyebrow {
  font-family:'Archivo', sans-serif; font-weight:600; font-size:12.5px;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--fg); padding-top:10px;
}
.section-h2 {
  font-family:'Oswald', sans-serif; font-weight:600; text-transform:uppercase;
  font-size:clamp(30px,4.4vw,58px); line-height:1.02; letter-spacing:-.3px; margin:0;
}

/* ---------------------------------------------------------------- butonlar */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  border:0; border-radius:100px; padding:15px 28px;
  font-size:14px; font-weight:600; line-height:1; cursor:pointer;
  transition:transform .3s ease, opacity .3s ease, background .3s ease;
}
.btn:hover { transform:translateY(-2px); opacity:.85; }
.btn-arrow { font-size:16px; line-height:1; }

.btn-solid { background:var(--fg); color:var(--bg); }
.btn-solid:hover { color:var(--bg); }

.btn-white { background:#fff; color:#0E0E0E; }
.btn-white:hover { background:#eaeaea; color:#0E0E0E; opacity:1; }

.btn-sm { padding:13px 26px; }
.btn-lg { padding:16px 32px; }

/* ---------------------------------------------------------------- header */
.hdr {
  position:fixed; top:0; left:0; width:100%; z-index:100;
  padding:22px var(--pad-x);
  display:flex; align-items:center; justify-content:space-between;
  background:transparent; color:#fff;
  transition:background .4s ease, box-shadow .4s ease, padding .4s ease, color .4s ease;
}
.hdr.is-scrolled {
  padding-top:13px; padding-bottom:13px;
  background:var(--hdr-bg);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:var(--hdr-shadow);
  color:var(--fg);
}

.brand { display:flex; align-items:center; gap:11px; color:inherit; }
.brand:hover { color:inherit; }
.brand-mark { display:block; }
.brand-word { font-weight:700; font-size:21px; letter-spacing:-.5px; }
.brand-logos { display:flex; align-items:center; }
.brand-logo  { display:block; height:var(--logo-h); width:auto; max-width:190px; object-fit:contain; }

/* Logo varyantı: hero üzerinde (şeffaf header) daima koyu-zemin logosu. */
.logo--on-light { display:none; }
.hdr.is-scrolled .logo--on-dark  { display:none; }
.hdr.is-scrolled .logo--on-light { display:block; }
[data-theme="dark"] .hdr.is-scrolled .logo--on-dark  { display:block; }
[data-theme="dark"] .hdr.is-scrolled .logo--on-light { display:none; }

/* Footer / drawer: sadece temaya göre. */
.logo-theme .logo--on-dark  { display:none; }
.logo-theme .logo--on-light { display:block; }
[data-theme="dark"] .logo-theme .logo--on-dark  { display:block; }
[data-theme="dark"] .logo-theme .logo--on-light { display:none; }

.hdr-right { display:flex; align-items:center; gap:14px; }

.desktop-nav { position:relative; display:flex; gap:38px; font-size:14.5px; font-weight:500; }
.desktop-nav a {
  color:inherit; opacity:.6; position:relative; padding:4px 0;
  transition:opacity .35s ease, letter-spacing .35s ease;
}
.desktop-nav a.is-active { opacity:1; }
.desktop-nav a:hover { color:inherit; opacity:1; letter-spacing:.6px; }
.nav-indicator {
  position:absolute; bottom:-3px; left:0; width:0; height:2px;
  background:currentColor; border-radius:2px; opacity:0; transform:translateX(0);
  transition:transform .45s var(--spring), width .45s var(--spring), opacity .3s ease;
}

.icon-btn {
  width:36px; height:36px; border:0; border-radius:50%; background:transparent;
  color:inherit; cursor:pointer; display:flex; align-items:center; justify-content:center;
  padding:0; opacity:.8; transition:opacity .25s ease;
}
.icon-btn:hover { opacity:1; }
.toggle-icon { display:flex; align-items:center; justify-content:center; transition:transform .6s cubic-bezier(.5,1.5,.4,1); }
[data-theme="dark"] .toggle-icon { transform:rotate(180deg); }
.toggle-icon .i-sun  { display:none; }
.toggle-icon .i-moon { display:block; }
[data-theme="dark"] .toggle-icon .i-sun  { display:block; }
[data-theme="dark"] .toggle-icon .i-moon { display:none; }

.hamburger {
  display:none; width:42px; height:42px; padding:0;
  border-radius:50%; border:1px solid currentColor; background:transparent;
  color:inherit; cursor:pointer;
  flex-direction:column; align-items:center; justify-content:center; gap:4px;
}
.hamburger span { width:16px; height:2px; background:currentColor; display:block; }

/* ---------------------------------------------------------------- dil değiştirici */
.lang-switch {
  display:inline-flex; align-items:center; gap:2px;
  border:1px solid currentColor; border-radius:100px; padding:3px;
  opacity:.85; transition:opacity .25s ease;
}
.lang-switch:hover { opacity:1; }
.lang-opt {
  color:inherit; text-decoration:none; font-family:'Oswald', sans-serif;
  font-size:12.5px; font-weight:600; letter-spacing:.5px; line-height:1;
  padding:6px 9px; border-radius:100px; opacity:.65;
  transition:opacity .2s ease, background .2s ease;
}
.lang-opt:hover { opacity:1; color:inherit; }
/* Aktif dil: currentColor'ın yarı saydam dolgusu — hem hero üzerinde hem
   kaydırılmış başlıkta okunur kalır (renk bağlamdan bağımsız). */
.lang-opt.is-active {
  opacity:1;
  background:color-mix(in srgb, currentColor 16%, transparent);
}

.lang-switch--drawer {
  margin-top:22px; align-self:flex-start; border-color:var(--border);
}

/* ---------------------------------------------------------------- hero */
.hero {
  position:relative; height:100vh; height:100svh; min-height:640px;
  overflow:hidden; background:#0b0b0b;
}
.hero-parallax {
  position:absolute; inset:-9%; will-change:transform;
  transform:scale(1.02);
  transition:transform .5s var(--ease);
}
.hero-zoom { position:absolute; inset:0; }
.hero--zoom .hero-zoom { animation:kb 18s ease-in-out infinite alternate; }
.hero-zoom img { width:100%; height:100%; object-fit:cover; display:block; }
.hero-scrim {
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.15) 32%, rgba(0,0,0,.25) 60%, rgba(0,0,0,.78) 100%);
}
.hero-inner {
  position:relative; z-index:2; height:100%;
  max-width:var(--maxw); margin:0 auto;
  padding:0 var(--pad-x) clamp(44px,6vh,72px);
  display:flex; flex-direction:column; justify-content:flex-end;
}
.hero-grid { display:grid; grid-template-columns:1fr 1.7fr; gap:clamp(30px,5vw,70px); align-items:flex-end; }
.hero-eyebrow {
  font-family:'Oswald', sans-serif; font-weight:600; text-transform:uppercase;
  font-size:19px; letter-spacing:.5px; margin:0 0 14px; color:#fff;
}
.hero-lead { font-size:14.5px; line-height:1.65; color:rgba(255,255,255,.82); margin:0 0 26px; max-width:320px; }
.hero-title {
  font-family:'Oswald', sans-serif; font-weight:600; text-transform:uppercase;
  font-size:clamp(40px,6.2vw,92px); line-height:.94; letter-spacing:-.5px;
  margin:0 0 22px; color:#fff;
}
.hero-title .dim { color:rgba(255,255,255,.5); }
.hero-p { font-size:15px; line-height:1.65; color:rgba(255,255,255,.8); margin:0; max-width:440px; }

/* ---------------------------------------------------------------- about */
.about { position:relative; overflow:hidden; }
.about > .container { position:relative; z-index:1; }
.watermark {
  position:absolute; left:-40px; top:180px; z-index:0;
  opacity:.05; color:var(--fg); pointer-events:none;
}
.about-h2 {
  font-family:'Oswald', sans-serif; font-weight:500;
  font-size:clamp(22px,2.6vw,34px); line-height:1.35; margin:0; letter-spacing:.2px;
}
.stats { display:flex; gap:clamp(50px,8vw,120px); flex-wrap:wrap; }
.stat-num {
  font-family:'Oswald', sans-serif; font-weight:600;
  font-size:clamp(44px,5vw,68px); line-height:1; letter-spacing:-1px;
}
.stat-unit { color:var(--faint); }
.stat-cap { font-size:13px; color:var(--muted2); margin:12px 0 0; }
.block-h3 {
  font-family:'Oswald', sans-serif; font-weight:600; text-transform:uppercase;
  font-size:clamp(24px,2.4vw,34px); margin:0; letter-spacing:.3px;
}
.block-h4 { font-family:'Archivo', sans-serif; font-weight:600; font-size:16px; margin:2px 0 12px; }
.block-p  { font-size:14.5px; line-height:1.7; color:var(--muted); margin:0; max-width:640px; }

/* ---------------------------------------------------------------- gallery */
.gallery { padding:clamp(30px,4vw,50px) 0 clamp(50px,7vw,90px); }
.gal-head {
  max-width:var(--maxw); margin:0 auto 26px; padding:0 var(--pad-x);
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;
}
.gal-head .eyebrow { padding-top:0; }
.gal-ctrl { display:flex; align-items:center; gap:26px; }
.gal-counter { font-family:'Oswald', sans-serif; font-weight:500; font-size:16px; letter-spacing:1px; color:var(--muted); }
.gal-btns { display:flex; gap:10px; }
.gal-btn {
  width:44px; height:44px; border-radius:50%; border:1px solid var(--border);
  background:var(--card); color:var(--fg); cursor:pointer; font-size:16px;
  display:flex; align-items:center; justify-content:center; transition:all .25s ease;
}
.gal-btn:hover { background:var(--fg); color:var(--bg); border-color:var(--fg); }
.gal-btn--next { border-color:var(--fg); background:var(--fg); color:var(--bg); }
.gal-btn--next:hover { background:var(--fg); color:var(--bg); opacity:.8; }
.gal-viewport { overflow:hidden; padding:0 var(--pad-x); }
.gal-track { display:flex; gap:18px; transition:transform .6s var(--ease); }
.gal-item { flex:0 0 clamp(280px,31vw,400px); height:clamp(220px,24vw,300px); overflow:hidden; background:#111; }
.gal-item img {
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .7s var(--ease);
}
.gal-item:hover img { transform:scale(1.06); }

/* ---------------------------------------------------------------- services */
.services { background:var(--surface); }
.svc-head { margin-bottom:clamp(40px,5vw,60px); }
.svc-thumb {
  height:clamp(150px,14vw,190px); overflow:hidden; background:#111;
  transition:opacity .4s ease;
}
.svc-thumb.is-fading { opacity:0; }
.svc-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.svc-row {
  display:flex; align-items:center; gap:22px; width:100%; text-align:left;
  padding:26px 22px; border:0; border-radius:14px; background:transparent;
  cursor:pointer; font:inherit; color:inherit;
  transition:background .35s var(--ease), box-shadow .35s var(--ease);
}
.svc-row:hover { background:var(--rowhover); }
.svc-row.is-active { background:var(--card); box-shadow:0 14px 40px rgba(0,0,0,.09); }
.svc-num {
  font-family:'Oswald', sans-serif; font-weight:500; font-size:15px;
  color:var(--faint); transition:color .3s ease; min-width:34px;
}
.svc-title {
  flex:1; font-size:clamp(15px,1.5vw,19px); font-weight:500;
  color:var(--muted2); transition:color .3s ease;
}
.svc-arrow {
  width:38px; height:38px; flex:0 0 auto; border-radius:50%;
  border:1px solid var(--border); color:var(--fg);
  display:flex; align-items:center; justify-content:center; font-size:15px;
  transition:all .35s ease;
}
.svc-row.is-active .svc-num,
.svc-row.is-active .svc-title { color:var(--fg); }
.svc-row.is-active .svc-arrow { background:var(--fg); color:var(--bg); border-color:var(--fg); }
.svc-sep { height:1px; background:var(--line); }
.svc-more { display:flex; justify-content:center; margin-top:clamp(40px,5vw,58px); }

/* ---------------------------------------------------------------- team */
.team-head { margin-bottom:clamp(44px,5vw,70px); }
.team-body { gap:clamp(30px,4vw,50px); }
.team-h3 {
  font-family:'Oswald', sans-serif; font-weight:500;
  font-size:clamp(24px,2.6vw,32px); line-height:1.15; margin:0 0 22px;
}
.team-p { font-size:14px; line-height:1.7; color:var(--muted); margin:0 0 26px; max-width:300px; }
.team-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,2.5vw,32px); }
.team-photo { height:clamp(240px,26vw,320px); overflow:hidden; background:var(--surface); margin-bottom:18px; }
.team-photo img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s var(--ease); }
.team-card:hover .team-photo img { transform:scale(1.05); }
.team-name {
  font-family:'Oswald', sans-serif; font-weight:600; text-transform:uppercase;
  font-size:16px; letter-spacing:.5px; margin:0 0 6px;
}
.team-role { font-size:13px; color:var(--muted2); margin:0; }

/* ---------------------------------------------------------------- partner cta */
.cta { padding:0 var(--pad-x) clamp(50px,7vw,90px); }
.cta-banner {
  position:relative; max-width:var(--maxw); margin:0 auto;
  height:clamp(340px,40vw,520px); overflow:hidden; background:#111;
  display:flex; align-items:center; justify-content:center; text-align:center;
}
.cta-bg { position:absolute; inset:0; }
.cta--zoom .cta-bg { animation:kb 16s ease-in-out infinite alternate; }
.cta-bg img { width:100%; height:100%; object-fit:cover; display:block; }
.cta-scrim {
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.65));
}
.cta-inner { position:relative; z-index:1; padding:0 24px; max-width:760px; }
.cta-h2 {
  font-family:'Oswald', sans-serif; font-weight:600; text-transform:uppercase;
  font-size:clamp(30px,4.6vw,62px); line-height:1.02; letter-spacing:-.3px;
  margin:0 0 18px; color:#fff;
}
.cta-h2 .dim { color:rgba(255,255,255,.55); }
.cta-p { font-size:14.5px; line-height:1.65; color:rgba(255,255,255,.8); margin:0 auto 28px; max-width:480px; }

/* ---------------------------------------------------------------- footer */
.footer { border-top:1px solid var(--line); padding:clamp(48px,6vw,72px) var(--pad-x) 30px; }
.footer-grid {
  max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:clamp(28px,4vw,50px);
}
.f-brand { display:flex; align-items:center; gap:11px; margin-bottom:18px; color:var(--fg); }
.f-brand .brand-word { font-size:20px; }
.f-addr { font-size:13px; line-height:1.6; color:var(--muted2); margin:0 0 22px; max-width:240px; }
.f-social { display:flex; gap:12px; }
.f-social a {
  width:38px; height:38px; border:1px solid var(--border); border-radius:50%;
  display:flex; align-items:center; justify-content:center; transition:all .25s ease;
}
.f-social a:hover { background:var(--fg); color:var(--bg); border-color:var(--fg); }
.f-h5 {
  font-family:'Archivo', sans-serif; font-weight:600; font-size:12px;
  letter-spacing:1.5px; text-transform:uppercase; color:var(--muted2); margin:0 0 16px;
}
.f-val { font-size:14px; margin:0 0 24px; }
.f-val:last-child { margin-bottom:0; }
.f-links { display:flex; flex-direction:column; gap:12px; font-size:14px; }
.f-bottom {
  max-width:var(--maxw); margin:clamp(40px,5vw,60px) auto 0;
  padding-top:24px; border-top:1px solid var(--line);
  text-align:center; font-size:12.5px; color:var(--muted2);
}

/* ---------------------------------------------------------------- drawer */
.drawer { position:fixed; inset:0; z-index:190; pointer-events:none; }
.drawer.is-open { pointer-events:auto; }
.drawer-overlay { position:absolute; inset:0; background:rgba(0,0,0,.5); opacity:0; transition:opacity .35s ease; }
.drawer.is-open .drawer-overlay { opacity:1; }
.drawer-panel {
  position:absolute; top:0; right:0; height:100%; width:min(320px,84vw);
  background:var(--bg); color:var(--fg);
  transform:translateX(100%); transition:transform .4s var(--ease);
  padding:26px 30px 30px; display:flex; flex-direction:column; overflow-y:auto;
  box-shadow:-20px 0 60px rgba(0,0,0,.28);
}
.drawer.is-open .drawer-panel { transform:translateX(0); }
.drawer-top { display:flex; justify-content:flex-end; margin-bottom:30px; }
.drawer-close {
  width:42px; height:42px; border-radius:50%; border:1px solid var(--border);
  background:transparent; color:var(--fg); cursor:pointer; font-size:20px;
  display:flex; align-items:center; justify-content:center;
}
.drawer-nav { display:flex; flex-direction:column; gap:4px; font-family:'Oswald', sans-serif; text-transform:uppercase; }
.drawer-nav a { font-size:24px; font-weight:500; padding:12px 0; border-bottom:1px solid var(--line); }
.drawer .btn { margin-top:30px; }

/* ---------------------------------------------------------------- modal + form */
.modal {
  position:fixed; inset:0; z-index:200; padding:20px;
  display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transition:opacity .35s ease;
}
.modal.is-open { opacity:1; pointer-events:auto; }
.modal-overlay {
  position:absolute; inset:0; background:rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
}
.modal-card {
  position:relative; z-index:1; width:100%; max-width:560px; max-height:92vh; overflow-y:auto;
  background:var(--bg); color:var(--fg); border:1px solid var(--line); border-radius:20px;
  padding:clamp(28px,4vw,44px); box-shadow:0 40px 100px rgba(0,0,0,.45);
}
.modal.is-open .modal-card { animation:modalIn .4s var(--ease); }
.modal-close {
  position:absolute; top:18px; right:18px;
  width:40px; height:40px; border-radius:50%; border:1px solid var(--border);
  background:transparent; color:var(--fg); cursor:pointer; font-size:20px;
  display:flex; align-items:center; justify-content:center; transition:all .25s ease;
}
.modal-close:hover { background:var(--fg); color:var(--bg); border-color:var(--fg); }

.modal-eyebrow {
  font-family:'Archivo', sans-serif; font-weight:600; font-size:12px;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--muted2); margin-bottom:12px;
}
.modal-h3 {
  font-family:'Oswald', sans-serif; font-weight:600; text-transform:uppercase;
  font-size:clamp(26px,3.4vw,38px); line-height:1.05; letter-spacing:-.3px; margin:0 0 10px;
}
.modal-p { font-size:14px; line-height:1.6; color:var(--muted); margin:0 0 26px; max-width:400px; }

.form { display:flex; flex-direction:column; gap:16px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field { display:flex; flex-direction:column; gap:7px; }
.field > span {
  font-size:11.5px; font-weight:600; letter-spacing:1px;
  text-transform:uppercase; color:var(--muted2);
}
.input {
  width:100%; padding:13px 15px; border:1px solid var(--border); border-radius:10px;
  background:transparent; color:var(--fg); font-size:14px; transition:border-color .25s ease;
}
select.input { background:var(--bg); }
textarea.input { resize:vertical; }
.input:focus { border-color:var(--fg); outline:none; }
.hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.form-error { color:#c0392b; font-size:13px; margin:0; }

.success { display:none; text-align:center; padding:26px 0; }
.success.is-shown { display:block; }
.success-badge {
  width:66px; height:66px; border-radius:50%; background:var(--fg); color:var(--bg);
  display:flex; align-items:center; justify-content:center; margin:0 auto 22px; font-size:30px;
}
.success h3 {
  font-family:'Oswald', sans-serif; font-weight:600; text-transform:uppercase;
  font-size:clamp(24px,3vw,32px); margin:0 0 10px;
}
.success p { font-size:14px; line-height:1.6; color:var(--muted); margin:0 auto 24px; max-width:360px; }
.is-hidden { display:none !important; }

/* ---------------------------------------------------------------- reveal */
.js [data-reveal] {
  opacity:0; will-change:opacity, transform;
  transition:opacity .9s var(--ease), transform .9s var(--ease);
  transition-delay:var(--reveal-delay, 0ms);
}
.js [data-reveal="up"]    { transform:translateY(46px); }
.js [data-reveal="left"]  { transform:translateX(-42px); }
.js [data-reveal="right"] { transform:translateX(42px); }
.js [data-reveal].is-visible { opacity:1; transform:none; }

/* ---------------------------------------------------------------- responsive */
@media (max-width:900px) {
  .desktop-nav { display:none; }
  .header-cta  { display:none; }
  .hamburger   { display:flex; }
  .split       { grid-template-columns:1fr; }
  .hero-grid   { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .watermark   { display:none; }
}

@media (max-width:600px) {
  .footer-grid { grid-template-columns:1fr; }
  .team-grid   { grid-template-columns:1fr; }
  .form-grid   { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .js [data-reveal] { opacity:1 !important; transform:none !important; }
  .hero-parallax { transform:none !important; }
}