/* Final scoped interface corrections. Protected header/terminal model rendering is not modified. */
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #020304;
  --bg-elevated: #060709;
  --panel: #0a0b0e;
  --panel-2: #0e1014;
  --control: #08090b;
  --text: #d9d9da;
  --strong: #f3f3f4;
  --muted: #8a8d94;
  --dim: #5a5e66;
  --red: #e0001b;
  --red-dark: #650711;
  --red-soft: rgba(224,0,27,.11);
  --line: rgba(255,255,255,.16);
  --line-soft: rgba(255,255,255,.08);
  --line-strong: rgba(255,255,255,.31);
  --shadow: 0 24px 90px rgba(0,0,0,.46);
  --terminal-text: #d9d9da;
  --terminal-glow: rgba(243,243,244,.16);
  --terminal-red-glow: rgba(224,0,27,.18);
}
html[data-theme="dark"] body {
  background:
    radial-gradient(circle, rgba(255,255,255,.28) 0 1px, transparent 1.3px) 0 0 / 74px 74px,
    radial-gradient(circle, rgba(255,255,255,.13) 0 1px, transparent 1.2px) 22px 17px / 109px 109px,
    radial-gradient(circle at 10% 14%, rgba(224,0,27,.055), transparent 28rem),
    radial-gradient(circle at 92% 28%, rgba(224,0,27,.035), transparent 30rem),
    #020304;
}
html[data-theme="dark"] .page-shell,
html[data-theme="dark"] .site-head,
html[data-theme="dark"] .nav-strip { background: transparent; }
html[data-theme="dark"] .signal-strip,
html[data-theme="dark"] .reader-frame,
html[data-theme="dark"] .reader-toolbar,
html[data-theme="dark"] .terminal-stage,
html[data-theme="dark"] .fluid-header,
html[data-theme="dark"] .frame-section,
html[data-theme="dark"] .directory-head,
html[data-theme="dark"] .reader-content,
html[data-theme="dark"] .reader-side,
html[data-theme="dark"] .site-foot,
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .project-card .card-copy,
html[data-theme="dark"] .archive-identity,
html[data-theme="dark"] .formal-footer,
html[data-theme="dark"] .privacy-notice,
html[data-theme="dark"] .project-tools { background-color: rgba(2,3,4,.72); }
html[data-theme="dark"] .reader-visual.has-product-viewer,
html[data-theme="dark"] .reader-visual.has-os-preview,
html[data-theme="dark"] o-product-viewer,
html[data-theme="dark"] .product-viewer-shell,
html[data-theme="dark"] .product-viewer-stage,
html[data-theme="dark"] .os-preview-frame { background: #020304; }
html[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff;
  --bg-elevated: #f4f4f2;
  --panel: #ffffff;
  --panel-2: #ececeb;
  --control: #f7f7f5;
  --text: #16181c;
  --strong: #000000;
  --muted: #34383f;
  --dim: #5c626b;
  --red: #b00018;
  --red-dark: #700010;
  --red-soft: rgba(176,0,24,.09);
  --line: rgba(0,0,0,.24);
  --line-soft: rgba(0,0,0,.11);
  --line-strong: rgba(0,0,0,.42);
  --shadow: 0 24px 90px rgba(0,0,0,.12);
  --terminal-text: #101216;
  --terminal-glow: rgba(0,0,0,.08);
  --terminal-red-glow: rgba(176,0,24,.12);
}
html[data-theme="light"] body {
  background:
    radial-gradient(circle, rgba(0,0,0,.15) 0 1px, transparent 1.3px) 0 0 / 74px 74px,
    radial-gradient(circle, rgba(0,0,0,.08) 0 1px, transparent 1.2px) 22px 17px / 109px 109px,
    #fff;
}
html[data-theme="light"] .page-shell,
html[data-theme="light"] .site-head,
html[data-theme="light"] .nav-strip,
html[data-theme="light"] .signal-strip,
html[data-theme="light"] .reader-frame,
html[data-theme="light"] .reader-toolbar,
html[data-theme="light"] .frame-section,
html[data-theme="light"] .directory-head,
html[data-theme="light"] .reader-content,
html[data-theme="light"] .reader-side,
html[data-theme="light"] .site-foot,
html[data-theme="light"] .project-card,
html[data-theme="light"] .card-copy,
html[data-theme="light"] .product-viewer-shell,
html[data-theme="light"] .product-viewer-head,
html[data-theme="light"] .product-viewer-controls,
html[data-theme="light"] .product-viewer-selectors,
html[data-theme="light"] .product-viewer-loading {
  background-color: rgba(255,255,255,.94);
}
html[data-theme="light"] .reader-visual.has-product-viewer,
html[data-theme="light"] .reader-visual.has-os-preview,
html[data-theme="light"] o-product-viewer,
html[data-theme="light"] .product-viewer-stage,
html[data-theme="light"] .os-preview-frame {
  background: #f3f3f1;
}
html[data-theme="light"] .project-card::after {
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.92));
}
html[data-theme="light"] .card-copy p,
html[data-theme="light"] .terminal-intro,
html[data-theme="light"] .section-intro,
html[data-theme="light"] p { color: var(--muted); }

