/* BIG Creative — shared stylesheet */

:root{
  --navy-950:#090E1C;
  --navy-900:#0F1830;
  --navy-800:#172145;
  --navy-700:#212D57;
  --paper:#F9F9FB;
  --paper-dim:#F0F1F5;
  --ink:#12172A;
  --muted:#5B6272;
  --line:#E3E4EA;
  --line-dark:rgba(255,255,255,0.14);
  --on-dark:rgba(255,255,255,0.72);
  --accent:#D6247A;
  --accent-deep:#9C1B5C;
  --violet:#7A3FD6;
  --indigo:#3F5DD6;
  --header-h:78px;
}

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

html{ scroll-behavior:smooth; }

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

a{ color:var(--accent); text-decoration:none; }
a:hover{ color:var(--accent-deep); }
img{ max-width:100%; display:block; }

h1,h2,h3{ font-family:'Unbounded', system-ui, sans-serif; margin:0; letter-spacing:-0.01em; overflow-wrap:break-word; word-break:normal; hyphens:auto; }
p{ margin:0; }
ul{ margin:0; padding:0; list-style:none; }

.eyebrow{ font-family:'Manrope', sans-serif; font-weight:700; font-size:12.5px; letter-spacing:0.14em; text-transform:uppercase; }

.section{ padding:104px 40px; }
.section-inner{ max-width:1180px; margin:0 auto; }
.section-head{ display:flex; flex-direction:column; gap:16px; max-width:680px; margin-bottom:56px; }
.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; align-items:center; }
.section-eyebrow{ color:var(--accent-deep); }
.section-title{ font-size:clamp(1.9rem,3vw,2.6rem); font-weight:700; color:var(--navy-950); }
.section-sub{ font-size:16.5px; color:var(--muted); line-height:1.6; }

