:root {
       --oak: #294337;
       --oak-2: #335445;
       --oak-3: #1c2e26;
       --parchment: #f4efe3;
       --parchment-2: #eae1cb;
       --brass: #b4894f;
       --brass-light: #d8b57e;
       --ink: #1c1a14;
       --ink-soft: #57544a;
       --paper-ink: #f2ede1;
       --max: 1180px;
   }
   
   * {
       box-sizing: border-box;
       margin: 0;
       padding: 0;
   }
   
   html {
       scroll-behavior: smooth;
   }
   
   body {
       font-family: 'Inter', sans-serif;
       background: var(--parchment);
       color: var(--ink);
       line-height: 1.6;
       overflow-x: hidden;
   }
   
   img {
       display: block;
       width: 100%;
       height: 100%;
       object-fit: cover;
       filter: saturate(0.96) contrast(1.04) brightness(0.96);
       transition: transform .35s ease, filter .35s ease;
   }
   
   a {
       color: inherit;
       text-decoration: none;
   }
   
   .wrap {
       max-width: var(--max);
       margin: 0 auto;
       padding: 0 32px;
   }
   
   h1,
   h2,
   h3 {
       font-family: 'Fraunces', serif;
       font-weight: 500;
       letter-spacing: -0.01em;
   }
   
   .eyebrow {
       font-family: 'IBM Plex Mono', monospace;
       font-size: 12px;
       letter-spacing: 0.16em;
       text-transform: uppercase;
       color: var(--brass);
       display: flex;
       align-items: center;
       gap: 10px;
       margin-bottom: 18px;
   }
   
   .eyebrow::before {
       content: "";
       width: 26px;
       height: 1px;
       background: var(--brass);
   }
   
   .btn {
       display: inline-flex;
       align-items: center;
       gap: 10px;
       font-family: 'IBM Plex Mono', monospace;
       font-size: 13px;
       letter-spacing: 0.06em;
       text-transform: uppercase;
       padding: 15px 26px;
       border: 1px solid currentColor;
       border-radius: 2px;
       transition: all .25s ease;
       cursor: pointer;
   }
   
   .btn-solid {
       background: var(--brass);
       border-color: var(--brass);
       color: var(--oak-3);
   }
   
   .btn-solid:hover {
       background: var(--brass-light);
       border-color: var(--brass-light);
   }
   
   .btn-ghost {
       color: var(--parchment);
       border-color: rgba(244, 239, 227, 0.4);
   }
   
   .btn-ghost:hover {
       border-color: var(--parchment);
       background: rgba(244, 239, 227, 0.08);
   }
   
   .btn-dark {
       color: var(--oak);
       border-color: var(--oak);
   }
   
   .btn-dark:hover {
       background: var(--oak);
       color: var(--parchment);
   }
   /* NAV */
   
   header {
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
       z-index: 100;
       background: rgba(23, 48, 40, 0.92);
       backdrop-filter: blur(8px);
       border-bottom: 1px solid rgba(212, 181, 126, 0.15);
   }
   
   nav {
       display: flex;
       align-items: center;
       justify-content: space-between;
       padding: 18px 32px;
       max-width: var(--max);
       margin: 0 auto;
   }
   
   .logo {
       font-family: 'Fraunces', serif;
       font-size: 20px;
       color: var(--parchment);
       letter-spacing: 0.02em;
       display: flex;
       align-items: center;
       gap: 10px;
   }
   
   .logo svg {
       width: 22px;
       height: 22px;
   }
   
   .navlinks {
       display: flex;
       gap: 30px;
       list-style: none;
   }
   
   .navlinks a {
       font-size: 13px;
       color: var(--parchment-2);
       font-family: 'IBM Plex Mono', monospace;
       letter-spacing: 0.04em;
       text-transform: uppercase;
       opacity: 0.85;
       transition: opacity .2s;
   }
   
   .navlinks a:hover {
       opacity: 1;
       color: var(--brass-light);
   }
   
   .nav-toggle {
       display: none;
       background: none;
       border: 0;
       color: var(--parchment);
       font-size: 22px;
       cursor: pointer;
   }
   
   @media(max-width:960px) {
       .navlinks {
           position: fixed;
           top: 64px;
           left: 0;
           right: 0;
           background: var(--oak-3);
           flex-direction: column;
           padding: 20px 24px;
           gap: 18px;
           transform: translateY(-130%);
           transition: transform .3s ease;
           border-bottom: 1px solid rgba(212, 181, 126, 0.2);
           z-index: 200;
       }
       .navlinks a {
           padding: 14px 0;
       }
       .navlinks.open {
           transform: translateY(0);
       }
       .nav-toggle {
           display: block;
       }
       .hero {
           padding-top: 76px;
       }
       .hero-photo {
           width: 52%;
       }
       .hero-inner {
           padding-top: 72px;
       }
   }
   /* RINGS (signature motif) */
   
   .rings-svg circle {
       fill: none;
   }
   /* HERO */
   
   .hero {
       position: relative;
       min-height: 100vh;
       display: flex;
       align-items: center;
       background: radial-gradient(circle at 78% 32%, #24463c 0%, var(--oak) 45%, var(--oak-3) 100%);
       color: var(--parchment);
       padding-top: 90px;
       overflow: hidden;
   }
   
   .hero-rings {
       position: absolute;
       right: -220px;
       top: 50%;
       transform: translateY(-50%);
       width: 900px;
       height: 900px;
       opacity: 0.5;
       pointer-events: none;
   }
   
   .hero-rings circle {
       stroke: var(--brass-light);
       stroke-opacity: 0.28;
   }
   
   .hero-photo {
       position: absolute;
       right: 0;
       top: 0;
       bottom: 0;
       width: 42%;
       overflow: hidden;
       -webkit-mask-image: linear-gradient(to right, transparent, black 35%);
       mask-image: linear-gradient(to right, transparent, black 35%);
       opacity: 0.75;
   }
   .hero-photo::after {
       content: "";
       position: absolute;
       inset: 0;
       background: linear-gradient(180deg, rgba(20, 30, 28, 0.58), rgba(20, 30, 28, 0.15));
       pointer-events: none;
   }
   .hero-photo img {
       transform: scale(1.04);
   }
   
   .hero-inner {
       position: relative;
       z-index: 2;
       max-width: var(--max);
       margin: 0 auto;
       padding: 80px 32px 120px;
       width: 100%;
   }
   
   .hero h1 {
       font-size: clamp(42px, 6.4vw, 84px);
       line-height: 1.02;
       max-width: 900px;
       font-weight: 500;
   }
   
   .hero h1 em {
       font-style: italic;
       color: var(--brass-light);
       font-weight: 300;
   }
   
   .hero .sub {
       font-size: 19px;
       color: var(--parchment-2);
       max-width: 620px;
       margin: 26px 0 40px;
       font-weight: 400;
   }
   
   .hero-ctas {
       display: flex;
       gap: 16px;
       flex-wrap: wrap;
   }
   
   .hero-builder {
       margin-top: 70px;
       padding-top: 26px;
       border-top: 1px solid rgba(212, 181, 126, 0.25);
       font-family: 'Fraunces', serif;
       font-style: italic;
       font-size: 18px;
       color: var(--brass-light);
       max-width: 620px;
       font-weight: 400;
   }
   
   .hero-model {
       display: flex;
       flex-wrap: wrap;
       gap: 12px;
       margin-top: 22px;
   }
   
   .hero-model span {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       min-width: 96px;
       padding: 8px 14px;
       border: 1px solid rgba(216, 181, 126, 0.35);
       background: rgba(255, 255, 255, 0.02);
       font-family: 'IBM Plex Mono', monospace;
       font-size: 11px;
       letter-spacing: 0.12em;
       text-transform: uppercase;
       color: var(--parchment-2);
   }
   
   section {
       position: relative;
       padding: 120px 0;
   }
   
   .section-dark {
       background: var(--oak-3);
       color: var(--parchment);
   }
   
   .section-dark .eyebrow {
       color: var(--brass-light);
   }
   
   .grid-2 {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 80px;
       align-items: center;
   }
   
   @media(max-width:860px) {
       .grid-2 {
           grid-template-columns: 1fr;
           gap: 48px;
       }
       section {
           padding: 80px 0;
       }
       .hero-photo {
           width: 100%;
           opacity: 0.65;
       }
       .hero-photo::after {
           background: linear-gradient(180deg, rgba(20, 30, 28, 0.72), rgba(20, 30, 28, 0.18));
       }
       .hero-inner {
           padding-top: 52px;
       }
   }
   
   h2 {
       font-size: clamp(30px, 3.6vw, 46px);
       font-weight: 500;
       line-height: 1.12;
   }
   
   .lead {
       font-size: 18px;
       color: var(--ink-soft);
       max-width: 560px;
       margin-top: 20px;
   }
   
   .section-dark .lead {
       color: var(--parchment-2);
   }
   /* FOUNDER PROBLEM */
   
   .quote-line {
       font-family: 'Fraunces', serif;
       font-style: italic;
       font-size: 26px;
       color: var(--brass);
       margin-top: 34px;
       border-left: 2px solid var(--brass);
       padding-left: 20px;
   }
   /* READY TO SELL */
   
   .ready-section {
       background: var(--parchment-2);
   }
   
   .journey-grid {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 20px;
       margin-top: 42px;
   }
   
   .journey-card {
       background: var(--parchment);
       border: 1px solid rgba(28, 26, 20, 0.08);
       padding: 28px 22px;
       border-radius: 2px;
   }
   
   .journey-step {
       font-family: 'IBM Plex Mono', monospace;
       font-size: 13px;
       letter-spacing: 0.08em;
       text-transform: uppercase;
       color: var(--brass);
       margin-bottom: 12px;
   }
   
   .journey-card p {
       font-size: 14.5px;
       color: var(--ink-soft);
   }
   
   @media(max-width:960px) {
       .journey-grid {
           grid-template-columns: 1fr 1fr;
       }
   }
   
   @media(max-width:560px) {
       .journey-grid {
           grid-template-columns: 1fr;
       }
       .wrap {
           padding: 0 18px;
       }
       .hero-inner {
           padding: 48px 0 60px;
       }
       .hero h1 {
           font-size: clamp(32px, 10vw, 52px);
       }
       .hero .sub {
           font-size: 16px;
           max-width: 100%;
       }
       .hero-builder {
           margin-top: 48px;
           font-size: 16px;
       }
       .hero-model span {
           min-width: auto;
           padding: 8px 10px;
           font-size: 10px;
       }
       .team-strip {
           flex-direction: column;
           gap: 18px;
       }
       .team-strip div {
           padding-right: 0;
       }
       .criteria-wrap {
           gap: 32px;
       }
       .closing-inner {
           padding: 0 18px;
       }
       .hero, .closing {
           padding-top: 70px;
           overflow: hidden;
       }
       .hero-rings {
           display: none;
       }
       .hero-photo {
           width: 100%;
           opacity: 0.8;
       }
       .hero-photo img {
           transform: scale(1.08);
       }
       .hero-photo::after {
           display: none;
       }
   }
   /* TRIPTYCH */
   
   .triptych {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 1px;
       background: rgba(28, 26, 20, 0.1);
       margin-top: 56px;
       border: 1px solid rgba(28, 26, 20, 0.1);
   }
   
   .tri-card {
       background: var(--parchment);
       padding: 40px 30px;
       position: relative;
   }
   
   .tri-num {
       font-family: 'IBM Plex Mono', monospace;
       font-size: 13px;
       color: var(--brass);
       letter-spacing: 0.1em;
   }
   
   .tri-card h3 {
       font-size: 24px;
       margin: 18px 0 14px;
       color: var(--ink);
       font-weight: 500;
   }
   
   .tri-card p {
       color: var(--ink-soft);
       font-size: 14.5px;
   }
   
   @media(max-width:960px) {
       .triptych {
           grid-template-columns: 1fr 1fr;
       }
   }
   
   @media(max-width:560px) {
       .triptych {
           grid-template-columns: 1fr;
       }
   }
   /* EXIT READINESS */
   
   .exit-wrap {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 70px;
       align-items: start;
       margin-top: 56px;
   }
   
   .exit-checklist {
       list-style: none;
       display: grid;
       gap: 0;
   }
   
   .exit-checklist li {
       display: flex;
       align-items: flex-start;
       gap: 14px;
       padding: 14px 0;
       border-bottom: 1px solid rgba(28, 26, 20, 0.12);
       font-size: 15px;
       color: var(--ink-soft);
   }
   
   .exit-checklist li::before {
       content: "—";
       color: var(--brass);
       flex-shrink: 0;
       font-family: 'IBM Plex Mono', monospace;
   }
   
   .exit-callout {
       background: var(--parchment);
       border: 1px solid rgba(28, 26, 20, 0.12);
       padding: 34px 30px;
       border-radius: 2px;
   }
   
   .exit-callout .eyebrow {
       margin-bottom: 14px;
   }
   
   .exit-callout h3 {
       font-size: 24px;
       color: var(--ink);
       font-style: italic;
       font-weight: 400;
       line-height: 1.3;
   }
   
   .exit-timeline {
       display: flex;
       align-items: center;
       gap: 12px;
       margin-top: 30px;
       font-family: 'IBM Plex Mono', monospace;
       font-size: 12px;
       color: var(--ink-soft);
   }
   
   .exit-timeline .bar {
       flex: 1;
       height: 1px;
       background: rgba(28, 26, 20, 0.18);
       position: relative;
   }
   
   .exit-timeline .bar::after {
       content: "";
       position: absolute;
       left: 0;
       top: -3px;
       width: 7px;
       height: 7px;
       border-radius: 50%;
       background: var(--brass);
   }
   
   @media(max-width:860px) {
       .exit-wrap {
           grid-template-columns: 1fr;
       }
       .exit-callout {
           margin-top: 40px;
       }
   }
   /* FOUNDER STORY */
   
   .photo-frame {
       position: relative;
       aspect-ratio: 4/5;
       overflow: hidden;
       border-radius: 2px;
       background: rgba(18, 28, 25, 0.08);
       box-shadow: 0 20px 40px rgba(9, 16, 13, 0.08);
   }
   
   .photo-frame::after {
       content: "";
       position: absolute;
       inset: 0;
       box-shadow: inset 0 0 0 1px rgba(180, 137, 79, 0.35);
   }
   .photo-frame::before {
       content: "";
       position: absolute;
       inset: 0;
       background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 40%);
       pointer-events: none;
   }
   .team-photo-grid .frame,
   .criteria-photo {
       background: rgba(18, 28, 25, 0.08);
       box-shadow: 0 20px 40px rgba(9, 16, 13, 0.08);
   }
   .team-photo-grid .frame::before,
   .criteria-photo::before {
       content: "";
       position: absolute;
       inset: 0;
       background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 40%);
       pointer-events: none;
   }
   .team-photo-grid .frame,
   .criteria-photo {
       position: relative;
       overflow: hidden;
       border-radius: 2px;
   }
   .team-photo-grid .frame img,
   .criteria-photo img {
       transform: scale(1.02);
   }
   .team-photo-grid .frame:hover img,
   .criteria-photo:hover img,
   .photo-frame:hover img {
       transform: scale(1.05);
       filter: brightness(1.02) saturate(1.08);
   }
   
   .ring-badge {
       position: absolute;
       bottom: -30px;
       left: -30px;
       width: 130px;
       height: 130px;
       z-index: 3;
   }
   
   .founder-name {
       font-family: 'IBM Plex Mono', monospace;
       font-size: 13px;
       letter-spacing: 0.06em;
       color: var(--brass);
       margin-top: 26px;
       text-transform: uppercase;
   }
   /* TEAM */
   
   .team-photo-grid {
       display: grid;
       grid-template-columns: 1.3fr 1fr;
       grid-template-rows: 1fr 1fr;
       gap: 14px;
       height: 100%;
   }
   
   .team-photo-grid .big {
       grid-row: 1/3;
   }
   
   .team-photo-grid .frame {
       position: relative;
       overflow: hidden;
       border-radius: 2px;
   }
   
   .team-photo-grid .frame::after {
       content: "";
       position: absolute;
       inset: 0;
       box-shadow: inset 0 0 0 1px rgba(180, 137, 79, 0.35);
   }
   
   .team-strip {
       display: flex;
       gap: 0;
       margin-top: 34px;
       border-top: 1px solid rgba(28, 26, 20, 0.12);
       padding-top: 26px;
   }
   
   .team-strip div {
       flex: 1;
       padding-right: 20px;
   }
   
   .team-strip .num {
       font-family: 'IBM Plex Mono', monospace;
       font-size: 26px;
       color: var(--brass);
       font-weight: 500;
   }
   
   .team-strip .label {
       font-size: 12.5px;
       color: var(--ink-soft);
       margin-top: 4px;
       text-transform: uppercase;
       letter-spacing: .04em;
   }
   /* BUILDER CAPABILITY */
   
   .cap-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 1px;
       background: rgba(28, 26, 20, 0.08);
       margin-top: 56px;
       border: 1px solid rgba(28, 26, 20, 0.1);
   }
   
   .cap-card {
       background: var(--parchment);
       padding: 36px 30px;
   }
   
   .cap-card .n {
       font-family: 'IBM Plex Mono', monospace;
       font-size: 12px;
       color: var(--brass);
       letter-spacing: .08em;
   }
   
   .cap-card h4 {
       font-family: 'Fraunces', serif;
       font-size: 20px;
       margin: 12px 0 8px;
       font-weight: 500;
   }
   
   .cap-card p {
       font-size: 14px;
       color: var(--ink-soft);
   }
   
   @media(max-width:860px) {
       .cap-grid {
           grid-template-columns: 1fr 1fr;
       }
   }
   
   @media(max-width:560px) {
       .cap-grid {
           grid-template-columns: 1fr;
       }
   }
   /* NETWORK RADIAL */
   
   .network-wrap {
       position: relative;
       width: 100%;
       max-width: 760px;
       height: 760px;
       margin: 70px auto 0;
       display: flex;
       align-items: center;
       justify-content: center;
   }
   
   .network-ring {
       position: absolute;
       border: 1px solid rgba(212, 181, 126, 0.22);
       border-radius: 50%;
   }
   
   .r1 {
       width: 100%;
       height: 100%;
   }
   
   .r2 {
       width: 68%;
       height: 68%;
   }
   
   .network-core {
       position: relative;
       z-index: 3;
       width: 190px;
       height: 190px;
       border-radius: 50%;
       background: radial-gradient(circle at 35% 30%, var(--brass-light), var(--brass) 60%, #8a6a3c 100%);
       display: flex;
       align-items: center;
       justify-content: center;
       text-align: center;
       color: var(--oak-3);
       font-family: 'Fraunces', serif;
       font-size: 17px;
       font-weight: 600;
       padding: 20px;
       box-shadow: 0 0 0 10px rgba(180, 137, 79, 0.08);
   }
   
   .node {
       position: absolute;
       top: 50%;
       left: 50%;
       width: 150px;
       margin-left: -75px;
       margin-top: -30px;
       text-align: center;
       z-index: 2;
   }
   
   .node .dot {
       width: 9px;
       height: 9px;
       border-radius: 50%;
       background: var(--brass-light);
       margin: 0 auto 10px;
   }
   
   .node span {
       font-family: 'IBM Plex Mono', monospace;
       font-size: 11.5px;
       letter-spacing: 0.03em;
       color: var(--parchment-2);
       line-height: 1.35;
       display: inline-block;
   }
   
   @media(max-width:760px) {
       .network-wrap {
           display: none;
       }
       .network-list {
           display: grid !important;
       }
       .network-list {
           grid-template-columns: 1fr;
       }
       .network-list div {
           font-size: 13px;
       }
   }
   
   .network-list {
       display: none;
       grid-template-columns: 1fr 1fr;
       gap: 14px;
       margin-top: 50px;
   }
   
   .network-list div {
       border: 1px solid rgba(212, 181, 126, 0.25);
       padding: 14px 16px;
       font-family: 'IBM Plex Mono', monospace;
       font-size: 12.5px;
       color: var(--parchment-2);
   }
   
   .ddd {
       display: flex;
       gap: 40px;
       justify-content: center;
       margin-top: 70px;
       flex-wrap: wrap;
   }
   
   .ddd div {
       text-align: center;
       max-width: 180px;
   }
   
   .ddd .w {
       font-family: 'Fraunces', serif;
       font-style: italic;
       font-size: 22px;
       color: var(--brass-light);
   }
   
   .ddd p {
       font-size: 13px;
       color: var(--parchment-2);
       margin-top: 8px;
   }
   /* PRESERVE LIST */
   
   .preserve-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 36px;
       margin-top: 56px;
   }
   
   .preserve-item {
       display: flex;
       gap: 16px;
       align-items: flex-start;
   }
   
   .preserve-item .ring-icon {
       width: 34px;
       height: 34px;
       flex-shrink: 0;
       margin-top: 2px;
   }
   
   .preserve-item h4 {
       font-family: 'Fraunces', serif;
       font-size: 19px;
       font-weight: 500;
   }
   
   .preserve-item p {
       font-size: 14px;
       color: var(--ink-soft);
       margin-top: 4px;
   }
   
   @media(max-width:860px) {
       .preserve-grid {
           grid-template-columns: 1fr 1fr;
       }
   }
   
   @media(max-width:560px) {
       .preserve-grid {
           grid-template-columns: 1fr;
       }
   }
   /* PHILOSOPHY */
   
   .philosophy {
       background: var(--oak);
       color: var(--parchment);
       text-align: center;
       padding: 150px 0;
   }
   
   .philosophy .rings-center {
       width: 340px;
       height: 340px;
       margin: 0 auto 40px;
       opacity: 0.55;
   }
   
   .philosophy h2 {
       font-size: clamp(28px, 4.4vw, 44px);
       max-width: 760px;
       margin: 0 auto;
       font-style: italic;
       font-weight: 400;
   }
   
   .philosophy p {
       max-width: 600px;
       margin: 26px auto 0;
       color: var(--parchment-2);
       font-size: 16px;
   }
   /* CRITERIA */
   
   .criteria-wrap {
       display: grid;
       grid-template-columns: 0.9fr 1.1fr;
       gap: 70px;
       align-items: center;
       margin-top: 20px;
   }
   
   .criteria-photo {
       aspect-ratio: 1/1.05;
       border-radius: 2px;
       overflow: hidden;
   }
   
   .criteria-list {
       list-style: none;
       display: grid;
       gap: 0;
   }
   
   .criteria-list li {
       display: flex;
       align-items: center;
       gap: 14px;
       padding: 15px 0;
       border-bottom: 1px solid rgba(28, 26, 20, 0.12);
       font-size: 15.5px;
   }
   
   .criteria-list li::before {
       content: "";
       width: 6px;
       height: 6px;
       background: var(--brass);
       flex-shrink: 0;
       border-radius: 50%;
   }
   
   @media(max-width:860px) {
       .criteria-wrap {
           grid-template-columns: 1fr;
       }
   }
   @media(max-width:420px) {
       .philosophy .rings-center {
           width: min(260px, 78vw);
           height: min(260px, 78vw);
           margin: 0 auto 28px;
       }
       .network-list {
           width: 100%;
           grid-template-columns: 1fr;
       }
       .network-list div {
           min-width: 0;
           width: 100%;
           box-sizing: border-box;
       }
       .wrap {
           padding: 0 16px;
       }
       .hero-inner,
       .closing-inner {
           padding: 0 16px;
       }
       section {
           padding: 64px 0;
       }
   }
   /* CLOSING CTA */
   
   .closing {
       position: relative;
       padding: 150px 0;
       text-align: center;
       background: linear-gradient(180deg, var(--oak-3), #0a1512);
       color: var(--parchment);
       overflow: hidden;
   }
   
   .closing-photo {
       position: absolute;
       inset: 0;
       opacity: 0.16;
   }
   
   .closing-inner {
       position: relative;
       z-index: 2;
       max-width: 760px;
       margin: 0 auto;
       padding: 0 32px;
   }
   
   .closing h2 {
       font-size: clamp(32px, 5vw, 54px);
   }
   
   .closing p {
       color: var(--parchment-2);
       margin: 22px 0 40px;
       font-size: 17px;
   }
   
   footer {
       background: var(--oak-3);
       color: var(--parchment-2);
       padding: 56px 0 34px;
       border-top: 1px solid rgba(212, 181, 126, 0.15);
   }
   
   .foot-grid {
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
       gap: 30px;
   }
   
   .foot-nav {
       display: flex;
       gap: 24px;
       flex-wrap: wrap;
       list-style: none;
   }
   
   .foot-nav a {
       font-family: 'IBM Plex Mono', monospace;
       font-size: 12.5px;
       letter-spacing: .04em;
       text-transform: uppercase;
       opacity: .8;
   }
   
   .foot-nav a:hover {
       opacity: 1;
   }
   
   .foot-bottom {
       margin-top: 40px;
       padding-top: 24px;
       border-top: 1px solid rgba(212, 181, 126, 0.12);
       font-size: 12.5px;
       opacity: .6;
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
       gap: 10px;
   }
   
   .reveal {
       opacity: 0;
       transform: translateY(24px);
       transition: opacity .8s ease, transform .8s ease;
   }
   
   .reveal.in {
       opacity: 1;
       transform: none;
   }
   
   @media (prefers-reduced-motion: reduce) {
       .reveal {
           opacity: 1;
           transform: none;
           transition: none;
       }
       html {
           scroll-behavior: auto;
       }
   }