.page-shell {
  width: min(calc(100% - clamp(16px, 2.2vw, 36px)), var(--shell));
  margin: 0 auto;
  border: 0 !important;
  box-shadow: none;
  background: transparent;
}
.site-head {
  position: relative;
  min-height: 88px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 10px clamp(12px, 2vw, 30px);
  border: 0 !important;
  background: transparent;
  backdrop-filter: none;
}
.brand-logo-link {
  grid-column: 2;
  position: relative;
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  margin: 0;
  border: 0;
  border-radius: 50%;
  transform-origin: center;
  isolation: isolate;
  transition: transform 1.2s cubic-bezier(.2,.7,.15,1), filter 1.2s ease, opacity .45s ease;
}
.brand-logo-link:hover { filter: brightness(1.18); }
.brand-logo-link:focus-visible { outline: 1px solid var(--strong); outline-offset: 6px; }
.brand-logo-canvas { display: block; width: 100%; height: 100%; }
html.is-brand-exiting .brand-logo-link {
  transform: scale(18);
  filter: brightness(1.25);
  z-index: 10001;
}
html.is-brand-exiting body > *:not(.skip-link) { opacity: .22; transition: opacity 1.1s ease; }
html.is-brand-exiting .page-shell { opacity: 1 !important; }
.head-controls {
  grid-column: 3;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-width: max-content;
}
.head-control,
.language-toggle a {
  min-width: 30px;
  min-height: 30px;
  display: inline-grid;
  place-items: center;
  padding: 0 4px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font: 700 9px/1 var(--mono);
  letter-spacing: .12em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color var(--ease), opacity var(--ease), transform var(--ease);
}
.head-control:hover,
.language-toggle a:hover,
.language-toggle a[aria-current="page"] { color: var(--strong); }
.head-control:active,
.language-toggle a:active { transform: translateY(1px); }
.language-toggle { display: inline-flex; align-items: center; color: var(--dim); font-size: 8px; }
.language-toggle a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.locale-control { display: none !important; }

.nav-strip {
  justify-content: center;
  gap: clamp(8px, 1.6vw, 24px);
  padding: 0 clamp(12px, 2vw, 28px) 10px;
  border: 0 !important;
  background: transparent;
}
.nav-strip a,
.nav-strip button {
  min-height: 34px;
  padding: 6px 5px;
  border: 0 !important;
  background: transparent !important;
}
.nav-strip a::before,
.nav-strip button::before { display: none; }
.nav-strip a:hover,
.nav-strip button:hover { color: var(--strong); }

.fluid-header-meta { display: none !important; }
.fluid-header {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0 !important;
}
.terminal-hero {
  padding-top: clamp(12px, 2vw, 28px);
  border-bottom: 0;
}
.terminal-hero::after { display: none; }

/* Selective project imagery. */
.project-card[data-project-card="mother-o"] { --card-image: url('../renders/fallbacks/mother-o-transparent.png'); --card-fit: contain; }
.project-card[data-project-card="o-device"] { --card-image: url('../renders/fallbacks/o-device-transparent.png'); --card-fit: contain; }
.project-card[data-project-card="o-os-research"] { --card-image: url('../reference/OMAIN.png'); --card-position: center top; }
.project-card[data-project-card="alpha-agents"] { --card-image: url('../renders/fallbacks/alpha-agent-fixed-transparent.png'); --card-fit: contain; }
.project-card[data-project-card="sensor-model"] { --card-image: url('../renders/fallbacks/lidar-wearable-transparent.png'); --card-fit: contain; }
.project-card[data-project-card="airborne-platform"] { --card-image: url('../renders/airborne/airborne-study-08.png'); --card-position: center 45%; }
.project-card[data-project-card="mother-o"]::before,
.project-card[data-project-card="o-device"]::before,
.project-card[data-project-card="o-os-research"]::before,
.project-card[data-project-card="alpha-agents"]::before,
.project-card[data-project-card="sensor-model"]::before,
.project-card[data-project-card="airborne-platform"]::before,
.project-card[data-project-card="mother-o"]::after,
.project-card[data-project-card="o-device"]::after,
.project-card[data-project-card="o-os-research"]::after,
.project-card[data-project-card="alpha-agents"]::after,
.project-card[data-project-card="sensor-model"]::after,
.project-card[data-project-card="airborne-platform"]::after { display: block !important; }
.project-card::before { opacity: .24; filter: saturate(.28) contrast(1.08); }
.project-card::after { background: linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.91)); }
.card-copy { position: relative; z-index: 2; }

