@font-face {
  font-family: "Barlow Condensed";
  src: url("assets/barlow-condensed-extrabold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
:root {
  --paper: #f6f5ed;
  --ink: #111427;
  --muted: #454957;
  --line: #aeb1b6;
  --deep: #101125;
  --lime: #d7f34a;
  --blue: #2744c6;
  --screen-bg: #070819;
  --display: "Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --mono: "SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --edge: clamp(1.25rem,4.8vw,5.4rem);
}
[hidden] { display: none !important; }
.mast { min-height: 5rem; border: 0; }
.mast .wordmark img { width: 8.9rem; height: auto; }
.mast nav a { font-weight: 650; }
.mast .nav-cta,.btn,.action { border-radius: 3px; }
.mast .nav-cta { background: var(--blue); border-color: var(--blue); color: white; }
.action {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 1.75rem;
  padding: .85rem 1.05rem; text-decoration: none; font-size: .93rem; font-weight: 730;
  box-shadow: 3px 3px 0 #0004; transition: transform .15s,box-shadow .15s;
}
.action:hover { transform: translate(-1px,-1px); box-shadow: 5px 5px 0 #0004; }
.action span,.angle { font-family: Arial,sans-serif; font-size: 1.2em; }
.key-lime { background: var(--lime); color: var(--ink); }
.key-dark { background: var(--ink); color: white; }
.studio-label,.control-label,.kicker {
  font-family: var(--mono); font-size: .69rem; font-weight: 600; line-height: 1.5;
  text-transform: uppercase; letter-spacing: .095em;
}
.studio-label i { display: inline-block; margin-right:.48rem; width:.54rem; height:.54rem; background:var(--lime); }
.studio-label { margin-bottom: 1rem; }
.broadcast {
  background: var(--screen-bg); color: #f8f7ef; position: relative; isolation: isolate;
  background-image: radial-gradient(ellipse at 72% 40%,#1c1a4c 0%,#101028 33%,var(--screen-bg) 77%);
  border-block: 1px solid #151630;
}
.console {
  display: grid; grid-template-columns: minmax(0,.76fr) minmax(0,1.24fr);
  gap: clamp(1.25rem,3.1vw,3.4rem); align-items: center;
  padding-block: clamp(2.4rem,4.8vw,5.15rem);
}
.console-intro { padding-block: .65rem; }
.console-intro .studio-label { color: #d0d0e3; margin-bottom: clamp(1rem,2vw,1.8rem); }
.console h1,.brief-counter h2,.price-strip h2,.inner-intro h1,.callout h2,.case-row h2 {
  font-family: var(--display); font-weight: 800; text-transform: uppercase; letter-spacing: -.035em;
}
.console h1 { font-size: clamp(5.6rem,9.35vw,9.1rem); line-height: .86; }
.console h1 em,.brief-counter h2 em,.inner-intro h1 em {
  font: inherit; letter-spacing: inherit; color: var(--blue);
}
.console h1 em { color: var(--lime); }
.console h1 em span { color: #939eff; }
.deck { max-width: 27rem; color: #d0d2e2; font-size: clamp(1rem,1.23vw,1.14rem); line-height: 1.55; margin: 1.5rem 0 1.55rem; }
.showcase { min-width:0; }
.project-display {
  width:100%; padding:0 clamp(3px,.45vw,7px) clamp(3px,.45vw,7px);
  border:1px solid #7291ff; border-radius:9px;
  background:linear-gradient(112deg,#345cdd 0%,#2445c6 65%,#233aa7 100%);
  box-shadow:0 18px 44px -25px #02031b;
}
.display-bar { display:flex; align-items:center; justify-content:space-between; gap:.65rem; min-height:2.35rem; padding:0 .48rem; color:#fff; }
.display-address { min-width:0; overflow-wrap:anywhere; font:500 clamp(.64rem,1vw,.78rem)/1.25 var(--mono); }
.display-link { flex:none; display:inline-flex; align-items:center; gap:.38rem; color:#fff; text-decoration:none; font-weight:650; font-size:.76rem; padding:.6rem .15rem; }
.display-link:hover { text-decoration:underline; text-underline-offset:3px; }
.project-capture { display:block; width:100%; height:auto; object-fit:contain; }
.tuner { width:100%; margin:.58rem 0 0; position:relative; }
.tuner-line { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.65rem; padding:.65rem 0; border-bottom:1px solid #43465e; }
.control-label { color:#c4c4d7; font-size:.62rem; }
.presets { display:flex; gap:.35rem; }
.presets a { min-height: 2.4rem; display:inline-flex; align-items:center; padding:.35rem .74rem; border:1px solid #555873; border-radius:3px; color:#eeeeff; text-decoration:none; font-weight:650; font-size:.84rem; }
.presets a:hover,.presets a:focus-visible { border-color:var(--lime); }
.presets a[aria-current=true] { background:var(--lime); border-color:var(--lime); color:var(--ink); }
.project-note { padding-top:.65rem; min-height: 3.7rem; }
.project-note a { text-decoration:none; font-weight:700; font-size:.96rem; }
.project-note a:hover { text-decoration:underline; }
.project-note a span { color:var(--lime); }
.project-note p { color:#c1c2d3; font-size:.84rem; margin-top:.1rem; }
.brief-counter { background: var(--paper); }
.brief-layout { display:grid; grid-template-columns: .86fr 1.14fr; align-items:start; gap:clamp(1.6rem,5vw,6rem); padding-block:clamp(3.25rem,6vw,6.5rem); }
.brief-counter h2,.price-strip h2 { font-size:clamp(3.2rem,5.3vw,5.2rem); line-height:.94; }
.brief-intro>p:last-child { max-width:28rem; margin-top:1.1rem; color:var(--muted); }
.brief-list { border-top:2px solid var(--ink); }
.brief-list a { display:flex; justify-content:space-between; align-items:center; gap:1rem; border-bottom:1px solid var(--line); text-decoration:none; padding:.95rem .35rem .95rem 0; }
.brief-list a:hover strong { color:var(--blue); }
.brief-list strong { display:block; font-family:var(--display); font-size:clamp(1.7rem,2.7vw,2.35rem); font-weight:800; line-height:1.1; }
.brief-list small { color:var(--muted); }
.angle { color:var(--blue); font-size:1.4rem; }
.price-strip { background:var(--lime); }
.price-grid { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:2rem; padding-block:clamp(2rem,4vw,4.5rem); }
.price-grid .studio-label { margin-bottom:.45rem; }
.price-grid h2 span { color:var(--blue); }
.price-grid p:not(.studio-label) { max-width:28rem; }
.inner-intro { border-top:4px solid var(--blue); padding-block:clamp(2.8rem,5.5vw,5.5rem); }
.inner-intro h1 { line-height:.95; font-size:clamp(3.6rem,7.6vw,7.1rem); }
.inner-intro .lede { margin-top:1.15rem; }
.inner-intro .kicker,.case-row .studio-label { color:var(--blue); }
.callout { background:var(--blue); color:white; }
.callout .btn { background:var(--lime); color:var(--ink); border-color:var(--lime); }
.callout .kicker { color:#e2e5ff; }
.footer { background:#101125; }
.footer .wordmark { display:inline-block; background:var(--paper); padding:.45rem .68rem; border-radius:2px; }
.footer .wordmark img { width:7.4rem; height:auto; }
.footer p { color:#c1c3d6; }
.footer .footgrid a:not(.wordmark) { color:#f4f5fb; }
.archive { padding-bottom:clamp(3rem,6vw,6rem); }
.case-row { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(1.4rem,4vw,4.5rem); align-items:center; border-top:1px solid var(--line); padding:2.1rem 0; }
.case-thumb { display:block; padding:clamp(.6rem,1.5vw,1.45rem); background:var(--blue); }
.case-row:nth-child(2) .case-thumb { background:#28263e; }
.case-row:nth-child(3) .case-thumb { background:#bcd0e9; }
.case-thumb img { width:100%; height:auto; }
.case-row h2 { font-size:clamp(2.3rem,3.7vw,3.8rem); line-height:1; }
.case-brief { margin:.8rem 0 .35rem; font-weight:700; }
.case-row p:not(.studio-label):not(.case-brief) { color:var(--muted); }
.case-row .line-link { margin-top:.8rem; }
.packages article { border-top:4px solid var(--blue); background:#fffefa; }
.packages article h3,.service-list h2 { font-family:var(--display); font-weight:800; }
.est-section,.estimate-summary { background:#e4e6f6; }
.estimate-summary { border-color:var(--blue); }
.wpforms-container button[type=submit] { background:var(--blue)!important; border-radius:3px!important; }
.broadcast :focus-visible,.footer :focus-visible { outline:3px solid var(--lime); outline-offset:3px; }
@media(max-width:850px) {
  .console { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:.4rem; }
  .console h1 { font-size:clamp(4rem,9.6vw,5.9rem); }
  .tuner-line { align-items:flex-start; flex-direction:column; }
  .price-grid { grid-template-columns:1fr 1fr; gap:1rem; }
  .price-grid .action { justify-self:start; }
}
@media(max-width:650px) {
  .mast { min-height:4.25rem; }
  .mast .wordmark img { width:7.7rem; }
  .menu-toggle { border-radius:3px; min-height:2.6rem; }
  .console,.brief-layout,.price-grid,.case-row { grid-template-columns:1fr; }
  .console { gap:1.3rem; padding-top:2rem; }
  .console-intro { padding:0; }
  .console h1 { font-size:clamp(4.1rem,15vw,6.5rem); }
  .console h1 br { display:none; }
  .deck { margin:.95rem 0 1.1rem; }
  .display-bar { min-height:2.5rem; }
  .tuner-line { flex-direction:row; align-items:center; flex-wrap:wrap; }
  .presets a { padding:.38rem .58rem; min-height:2.65rem; }
  .brief-counter h2 br { display:none; }
  .case-row { padding:1.65rem 0; }
  .price-grid { gap:1.2rem; }
}
@media(max-width:365px) { .tuner-line { flex-direction:column; align-items:start; } }