:root {
      --ink: #06101c;
      --ink-2: #0a1626;
      --paper: #f3f0e8;
      --paper-2: #d9dce2;
      --muted: #8c97a8;
      --line: rgba(216, 226, 240, 0.16);
      --blue: #3978ff;
      --blue-soft: #8cb1ff;
      --max: 1180px;
      --serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
      --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; background: var(--ink); }
    body {
      margin: 0;
      color: var(--paper);
      background:
        radial-gradient(circle at 74% 8%, rgba(57, 120, 255, 0.14), transparent 31rem),
        linear-gradient(180deg, #07111f 0%, #060d17 58%, #081321 100%);
      font-family: var(--sans);
      font-size: 16px;
      line-height: 1.6;
      overflow-x: hidden;
    }

    a { color: inherit; text-decoration: none; }
    button, a { -webkit-tap-highlight-color: transparent; }
    ::selection { background: var(--blue); color: white; }

    .noise {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 20;
      opacity: .035;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
    }

    .site-nav {
      position: fixed;
      inset: 0 0 auto;
      z-index: 15;
      background: rgba(6, 16, 28, 0.78);
      border-bottom: 1px solid transparent;
      backdrop-filter: blur(18px);
      transition: border-color .25s ease, background .25s ease;
    }

    .site-nav.scrolled { border-color: var(--line); background: rgba(6, 16, 28, 0.94); }

    .nav-inner {
      width: min(var(--max), calc(100% - 48px));
      height: 78px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .wordmark {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .mark {
      display: grid;
      place-items: center;
      width: 34px;
      height: 34px;
      border: 1px solid rgba(255,255,255,.32);
      color: white;
      font-family: var(--serif);
      font-size: .9rem;
      letter-spacing: -.03em;
    }

    .nav-links { display: flex; align-items: center; gap: 30px; }
    .nav-links a {
      color: var(--muted);
      font-size: .75rem;
      font-weight: 650;
      letter-spacing: .12em;
      text-transform: uppercase;
      transition: color .2s ease;
    }
    .nav-links a:hover, .nav-links a:focus-visible { color: white; }
    .nav-links .nav-cta {
      color: white;
      border: 1px solid rgba(255,255,255,.3);
      padding: 10px 15px;
    }
    .nav-links .nav-cta:hover { border-color: var(--blue); }

    .hero {
      min-height: 100svh;
      display: grid;
      align-items: center;
      padding: 132px max(24px, calc((100vw - var(--max)) / 2)) 80px;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.03fr) minmax(360px, .97fr);
      gap: clamp(42px, 7vw, 100px);
      align-items: center;
    }

    .eyebrow, .section-label {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 0 0 25px;
      color: var(--blue-soft);
      font-size: .74rem;
      font-weight: 700;
      letter-spacing: .18em;
      text-transform: uppercase;
    }
    .eyebrow::before, .section-label::before {
      content: "";
      width: 34px;
      height: 1px;
      background: var(--blue);
    }

    h1, h2, h3, p { margin-top: 0; }
    h1 {
      max-width: 790px;
      margin-bottom: 30px;
      font-family: var(--serif);
      font-size: clamp(4rem, 7.5vw, 7.65rem);
      font-weight: 400;
      line-height: .91;
      letter-spacing: -.057em;
    }
    h1 em { color: var(--blue-soft); font-weight: 400; }

    .hero-copy > p:not(.eyebrow) {
      max-width: 660px;
      margin-bottom: 36px;
      color: #bcc5d2;
      font-size: clamp(1.05rem, 1.35vw, 1.26rem);
      line-height: 1.65;
    }

    .hero-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-height: 50px;
      padding: 0 21px;
      border: 1px solid var(--blue);
      background: var(--blue);
      color: white;
      font-size: .76rem;
      font-weight: 750;
      letter-spacing: .12em;
      text-transform: uppercase;
      transition: transform .2s ease, background .2s ease, border-color .2s ease;
    }
    .button:hover, .button:focus-visible { transform: translateY(-2px); background: #5189ff; }
    .text-link {
      color: #c6ced9;
      font-size: .76rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(255,255,255,.22);
      padding-bottom: 4px;
    }
    .text-link:hover, .text-link:focus-visible { color: white; border-color: var(--blue); }

    .hero-visual { position: relative; min-height: 650px; }
    .hero-visual::before {
      content: "";
      position: absolute;
      inset: -28px 34px 34px -28px;
      border: 1px solid var(--line);
      z-index: 0;
    }
    .hero-image {
      position: absolute;
      inset: 0;
      z-index: 1;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.12);
      background: #081424;
    }
    .hero-image img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 42%;
      filter: grayscale(1) contrast(1.12) brightness(.82);
      animation: hero-settle 4.6s cubic-bezier(.16, 1, .3, 1) both;
    }
    .hero-image::before {
      content: "";
      position: absolute;
      z-index: 2;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(5,13,23,.04) 30%, rgba(5,13,23,.46) 100%),
        linear-gradient(100deg, rgba(5,15,27,.28), transparent 54%, rgba(40,97,224,.2));
      pointer-events: none;
    }
    .hero-image::after {
      content: "";
      position: absolute;
      z-index: 3;
      inset: -20%;
      width: 38%;
      background: linear-gradient(90deg, transparent, rgba(92,145,255,.28), transparent);
      transform: translateX(-180%) skewX(-12deg);
      animation: light-resolve 4.6s cubic-bezier(.4, 0, .2, 1) both;
      pointer-events: none;
    }
    .hero-trace {
      position: absolute;
      z-index: 4;
      inset: 0;
      opacity: 0;
      background:
        linear-gradient(90deg, transparent 49.8%, rgba(140,177,255,.2) 50%, transparent 50.2%),
        linear-gradient(0deg, transparent 49.8%, rgba(140,177,255,.14) 50%, transparent 50.2%);
      background-size: 30% 100%, 100% 27%;
      mix-blend-mode: screen;
      animation: trace-resolve 4.6s ease-out both;
      pointer-events: none;
    }
    .visual-card {
      position: absolute;
      left: -45px;
      bottom: 38px;
      z-index: 2;
      width: min(360px, calc(100% - 28px));
      padding: 23px 25px;
      background: rgba(6, 14, 24, .9);
      border: 1px solid rgba(255,255,255,.2);
      backdrop-filter: blur(18px);
    }
    .visual-card small {
      display: block;
      margin-bottom: 8px;
      color: var(--blue-soft);
      font-size: .65rem;
      font-weight: 750;
      letter-spacing: .16em;
      text-transform: uppercase;
    }
    .visual-card span { font-family: var(--serif); font-size: 1.25rem; }

    @keyframes hero-settle {
      0% { transform: scale(1.045); filter: grayscale(1) contrast(1.18) brightness(.68); }
      100% { transform: scale(1); filter: grayscale(1) contrast(1.12) brightness(.82); }
    }
    @keyframes light-resolve {
      0%, 8% { opacity: 0; transform: translateX(-180%) skewX(-12deg); }
      20% { opacity: 1; }
      82% { opacity: .6; }
      100% { opacity: 0; transform: translateX(420%) skewX(-12deg); }
    }
    @keyframes trace-resolve {
      0%, 20% { opacity: 0; transform: scale(1.03); }
      55% { opacity: .55; }
      100% { opacity: .13; transform: scale(1); }
    }

    .metric-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .metric-grid {
      width: min(var(--max), calc(100% - 48px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }
    .metric { padding: 35px 28px; border-right: 1px solid var(--line); }
    .metric:first-child { padding-left: 0; }
    .metric:last-child { border-right: 0; }
    .metric strong { display: block; margin-bottom: 3px; font-family: var(--serif); font-size: 2rem; font-weight: 400; }
    .metric span { color: var(--muted); font-size: .73rem; letter-spacing: .11em; text-transform: uppercase; }

    section { padding: 130px max(24px, calc((100vw - var(--max)) / 2)); }
    .section-head {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 56px;
      margin-bottom: 70px;
      align-items: start;
    }
    .section-head h2, .statement h2, .closing h2 {
      margin-bottom: 0;
      font-family: var(--serif);
      font-size: clamp(2.9rem, 5vw, 5.1rem);
      font-weight: 400;
      line-height: 1.02;
      letter-spacing: -.045em;
    }
    .section-intro { color: #aeb9c8; font-size: 1.08rem; line-height: 1.8; }

    .statement {
      padding-top: 150px;
      padding-bottom: 150px;
      border-bottom: 1px solid var(--line);
      text-align: center;
    }
    .statement h2 { max-width: 980px; margin: 0 auto; }
    .statement h2 span { color: var(--blue-soft); }

    .thesis-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid var(--line);
      border-left: 1px solid var(--line);
    }
    .thesis-card {
      min-height: 310px;
      padding: 35px;
      border-right: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      transition: background .25s ease;
    }
    .thesis-card:hover { background: rgba(57,120,255,.055); }
    .number { color: var(--blue-soft); font-size: .7rem; font-weight: 750; letter-spacing: .15em; }
    .thesis-card h3 {
      margin: 54px 0 18px;
      font-family: var(--serif);
      font-size: 2rem;
      font-weight: 400;
    }
    .thesis-card p { color: #9eabba; font-size: .96rem; line-height: 1.75; }

    .focus { background: var(--paper); color: #0b1522; }
    .focus .section-label { color: #245ddd; }
    .focus .section-intro { color: #536070; }
    .focus-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .focus-card {
      position: relative;
      min-height: 430px;
      padding: 34px;
      border: 1px solid rgba(11,21,34,.18);
      background: rgba(255,255,255,.4);
      display: flex;
      flex-direction: column;
    }
    .focus-card .number { color: #245ddd; }
    .focus-card h3 { margin: auto 0 18px; font-family: var(--serif); font-size: 2.05rem; font-weight: 400; line-height: 1.08; }
    .focus-card p { margin-bottom: 0; color: #5a6472; line-height: 1.7; }

    .about {
      padding-top: 0;
      padding-bottom: 0;
      background: #0a1728;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }
    .about-grid {
      width: min(var(--max), calc(100% - 48px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
      align-items: stretch;
    }
    .portrait-frame {
      position: relative;
      min-height: 720px;
      overflow: hidden;
      border-right: 1px solid var(--line);
    }
    .portrait-frame::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 58%, rgba(5,12,21,.76) 100%);
      pointer-events: none;
    }
    .portrait-frame img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 24%;
      filter: saturate(.88) contrast(1.02);
    }
    .portrait-caption {
      position: absolute;
      z-index: 1;
      left: 32px;
      right: 32px;
      bottom: 26px;
      display: flex;
      justify-content: space-between;
      gap: 20px;
      color: rgba(255,255,255,.78);
      font-size: .67rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .about-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 92px clamp(48px, 7vw, 112px);
    }
    .about-copy h2 {
      margin: 0 0 34px;
      max-width: 650px;
      font-family: var(--serif);
      font-size: clamp(2.9rem, 5vw, 5.1rem);
      font-weight: 400;
      line-height: 1.02;
      letter-spacing: -.045em;
    }
    .about-copy .lead {
      color: #d7dee7;
      font-size: 1.12rem;
      line-height: 1.78;
    }
    .about-copy p { max-width: 650px; color: #9eabba; line-height: 1.78; }
    .identity-line {
      margin: 18px 0 0;
      padding-top: 26px;
      border-top: 1px solid var(--line);
      color: white;
      font-family: var(--serif);
      font-size: 1.35rem;
      font-style: italic;
    }

    .loop { overflow: hidden; }
    .loop-steps {
      display: grid;
      grid-template-columns: repeat(6, minmax(150px, 1fr));
      margin-top: 36px;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }
    .loop-step { position: relative; padding: 35px 24px 40px 0; }
    .loop-step:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 46px;
      right: 16px;
      width: 40px;
      height: 1px;
      background: rgba(255,255,255,.24);
    }
    .loop-step span { display: block; color: var(--blue-soft); font-size: .68rem; letter-spacing: .13em; }
    .loop-step strong { display: block; margin-top: 38px; font-family: var(--serif); font-size: 1.35rem; font-weight: 400; }

    .proof { border-top: 1px solid var(--line); }
    .proof-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
    .proof-copy { position: sticky; top: 120px; }
    .proof-copy h2 { font-family: var(--serif); font-size: clamp(2.8rem, 4.8vw, 4.8rem); font-weight: 400; line-height: 1; letter-spacing: -.04em; }
    .proof-copy p { color: #9eabba; max-width: 430px; }
    .proof-list { border-top: 1px solid var(--line); }
    .proof-item { padding: 32px 0; border-bottom: 1px solid var(--line); }
    .proof-item small { display: block; margin-bottom: 10px; color: var(--blue-soft); font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
    .proof-item h3 { margin-bottom: 8px; font-family: var(--serif); font-size: 1.75rem; font-weight: 400; }
    .proof-item p { margin-bottom: 0; color: #929faf; }

    .media {
      background: var(--paper);
      color: #0b1522;
      border-top: 1px solid rgba(11,21,34,.13);
    }
    .media .section-label { color: #245ddd; }
    .media .section-intro { color: #536070; }
    .media-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.12fr) minmax(380px, .88fr);
      gap: 20px;
    }
    .media-feature,
    .media-card {
      position: relative;
      isolation: isolate;
      display: flex;
      overflow: hidden;
      color: white;
      background: #091625;
      border: 1px solid rgba(11,21,34,.18);
      transition: transform .28s ease, box-shadow .28s ease;
    }
    .media-feature { min-height: 640px; align-items: flex-end; }
    .media-stack { display: grid; grid-template-rows: repeat(3, 1fr); gap: 20px; }
    .media-card { min-height: 200px; align-items: flex-end; }
    .media-feature:hover,
    .media-feature:focus-visible,
    .media-card:hover,
    .media-card:focus-visible {
      transform: translateY(-4px);
      box-shadow: 0 20px 55px rgba(18,31,49,.18);
      outline: none;
    }
    .media-feature img,
    .media-card img {
      position: absolute;
      z-index: -2;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(.62) contrast(1.05) brightness(.82);
      transition: transform .7s cubic-bezier(.16, 1, .3, 1), filter .35s ease;
    }
    .media-feature img { object-position: 28% center; }
    .media-card:nth-child(1) img { object-position: center 48%; }
    .media-card:nth-child(2) img { object-position: center 52%; }
    .media-card:nth-child(3) img { object-position: center 36%; }
    .media-feature::after,
    .media-card::after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: 0;
      background: linear-gradient(180deg, rgba(5,13,23,.05) 16%, rgba(5,13,23,.38) 48%, rgba(5,13,23,.96) 100%);
    }
    .media-card::after { background: linear-gradient(90deg, rgba(5,13,23,.2), rgba(5,13,23,.94) 74%); }
    .media-feature:hover img,
    .media-feature:focus-visible img,
    .media-card:hover img,
    .media-card:focus-visible img { transform: scale(1.025); filter: saturate(.76) contrast(1.04) brightness(.9); }
    .media-content { width: 100%; padding: 38px; }
    .media-card .media-content { padding: 24px; }
    .media-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 15px;
      color: #b8ccf5;
      font-size: .69rem;
      font-weight: 750;
      letter-spacing: .13em;
      text-transform: uppercase;
    }
    .media-feature h3,
    .media-card h3 {
      max-width: 720px;
      margin-bottom: 15px;
      font-family: var(--serif);
      font-size: clamp(2.25rem, 4vw, 4rem);
      font-weight: 400;
      line-height: 1.03;
      letter-spacing: -.035em;
    }
    .media-card h3 { margin-bottom: 8px; font-size: clamp(1.35rem, 2vw, 1.8rem); line-height: 1.08; }
    .media-content p { max-width: 640px; margin-bottom: 0; color: #c0cad7; line-height: 1.62; }
    .media-card .media-content p { font-size: .87rem; line-height: 1.5; }
    .media-arrow { color: white; font-size: 1rem; }

    .principles { background: #0a1728; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .principle-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
    .principle { padding: 40px; background: #0a1728; }
    .principle q { display: block; font-family: var(--serif); font-size: clamp(1.6rem, 2.5vw, 2.3rem); line-height: 1.25; quotes: none; }
    .principle p { margin: 18px 0 0; color: #94a1b2; }

    .closing { text-align: center; padding-top: 155px; padding-bottom: 155px; }
    .closing h2 { max-width: 880px; margin: 0 auto 30px; }
    .closing > p { max-width: 680px; margin: 0 auto 36px; color: #aab5c3; font-size: 1.08rem; }

    footer { border-top: 1px solid var(--line); }
    .footer-inner {
      width: min(var(--max), calc(100% - 48px));
      min-height: 116px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      color: var(--muted);
      font-size: .73rem;
      letter-spacing: .09em;
      text-transform: uppercase;
    }
    .footer-inner a { color: #cbd3dd; }
    .footer-inner a:hover { color: white; }

    .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
    .reveal.visible { opacity: 1; transform: none; }

    @media (max-width: 920px) {
      .nav-links a:not(.nav-cta) { display: none; }
      .hero { min-height: auto; }
      .hero-grid { grid-template-columns: 1fr; }
      .hero-visual { min-height: 490px; width: calc(100% - 20px); margin-left: 20px; }
      .visual-card { left: -20px; }
      .hero-image img, .hero-image::after, .hero-trace { animation: none; }
      .hero-image::after { display: none; }
      .hero-trace { opacity: .1; }
      .section-head, .proof-layout, .about-grid { grid-template-columns: 1fr; gap: 24px; }
      .thesis-grid, .focus-grid { grid-template-columns: repeat(2, 1fr); }
      .proof-copy { position: static; }
      .about-grid { width: 100%; gap: 0; }
      .portrait-frame { min-height: 680px; border-right: 0; border-bottom: 1px solid var(--line); }
      .about-copy { padding: 84px 48px; }
      .loop-steps { grid-template-columns: repeat(3, 1fr); }
      .media-grid { grid-template-columns: 1fr; }
      .media-feature { min-height: 560px; }
      .media-stack { grid-template-columns: repeat(3, 1fr); grid-template-rows: none; }
      .media-card { min-height: 360px; }
      .media-card::after { background: linear-gradient(180deg, rgba(5,13,23,.08), rgba(5,13,23,.96) 100%); }
      .media-card .media-content p { display: none; }
    }

    @media (max-width: 620px) {
      .nav-inner, .metric-grid, .footer-inner { width: min(100% - 32px, var(--max)); }
      .nav-inner { height: 68px; }
      .wordmark span:last-child { display: none; }
      .nav-links { gap: 0; }
      .nav-links .nav-cta { padding: 8px 11px; }
      .hero { padding-top: 112px; padding-bottom: 64px; }
      h1 { font-size: clamp(3.45rem, 18vw, 5.2rem); }
      .hero-visual { min-height: 385px; }
      .hero-visual::before { inset: -15px 20px 20px -15px; }
      .visual-card { bottom: 20px; padding: 18px; }
      .metric-grid { grid-template-columns: 1fr; }
      .metric, .metric:first-child { padding: 23px 0; border-right: 0; border-bottom: 1px solid var(--line); }
      .metric:last-child { border-bottom: 0; }
      section { padding-top: 90px; padding-bottom: 90px; }
      .statement { padding-top: 105px; padding-bottom: 105px; }
      .thesis-grid, .focus-grid, .principle-list { grid-template-columns: 1fr; }
      .thesis-card { min-height: 260px; }
      .focus-card { min-height: 340px; }
      .portrait-frame { min-height: 500px; }
      .portrait-caption { left: 20px; right: 20px; bottom: 18px; }
      .about-copy { padding: 72px 24px 80px; }
      .loop-steps { grid-template-columns: repeat(2, 1fr); }
      .loop-step:not(:last-child)::after { display: none; }
      .media-feature { min-height: 500px; }
      .media-feature .media-content { padding: 26px; }
      .media-feature h3 { font-size: 2.45rem; }
      .media-stack { grid-template-columns: 1fr; }
      .media-card { min-height: 330px; }
      .media-card .media-content { padding: 24px; }
      .media-card .media-content p { display: block; }
      .footer-inner { min-height: 140px; flex-direction: column; justify-content: center; text-align: center; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
      .reveal { opacity: 1; transform: none; }
    }
  

html{scroll-padding-top:104px}body{overflow-x:visible}.reveal{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:3px solid var(--blue-soft);outline-offset:5px}section{padding-top:96px;padding-bottom:96px}.section-head{margin-bottom:44px;grid-template-columns:1fr 1fr;gap:64px}.section-head h2,.about-copy h2,.closing h2{font-size:clamp(2.4rem,4vw,3.7rem);line-height:1.08}.section-label,.eyebrow,.nav-links a,.wordmark,.media-meta,.portrait-caption{font-size:.875rem}.nav-links a{letter-spacing:.02em;text-transform:none}.nav-links{gap:24px}.nav-inner{height:80px}.mark{height:38px;width:38px;font-size:1rem}.menu-toggle{display:none;color:var(--paper);border:1px solid #677282;background:transparent;padding:7px 13px;font:inherit;cursor:pointer}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--paper);color:var(--ink);z-index:50}.skip-link:focus{top:12px}.hero{padding-top:150px;padding-bottom:80px;min-height:780px}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:64px}h1{font-size:clamp(3.3rem,5.9vw,5.8rem);line-height:1.01;letter-spacing:-.048em;margin-bottom:26px}.hero-copy>p.intro{font-size:1.13rem;line-height:1.75;margin-bottom:24px}.hero-copy>p.current-role{font-size:.94rem;color:#e2e7ee;padding-left:16px;border-left:2px solid var(--blue);margin:0 0 32px}.hero-visual{min-height:0;margin:0 0 0 12px}.hero-visual:before{inset:-20px 24px 54px -20px}.hero-image{position:relative;aspect-ratio:4/5}.hero-image img{filter:grayscale(1) contrast(1.08) brightness(.92);animation:none}.hero-image:after{display:none}.photo-caption{color:#aeb9c8;font-size:.875rem;margin:14px 0 0}.button,.text-link{font-size:.94rem;letter-spacing:.02em;text-transform:none}.section-intro{font-size:1.06rem}.experience{border-top:1px solid var(--line)}.experience-list{border-top:1px solid var(--line)}.experience-row{display:grid;grid-template-columns:.6fr 1.4fr;gap:64px;border-bottom:1px solid var(--line);padding:32px 0}.result{font-family:var(--serif);font-size:clamp(2.3rem,4vw,3.4rem);line-height:1.1;color:var(--blue-soft);margin:0 0 9px}.result-label{font-size:.875rem;color:#aeb9c8;margin:0;max-width:230px}.experience-row h3{font-family:var(--serif);font-size:1.6rem;font-weight:400;line-height:1.2;margin:0 0 12px}.experience-row p:last-child{color:#aeb9c8;margin-bottom:0;max-width:700px}.experience-row .result-label{max-width:250px}.career-line{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:baseline;padding-top:30px;color:#aeb9c8;font-size:.875rem}.career-line strong{font-size:1rem;color:var(--paper);font-weight:500;letter-spacing:.025em}.approach{background:var(--paper);color:#0b1522}.approach .section-label{color:#245ddd}.approach .section-intro{color:#4d5a69}.approach-list{border-top:1px solid #c4c7cb}.approach-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;padding:30px 0;border-bottom:1px solid #c4c7cb}.approach-row h3{font-family:var(--serif);font-size:1.8rem;font-weight:400;line-height:1.2;max-width:330px;margin-bottom:0}.approach-row p{color:#4d5a69;margin-bottom:16px}.approach-row .example{font-size:.94rem;color:#26374c;border-left:2px solid #3978ff;padding-left:18px;margin:0}.example strong{font-weight:650}.about{padding-top:96px;padding-bottom:96px}.about-grid{width:100%;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:center}.portrait-frame{min-height:0;margin:0;border:0;overflow:visible}.portrait-frame:after{display:none}.portrait-frame img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 28%}.portrait-caption{position:static;padding-top:12px;color:#aeb9c8;letter-spacing:0;text-transform:none;font-weight:400}.about-copy{padding:0}.about-copy p{color:#aeb9c8}.about-copy .section-label{color:var(--blue-soft)}.about-copy .lead{font-size:1.12rem;color:#dde3ec}.about-copy h2{margin-bottom:26px}.about-copy p:last-child{margin-bottom:0}.media-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}.media-feature{min-height:590px}.media-stack{gap:16px}.media-card{min-height:185px}.media-meta{letter-spacing:.02em;text-transform:none;line-height:1.4}.media-content{padding:30px}.media-feature h3{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.1}.media-card h3{font-size:1.5rem}.media-card .media-content p{font-size:.94rem}.closing{padding-top:96px;padding-bottom:96px}.closing h2{max-width:780px}.closing>.section-label{color:var(--blue-soft)}.footer-inner{min-height:104px;font-size:.875rem;letter-spacing:0;text-transform:none}.signature{font-family:var(--serif);color:#dbe2eb;font-size:1.1rem;font-style:italic}
@media(max-width:1000px){.hero-grid{gap:38px}.nav-links{gap:18px}.hero{min-height:auto}.hero-image{aspect-ratio:3/4}.section-head,.experience-row,.approach-row{gap:38px}.about-grid{gap:40px}.media-feature{min-height:650px}}
@media(min-width:761px) and (max-width:920px){.nav-links a:not(.nav-cta){display:block}.about-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.hero-visual{width:auto}.media-stack{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.media-card .media-content p{display:block}}
@media(max-width:760px){html{scroll-padding-top:90px}section{padding:70px 24px}.nav-inner{height:72px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;padding:20px 24px;background:#081321;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a:not(.nav-cta){display:block}.nav-links a{padding:13px 0}.nav-links .nav-cta{padding:12px;margin-top:10px;text-align:center}.wordmark span:last-child{display:inline}.hero{padding-top:120px;padding-bottom:64px}.hero-grid{grid-template-columns:1fr;gap:45px}h1{font-size:clamp(3.35rem,10vw,4.5rem);max-width:620px}.hero-visual{max-width:520px;width:calc(100% - 12px);min-height:0;margin-left:12px}.hero-image{aspect-ratio:5/4}.hero-image img{object-position:center 36%}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.experience-row{grid-template-columns:1fr;gap:20px;padding:27px 0}.experience-row .result-label{max-width:none}.approach-row{grid-template-columns:1fr;gap:18px}.approach-row h3{max-width:none}.about{padding:70px 24px}.about-grid{grid-template-columns:1fr;gap:38px}.portrait-frame{max-width:470px;min-height:0}.portrait-frame img{aspect-ratio:4/4.3}.about-copy{padding:0}.media-grid{grid-template-columns:1fr}.media-feature{min-height:450px}.media-stack{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.media-card{min-height:215px}.media-card .media-content p{display:block}.footer-inner{flex-direction:column;gap:14px;padding:30px 0;text-align:center}.current-role{max-width:100%}}
@media(max-width:380px){.wordmark{font-size:.75rem;gap:10px;letter-spacing:.1em}.nav-inner{width:calc(100% - 32px)}h1{font-size:3.15rem}.hero-actions{gap:18px}.media-content{padding:24px}}

.closing .section-label { justify-content: center; }