.os-preview-frame { min-height: 0 !important; height: 920px; transition: none; background: #050505; }
.product-viewer-poster { z-index: 1; opacity: 1; transition: opacity .45s ease; }
.product-viewer-poster[hidden] { display: block !important; opacity: 0; pointer-events: none; }
o-research-model.product-model-viewer { z-index: 2; }

@media (max-width: 700px) {
  .site-head { min-height: 72px; padding-inline: 8px; }
  .brand-logo-link { width: 56px; height: 56px; }
  .head-controls { gap: 5px; }
  .head-control, .language-toggle a { min-width: 26px; min-height: 28px; font-size: 8px; }
  .nav-strip { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
  .nav-strip::-webkit-scrollbar { display: none; }
  .nav-strip a, .nav-strip button { flex: 0 0 auto; }
  .terminal-hero { padding-top: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-logo-link { transition-duration: .18s; }
  html.is-brand-exiting .brand-logo-link { transform: scale(1.12); opacity: 0; }
}

/* TV presentation shell only: model and renderer are unchanged. */
.js #top .terminal-stage.terminal-tv-stage {
  border: 0 !important;
  box-shadow: none !important;
}
#top > .terminal-actions {
  display: none !important;
}


/* Requested static-media, television, spacing, and mobile corrections. */
.brand-logo-canvas { border: 0 !important; }

.directory { padding-top: clamp(34px, 4vw, 58px); }
.directory-controls .project-tools { margin-top: 0; }

.js #top .terminal-stage.terminal-tv-stage {
  margin: clamp(16px, 2.5vw, 30px) auto 0;
  background: transparent !important;
  overflow: visible;
}
.terminal-tv-scene {
  width: min(100%, 980px);
  aspect-ratio: 1.48 / 1;
  overflow: visible;
}
.terminal-tv-model {
  inset: 2.5% 2.5% 6.5%;
  border: 1px solid rgba(255,255,255,.105);
  border-radius: 7.5% / 10.5%;
  background:
    linear-gradient(135deg, rgba(255,255,255,.025), transparent 24%),
    linear-gradient(180deg, #070809, #010202 76%);
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.9),
    inset 0 -22px 48px rgba(0,0,0,.72),
    0 18px 55px rgba(0,0,0,.30);
}
.terminal-tv-model::before {
  content: "";
  position: absolute;
  left: 4.25%;
  right: 12.25%;
  top: 4.25%;
  bottom: 8.5%;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 7% / 10%;
  box-shadow: inset 0 0 28px rgba(0,0,0,.82);
}
.terminal-tv-model::after {
  content: "";
  position: absolute;
  right: 4.2%;
  top: 19%;
  width: 4.2%;
  height: 34%;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.05);
  background: repeating-linear-gradient(to bottom, rgba(255,255,255,.075) 0 1px, transparent 1px 7px);
  opacity: .55;
}
.terminal-tv-screen-shell {
  left: 6.5%;
  top: 6.5%;
  width: 80.5%;
  height: 78.5%;
  transform: none;
}
.terminal-tv-screen { border-radius: 7.5% / 10.5%; }
.terminal-tv-replay {
  position: absolute;
  right: 5.25%;
  bottom: 13.5%;
  z-index: 12;
  width: clamp(13px, 1.45vw, 18px);
  height: clamp(13px, 1.45vw, 18px);
  padding: 0;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  background: var(--red);
  box-shadow: 0 0 0 4px rgba(224,0,27,.075), 0 0 14px rgba(224,0,27,.32);
  cursor: pointer;
}
.terminal-tv-replay:hover { background: #ff0825; }
.terminal-tv-replay:active { transform: translateY(1px); }
.terminal-tv-replay:focus-visible { outline: 1px solid var(--strong); outline-offset: 4px; }
.terminal-facts { margin-top: clamp(22px, 3vw, 32px); }
.reader-product-poster { object-fit: contain; background: transparent; }

@media (max-width: 820px) {
  .terminal-hero-head { gap: 22px; margin-bottom: 20px; }
  .directory { padding-top: 34px; }
  .reader-content { gap: 24px; }
}

@media (max-width: 680px) {
  html, body { max-width: 100%; overflow-x: clip; }
  .page-shell { width: 100%; }
  .site-head { grid-template-columns: 1fr auto 1fr; }
  .terminal-hero { padding: 8px 12px 36px; }
  .terminal-hero-head { margin-bottom: 16px; }
  .terminal-tv-scene { aspect-ratio: 1.18 / 1; }
  .terminal-tv-model { inset: 2% 1.5% 5%; }
  .terminal-tv-model::before { right: 13.5%; }
  .terminal-tv-screen-shell { left: 4.5%; top: 5%; width: 82%; height: 80%; }
  .terminal-tv-replay { right: 4%; bottom: 10%; width: 15px; height: 15px; }
  .terminal-tv-screen .terminal-toolbar { min-height: 18px; padding: 3px 7px 2px; font-size: 4.5px; }
  .terminal-tv-screen .terminal-output {
    height: calc(100% - 18px);
    padding: 7px 9px 9px;
    font-size: clamp(5.6px, 1.75vw, 7.6px);
    line-height: 1.35;
  }
  .terminal-tv-screen .terminal-paragraph { grid-template-columns: 8px minmax(0,1fr); margin-bottom: 4px; }
  .terminal-facts { margin-top: 20px; }
  .directory { padding: 32px 12px 24px; }
  .project-tools { margin: 0; }
  .reader { padding: 0; }
  .reader-frame { border-left: 0; border-right: 0; }
  .reader-content { padding: 24px 14px; }
  .reader-visual.has-image-gallery { min-height: 240px; }
  .reader-visual.has-image-gallery .reader-gallery-main-image { height: min(48svh, 390px); }
  .reader-gallery.is-image-selector {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(150px, 72vw);
    grid-template-columns: none;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
  }
  .reader-gallery-button { scroll-snap-align: start; }
  .privacy-notice { max-height: calc(100svh - 20px); overflow: auto; }
}

/* Full-page background assembled from the four supplied images. */
body {
  position: relative;
  isolation: isolate;
}
.site-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #020304;
}
.site-background-layer {
  position: absolute;
  inset: -2px;
  opacity: 0;
  background-repeat: no-repeat;
  background-size: cover;
  will-change: opacity;
}
.site-background-layer.is-active { opacity: 1; }
.site-background-layer[data-background-layer="0"] {
  background-image: url('../backgrounds/O1.png');
  background-position: center center;
}
.site-background-layer[data-background-layer="1"] {
  background-image: url('../backgrounds/O2.png');
  background-position: center center;
}
.site-background-layer[data-background-layer="2"] {
  background-image: url('../backgrounds/O3.png');
  background-position: center center;
}
.site-background-layer[data-background-layer="3"] {
  background-image: url('../backgrounds/04.png');
  background-position: 68% center;
}
.page-shell,
.privacy-notice {
  position: relative;
  z-index: 1;
}
@media (max-width: 680px) {
  .site-background-layer[data-background-layer="0"] { background-position: 50% center; }
  .site-background-layer[data-background-layer="1"] { background-position: 50% center; }
  .site-background-layer[data-background-layer="2"] { background-position: 52% center; }
  .site-background-layer[data-background-layer="3"] { background-position: 70% center; }
}


