/*
Theme Name: Uproar
Theme URI: https://www.uproar.studio
Author: Uproar Studio
Author URI: https://www.uproar.studio
Description: Minimal black-on-white block theme for Uproar Studio, Colombo. Huge type, pill buttons, fullscreen menu, black Let's chat footer.
Version: 0.1.15
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uproar
Tags: minimal, black, white, agency, portfolio, blog
*/

/* ============ tokens ============ */
:root{
  --uproar-ink:#0a0a0a;
  --uproar-paper:#ffffff;
  --uproar-grey:#6b6b6b;
  --uproar-line:#e8e8e8;
  --uproar-soft:#f6f6f6;
  --uproar-accent:#dc6334;
  --uproar-max:1440px;
  --uproar-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

html{scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{
  font-family:var(--uproar-font);
  color:var(--uproar-ink);
  background:var(--uproar-paper);
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
  margin:0;
  overflow-x:hidden;
  overflow-x:clip;
}
/* our groups use flow layout with hand-tuned spacing — kill WP's auto rhythm inside them */
.uproar-header > * + *,
.uproar-wrap > * + *,
.uproar-footer-inner > * + *,
.uproar-post > * + *{margin-block-start:0}
::selection{background:var(--uproar-accent);color:#fff}
a{color:inherit}
img{max-width:100%;height:auto}

/* tighten default block spacing rhythm */
.wp-site-blocks > * + *{margin-block-start:0}

/* ============ layout helpers ============ */
/* one shared shell: header row, content and footer can never drift apart */
.uproar-header,.uproar-wrap,.uproar-footer-inner{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}
.uproar-section{padding-top:96px;padding-bottom:96px}
.uproar-label{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--uproar-grey);font-weight:600;margin:0 0 20px;
}
.uproar-label::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--uproar-accent);margin-right:10px;vertical-align:1px}
.uproar-dot{color:var(--uproar-accent)}
.uproar-h-display{
  font-size:clamp(48px,7.5vw,108px);line-height:.98;letter-spacing:-.04em;
  font-weight:600;margin:0;text-wrap:balance;
}
.uproar-h-big{
  font-size:clamp(36px,5vw,68px);line-height:1;letter-spacing:-.035em;
  font-weight:600;margin:0 0 24px;text-wrap:balance;
}
.uproar-lead{font-size:clamp(17px,2vw,21px);line-height:1.55;color:#333;max-width:60ch;margin:24px 0 0;text-align:left}
.uproar-rule{border:0;border-top:1px solid var(--uproar-line);margin:0}

/* ============ pills & buttons ============ */
.uproar-pill{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--uproar-ink);border-radius:999px;
  padding:10px 22px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;background:transparent;color:var(--uproar-ink);
  transition:background .2s,color .2s,border-color .2s;cursor:pointer;white-space:nowrap;
}
.uproar-pill:hover{background:var(--uproar-ink);color:#fff}
.uproar-pill.solid{background:var(--uproar-ink);color:#fff}
.uproar-pill.solid:hover{background:var(--uproar-accent);border-color:var(--uproar-accent);color:#fff}
.uproar-pill.white{border-color:#fff;color:#fff}
.uproar-pill.white:hover{background:#fff;color:var(--uproar-ink)}

/* ============ header ============ */
.uproar-header{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:26px;padding-bottom:26px;
  position:sticky;top:0;z-index:100;background:var(--uproar-paper);
}
body.admin-bar .uproar-header{top:32px}
@media screen and (max-width:782px){body.admin-bar .uproar-header{top:46px}}
html.js .uproar-header{animation:uproar-drop .7s cubic-bezier(.16,1,.3,1) both}
@keyframes uproar-drop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
.uproar-header.hide{transform:translateY(-110%)}
.uproar-logo img{display:block;height:36px;width:auto}
.uproar-header-right{display:flex;align-items:center;gap:28px}
.uproar-menu-btn{
  display:flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;
  font-size:14px;font-weight:600;color:var(--uproar-ink);padding:12px 0;min-height:44px;
  -webkit-tap-highlight-color:transparent;
}
.uproar-burger{display:flex;flex-direction:column;justify-content:center;gap:6px;width:34px;flex:none}
.uproar-burger span{display:block;width:100%;height:2px;background:var(--uproar-ink);transition:width .25s}
.uproar-burger span:last-child{width:70%}
.uproar-menu-btn:hover .uproar-burger span:last-child{width:100%}

/* fullscreen menu overlay */
.uproar-overlay{
  position:fixed;left:0;top:0;width:100%;min-height:100vh;min-height:100dvh;
  max-width:none !important;margin:0 !important;z-index:999;
  background:var(--uproar-paper);
  display:flex;flex-direction:column;justify-content:center;
  padding:40px clamp(24px,6vw,90px);
  overflow-y:auto;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;
}
body.admin-bar .uproar-overlay{top:32px;min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px)}
@media screen and (max-width:782px){body.admin-bar .uproar-overlay{top:46px;min-height:calc(100vh - 46px);min-height:calc(100dvh - 46px)}}
.uproar-overlay.open{opacity:1;visibility:visible}
.uproar-overlay nav a{opacity:0;transform:translateY(28px);transition:opacity .5s ease,transform .55s cubic-bezier(.16,1,.3,1)}
.uproar-overlay.open nav a{opacity:1;transform:none}
.uproar-overlay.open nav a:nth-child(1){transition-delay:.06s}
.uproar-overlay.open nav a:nth-child(2){transition-delay:.12s}
.uproar-overlay.open nav a:nth-child(3){transition-delay:.18s}
.uproar-overlay.open nav a:nth-child(4){transition-delay:.24s}
.uproar-overlay.open nav a:nth-child(5){transition-delay:.3s}
.uproar-overlay.open nav a:nth-child(6){transition-delay:.36s}
.uproar-overlay-foot{opacity:0;transform:translateY(14px);transition:opacity .5s ease .42s,transform .5s ease .42s}
.uproar-overlay.open .uproar-overlay-foot{opacity:1;transform:none}
.uproar-overlay-close{opacity:0;transition:opacity .4s ease .1s,background-color .2s,color .2s}
.uproar-overlay.open .uproar-overlay-close{opacity:1}
.uproar-overlay-close{
  position:absolute;top:24px;right:40px;cursor:pointer;
  display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 22px;
  border:1px solid var(--uproar-ink);border-radius:999px;
  background:var(--uproar-paper);color:var(--uproar-ink);
  font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  -webkit-tap-highlight-color:transparent;
}
.uproar-overlay-close:hover{background:var(--uproar-ink);color:#fff}
.uproar-overlay nav{display:flex;flex-direction:column;gap:6px}
.uproar-overlay nav a{
  font-size:clamp(40px,7vw,84px);font-weight:600;letter-spacing:-.035em;line-height:1.08;
  text-decoration:none;color:var(--uproar-ink);
}
.uproar-overlay nav a:hover{color:var(--uproar-accent)}
.uproar-overlay nav a small{font-size:14px;letter-spacing:.1em;vertical-align:super;color:var(--uproar-grey)}
.uproar-overlay-foot{margin-top:48px;display:flex;gap:32px;flex-wrap:wrap;color:var(--uproar-grey);font-size:15px}
.uproar-overlay-foot a{text-decoration:none}.uproar-overlay-foot a:hover{color:var(--uproar-ink)}
body.uproar-locked{overflow:hidden}

/* ============ hero ============ */
.uproar-hero{padding-top:72px;padding-bottom:72px}
.uproar-hero .uproar-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}

/* marquee */
.uproar-marquee{border-top:1px solid var(--uproar-line);border-bottom:1px solid var(--uproar-line);overflow:hidden;padding:18px 0}
.uproar-marquee-track{display:flex;width:max-content;animation:uproar-scroll 28s linear infinite;font-size:15px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--uproar-grey)}
.uproar-marquee-track span{white-space:nowrap;padding-right:56px}
@keyframes uproar-scroll{to{transform:translateX(-50%)}}

/* ============ services ============ */
.uproar-service{border-top:1px solid var(--uproar-ink);padding:36px 0;display:grid;grid-template-columns:80px 1fr auto;gap:24px;align-items:start;text-decoration:none}
.uproar-service:last-child{border-bottom:1px solid var(--uproar-ink)}
.uproar-service .num{font-size:15px;color:var(--uproar-grey);font-weight:600;padding-top:8px}
.uproar-service h3{font-size:clamp(28px,4vw,52px);letter-spacing:-.03em;margin:0 0 10px;font-weight:600}
.uproar-service p{margin:0;color:#444;max-width:56ch;line-height:1.6}
.uproar-service .go{font-size:28px;padding-top:6px;transition:transform .2s}
.uproar-service:hover .go{transform:translate(6px,-6px);color:var(--uproar-accent)}
.uproar-service:hover h3{text-decoration:underline;text-underline-offset:8px}

/* ============ work grid ============ */
.uproar-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
.uproar-work-card{display:block;text-decoration:none}
.uproar-work-thumb{
  aspect-ratio:4/3;background:#111;color:#fff;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:clamp(48px,6vw,84px);font-weight:700;letter-spacing:-.04em;
  overflow:hidden;transition:transform .3s;
}
.uproar-work-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.uproar-work-card:hover .uproar-work-thumb{transform:scale(.985)}
.uproar-work-card:nth-child(2) .uproar-work-thumb{background:var(--uproar-accent)}
.uproar-work-card h3{font-size:22px;margin:16px 0 4px;letter-spacing:-.02em}
.uproar-work-card p{margin:0;color:var(--uproar-grey);font-size:14px;letter-spacing:.08em;text-transform:uppercase}

/* ============ founders / quotes ============ */
.uproar-cols2{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.uproar-person{border-top:2px solid var(--uproar-ink);padding-top:20px}
.uproar-person h3{font-size:28px;margin:0 0 4px;letter-spacing:-.02em}
.uproar-person .role{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--uproar-grey);margin:0 0 14px}
.uproar-person p{line-height:1.65;color:#333;margin:0}
.uproar-quote{border-left:3px solid var(--uproar-accent);padding-left:24px;margin:0}
.uproar-quote p{font-size:clamp(19px,2.4vw,26px);line-height:1.45;letter-spacing:-.01em;margin:0 0 12px}
.uproar-quote cite{font-style:normal;color:var(--uproar-grey);font-size:14px;letter-spacing:.06em}

/* ============ conversational form ============ */
.uproar-form{font-size:clamp(24px,3.4vw,40px);line-height:1.5;letter-spacing:-.02em;font-weight:500}
.uproar-form .frow{margin:0 0 8px}
.uproar-form input[type=text],.uproar-form input[type=email],.uproar-form textarea{
  font:inherit;color:inherit;background:transparent;
  border:0;border-bottom:2px solid var(--uproar-line);
  padding:2px 6px;min-width:min(280px,60vw);border-radius:0;
}
.uproar-form input:focus,.uproar-form textarea:focus{outline:none;border-bottom-color:var(--uproar-accent)}
.uproar-form textarea{width:100%;min-height:120px;resize:vertical;font-size:.65em;line-height:1.6}
.uproar-form .fhint{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--uproar-grey);font-weight:600;margin-bottom:2px}
.uproar-picks{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.uproar-pick{position:relative}
.uproar-pick input{position:absolute;opacity:0;inset:0;cursor:pointer}
.uproar-pick span{
  display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:0;
  border:1px solid #cfcfcf;border-radius:999px;padding:9px 18px;transition:all .15s;background:#fff;
}
.uproar-pick span::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid #999;flex:none}
.uproar-pick input:checked + span{background:var(--uproar-ink);border-color:var(--uproar-ink);color:#fff}
.uproar-pick input:checked + span::before{background:#fff;border-color:#fff}
.uproar-pick input:focus-visible + span{outline:2px solid var(--uproar-ink);outline-offset:2px}
.uproar-privacy{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.6;margin:28px 0;letter-spacing:0;font-weight:400}
.uproar-privacy input{width:20px;height:20px;margin-top:2px;accent-color:var(--uproar-ink);flex:none}
.uproar-form .uproar-submit{font-size:13px}
.uproar-success{border:1px solid var(--uproar-ink);border-radius:12px;padding:32px;font-size:18px;line-height:1.6}
.uproar-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}

/* ============ contact info col ============ */
.uproar-info-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--uproar-grey);font-weight:600;margin:0 0 10px}
.uproar-info-value{font-size:19px;margin:0 0 44px;line-height:1.55}
.uproar-info-value a{text-decoration:none;border-bottom:1px solid var(--uproar-accent)}
.uproar-content a{text-decoration:underline;text-decoration-color:var(--uproar-accent);text-underline-offset:3px;text-decoration-thickness:1.5px}
.uproar-content a:hover{color:var(--uproar-accent)}

/* ============ blog / lists ============ */
.uproar-post{border-top:1px solid var(--uproar-ink);padding:28px 0}
.uproar-post:last-child{border-bottom:1px solid var(--uproar-ink)}
.uproar-post h2{font-size:clamp(24px,3.4vw,40px);letter-spacing:-.025em;margin:0 0 8px}
.uproar-post h2 a{text-decoration:none}.uproar-post h2 a:hover{text-decoration:underline;text-underline-offset:6px}
.uproar-meta{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--uproar-grey)}
.uproar-narrow{max-width:760px}
.uproar-content{font-size:18px;line-height:1.75}
.uproar-content p{margin:0 0 1.4em}
.uproar-content h2{font-size:32px;letter-spacing:-.02em;margin:1.6em 0 .6em}
.uproar-content h3{font-size:24px;margin:1.5em 0 .5em}
.uproar-page-title{font-size:clamp(44px,7vw,96px);letter-spacing:-.04em;line-height:1;margin:0 0 40px;font-weight:600}

/* ============ footer ============ */
.uproar-footer{max-width:none;background:var(--uproar-ink);color:#fff;margin-top:0}
.uproar-footer-inner{padding-top:90px;padding-bottom:36px}
.uproar-footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;padding-bottom:64px;border-bottom:1px solid #2c2c2c}
.uproar-footer h2{font-size:clamp(52px,8vw,120px);letter-spacing:-.04em;line-height:.95;margin:0 0 18px;font-weight:600}
.uproar-footer .sub{color:#bdbdbd;font-size:17px;max-width:38ch;margin:0;line-height:1.6}
.uproar-footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:48px 0}
.uproar-footer nav{display:flex;flex-direction:column;gap:14px}
.uproar-footer nav a{color:#fff;text-decoration:none;font-size:16px}
.uproar-footer nav a:hover{color:var(--uproar-accent)}
.uproar-footer .socials{display:flex;gap:28px}
.uproar-footer .contact-lines{text-align:right;display:flex;flex-direction:column;gap:10px;font-size:16px}
.uproar-footer .contact-lines a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.uproar-footer-bottom{border-top:1px solid #2c2c2c;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#9a9a9a}
.uproar-footer-bottom a{color:#cfcfcf}

/* 404 */
.uproar-404{text-align:left;padding:120px 0}
.uproar-404 h1{font-size:clamp(60px,12vw,180px);letter-spacing:-.05em;line-height:.9;margin:0 0 24px}

/* ============ motion: reveals, header state, reading progress ============ */
/* hidden state applies only when JS runs (html.js gate) — no-JS still shows content */
html.js .reveal{opacity:0;transform:translateY(26px)}
html.js .reveal.is-in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.uproar-footer-top .reveal:nth-child(2){transition-delay:.1s}
.uproar-footer-grid > .reveal:nth-child(2){transition-delay:.08s}
.uproar-footer-grid > .reveal:nth-child(3){transition-delay:.16s}
.uproar-header{transition:transform .35s ease,box-shadow .25s,background-color .25s}
.uproar-header.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--uproar-line)}
.uproar-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:300;pointer-events:none}
.uproar-progress span{display:block;height:100%;background:var(--uproar-accent);transform:scaleX(0);transform-origin:0 50%}
@media (prefers-reduced-motion:reduce){
  html.js .reveal{opacity:1;transform:none;transition:none}
  .uproar-overlay nav a,.uproar-overlay-foot,.uproar-overlay-close{opacity:1;transform:none;transition:none}
  html.js .uproar-header{animation:none}
  .uproar-header{transition:none}
  html{scroll-behavior:auto}
  .uproar-marquee-track{animation:none}
}

/* ============ blog list ============ */
.uproar-post-meta{display:flex;gap:16px;align-items:baseline;margin-bottom:10px}
.uproar-post-meta .uproar-meta a{text-decoration:none;border-bottom:1px solid var(--uproar-line)}
.uproar-post-meta .uproar-meta a:hover{border-bottom-color:var(--uproar-ink)}
.uproar-posttitle{margin:0 0 10px}
.uproar-postexcerpt{color:#444;margin:0}
.uproar-postexcerpt .wp-block-post-excerpt__more-link{font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.uproar-bloglist .uproar-post{transition:background-color .2s}
.uproar-bloglist .uproar-post:first-child{border-top:2px solid var(--uproar-ink);padding-top:36px}
.uproar-bloglist .uproar-post:first-child .uproar-posttitle{font-size:clamp(30px,4.6vw,54px)}
.uproar-single-nav{display:flex;gap:16px 28px}
.uproar-single-nav a{text-decoration:none;font-weight:600}
.uproar-single-nav a:hover{text-decoration:underline;text-underline-offset:4px}

/* ============ manager (/admin) ============ */
.uad-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.uad-head .uproar-page-title{margin-bottom:0}
.uad-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}
.uad-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:var(--uproar-accent);color:#fff;font-size:12px;font-weight:800;padding:0 6px;margin-left:6px}
.uproar-pill.solid .uad-badge{background:#fff;color:var(--uproar-ink)}
.uad-card{border:1px solid var(--uproar-line);border-radius:12px;padding:28px;margin:0 0 24px}
.uad-card h2{font-size:24px;letter-spacing:-.02em;margin:0 0 16px}
.uad-notice{border:1px solid var(--uproar-ink);border-left:4px solid var(--uproar-ink);border-radius:10px;padding:14px 18px;font-size:16px;margin:0 0 24px}
.uad-notice.ok{border-color:var(--uproar-ink);border-left-color:#1a7f37}
.uad-notice.err{border-color:#b3261e;border-left-color:#b3261e}
.uad-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}
.uad-stat b{display:block;font-size:clamp(32px,3.4vw,46px);letter-spacing:-.03em;line-height:1}
.uad-stat span{display:block;color:var(--uproar-grey);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 12px}
.uad-stat a{font-size:14px;font-weight:600}
.uad-scroll{overflow-x:auto}
.uad-table{width:100%;border-collapse:collapse;min-width:560px}
.uad-table td{padding:16px 8px;border-top:1px solid var(--uproar-ink);vertical-align:top}
.uad-table tr:last-child td{border-bottom:1px solid var(--uproar-ink)}
.uad-table tr.uad-unread td{background:#faf6f2}
.uad-right{text-align:right;white-space:nowrap}
.uad-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.uad-sm{font-size:11px;padding:8px 16px}
.uad-danger{border-color:#b3261e;color:#b3261e}
.uad-danger:hover{background:#b3261e;border-color:#b3261e;color:#fff}
.uad-empty{background:var(--uproar-soft);border-radius:12px;padding:32px;font-size:17px;line-height:1.6}
.uad-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.uad-input{font:inherit;font-size:17px;border:0;border-bottom:2px solid var(--uproar-line);padding:8px 4px;min-width:min(320px,70vw);border-radius:0;background:transparent}
.uad-input:focus{outline:none;border-bottom-color:var(--uproar-accent)}
.uad-formcol{display:flex;flex-direction:column;gap:18px;max-width:520px}
.uad-formcol label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.uad-formcol .uad-input{font-weight:400}
.uad-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.uad-media{border:1px solid var(--uproar-line);border-radius:10px;overflow:hidden}
.uad-media img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.uad-media .uad-file{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:var(--uproar-soft);font-weight:800;letter-spacing:.1em}
.uad-media small{display:block;padding:8px 10px;font-size:12px;color:var(--uproar-grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1024px){
  .uad-stats{grid-template-columns:repeat(3,1fr)}
  .uad-media-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .uad-stats{grid-template-columns:repeat(2,1fr)}
  .uad-media-grid{grid-template-columns:repeat(2,1fr)}
  .uad-card{padding:20px}
}

/* ============ responsive ============ */
@media (max-width:1024px){
  .uproar-overlay nav a{font-size:clamp(34px,7vw,68px)}
  .uproar-overlay-foot{gap:20px;font-size:14px}
}
@media (max-width:960px){
  .uproar-cols2{grid-template-columns:1fr;gap:32px}
  .uproar-work-grid{grid-template-columns:1fr}
  .uproar-service{grid-template-columns:1fr;gap:8px}
  .uproar-service .go{display:none}
  .uproar-footer-grid{grid-template-columns:1fr 1fr}
  .uproar-footer .contact-lines{text-align:left}
}
@media (max-width:640px){
  .uproar-header,.uproar-wrap,.uproar-footer-inner{padding-left:22px;padding-right:22px}
  .uproar-header{padding-top:18px;padding-bottom:18px}
  .uproar-header .uproar-pill{font-size:10px;padding:9px 16px}
  .uproar-header-right{gap:14px}
  .uproar-menu-label{display:none}
  .uproar-logo img{height:30px}
  .uproar-pill{padding:9px 18px}
  .uproar-hero{padding-top:48px;padding-bottom:56px}
  .uproar-section{padding-top:64px;padding-bottom:64px}
  .uproar-overlay-close{top:16px;right:22px}
  .uproar-overlay{justify-content:flex-start;padding-top:96px}
  .uproar-overlay-foot{margin-top:auto;position:sticky;bottom:0;background:var(--uproar-paper);border-top:1px solid var(--uproar-line);padding:16px 0 12px;flex-direction:column;gap:10px;font-size:14px}
  .uproar-footer-grid{grid-template-columns:1fr}
  .uproar-footer-inner{padding-top:64px;padding-bottom:28px}
  .uproar-form input[type=text],.uproar-form input[type=email]{min-width:min(220px,55vw)}
}