
.search-panel { max-width: 1100px; margin: 32px auto; padding: 0 28px; }
.search-box { width: 100%; box-sizing: border-box; padding: 16px 18px; border-radius: 14px; border: 1px solid rgba(120,180,220,.45); background: rgba(5,18,35,.78); color: #f3fbff; font-size: 1.05rem; outline: none; }
.search-box:focus { border-color: rgba(130,220,255,.9); box-shadow: 0 0 0 3px rgba(80,180,240,.18); }
.search-result-card { margin: 18px 0; padding: 20px; border: 1px solid rgba(100,170,220,.25); border-radius: 16px; background: rgba(9,28,52,.72); }
.search-result-card h2 { margin-top: 0; }
.search-url, .muted { opacity: .72; font-size: .95rem; }


/* Aurora Design Studios shared header + search */
.ads-site-header{
  position:sticky;top:0;z-index:9999;display:grid;grid-template-columns:auto minmax(280px,440px) auto;gap:26px;align-items:center;
  min-height:84px;padding:14px 18px;background:rgba(2,9,19,.96);border-bottom:1px solid rgba(32,217,255,.28);
  box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(10px);font-family:Arial,Helvetica,sans-serif;color:#edf8ff;
}
.ads-brand{display:flex;align-items:center;gap:14px;min-width:430px;text-decoration:none;color:#edf8ff}.ads-brand-mark{width:54px;height:54px;border-radius:14px;border:1px solid rgba(32,217,255,.26);display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,rgba(32,217,255,.22),rgba(6,20,38,.98));box-shadow:0 0 24px rgba(32,217,255,.13);font-weight:900;font-size:38px;color:#8ccaff;line-height:1}.ads-brand-text strong{display:block;font-size:25px;letter-spacing:3px;text-transform:uppercase;line-height:1}.ads-brand-text span{display:block;margin-top:6px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#d6eaff;font-weight:800}.ads-header-search{display:flex;align-items:center;justify-content:center}.ads-header-search input{width:100%;height:38px;border-radius:22px;border:1px solid rgba(32,217,255,.45);background:#03101e;color:#edf8ff;padding:0 18px;font-size:13px;outline:none}.ads-header-search input:focus{border-color:#20d9ff;box-shadow:0 0 0 3px rgba(32,217,255,.14)}.ads-nav{display:flex;gap:18px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}.ads-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid rgba(49,112,160,.5);border-radius:7px;color:#d9ecff;text-decoration:none;font-size:14px;letter-spacing:0;text-transform:none;font-weight:600;background:rgba(4,15,28,.72)}.ads-nav a:hover,.ads-nav a.active{color:#00111e;background:#20d9ff;border-color:#20d9ff}.ads-nav a[data-kind="division"]{border-color:rgba(32,217,255,.6)}
@media(max-width:1100px){.ads-site-header{grid-template-columns:1fr;gap:12px;position:relative}.ads-brand{min-width:0}.ads-nav{justify-content:flex-start;flex-wrap:wrap}.ads-brand-text strong{font-size:20px}.ads-brand-text span{font-size:10px}}


/* Search engine hardening patch */
.ads-header-search{display:flex;gap:8px;align-items:center;}
.ads-header-search input{min-width:210px;}
.ads-header-search-button{border:1px solid rgba(122,217,255,.45);background:linear-gradient(180deg,rgba(26,94,139,.92),rgba(9,43,72,.96));color:#eaf8ff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 18px rgba(34,177,255,.13);}
.ads-header-search-button:hover{border-color:rgba(151,231,255,.8);background:linear-gradient(180deg,rgba(36,124,178,.96),rgba(12,61,96,.98));}
.search-panel{max-width:1100px;margin:22px auto 60px;padding:24px;border:1px solid rgba(91,177,224,.35);border-radius:16px;background:rgba(5,20,36,.78);box-shadow:0 18px 50px rgba(0,0,0,.35);}
.search-box{width:100%;box-sizing:border-box;border:1px solid rgba(128,210,255,.45);border-radius:14px;background:rgba(1,12,24,.88);color:#ecfbff;padding:16px 18px;font-size:18px;outline:none;}
.search-box:focus{border-color:rgba(148,230,255,.9);box-shadow:0 0 0 3px rgba(61,177,255,.16);}
.search-result-card{margin:16px 0;padding:18px 20px;border:1px solid rgba(93,185,232,.28);border-radius:14px;background:linear-gradient(180deg,rgba(18,47,78,.86),rgba(7,21,38,.92));}
.search-result-card h2{margin:0 0 8px;font-family:Georgia,serif;font-size:24px;line-height:1.15;}
.search-result-card a{color:#dff8ff;text-decoration:none;}
.search-result-card a:hover{color:#8fe7ff;text-decoration:underline;}
.search-result-card p{margin:7px 0;color:#d8ecf7;line-height:1.5;}
.search-url{font-size:12px;color:#8ccce9!important;letter-spacing:.03em;word-break:break-word;}
.muted{color:#b8d6e6;}
@media(max-width:820px){.ads-header-search{width:100%;}.ads-header-search input{min-width:0;flex:1}.ads-header-search-button{padding:8px 10px}.search-panel{margin:18px 14px 42px;padding:16px}.hero{margin-left:14px!important;margin-right:14px!important}.hero h1{font-size:34px!important}}


/* QA header alignment patch — 2026-06-14
   Forces Studios headers into a consistent two-row layout:
   brand | search | contact on row 1, nav across row 2. */
.ads-site-header{
  display:grid!important;
  grid-template-columns:max-content minmax(320px,440px) auto 1fr!important;
  grid-template-areas:"brand search contact spacer" "nav nav nav nav"!important;
  column-gap:18px!important;
  row-gap:14px!important;
  align-items:center!important;
}
.ads-brand{grid-area:brand!important;min-width:0!important;}
.ads-header-search{grid-area:search!important;justify-content:flex-start!important;}
.ads-contact-btn{grid-area:contact!important;}
.ads-nav{grid-area:nav!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
@media(max-width:1100px){
  .ads-site-header{grid-template-columns:1fr!important;grid-template-areas:"brand" "search" "contact" "nav"!important;}
  .ads-header-search{width:100%!important;}
}


/* REV07 final header rule: approved Studios two-row header, centered in the same page frame. */
.ads-site-header{
  max-width:1500px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  left:auto!important;
  right:auto!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:max-content minmax(320px,440px) auto!important;
  grid-template-areas:"brand search contact" "nav nav nav"!important;
  column-gap:18px!important;
  row-gap:14px!important;
  align-items:center!important;
}
.ads-brand{grid-area:brand!important;min-width:0!important;}
.ads-header-search{grid-area:search!important;justify-content:flex-start!important;}
.ads-contact-btn{grid-area:contact!important;}
.ads-nav{grid-area:nav!important;justify-content:center!important;flex-wrap:wrap!important;}
@media(max-width:1100px){
  .ads-site-header{grid-template-columns:1fr!important;grid-template-areas:"brand" "search" "contact" "nav"!important;max-width:none!important;width:100%!important;}
  .ads-header-search{width:100%!important;}
}

/* Contact modal style kept shared so the restored Contact button works sitewide. */
.ads-contact-btn,.ads-floating-contact-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid rgba(32,217,255,.72);border-radius:8px;background:linear-gradient(180deg,rgba(22,80,120,.96),rgba(4,26,48,.96));color:#ecf8ff!important;font:700 14px Arial,Helvetica,sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer;box-shadow:0 0 18px rgba(32,217,255,.14)}.ads-contact-btn:hover,.ads-floating-contact-btn:hover{border-color:#20d9ff;background:#20d9ff;color:#00111e!important}.ads-contact-modal{position:fixed;inset:0;z-index:99999;display:none;font-family:Arial,Helvetica,sans-serif}.ads-contact-modal.is-open{display:block}.ads-contact-modal__backdrop{position:absolute;inset:0;background:rgba(0,8,18,.78);backdrop-filter:blur(4px)}.ads-contact-modal__panel{position:relative;margin:4vh auto;width:min(760px,calc(100vw - 32px));max-height:92vh;overflow:auto;border:1px solid rgba(32,217,255,.48);border-radius:18px;background:linear-gradient(145deg,rgba(8,25,47,.98),rgba(1,8,18,.98));color:#eaf7ff;box-shadow:0 24px 90px rgba(0,0,0,.68);padding:1.6rem}.ads-contact-modal__close{position:absolute;right:16px;top:12px;border:1px solid rgba(80,160,210,.45);background:rgba(0,0,0,.22);color:#dff7ff;border-radius:9px;font-size:1.6rem;line-height:1;width:36px;height:36px;cursor:pointer}.ads-contact-modal .kicker{color:#20d9ff;letter-spacing:.22em;text-transform:uppercase;font-weight:900;font-size:.78rem}.ads-contact-modal h2{margin:.35rem 2.5rem .65rem 0;color:#fff;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.1rem);line-height:1}.ads-contact-modal__intro{color:#c7dff0;line-height:1.55}.ads-contact-form{display:grid;gap:1rem;margin-top:1rem}.ads-form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ads-contact-form label{display:grid;gap:.35rem;color:#dff7ff;font-weight:800}.ads-contact-form label span{color:#94aec5;font-weight:600;font-size:.78rem;text-transform:uppercase}.ads-contact-form input,.ads-contact-form select,.ads-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(120,190,230,.35);border-radius:10px;background:rgba(0,0,0,.28);color:#fff;padding:.75rem;font:inherit}.ads-contact-form textarea{resize:vertical}.ads-checkline{display:flex!important;align-items:center;gap:.65rem;font-weight:600!important;color:#cfe5f1!important}.ads-checkline input{width:auto}.ads-contact-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.ads-submit-request,.ads-ghost-button{border-radius:999px;padding:.75rem 1.1rem;font-weight:900;cursor:pointer}.ads-submit-request{border:1px solid rgba(32,217,255,.85);background:#20d9ff;color:#00131e}.ads-ghost-button{border:1px solid rgba(180,220,255,.35);background:transparent;color:#dff7ff}.ads-contact-status{min-height:1.4em;color:#9eeeff;font-weight:800}@media(max-width:720px){.ads-form-row.two-col{grid-template-columns:1fr}.ads-contact-modal__panel{margin:3vh auto;padding:1.1rem}.ads-contact-btn{min-height:34px;padding:0 12px}}




/* ADS HEADER ALIGNMENT PATCH v11 - Systems-style full black header bar + centered content lane.
   Scope: header/search/contact/nav only. Sticky/contact behavior unchanged. */
.ads-site-header{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  left:0!important;
  right:0!important;
  box-sizing:border-box!important;
  background:rgba(2,9,19,.96)!important;
  border-bottom:1px solid rgba(32,217,255,.28)!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
  padding-left:max(28px,calc((100vw - 1320px)/2))!important;
  padding-right:max(28px,calc((100vw - 1320px)/2))!important;
  display:grid!important;
  grid-template-columns:max-content minmax(320px,440px) auto!important;
  grid-template-areas:"brand search contact" "nav nav nav"!important;
  column-gap:18px!important;
  row-gap:14px!important;
  align-items:center!important;
  justify-content:center!important;
}
.ads-brand{grid-area:brand!important;min-width:0!important;justify-self:start!important;}
.ads-header-search{grid-area:search!important;justify-self:start!important;width:440px!important;max-width:440px!important;}
.ads-header-search input{width:100%!important;}
.ads-contact-btn{grid-area:contact!important;justify-self:start!important;}
.ads-nav{grid-area:nav!important;justify-content:center!important;flex-wrap:wrap!important;width:100%!important;}
@media(max-width:1100px){
  .ads-site-header{
    padding-left:18px!important;
    padding-right:18px!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"brand" "search" "contact" "nav"!important;
    justify-content:stretch!important;
  }
  .ads-header-search{width:100%!important;max-width:none!important;justify-self:stretch!important;}
  .ads-contact-btn{justify-self:start!important;}
  .ads-nav{justify-content:flex-start!important;}
}


/* ADS-STUDIOS HEADER STANDARD v12 — 2026-06-28
   Purpose: one consistent Aurora Design Studios header across all index.html pages.
   Scope: header/search/contact/nav only. Body graphics, cards, pitch copy, and project layouts untouched.
   Fixes: search no longer collides with Contact; Contact opens an in-page modal instead of launching email. */
.ads-site-header{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  width:100%!important;
  min-width:1450px!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  background:rgba(2,9,19,.975)!important;
  border-bottom:1px solid rgba(32,217,255,.28)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(10px)!important;
  color:#edf8ff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  padding:14px max(34px,calc((100vw - 1450px)/2 + 34px)) 14px max(34px,calc((100vw - 1450px)/2 + 18px))!important;
  display:grid!important;
  grid-template-columns:430px 520px 98px!important;
  grid-template-areas:"brand search contact" "nav nav nav"!important;
  column-gap:22px!important;
  row-gap:14px!important;
  align-items:center!important;
  justify-content:start!important;
}
.ads-site-header *{box-sizing:border-box!important;}
.ads-brand{grid-area:brand!important;display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;text-decoration:none!important;color:#edf8ff!important;justify-self:start!important;}
.ads-brand-mark{width:54px!important;height:54px!important;min-width:54px!important;border-radius:14px!important;border:1px solid rgba(32,217,255,.32)!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 35% 20%,rgba(32,217,255,.25),rgba(6,20,38,.98))!important;box-shadow:0 0 24px rgba(32,217,255,.13)!important;font-weight:900!important;font-size:38px!important;color:#8ccaff!important;line-height:1!important;font-family:Arial,Helvetica,sans-serif!important;overflow:hidden!important;}
.ads-brand-text strong{display:block!important;font-size:25px!important;letter-spacing:3px!important;text-transform:uppercase!important;line-height:1!important;color:#edf8ff!important;font-family:Arial,Helvetica,sans-serif!important;white-space:nowrap!important;}
.ads-brand-text span{display:block!important;margin-top:6px!important;font-size:11px!important;letter-spacing:2px!important;text-transform:uppercase!important;color:#d6eaff!important;font-weight:800!important;line-height:1.15!important;white-space:nowrap!important;}
.ads-header-search{grid-area:search!important;display:flex!important;align-items:center!important;gap:9px!important;justify-self:start!important;width:520px!important;max-width:520px!important;min-width:0!important;}
.ads-header-search input{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:38px!important;border-radius:22px!important;border:1px solid rgba(32,217,255,.45)!important;background:#03101e!important;color:#edf8ff!important;padding:0 18px!important;font-size:13px!important;outline:none!important;font-family:Arial,Helvetica,sans-serif!important;}
.ads-header-search input:focus{border-color:#20d9ff!important;box-shadow:0 0 0 3px rgba(32,217,255,.14)!important;}
.ads-header-search-button{flex:0 0 auto!important;height:38px!important;border:1px solid rgba(122,217,255,.48)!important;background:linear-gradient(180deg,rgba(26,94,139,.92),rgba(9,43,72,.96))!important;color:#eaf8ff!important;border-radius:999px!important;padding:0 15px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;cursor:pointer!important;box-shadow:0 0 18px rgba(34,177,255,.13)!important;font-family:Arial,Helvetica,sans-serif!important;}
.ads-header-search-button:hover{border-color:rgba(151,231,255,.8)!important;background:linear-gradient(180deg,rgba(36,124,178,.96),rgba(12,61,96,.98))!important;}
.ads-contact-btn{grid-area:contact!important;justify-self:start!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:98px!important;height:38px!important;min-height:38px!important;padding:0 14px!important;border:1px solid rgba(32,217,255,.72)!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(22,80,120,.96),rgba(4,26,48,.96))!important;color:#ecf8ff!important;font:700 14px Arial,Helvetica,sans-serif!important;letter-spacing:.02em!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 0 18px rgba(32,217,255,.14)!important;white-space:nowrap!important;}
.ads-contact-btn:hover{border-color:#20d9ff!important;background:#20d9ff!important;color:#00111e!important;}
.ads-nav{grid-area:nav!important;display:flex!important;gap:20px!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;}
.ads-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:0 14px!important;border:1px solid rgba(49,112,160,.55)!important;border-radius:7px!important;color:#d9ecff!important;text-decoration:none!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;font-weight:700!important;background:rgba(4,15,28,.74)!important;font-family:Arial,Helvetica,sans-serif!important;white-space:nowrap!important;line-height:1!important;}
.ads-nav a:hover,.ads-nav a.active{color:#00111e!important;background:#20d9ff!important;border-color:#20d9ff!important;}
@media(max-width:1100px){
  .ads-site-header{min-width:0!important;padding:14px 18px!important;grid-template-columns:1fr!important;grid-template-areas:"brand" "search" "contact" "nav"!important;justify-content:stretch!important;}
  .ads-header-search{width:100%!important;max-width:none!important;justify-self:stretch!important;}
  .ads-contact-btn{justify-self:start!important;}
  .ads-nav{justify-content:flex-start!important;flex-wrap:wrap!important;gap:10px!important;}
  .ads-brand-text strong{font-size:20px!important;white-space:normal!important;}
  .ads-brand-text span{font-size:10px!important;white-space:normal!important;}
}

/* ADS-STUDIOS HEADER STANDARD v13 — 2026-06-28
   Purpose: shorten/reposition search lane so it clears the corporate name.
   Scope: shared header/search/contact/nav only. Body graphics/cards/text untouched. */
.ads-site-header{
  grid-template-columns:640px 410px 98px!important;
  column-gap:22px!important;
}
.ads-header-search{
  width:410px!important;
  max-width:410px!important;
}
.ads-header-search input{
  max-width:300px!important;
}
.ads-header-search-button{
  width:94px!important;
  text-align:center!important;
}
@media(max-width:1100px){
  .ads-site-header{grid-template-columns:1fr!important;}
  .ads-header-search{width:100%!important;max-width:none!important;}
  .ads-header-search input{max-width:none!important;}
  .ads-header-search-button{width:auto!important;}
}

/* ADS-STUDIOS HEADER LOGO PATCH v14 — 2026-06-28
   Purpose: replace the former text-A mark with the approved gold Aurora Design Studios mark.
   Scope: brand/logo only. Search/contact/nav behavior untouched. */
.ads-brand-mark{
  width:68px!important;
  height:58px!important;
  min-width:68px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}
.ads-brand-mark img{
  display:block!important;
  width:68px!important;
  height:58px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 7px rgba(255,179,55,.42)) drop-shadow(0 2px 1px rgba(0,0,0,.55))!important;
}
.ads-brand-text span{
  color:#d79a2b!important;
}
@media(max-width:1100px){
  .ads-brand-mark{width:58px!important;height:50px!important;min-width:58px!important;}
  .ads-brand-mark img{width:58px!important;height:50px!important;}
}