/* Requested layout-only corrections: preserve content and assets not named by the user. */
.page-shell,
.site-head,
.nav-strip,
.terminal-hero,
.fluid-header {
  background: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
.fluid-header::before { display: none !important; }

.terminal-hero-head {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start;
  gap: 0 !important;
  margin-bottom: clamp(16px, 2vw, 26px);
}

/* Keep both header GLBs and their fallbacks visible in a compact, non-zero canvas. */
.fluid-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: clamp(330px, 38vw, 520px) !important;
  min-height: 330px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}
o-fluid-header,
.fluid-header-noscript {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: clamp(330px, 38vw, 520px) !important;
  height: clamp(330px, 38vw, 520px) !important;
  max-width: 92vw !important;
  max-height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
}
.fluid-header-noscript { object-fit: contain !important; }
.terminal-hero { padding-top: 0 !important; }

.terminal-facts,
.signal-strip,
.privacy-notice,
.footer-heading { display: none !important; }

@media (max-width: 700px) {
  .fluid-header {
    height: clamp(270px, 82vw, 340px) !important;
    min-height: 270px !important;
  }
  o-fluid-header,
  .fluid-header-noscript {
    width: clamp(270px, 82vw, 340px) !important;
    height: clamp(270px, 82vw, 340px) !important;
  }
  .terminal-hero-head { margin-bottom: 14px; }
}