/* Buttons */
.btn{
  display:inline-flex; align-items:center; gap:10px;
  font-family:'Manrope', sans-serif; font-weight:700; font-size:15px;
  padding:15px 26px; border-radius:2px; border:1.5px solid transparent;
  cursor:pointer; transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  white-space:nowrap;
}
.btn:hover{ transform:translateY(-2px); }
.btn-primary{ background:var(--accent); color:#fff; }
.btn-primary:hover{ background:var(--accent-deep); color:#fff; }
.btn-ghost-dark{ border-color:rgba(255,255,255,0.35); color:#fff; }
.btn-ghost-dark:hover{ border-color:#fff; background:rgba(255,255,255,0.08); color:#fff; }
.btn-ghost-light{ border-color:var(--navy-900); color:var(--navy-900); }
.btn-ghost-light:hover{ background:var(--navy-900); color:#fff; }
.btn-block{ width:100%; justify-content:center; }

/* Nav */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:100; height:var(--header-h);
  display:flex; align-items:center; justify-content:space-between;
  padding:0 40px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.nav::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:rgba(9,14,28,0.68); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
.wordmark{ display:flex; align-items:center; }
.logo-img{ display:block; width:auto; }
.logo-img-nav{ height:40px; }
.logo-img-footer{ height:52px; }
.nav-links{ display:flex; align-items:center; gap:32px; }
.nav-links a{ font-size:14px; font-weight:600; color:var(--on-dark); }
.nav-links a:hover, .nav-links a.active{ color:#fff; }
.nav-cta{ display:flex; align-items:center; gap:22px; }
.nav-cta .btn{ padding:12px 22px; font-size:14px; }
.nav-toggle{
  display:none; width:40px; height:40px; border-radius:6px; border:1px solid var(--line-dark);
  background:transparent; align-items:center; justify-content:center; cursor:pointer; flex:none;
}
.nav-toggle span, .nav-toggle::before, .nav-toggle::after{ display:none; }
.nav-toggle svg{ width:20px; height:20px; stroke:#fff; }
.nav-toggle .icon-close{ display:none; }
.nav.is-open .nav-toggle .icon-open{ display:none; }
.nav.is-open .nav-toggle .icon-close{ display:block; }

/* Page hero (inner pages) */
.page-hero{
  position:relative; background:var(--navy-950); overflow:hidden;
  padding:calc(var(--header-h) + 96px) 40px 96px;
}
.page-hero-mesh{
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(560px 560px at 86% 0%, rgba(214,36,122,0.30), transparent 62%),
    radial-gradient(620px 620px at 4% 100%, rgba(63,93,214,0.24), transparent 60%);
}
.page-hero-lines{
  position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:repeating-linear-gradient(112deg, rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.05) 1px, transparent 1px, transparent 64px);
}
.page-hero-ring{ position:absolute; right:-160px; top:-160px; width:480px; height:480px; border-radius:999px; border:1px solid rgba(255,255,255,0.14); pointer-events:none; }
.page-hero-inner{ position:relative; max-width:1180px; margin:0 auto; }
.page-hero-title{ font-size:clamp(2.2rem,4.4vw,3.6rem); line-height:1.06; color:#fff; font-weight:800; max-width:820px; }
.page-hero-sub{ margin-top:20px; font-size:17px; line-height:1.65; color:var(--on-dark); max-width:620px; }

/* Home hero */
.hero{ position:relative; min-height:860px; background:var(--navy-950); overflow:hidden; display:flex; align-items:center; padding:calc(var(--header-h) + 82px) 40px 120px; }
.hero-mesh{
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(620px 620px at 82% 8%, rgba(214,36,122,0.34), transparent 62%),
    radial-gradient(760px 760px at 6% 92%, rgba(63,93,214,0.30), transparent 60%),
    radial-gradient(500px 500px at 60% 60%, rgba(122,63,214,0.16), transparent 65%);
}
.hero-lines{ position:absolute; inset:0; opacity:.5; pointer-events:none; background-image:repeating-linear-gradient(112deg, rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.05) 1px, transparent 1px, transparent 64px); }
.hero-ring{ position:absolute; right:-180px; top:-180px; width:620px; height:620px; border-radius:999px; border:1px solid rgba(255,255,255,0.14); pointer-events:none; }
.hero-ring-2{ position:absolute; right:-60px; top:-60px; width:420px; height:420px; border-radius:999px; border:1px solid rgba(214,36,122,0.30); pointer-events:none; }
.hero-inner{ position:relative; max-width:1180px; margin:0 auto; width:100%; display:flex; flex-direction:column; gap:30px; }
.hero-eyebrow{ color:var(--accent); display:flex; align-items:center; gap:10px; }
.hero-title{ font-size:clamp(2.6rem,5.6vw,5.1rem); line-height:1.03; color:#fff; font-weight:800; max-width:920px; }
.hero-title em{ font-style:normal; color:var(--accent); }
.hero-sub{ max-width:560px; font-size:18px; line-height:1.65; color:var(--on-dark); font-weight:400; }
.hero-actions{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:6px; }
.hero-tags{ display:flex; gap:14px; flex-wrap:wrap; margin-top:44px; padding-top:28px; border-top:1px solid var(--line-dark); }
.hero-tag{ font-size:12.5px; font-weight:600; color:var(--on-dark); letter-spacing:0.04em; }

/* About / two column */
.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.col-head{ display:flex; flex-direction:column; gap:22px; }
.body-p{ font-size:16.5px; line-height:1.75; color:var(--muted); max-width:540px; }
.pull-quote{ font-family:'Unbounded', sans-serif; font-size:17px; line-height:1.5; color:var(--navy-950); font-weight:600; max-width:500px; padding-left:22px; border-left:2px solid var(--accent); }

.dark-panel{ position:relative; background:var(--navy-950); border-radius:4px; padding:40px; overflow:hidden; }
.dark-panel-ring{ position:absolute; left:-90px; bottom:-90px; width:260px; height:260px; border-radius:999px; border:1px solid rgba(255,255,255,0.14); }
.dark-panel-label{ position:relative; color:var(--on-dark); font-size:12.5px; margin-bottom:18px; display:block; }
.chip-cloud{ position:relative; display:flex; flex-wrap:wrap; gap:10px; }
.chip{ font-size:13.5px; font-weight:600; color:#fff; border:1px solid var(--line-dark); padding:9px 16px; border-radius:999px; background:rgba(255,255,255,0.04); }
.chip-light{ color:var(--navy-950); border-color:var(--line); background:var(--paper); }

/* Services grid (home teaser) */
.bg-dim{ background:var(--paper-dim); }
.bg-paper{ background:var(--paper); }
.bg-navy{ background:var(--navy-950); position:relative; overflow:hidden; }
.bg-navy .section-title, .bg-navy .section-eyebrow{ color:#fff; }
.bg-navy .section-sub{ color:var(--on-dark); }
.dot-field{ position:absolute; inset:0; opacity:.5; pointer-events:none; background-image:radial-gradient(rgba(255,255,255,0.10) 1px, transparent 1px); background-size:22px 22px; }

.services-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.service-card{ background:var(--paper); padding:34px 28px; display:flex; flex-direction:column; gap:18px; transition:background .18s ease; }
.service-card:hover{ background:#fff; }
.service-icon{ width:44px; height:44px; border-radius:999px; background:var(--navy-950); display:flex; align-items:center; justify-content:center; flex:none; }
.service-icon svg{ width:20px; height:20px; stroke:var(--accent); }
.service-title{ font-family:'Unbounded', sans-serif; font-size:14.5px; font-weight:600; color:var(--navy-950); line-height:1.35; }
.service-desc{ font-size:13.5px; color:var(--muted); line-height:1.55; }

/* Capability list (hizmetler.html) */
.cap-group{ margin-bottom:72px; }
.cap-group:last-child{ margin-bottom:0; }
.cap-group-head{ display:flex; align-items:baseline; gap:18px; margin-bottom:28px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.cap-group-num{ font-family:'Unbounded', sans-serif; font-size:13px; font-weight:700; color:var(--accent); letter-spacing:.06em; }
.cap-group-title{ font-family:'Unbounded', sans-serif; font-size:1.4rem; font-weight:600; color:var(--navy-950); }
.cap-group-sub{ font-size:14.5px; color:var(--muted); margin-left:auto; max-width:320px; text-align:right; }
.cap-list{ display:flex; flex-direction:column; }
.cap-item{
  display:grid; grid-template-columns:1fr 1.4fr 22px; gap:24px; align-items:center;
  padding:24px 4px; border-bottom:1px solid var(--line); transition:background .18s ease;
}
.cap-item:hover{ background:var(--paper-dim); }
.cap-item-title{ font-family:'Unbounded', sans-serif; font-size:15.5px; font-weight:600; color:var(--navy-950); }
.cap-item-desc{ font-size:14.5px; color:var(--muted); line-height:1.6; }
.cap-item-arrow{ width:22px; height:22px; stroke:var(--accent); opacity:0; transform:translateX(-6px); transition:opacity .18s ease, transform .18s ease; }
.cap-item:hover .cap-item-arrow{ opacity:1; transform:translateX(0); }

/* Event / reference cards */
.events-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.event-card{ position:relative; height:240px; border-radius:4px; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:22px; }
.event-tag{ align-self:flex-start; font-size:11px; font-weight:700; letter-spacing:0.08em; color:#fff; background:rgba(255,255,255,0.16); border:1px solid rgba(255,255,255,0.3); padding:6px 12px; border-radius:999px; }
.event-name{ font-family:'Unbounded', sans-serif; font-size:18px; font-weight:600; color:#fff; line-height:1.3; }
.g1{ background:linear-gradient(150deg,var(--navy-900),var(--accent-deep) 150%); }
.g2{ background:linear-gradient(150deg,var(--navy-900),var(--violet) 150%); }
.g3{ background:linear-gradient(150deg,var(--navy-900),var(--indigo) 150%); }
.g4{ background:linear-gradient(150deg,var(--navy-900),var(--accent) 150%); }

.trust-line{ margin-top:44px; padding-top:32px; border-top:1px solid var(--line); font-size:15px; color:var(--muted); max-width:780px; line-height:1.7; }

/* Work / portfolio photo grid */
.work-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.work-card{ margin:0; aspect-ratio:4/5; overflow:hidden; border-radius:4px; background:var(--paper-dim); }
.work-card--wide{ grid-column:span 2; aspect-ratio:16/9; }
.work-card img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.work-card:hover img{ transform:scale(1.045); }

/* Video section */
.video-feature{ position:relative; width:100%; aspect-ratio:16/9; border-radius:4px; overflow:hidden; background:var(--navy-950); margin-bottom:24px; }
.video-feature iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 20px; }
.video-card{ position:relative; display:flex; flex-direction:column; gap:10px; padding:0; border:none; background:none; cursor:pointer; text-align:left; font-family:inherit; }
.video-card-thumb{ position:relative; aspect-ratio:16/9; border-radius:4px; overflow:hidden; background:var(--navy-950); }
.video-card-thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease; }
.video-card:hover .video-card-thumb img{ transform:scale(1.04); }
.video-card-thumb::after{ content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(9,14,28,0.55), transparent 55%); }
.video-play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.video-play svg{ width:42px; height:42px; filter:drop-shadow(0 2px 8px rgba(0,0,0,0.35)); }
.video-card-title{ font-size:13.5px; font-weight:600; color:var(--navy-950); line-height:1.4; }
.video-card.is-active .video-card-title{ color:var(--accent-deep); }

/* Instagram embeds */
.ig-embed-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; justify-items:center; }
.ig-embed-grid > iframe.instagram-media, .ig-embed-grid > blockquote.instagram-media{ width:100% !important; min-width:0 !important; margin:0 !important; }

/* Process strip */
.process-strip{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; background:var(--line-dark); border:1px solid var(--line-dark); margin-top:56px; }
.process-step{ background:var(--navy-950); padding:26px 22px; display:flex; flex-direction:column; gap:10px; }
.process-num{ font-family:'Unbounded', sans-serif; font-size:12px; color:var(--accent); font-weight:700; }
.process-label{ font-family:'Unbounded', sans-serif; font-size:13.5px; font-weight:500; color:#fff; line-height:1.4; }

/* Why grid */
.why-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line-dark); border:1px solid var(--line-dark); }
.why-item{ background:var(--navy-950); padding:30px 26px; display:flex; align-items:flex-start; gap:14px; }
.why-check{ width:26px; height:26px; border-radius:999px; border:1.5px solid var(--accent); display:flex; align-items:center; justify-content:center; flex:none; margin-top:2px; }
.why-check svg{ width:13px; height:13px; stroke:var(--accent); }
.why-label{ font-family:'Unbounded', sans-serif; font-size:14.5px; font-weight:500; color:#fff; line-height:1.4; }

/* Values grid (referanslar) */
.values-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.value-card{ background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:30px 24px; display:flex; flex-direction:column; gap:10px; }
.value-num{ font-family:'Unbounded', sans-serif; font-size:12px; color:var(--accent-deep); font-weight:700; }
.value-title{ font-family:'Unbounded', sans-serif; font-size:15px; font-weight:600; color:var(--navy-950); }
.value-desc{ font-size:13.5px; color:var(--muted); line-height:1.55; }

/* Client logo wall */
.logo-wall{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; background:rgb(20,20,20); border:1px solid rgb(20,20,20); }
.logo-tile{ background:rgb(20,20,20); aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; padding:22px; overflow:hidden; }
.logo-tile img{ max-width:100%; max-height:100%; width:auto; height:auto; transition:transform .3s ease, filter .3s ease; }
.logo-tile:hover img{ transform:scale(1.06); filter:brightness(1.15); }

.client-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:12px; }
.client-card{ border:1px solid var(--line); border-radius:4px; padding:26px 24px; display:flex; align-items:center; gap:16px; }
.client-icon{ width:38px; height:38px; border-radius:999px; background:var(--navy-950); display:flex; align-items:center; justify-content:center; flex:none; }
.client-icon svg{ width:17px; height:17px; stroke:var(--accent); }
.client-label{ font-family:'Unbounded', sans-serif; font-size:14px; font-weight:600; color:var(--navy-950); line-height:1.35; }

/* CTA band */
.cta-band{ background:linear-gradient(120deg,var(--navy-950) 0%,var(--navy-800) 46%,var(--accent-deep) 130%); padding:96px 40px; text-align:center; }
.cta-inner{ max-width:680px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:22px; }
.cta-title{ font-size:clamp(1.9rem,3.4vw,2.8rem); font-weight:700; color:#fff; }
.cta-sub{ font-size:16.5px; color:var(--on-dark); line-height:1.6; max-width:520px; }

/* Contact page */
.contact-grid{ display:grid; grid-template-columns:1fr 1.2fr; gap:70px; align-items:start; }
.contact-info-list{ display:flex; flex-direction:column; gap:22px; margin-top:8px; }
.contact-info-item{ display:flex; align-items:flex-start; gap:16px; }
.contact-info-icon{ width:40px; height:40px; border-radius:999px; background:var(--navy-950); display:flex; align-items:center; justify-content:center; flex:none; }
.contact-info-icon svg{ width:18px; height:18px; stroke:var(--accent); }
.contact-info-label{ font-size:12.5px; color:var(--muted); font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin-bottom:4px; }
.contact-info-value{ font-family:'Unbounded', sans-serif; font-size:15px; font-weight:600; color:var(--navy-950); }
.contact-info-value.placeholder{ color:var(--muted); font-family:'Manrope', sans-serif; font-weight:600; font-style:italic; }
.contact-note{ margin-top:36px; padding-top:28px; border-top:1px solid var(--line); max-width:400px; }
.contact-note-script{ display:block; font-family:'Caveat', cursive; font-weight:700; font-size:2.1rem; color:var(--accent); line-height:1; margin-bottom:12px; }
.contact-note p{ font-size:15px; line-height:1.7; color:var(--muted); }

.form-card{ background:var(--paper-dim); border:1px solid var(--line); border-radius:4px; padding:44px; }
.form-row{ display:flex; flex-direction:column; gap:8px; margin-bottom:22px; }
.form-row-2{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.form-label{ font-size:13px; font-weight:700; color:var(--navy-950); letter-spacing:.02em; }
.form-input, .form-textarea{
  font-family:'Manrope', sans-serif; font-size:15px; color:var(--ink);
  border:1.5px solid var(--line); background:#fff; border-radius:2px; padding:14px 16px;
  outline:none; transition:border-color .15s ease;
}
.form-input:focus, .form-textarea:focus{ border-color:var(--accent); }
.form-textarea{ resize:vertical; min-height:140px; font-family:'Manrope', sans-serif; }
.form-note{ font-size:12.5px; color:var(--muted); margin-top:14px; line-height:1.6; }

/* Footer */
.footer{ background:var(--navy-950); border-top:1px solid var(--line-dark); padding:72px 40px 30px; }
.footer-inner{ max-width:1180px; margin:0 auto; }
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:60px; padding-bottom:52px; border-bottom:1px solid var(--line-dark); }
.footer-brand-line{ font-size:14.5px; color:var(--on-dark); line-height:1.6; max-width:280px; margin-top:16px; }
.footer-social{ display:flex; gap:10px; margin-top:24px; }
.social-btn{ width:36px; height:36px; border-radius:999px; border:1px solid var(--line-dark); display:flex; align-items:center; justify-content:center; transition:border-color .18s ease, background .18s ease; }
.social-btn:hover{ border-color:var(--accent); background:rgba(214,36,122,0.12); }
.social-btn svg{ width:16px; height:16px; stroke:#fff; }
.footer-col-title{ font-size:12.5px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--on-dark); margin-bottom:20px; }
.footer-links{ display:flex; flex-direction:column; gap:13px; }
.footer-links a{ font-size:14.5px; color:#fff; font-weight:500; }
.footer-links a:hover{ color:var(--accent); }
.footer-links span{ font-size:14.5px; color:var(--on-dark); }
.footer-bottom{ display:flex; justify-content:space-between; align-items:center; padding-top:26px; flex-wrap:wrap; gap:12px; }
.footer-bottom p{ font-size:13px; color:var(--on-dark); }

/* Responsive */
@media (max-width: 980px){
  .two-col, .contact-grid{ grid-template-columns:1fr; gap:48px; }
  .services-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .events-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .why-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .values-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .client-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .process-strip{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .work-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .video-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .logo-wall{ grid-template-columns:repeat(4,minmax(0,1fr)); }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .footer-brand-line{ max-width:100%; }
  .cap-item{ grid-template-columns:1fr 22px; grid-template-areas:"title arrow" "desc desc"; row-gap:8px; }
  .cap-item-title{ grid-area:title; }
  .cap-item-arrow{ grid-area:arrow; }
  .cap-item-desc{ grid-area:desc; }
  .cap-group-head{ flex-direction:column; align-items:flex-start; gap:8px; }
  .cap-group-sub{ margin-left:0; text-align:left; max-width:none; }
}

@media (max-width: 700px){
  .section{ padding:72px 22px; }
  .nav{ padding:0 20px; }
  .nav-links{
    position:fixed; top:var(--header-h); left:0; right:0; bottom:0;
    background:var(--navy-950); flex-direction:column; align-items:flex-start; justify-content:flex-start;
    gap:0; padding:12px 24px 24px; transform:translateY(-8px); opacity:0; pointer-events:none;
    transition:opacity .18s ease, transform .18s ease; overflow-y:auto;
  }
  .nav.is-open .nav-links{ opacity:1; transform:translateY(0); pointer-events:auto; }
  .nav-links a{ width:100%; padding:16px 0; border-bottom:1px solid var(--line-dark); font-size:16px; }
  .nav-toggle{ display:flex; }
  .nav-cta{ display:none; }
  .nav.is-open .nav-cta{ display:flex; }
  .hero{ padding:calc(var(--header-h) + 70px) 22px 90px; min-height:auto; }
  .page-hero{ padding:calc(var(--header-h) + 56px) 22px 64px; }
  .hero-actions{ flex-direction:column; align-items:stretch; }
  .hero-actions .btn{ justify-content:center; }
  .services-grid{ grid-template-columns:1fr; }
  .events-grid{ grid-template-columns:1fr; }
  .why-grid{ grid-template-columns:1fr; }
  .values-grid{ grid-template-columns:1fr; }
  .client-grid{ grid-template-columns:1fr; }
  .process-strip{ grid-template-columns:1fr; }
  .work-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .video-grid{ grid-template-columns:1fr; }
  .ig-embed-grid{ grid-template-columns:1fr; }
  .logo-wall{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .footer-grid{ grid-template-columns:1fr; gap:36px; }
  .cta-band{ padding:72px 22px; }
  .form-card{ padding:26px; }
  .form-row-2{ grid-template-columns:1fr; }
}