/* Web Flip Design — replacement brand kit, typography sheet 05. */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(assets/fonts/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTTNDNp8A.woff2) format('woff2');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(assets/fonts/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTT6jRp8A.woff2) format('woff2');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(assets/fonts/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTT0zRp8A.woff2) format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPQ.woff2) format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8-qxjPQ.woff2) format('woff2');
}

body{font-family:Archivo,Arial,sans-serif;font-weight:400;line-height:1.6;letter-spacing:normal;font-synthesis:none}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.15}
.hero h1{font-size:clamp(42px,6.6vw,124px);font-weight:700;letter-spacing:-.025em;line-height:1.05}
.hero h1 .headline-line{display:block}
.section-head h2{font-weight:600;letter-spacing:-.02em;font-size:clamp(30px,3.05vw,56px);line-height:1.15}
.section-head>p:last-child{letter-spacing:normal;line-height:1.6}
.button,.sidebar nav a,.eyebrow,.menu-toggle{font-weight:400;letter-spacing:normal}
.services article>p,.phase p{line-height:1.6}
.services h3{font-size:clamp(18px,1.6vw,26px);letter-spacing:-.02em;line-height:1.2}
.phase h3{font-size:clamp(32px,3.6vw,58px);font-weight:600;letter-spacing:-.02em}
.phase h4{font-weight:600;letter-spacing:-.01em;line-height:1.3}
.phase-panel{font-size:clamp(32px,3.7vw,54px);line-height:1.2;letter-spacing:-.02em;font-weight:600}
.phase-panel strong,.faqs article>span{font-weight:700;letter-spacing:-.025em}

.faqs h3{font-weight:600;line-height:1.3;letter-spacing:-.015em}

.impact h2{font-weight:600;font-size:clamp(28px,3.4vw,54px);line-height:1.15}
.impact-type{font-weight:700;font-size:clamp(40px,7.2vw,130px);letter-spacing:-.025em;line-height:1.05}
footer h2{font-weight:700;font-size:clamp(36px,6.4vw,110px);letter-spacing:-.025em;line-height:1.1}
.brand{display:block;width:100%;padding:9px 10px;line-height:1}
.brand img{display:block;width:100%;height:auto}
.sidebar nav{margin-top:30px}
.email{font-size:14px;overflow-wrap:anywhere}
.side-cta{font-size:14px}

.services .svc-design>p{margin-bottom:22px}
.footer-brand{padding:28px;background:white;border-radius:16px;line-height:1}
.footer-brand img{display:block;width:100%;height:auto}
@media(min-width:801px) and (max-width:1100px){.brand{padding:9px 6px}.services{grid-template-columns:1fr}.services h3{font-size:24px}.phase-panel strong{font-size:75px}}
@media(max-width:800px){.brand{width:220px;padding:4px 9px}.sidebar{height:70px}.sidebar #menu{top:69px;max-height:calc(100dvh - 70px)}.sidebar nav{margin-top:0}.hero h1{font-size:clamp(26px,8.25vw,65px);letter-spacing:-.025em}.hero-video{margin-top:110px}.section-head h2{font-size:30px}.services h3{font-size:24px}.phase-panel{font-size:24px;top:70px}.phase-panel strong{font-size:44px}.phase h3{font-size:36px}.impact-type{font-size:9vw}.footer-brand{padding:16px}.credits{line-height:1.6}.faqs p{font-size:16px}}
@media(max-width:360px){.brand{width:195px}.menu-toggle{right:14px}}

/* JetBrains Mono is reserved for data, captions and specification labels. */
.eyebrow,.faqs article>span,.phase-panel strong{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;font-weight:400}
.eyebrow{font-size:13px;letter-spacing:.06em;line-height:1.5}

.phase-panel strong{font-weight:500;letter-spacing:-.055em}
.section-head>p:last-child{max-width:65ch}
.hero h1{font-size:clamp(40px,7.65vw,144px)}
@media(max-width:800px){.hero h1{font-size:8.1vw}.eyebrow{font-size:11px}.phase-panel strong{font-size:44px}}

/* Unified brand orange; black labels on orange-filled buttons. */
.button,.button:hover{color:#000000}
.impact .button,footer .button{color:#000000}