/* Shared product-engineering interface: charcoal, precise grids and restrained lime. */
:root {
  --paper: #111416;
  --ink: #edf0ed;
  --muted: #a5aeaa;
  --line: #303735;
  --green: #c7ed9b;
  --lime: #c7ed9b;
  --cream: #1a201e;
  --white: #111416;
  --mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  --radius: 4px;
}
html {
  background: var(--paper);
}
body {
  background: var(--paper);
  color: var(--ink);
}
::selection {
  background: #b7df88;
  color: #111416;
}
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline-color: #c7ed9b;
}
.shell {
  width: min(1280px, calc(100% - 112px));
}
.portfolio-frame {
  min-height: 100vh;
}
.site-header {
  position: sticky;
  top: 0;
  background: #111416f5;
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}
.header-inner {
  height: 87px;
  gap: 28px;
}
.brand {
  font-size: 23px;
  letter-spacing: -0.07em;
  gap: 10px;
}
.brand-mark {
  width: 32px;
  height: 32px;
  clip-path: none;
  border-radius: 5px;
  border: 1px solid #7b9272;
  color: #c7ed9b;
  background: #1b241d;
  font: 700 22px var(--mono);
}
.brand-dot,
.brand-mark span {
  color: #c7ed9b;
}
.header-note {
  font: 10px/1.6 var(--mono);
  color: #b5bdb8;
  border-left: 1px solid #3a423e;
  padding-left: 24px;
  margin-right: auto;
  letter-spacing: 0.01em;
}
.header-note > span {
  color: #767f7b;
}
.header-inner #primary-nav {
  margin-left: auto;
  gap: 28px;
}
#primary-nav > a {
  font-size: 12px;
  color: #b9c2bd;
}
#primary-nav > a:hover,
#primary-nav > a[aria-current] {
  color: #eef2ea;
}
#primary-nav > a[aria-current]:after {
  background: #c7ed9b;
}
#primary-nav .nav-contact {
  border: 1px solid #4e5a4f;
  color: #d5eac5;
  padding: 10px 17px;
  border-radius: 4px;
  background: #1c251d;
}
#primary-nav .nav-contact:hover {
  background: #293b25;
}
.menu-toggle {
  color: #d2ddcf;
}
.eyebrow,
.availability,
.service-number,
.work-card-copy .eyebrow,
.tag-row,
.diagram-top,
.diagram-bottom,
.proof-stat span {
  font-family: var(--mono);
}
.eyebrow {
  font-size: 10px;
  letter-spacing: 0.1em;
  color: #94a88c;
}
.availability {
  font-size: 10px;
  letter-spacing: 0.015em;
  color: #aebeaa;
}
.status-dot {
  background: #b9e58a;
  box-shadow: 0 0 0 4px #b9e58a0a;
}
h1,
h2,
h3 {
  font-weight: 500;
  letter-spacing: -0.05em;
}
h1 em,
h2 em {
  font-family: Manrope, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #a7b5a4;
  letter-spacing: -0.05em;
}
.hero {
  grid-template-columns: 1.08fr 1fr;
  gap: 70px;
  padding-top: 85px;
  padding-bottom: 80px;
  align-items: center;
  position: relative;
}
.hero:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% + 12px);
  width: 1px;
  background: linear-gradient(transparent, #303b32, transparent);
  z-index: -1;
}
.hero h1 {
  font-size: clamp(49px, 5.1vw, 73px);
  line-height: 1.04;
  letter-spacing: -0.065em;
  margin: 27px 0;
}
.hero h1 em {
  color: #c7ed9b;
  display: block;
}
.hero-description {
  font-size: 16px;
  color: #aab4ad;
  line-height: 1.85;
  max-width: 495px;
}
.hero-description strong {
  color: #e5ebe1;
  font-weight: 500;
}
.hero .actions {
  gap: 26px;
  flex-wrap: wrap;
  margin-top: 32px;
}
.button,
.wp-block-button__link {
  background: #c7ed9b;
  color: #14200f;
  border: 1px solid #c7ed9b;
  border-radius: 4px;
  font-size: 12px;
  min-height: 46px;
  box-shadow: none;
  font-weight: 600;
  transition:
    background 0.16s,
    transform 0.16s;
}
.button:hover,
.wp-block-button__link:hover {
  background: #d5f8b0;
  color: #14200f;
  transform: translateY(-2px);
}
.button-outline {
  background: transparent;
  border-color: #53614e;
  color: #dce8d6;
}
.button-outline:hover,
.button-outline:focus-visible {
  color: #14200f;
}
.text-link {
  font-size: 12px;
  color: #d5dfd0;
  border-color: #52654a;
}
.text-link:hover {
  color: #c7ed9b;
}
.hero-art {
  height: auto;
  min-height: 0;
  border-radius: 0;
  background: none;
  padding: 0;
  margin: 0;
  max-width: 580px;
  overflow: visible;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.hero-art:before,
.hero-art:after {
  display: none;
}
.art-stamp {
  position: static;
  padding: 0 0 14px;
  font: 9px var(--mono);
  letter-spacing: 0.12em;
  color: #809477;
}
.hero-terminal {
  transform: none;
  box-shadow: 0 22px 60px #0003;
  background: #161c1a;
  border: 1px solid #3b483d;
  border-radius: 7px;
  width: 100%;
  max-width: none;
  overflow: hidden;
}
.terminal-header {
  padding: 13px 17px;
  border-bottom: 1px solid #2c3930;
  background: #1c2420;
  font: 10px var(--mono);
  color: #8ea288;
}
.terminal-header i {
  background: #49534a !important;
}
.terminal-header i:first-child {
  background: #9ab782 !important;
}
.terminal-code {
  padding: 23px 23px 25px;
  font: 12px/2 var(--mono);
  color: #d5dfd0;
}
.code-comment,
.code-dim {
  color: #81947e;
}
.code-prompt {
  color: #b8e88a;
}
.terminal-success {
  display: block;
  border-top: 1px solid #31422f;
  padding-top: 13px;
  margin-top: 13px;
  color: #b6d69f;
  font-size: 11px;
}
.hero-photo {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  transform: none;
  border: 0;
  border-bottom: 1px solid #303b31;
  border-radius: 0;
  background: none;
  box-shadow: none;
  display: flex;
  padding: 18px 0;
  gap: 12px;
}
.hero-photo img {
  width: 38px;
  height: 38px;
  border-radius: 5px;
  filter: saturate(0.7);
}
.hero-photo strong {
  font-size: 12px;
  color: #d8e1d2;
  font-weight: 500;
}
.hero-photo div > span {
  font-size: 10px;
  color: #8f9d88;
}
.hero-photo .signature-arrow {
  color: #aac98f;
  font-size: 20px;
}
.art-coordinate {
  position: static;
  align-self: flex-end;
  font: 8px var(--mono);
  color: #6b7e66;
  padding-top: 10px;
  letter-spacing: 0.15em;
}
.proof-strip {
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  padding: 25px 0;
  border-block: 1px solid #303b31;
  margin-top: 0;
  gap: 25px;
}
.proof-intro {
  font-size: 12px;
  color: #8c9b85;
}
.proof-intro strong {
  color: #bccbb2;
  font-weight: 500;
}
.proof-stat {
  border-color: #303b31;
  padding-left: 25px;
}
.proof-stat strong {
  font-size: 29px;
  font-weight: 500;
  color: #e2ebdb;
  letter-spacing: -0.05em;
}
.proof-stat span {
  font-size: 9px;
  color: #87967f;
  line-height: 1.6;
}
.section {
  padding-block: 70px;
}
.section-heading {
  border-bottom: 1px solid #303b31;
  padding-bottom: 25px;
  margin-bottom: 27px;
}
.section-heading h2 {
  font-size: 37px;
}
.section-heading > p {
  font-size: 14px;
  color: #8f9c89;
  max-width: 360px;
}
.work-grid {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  counter-reset: projects;
}
.work-card {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
  position: relative;
  border: 1px solid #354035;
  border-radius: 5px;
  padding: 0;
  background: #171d19;
  overflow: hidden;
  transition:
    border-color 0.2s,
    transform 0.2s;
  counter-increment: projects;
}
.work-card:hover {
  border-color: #80986c;
  transform: translateY(-3px);
}
.work-card:first-child {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #1c261d;
  border-color: #687d56;
}
.work-card:first-child .work-visual {
  border-bottom: 0;
  border-right: 1px solid #384b33;
  min-height: 290px;
}
.work-card:first-child .work-card-copy {
  align-self: center;
  padding: 35px;
}
.work-visual {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #354035;
  min-height: 250px;
  padding: 27px 30px;
  background: #1b241d !important;
  transform: none;
}
.work-card-copy {
  padding: 27px 28px 30px;
}
.work-card-copy .eyebrow {
  font-size: 9px;
  color: #97ae87;
}
.work-card-copy .eyebrow:before {
  content: "0" counter(projects) " / ";
  color: #c7ed9b;
}
.work-card :is(h2, h3) {
  font-size: 26px;
  letter-spacing: -0.04em;
}
.work-card-copy > p:not(.eyebrow) {
  font-size: 14px;
  color: #a0af97;
}
.work-card-copy > .text-link {
  margin-top: 20px;
}
.work-card:last-child {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.work-card:last-child .work-visual {
  border-bottom: 0;
  border-right: 1px solid #354035;
}
.work-card:last-child .work-card-copy {
  align-self: center;
}
.diagram-top {
  font-size: 9px;
  color: #acbca1;
}
.diagram-icon {
  color: #c2dda7;
}
.diagram-version {
  color: #809575;
}
.diagram-bottom {
  font: 9px var(--mono);
  color: #7e9575;
}
.permission-hub {
  background: #273725;
  border: 1px solid #566d43;
  transform: none;
  color: #d5e8c7;
  box-shadow: none;
}
.permission-hub span {
  color: #9aae8c;
}
.permission-paths span {
  background: #202e20;
  border: 1px solid #465d39;
  color: #b8cfa9;
}
.permission-paths:before {
  border-color: #557344;
}
.permission-map:before {
  background: #557344;
}
.block-map {
  background: #233024;
  color: #b9c9b0;
  border: 1px solid #4a5e3e;
  box-shadow: none;
  transform: none;
}
.layout-tabs {
  color: #9db88b;
  border-color: #45573a;
}
.layout-grid i {
  background: #536d45;
}
.layout-grid i:nth-child(2) {
  background: #3d5134;
}
.layout-grid i:nth-child(3) {
  background: #2c402a;
}
.layout-line {
  background: #42583a;
}
.layout-label {
  color: #9db88b;
}
.flow-map > div {
  background: #243121;
  border: 1px solid #4a603f;
  color: #c1d5b3;
}
.flow-map b {
  color: #8baf74;
}
.flow-map i {
  background: #4b603e;
}
.flow-arrow {
  color: #86a375;
}
.series-map > div {
  background: #243121;
  border: 1px solid #4a603f;
  transform: none !important;
  box-shadow: none;
  color: #bdcfb2;
}
.series-map b {
  color: #8baf74;
}
.work-note {
  font: 10px/1.7 var(--mono);
  color: #7c9172;
  margin-top: 22px;
}
.about-band {
  background: #1b231b;
  border-block: 1px solid #3a4736;
  padding-block: 58px;
}
.about-band h2 {
  font-size: 36px;
}
.about-band p:not(.eyebrow) {
  font-size: 14px;
  color: #a6b39e;
}
.about-band-inner {
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
.skill-line {
  font-size: 12px;
  border-color: #3a4736;
}
.skill-line > span {
  font: 10px var(--mono);
  color: #8c9f82;
}
.skill-line strong {
  color: #c7d7ba;
  font-weight: 500;
}
.service-card {
  padding: 25px;
  border: 1px solid #394335;
  background: #171e17;
  border-radius: 5px;
}
.service-card h3 {
  font-size: 23px;
  margin-top: 23px;
  color: #d2dfc8;
}
.service-card p {
  font-size: 14px;
  color: #95a68b;
}
.service-number {
  font: 11px var(--mono);
  color: #afd38c;
}
.services-grid {
  gap: 18px;
}
.testimonial {
  border-color: #303b31;
}
.testimonial blockquote {
  font-size: 22px;
  color: #bdccb1;
}
.testimonial cite {
  font-size: 10px;
  color: #849a77;
}
.stars {
  color: #b5d88e;
}
.contact-band {
  border: 1px solid #5a7046;
  border-radius: 5px;
  background: #23301e;
  padding: 44px;
}
.contact-band h2 {
  font-size: 42px;
  color: #def0cd;
}
.contact-band p:not(.eyebrow) {
  color: #9db28d;
}
.contact-band .eyebrow {
  color: #b9d4a1;
}
.contact-band .button {
  background: #c7ed9b;
  color: #172510;
}
.page-layout,
.work-archive,
.case-layout {
  padding-top: 55px;
  padding-bottom: 70px;
}
.page-layout > h1,
.work-archive h1,
.case-heading h1 {
  font-size: clamp(44px, 5vw, 68px);
  letter-spacing: -0.055em;
}
.page-layout > h1 {
  padding-bottom: 30px;
  border-bottom: 1px solid #303b31;
  margin-bottom: 36px;
}
.page-content {
  color: #aab5a3;
  font-size: 16px;
}
.page-content h2,
.page-content h3 {
  color: #d6e1cd;
}
.page-content h2 {
  font-size: 31px;
}
.page-content .lead {
  font-size: 23px;
  color: #c1cfb5;
}
.page-content strong {
  color: #d1e1c4;
}
.about-portrait {
  border-radius: 8px;
  border: 1px solid #637454;
  filter: saturate(0.6);
  width: 170px;
  height: 190px;
  object-fit: cover;
}
.timeline-row {
  border-color: #394735;
}
.timeline-row h3 {
  color: #cedec0;
}
.timeline-row p,
.timeline-row > span {
  color: #94a689;
}
.timeline-row > span {
  font-family: var(--mono);
}
.contact-grid {
  grid-template-columns: 1.2fr 1fr;
  gap: 70px;
}
.contact-primary h2 {
  color: #d7e7ca;
}
.contact-primary > p:not(.eyebrow) {
  color: #a6b49d;
}
.contact-aside {
  background: #1e281d;
  border: 1px solid #4a5c3f;
  border-radius: 5px;
}
.contact-aside h3 {
  color: #d5e5c9;
}
.contact-aside p {
  color: #9aaf8d;
}
.contact-detail {
  border-color: #3f5135;
}
.contact-detail > span {
  font: 9px var(--mono);
  color: #8da67b;
}
.contact-detail a,
.contact-detail strong {
  color: #c4dbb3;
}
.email-link {
  color: #cee7b7;
  border-color: #455c38;
}
.copy-email {
  color: #bcd5a5;
  border-color: #516b41;
}
.archive-intro,
.case-deck {
  color: #a9b69f;
  font-size: 16px;
}
.case-heading {
  padding-top: 30px;
  padding-bottom: 35px;
}
.tag-row > span {
  font: 9px var(--mono);
  border: 1px solid #49603b;
  color: #a2bc8d;
  background: #202c1d;
  border-radius: 3px;
}
.back-link {
  font-family: var(--mono);
  color: #93b578;
  border-color: #4f6a3e;
}
.case-visual {
  border: 1px solid #4a603f;
  border-radius: 5px;
  background: #1c281b !important;
}
.case-body {
  color: #afbea4;
  font-size: 16px;
  line-height: 1.95;
}
.case-body h2,
.case-body h3 {
  color: #d6e5c9;
}
.case-body h2 {
  font-size: 30px;
}
.case-body a {
  color: #c7ed9b;
  text-decoration-color: #637f4b;
}
.case-body .evidence-note {
  background: #212e1d;
  color: #b5cca3;
  border-color: #8aae64;
}
.case-body pre {
  background: #192316;
  border: 1px solid #405432;
  border-radius: 5px;
  padding: 23px;
  color: #bddba3;
  overflow: auto;
  font-family: var(--mono);
}
.case-contact {
  border-color: #3a4c30;
}
.case-contact h2 {
  font-size: 33px;
}
.site-footer {
  background: #0e1210;
  border-top: 1px solid #303b31;
  padding-top: 37px;
}
.footer-top p {
  font: 10px var(--mono);
  color: #7c9170;
}
.footer-top > a:last-child {
  color: #bad1a7;
  font-size: 12px;
}
.footer-bottom {
  border-color: #2b3928;
  font-size: 10px;
  color: #788d6d;
}
.footer-bottom > div {
  font-size: 10px;
  gap: 23px;
}
.footer-bottom a:hover {
  color: #c7ed9b;
}
.route-progress {
  background: #c7ed9b;
}
.page-content :is(input, button) {
  color: inherit;
}
.copy-status {
  color: #b4d496;
}
@media (max-width: 1100px) {
  .shell {
    width: calc(100% - 64px);
  }
  .header-note {
    display: none;
  }
  .hero {
    gap: 38px;
    grid-template-columns: 1fr 1fr;
  }
  .hero h1 {
    font-size: 52px;
  }
  .terminal-code {
    font-size: 11px;
    padding: 22px 18px;
  }
  .header-inner #primary-nav {
    gap: 22px;
  }
  .hero-description {
    font-size: 15px;
  }
  .about-band-inner {
    gap: 40px;
  }
  .contact-grid {
    gap: 35px;
  }
  .work-card:first-child .work-card-copy {
    padding: 27px;
  }
  .work-visual {
    padding: 24px;
  }
}
@media (max-width: 780px) {
  .shell {
    width: calc(100% - 40px);
  }
  .header-inner {
    height: 70px;
  }
  .brand {
    font-size: 22px;
  }
  .brand-mark {
    width: 28px;
    height: 28px;
    font-size: 19px;
  }
  .site-header {
    backdrop-filter: none;
  }
  .header-inner #primary-nav {
    background: #192218;
    border: 1px solid #4a5e3f;
    box-shadow: 0 20px 40px #0005;
    gap: 0;
    top: 60px;
    padding: 12px;
    border-radius: 4px;
  }
  #primary-nav > a {
    color: #b8cbaa;
    padding: 13px 10px;
  }
  #primary-nav .nav-contact {
    margin-top: 5px;
    border-color: #617c48;
    background: #293c22;
    color: #d4eebc;
  }
  .hero {
    grid-template-columns: 1fr;
    padding-top: 43px;
    padding-bottom: 35px;
    gap: 39px;
  }
  .hero:before {
    display: none;
  }
  .hero h1 {
    font-size: clamp(43px, 10vw, 64px);
    margin: 22px 0;
    max-width: 550px;
  }
  .hero-description {
    font-size: 15px;
    line-height: 1.85;
  }
  .hero .availability {
    font-size: 9px;
  }
  .hero .actions {
    gap: 24px;
    margin-top: 25px;
  }
  .hero-art {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
    padding: 0;
    min-height: 0;
    height: auto;
  }
  .art-stamp {
    font-size: 8px;
    padding-bottom: 10px;
  }
  .terminal-header {
    font-size: 9px;
    padding: 12px 16px;
  }
  .terminal-code {
    font-size: 11px;
    padding: 21px 19px;
    line-height: 2;
  }
  .terminal-success {
    font-size: 10px;
  }
  .hero-photo {
    padding: 15px 0;
    gap: 10px;
  }
  .hero-photo img {
    width: 33px;
    height: 33px;
  }
  .hero-photo strong {
    font-size: 11px;
  }
  .hero-photo div > span {
    font-size: 9px;
  }
  .art-coordinate {
    font-size: 7px;
  }
  .proof-strip {
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    padding: 22px 0;
  }
  .proof-intro {
    grid-column: 1/-1;
    margin-bottom: 20px;
    font-size: 12px;
  }
  .proof-stat {
    padding-left: 15px;
  }
  .proof-stat:nth-child(2) {
    border-left: 0;
    padding-left: 0;
  }
  .proof-stat strong {
    font-size: 27px;
  }
  .proof-stat span {
    font-size: 8px;
  }
  .section {
    padding-block: 43px;
  }
  .section-heading {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .section-heading h2,
  .about-band h2 {
    font-size: 31px;
  }
  .section-heading > p {
    font-size: 14px;
  }
  .work-grid {
    grid-template-columns: 1fr;
    gap: 19px;
  }
  .work-card,
  .work-card:first-child,
  .work-card:last-child {
    grid-column: auto;
    display: flex;
    flex-direction: column;
  }
  .work-card:first-child .work-visual,
  .work-card:last-child .work-visual {
    border-right: 0;
    border-bottom: 1px solid #394c31;
    min-height: 230px;
  }
  .work-visual {
    min-height: 230px;
    padding: 24px;
  }
  .work-card-copy,
  .work-card:first-child .work-card-copy {
    padding: 24px;
    align-self: stretch;
  }
  .work-card :is(h2, h3) {
    font-size: 24px;
  }
  .work-card-copy > p:not(.eyebrow) {
    font-size: 14px;
  }
  .work-card-copy .eyebrow {
    font-size: 9px;
  }
  .about-band {
    padding-block: 40px;
  }
  .about-band-inner {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .about-band p:not(.eyebrow) {
    font-size: 14px;
  }
  .skill-line > span {
    font-size: 9px;
  }
  .service-card {
    padding: 24px;
  }
  .service-card h3 {
    font-size: 23px;
  }
  .testimonial blockquote {
    font-size: 20px;
  }
  .contact-band {
    padding: 30px 25px;
    margin-bottom: 45px;
  }
  .contact-band h2 {
    font-size: 31px;
  }
  .page-layout,
  .work-archive,
  .case-layout {
    padding-top: 34px;
    padding-bottom: 45px;
  }
  .page-layout > h1,
  .work-archive h1,
  .case-heading h1 {
    font-size: 44px;
  }
  .page-layout > h1 {
    margin-bottom: 28px;
    padding-bottom: 25px;
  }
  .page-content .lead {
    font-size: 21px;
  }
  .page-content h2 {
    font-size: 29px;
  }
  .page-content {
    font-size: 15px;
  }
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .contact-aside {
    padding: 26px;
  }
  .contact-primary h2 {
    font-size: 34px;
  }
  .email-link {
    font-size: 18px;
  }
  .case-deck {
    font-size: 15px;
  }
  .case-heading {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .case-body {
    font-size: 15px;
  }
  .case-body h2 {
    font-size: 27px;
  }
  .case-contact h2 {
    font-size: 29px;
  }
  .footer-bottom > div {
    gap: 17px;
  }
  .footer-top p {
    font-size: 10px;
  }
  .about-portrait {
    width: 125px;
    height: 145px;
  }
  .footer-bottom {
    font-size: 9px;
  }
  .proof-stat span {
    line-height: 1.7;
  }
}
@media (prefers-reduced-motion: reduce) {
  .work-card,
  .button {
    transition: none;
    transform: none;
  }
  .work-card:hover {
    transform: none;
  }
}

.series-map > span {
  background: #243121;
  border: 1px solid #4a603f;
  transform: none !important;
  box-shadow: none;
  color: #bdcfb2;
}
.layout-grid i:first-child {
  background: #617b50;
}

/* Home is a focused introduction, not a scrolling landing page. */
.home-track-record {
  margin-top: 25px;
  padding-top: 18px;
  border-top: 1px solid #303b31;
  max-width: 490px;
}
.upwork-label {
  display: inline-flex;
  gap: 9px;
  font: 11px var(--mono);
  color: #bfd7a9;
  border-bottom: 1px solid transparent;
}
.upwork-label:hover {
  border-color: #7e9c64;
}
.home-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-top: 10px;
  font-size: 11px;
  color: #95a68a;
  line-height: 1.6;
}
.home-metrics strong {
  font-size: 14px;
  font-weight: 500;
  color: #d5e6c7;
  margin-right: 3px;
}
.record-date {
  display: block;
  font: 9px var(--mono);
  color: #7b8e70;
  margin-top: 7px;
}
.is-home-view {
  display: flex;
  flex-direction: column;
  min-height: 100svh;
}
.is-home-view #main {
  flex: 1;
  display: flex;
  align-items: center;
}
.is-home-view .home-content,
.is-home-view .editorial-content {
  width: 100%;
}
.is-home-view .hero {
  padding-block: 45px;
  gap: 70px;
}
.is-home-view .hero h1 {
  font-size: clamp(44px, 4.8vw, 66px);
  margin: 23px 0;
}
.is-home-view .hero-description {
  font-size: 15px;
  line-height: 1.8;
}
.is-home-view .hero .actions {
  margin-top: 24px;
}
.is-home-view .site-footer {
  padding-top: 0;
  background: transparent;
  border-top: 0;
}
.is-home-view .footer-top {
  display: none;
}
.is-home-view .footer-bottom {
  margin-top: 0;
  padding: 19px 0;
  border-top: 1px solid #273125;
}
@media (max-width: 1100px) {
  .is-home-view .hero {
    gap: 35px;
  }
  .is-home-view .hero h1 {
    font-size: 48px;
  }
  .home-metrics {
    gap: 7px 15px;
  }
}
@media (max-width: 780px) {
  .is-home-view #main {
    display: block;
  }
  .is-home-view .hero {
    gap: 36px;
    padding-top: 34px;
    padding-bottom: 30px;
  }
  .is-home-view .hero h1 {
    font-size: clamp(40px, 9.5vw, 59px);
    margin: 21px 0;
  }
  .home-track-record {
    margin-top: 21px;
    padding-top: 16px;
  }
  .home-metrics {
    gap: 6px 15px;
    font-size: 11px;
  }
  .record-date {
    font-size: 9px;
  }
  .is-home-view .footer-bottom {
    padding: 19px 0;
    gap: 12px;
  }
  .is-home-view .footer-bottom > div {
    gap: 17px;
  }
  .is-home-view .hero .actions {
    gap: 20px;
  }
}

.home-metrics > span {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.home-metrics {
  gap: 10px 27px;
  font-size: 11px;
}
.home-metrics strong {
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -0.03em;
}
.record-date {
  font-size: 10px;
  margin-top: 9px;
}
@media (max-width: 360px) {
  .home-metrics {
    gap: 9px 19px;
    font-size: 10px;
  }
  .home-metrics strong {
    font-size: 18px;
  }
}