/* ARC live annual-clock header. Replaces the former PNG/GLB header only. */
.arc-live-header-shell {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: clamp(430px, 56vw, 720px) !important;
  min-height: 430px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
}
.arc-live-header {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent !important;
  color-scheme: normal;
  pointer-events: none;
}
.arc-live-noscript {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  margin: 0;
  color: rgba(255,255,255,.7);
  background: transparent;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  .arc-live-header-shell {
    height: clamp(360px, 108vw, 560px) !important;
    min-height: 360px !important;
  }
}


/* Scrollable CRT manuscript and matching download control. Existing device geometry and animation timing are unchanged. */
#top .terminal-tv-screen-shell { pointer-events: auto; }
#top .terminal-tv-screen .terminal-output {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  overflow-wrap: anywhere;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--red) rgba(0, 0, 0, .28);
}
#top .terminal-tv-screen .terminal-output::-webkit-scrollbar {
  display: block;
  width: 7px;
}
#top .terminal-tv-screen .terminal-output::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .28);
}
#top .terminal-tv-screen .terminal-output::-webkit-scrollbar-thumb {
  border: 2px solid rgba(0, 0, 0, .62);
  border-radius: 999px;
  background: var(--red);
}
#top .terminal-tv-screen .terminal-output::-webkit-scrollbar-thumb:hover {
  background: #ff0825;
}
#top .terminal-tv-screen .terminal-copy {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
#top .terminal-document-divider {
  width: 100%;
  height: 1px;
  margin: clamp(13px, 1.5vw, 20px) 0 clamp(12px, 1.35vw, 18px);
  background: linear-gradient(90deg, var(--red), rgba(224, 0, 27, .16), transparent 86%);
}
#top .terminal-document-heading {
  margin: 0 0 clamp(12px, 1.25vw, 17px);
  color: #eef1ec;
  font: 600 clamp(11px, 1vw, 15px)/1.35 var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  letter-spacing: .09em;
  text-transform: uppercase;
  text-shadow: 0 0 8px rgba(210, 226, 210, .20);
}
#top .terminal-document-paragraph {
  margin-bottom: clamp(9px, 1vw, 14px);
}
#top .terminal-document-signature {
  margin-top: clamp(18px, 2vw, 28px);
  margin-bottom: clamp(18px, 2vw, 28px);
}
#top .terminal-document-signature .terminal-copy {
  color: #eef1ec;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.proof-download-action {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: clamp(14px, 2vw, 22px) auto 0;
}
.proof-download-button {
  max-width: calc(100% - 24px);
  text-align: center;
}
@media (max-width: 680px) {
  #top .terminal-tv-screen .terminal-output::-webkit-scrollbar { width: 5px; }
  #top .terminal-document-heading { font-size: clamp(6px, 1.8vw, 8px); }
  .proof-download-button { width: min(100%, 360px); }
}

/* Official Project O identity — appended below all existing page elements. */
.official-project-o {
  display: grid;
  justify-items: center;
  gap: 10px;
  width: min(100%, 680px);
  margin: 0 auto;
  padding: clamp(28px, 4vw, 48px) clamp(18px, 3vw, 30px) clamp(34px, 5vw, 60px);
  text-align: center;
}
.official-project-o-logo {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.official-project-o-copy {
  display: grid;
  justify-items: center;
  gap: 8px;
  max-width: 62ch;
}
.official-project-o-kicker {
  margin: 0;
  color: var(--red);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  line-height: 1.2;
  text-transform: uppercase;
}
.official-project-o-copy p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.65;
}
@media (max-width: 680px) {
  .official-project-o {
    gap: 9px;
    padding-inline: 16px;
  }
  .official-project-o-logo {
    width: 44px;
    height: 44px;
  }
  .official-project-o-copy p:last-child {
    font-size: 11px;
  }
}