@font-face{font-family:Inter;src:url('/assets/fonts/Inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/Inter-700.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:2rem}body{margin:0;font:400 1.0625rem/1.6 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink)}
h1,h2,h3,p,figure{margin:0}h1,h2{line-height:1.05;overflow-wrap:break-word}h3{line-height:1.3}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex='-1']:focus-visible{outline:3px solid var(--focus);outline-offset:5px}::selection{background:var(--select);color:var(--ink)}
.wrap{width:min(calc(100% - 8rem),82rem);margin-inline:auto}.skip{position:absolute;left:1rem;top:-8rem;padding:.75rem 1rem;z-index:20;background:var(--ink);color:var(--bg)}.skip:focus{top:1rem}.brand{font-weight:700;letter-spacing:-.075em;font-size:2rem;text-decoration:none;line-height:1.1;display:inline-flex;align-items:center;gap:.7rem}.nav{display:flex;justify-content:space-between;align-items:center;gap:2rem;min-height:6.5rem}.nav-right{display:flex;align-items:center;gap:2.5rem;font-size:.9375rem}.nav-right a{min-height:2.75rem;display:inline-flex;align-items:center;gap:1.3rem}.eyebrow{font-size:.875rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.5}.actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:3.5rem;max-width:100%;padding:.8rem 1.25rem;border:1px solid currentColor;text-decoration:none;font-weight:500;font-size:1rem}.cta:hover{filter:brightness(.92)}.footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-block:2rem;font-size:.875rem}.footer a{min-height:2.75rem;display:inline-flex;align-items:center}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}svg{max-width:100%}img{max-width:100%;height:auto}main>section:focus{outline-offset:-3px}
@media(max-width:1050px){.wrap{width:calc(100% - 5rem)}}
@media(max-width:700px){.wrap{width:calc(100% - 3rem)}.nav{min-height:5.5rem;gap:1rem;flex-wrap:wrap;padding-block:1rem}.nav-right{gap:1rem}.brand{font-size:1.8rem}.actions{gap:1rem}.cta{gap:1rem}.footer{padding-block:1.5rem}.footer .brand{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media print{.nav-right,.actions{display:none}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.brand img{display:block;width:8.75rem;height:auto}.footer .brand img{width:7rem}.nav>*,.actions>*,section>div>*{min-width:0}
:root{--bg:#0b0b0e;--ink:#f7f7fa;--pink:#f9a1cd;--muted:#c1c1c9;--line:#3e3e48;--focus:#f9a1cd;--select:#73344e;--field:#121216;--field-text:#fff;--field-border:#73737e;--placeholder:#b9b9c4;--check:#f9a1cd;--note:#bcbcc6}
.wrap{width:min(calc(100% - 7rem),82rem)}.nav{min-height:6rem;border-bottom:1px solid var(--line)}.nav-right a{text-decoration:none}.eyebrow{font-size:.875rem;letter-spacing:.09em}.cta{background:var(--pink);color:#181019;border-color:var(--pink);min-height:3.5rem}.actions{gap:1.25rem}.intro-copy{font-size:1.125rem;line-height:1.65;color:var(--muted);max-width:36rem}.footer{border-top:1px solid var(--line);margin-top:2rem}.footer>a:last-child{color:var(--pink)}.section-heading{font-size:clamp(2.75rem,4.4vw,4.25rem);font-weight:500;letter-spacing:-.055em;max-width:48rem}.principle-title{font-size:1.65rem;font-weight:500;letter-spacing:-.035em;line-height:1.2}.principle-copy{font-size:1.0625rem;line-height:1.7;color:var(--muted)}
h3,p{overflow-wrap:anywhere}
@media(max-width:1050px){.wrap{width:calc(100% - 5rem)}}
@media(max-width:700px){.wrap{width:calc(100% - 3rem)}.nav{min-height:5.5rem}.nav-right{font-size:.875rem}.intro-copy{font-size:1rem}.footer{margin-top:1rem}.section-heading{font-size:2.5rem}}

.exposed-hero{background:#000;overflow:hidden}.exposed-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:1.5rem;align-items:center;min-height:43rem}.exposed-copy{position:relative;z-index:1;padding-block:4.5rem}.exposed-copy .eyebrow{color:var(--pink);margin-bottom:1.8rem}.exposed-copy h1{font-size:clamp(3.5rem,5.6vw,5.5rem);font-weight:500;line-height:1.03;letter-spacing:-.065em;max-width:11ch}.exposed-copy h1 em{font-style:normal;color:var(--pink)}.exposed-copy .intro-copy{font-size:1.0625rem;max-width:32rem;margin-top:1.6rem}.exposed-copy .actions{margin-top:2rem}.exposed-art{position:relative;align-self:stretch;min-width:0;margin-right:-3.5rem;display:flex;align-items:center}.exposed-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:69% 50%}.exposed-art figcaption{position:absolute;bottom:2rem;right:3.5rem;left:2rem;font-size:.875rem;color:#eee;text-align:right}.art-label{display:inline-block;background:#000b;border-top:1px solid var(--pink);padding-top:.7rem;max-width:19rem}.evidence-section{padding-block:5rem}.evidence-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:6rem;margin-bottom:4rem}.evidence-intro .eyebrow{color:var(--pink);margin-bottom:1.5rem}.evidence-intro p{align-self:end}.evidence-rows{border-top:1px solid var(--line)}.evidence-row{display:grid;grid-template-columns:.22fr .78fr 1fr;gap:3rem;padding-block:2rem;border-bottom:1px solid var(--line)}.evidence-row>span{font-size:.875rem;color:var(--pink);padding-top:.35rem}
@media(max-width:1050px){.exposed-grid{grid-template-columns:1.1fr 1fr;gap:0}.exposed-copy h1{font-size:3.8rem}.exposed-art{margin-right:-2.5rem}.exposed-art figcaption{right:2rem}.evidence-intro{gap:3rem}.evidence-row{gap:1.5rem}}
@media(max-width:700px){.exposed-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0}.exposed-copy{padding-block:3rem 1.5rem}.exposed-copy h1{font-size:3.25rem;max-width:12ch}.exposed-copy .eyebrow{font-size:.8125rem;margin-bottom:1.3rem}.exposed-copy .actions{align-items:flex-start;flex-direction:column;gap:.5rem}.exposed-art{height:22rem;margin:0 -1.5rem;min-height:22rem}.exposed-art img{object-position:68% 50%}.exposed-art figcaption{right:1.5rem;bottom:1.5rem;left:1.5rem}.evidence-section{padding-block:3rem}.evidence-intro{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-bottom:2.5rem}.evidence-row{grid-template-columns:2rem minmax(0,1fr);gap:.75rem;padding-block:1.5rem}.evidence-row .principle-copy{grid-column:2}.evidence-row .principle-title{font-size:1.5rem}}

/* The two approved compositions stay fixed; these tokens carry each material
   palette through the entire page and every form state. */
.variation{--bg:#0a0c0b;--ink:#f6f8f5;--muted:#bec6c0;--line:#414b44;--accent:#d7ef54;--accent-ink:#14170c;--accent-line:#76862f;--accent-dark:#3d4e08;--pink:var(--accent);--focus:var(--accent);--select:#35451f;--field:#111610;--field-text:#f6f8f5;--field-border:#78806f;--placeholder:#b9c3b3;--check:var(--accent);--note:#bec6b8}
.theme-jade{--bg:#080d0c;--muted:#bdcec8;--line:#3b5149;--accent:#68e1c0;--accent-ink:#0b2119;--accent-line:#408e76;--accent-dark:#135943;--select:#1b5341;--field:#0e1a16;--field-border:#6b9485;--placeholder:#b0cabf;--note:#bdd0c7}
.variation .nav{border-color:var(--line)}
.variation .cta{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.variation .exposed-hero{background:var(--bg)}
.variation .exposed-art img{object-position:60% center}
.variation .art-label{background:#080a08d9}
.variation .perspective{border-color:var(--accent-line)}
.variation .perspective .eyebrow{color:var(--accent)}
.variation .shared-caption{color:var(--muted)}
.variation .shared-caption strong{color:var(--ink)}
.variation .counter-material img{mix-blend-mode:lighten}
.variation .counter-material figure{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center}
.variation .counter-principles{background:#edf0eb;color:#1c261d;--muted:#4e5a4d}
.variation .counter-principles-head .eyebrow{color:var(--accent-dark)}
.variation .counter-points article{border-color:#283726}
.theme-jade-light{--bg:#f2f6f3;--ink:#17352a;--muted:#4b6357;--line:#a3b7a9;--accent:#106c53;--accent-ink:#fff;--accent-line:#629581;--accent-dark:#106c53;--focus:#106c53;--select:#bee8d2;--field:#fff;--field-text:#17352a;--field-border:#6e8f7b;--placeholder:#4c6856;--check:#106c53;--note:#4b6357}
.theme-jade-light .counter-material img{mix-blend-mode:darken;width:85%}
.theme-jade-light .counter-principles{background:#153e31;color:#f3f8f4;--muted:#c0d7c9}
.theme-jade-light .counter-principles-head .eyebrow{color:#bde4ce}
.theme-jade-light .counter-points article{border-color:#789889}
@media(max-width:700px){.variation .exposed-art img{object-position:60% center}}

/* Let the material belong to the hero, with fades on the image only.
   Captions and interactive content stay above the artwork. */
.exposed-hero,
.variation .exposed-hero {
  background: var(--bg);
  isolation: isolate;
}

.exposed-art {
  margin-left: clamp(-20rem, -23vw, -10rem);
  pointer-events: none;
}

.exposed-art img {
  object-position: 66% center;
  -webkit-mask-image:
    linear-gradient(to right, transparent, #000 48%, #000 94%, transparent),
    linear-gradient(to bottom, transparent, #000 17%, #000 72%, transparent);
  mask-image:
    linear-gradient(to right, transparent, #000 48%, #000 94%, transparent),
    linear-gradient(to bottom, transparent, #000 17%, #000 72%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.exposed-art figcaption {
  z-index: 1;
}

.exposed-art .art-label {
  background: transparent;
  text-shadow: 0 1px 12px var(--bg);
}

.counter-hero {
  position: relative;
  isolation: isolate;
}

/* A faint continuation of the material's light reaches behind the title. */
.counter-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 4% 2rem;
  background: radial-gradient(ellipse at 50% 52%,
    color-mix(in srgb, var(--pink) 7%, transparent), transparent 68%);
  pointer-events: none;
}

.counter-material {
  margin-top: 0;
}

.counter-material figure {
  margin-inline: 0;
  pointer-events: none;
}

.counter-material img {
  -webkit-mask-image:
    linear-gradient(to right, transparent, #000 19%, #000 81%, transparent),
    linear-gradient(to bottom, transparent, #000 6%, #000 93%, transparent);
  mask-image:
    linear-gradient(to right, transparent, #000 19%, #000 81%, transparent),
    linear-gradient(to bottom, transparent, #000 6%, #000 93%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.shared-caption {
  position: relative;
}

/* Shared, concise investment narrative and email signup. */
.exposed-art picture { display: contents; }
.value-section { padding-block: 5rem; background: #10211c; }
.value-intro { max-width: 53rem; margin-bottom: 3rem; }
.value-intro .eyebrow { color: var(--accent); margin-bottom: 1.5rem; }
.value-intro .intro-copy { margin-top: 1.5rem; }
.value-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; }
.value-steps article { border-top: 1px solid var(--line); padding-top: 1.5rem; }
.step-number { color: var(--accent); font-size: .875rem; }
.value-steps h3 { font-size: 1.65rem; font-weight: 500; letter-spacing: -.035em; margin-top: 1rem; }
.value-steps p { color: var(--muted); margin-top: 1rem; max-width: 29rem; }
.updates-dialog { background: var(--bg); color: var(--ink); border: 1px solid var(--line); padding: 3rem; width: min(32rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); margin: auto; overflow: auto; }
.updates-dialog::backdrop { background: #030a08b8; backdrop-filter: blur(8px); }
.updates-dialog h2 { font-size: 2.75rem; letter-spacing: -.055em; font-weight: 500; }
.updates-dialog > p { margin-top: .75rem; color: var(--muted); }
.dialog-close { position: absolute; right: .5rem; top: .5rem; background: transparent; border: 0; color: var(--muted); width: 2.75rem; height: 2.75rem; font-size: 2rem; line-height: 1; }
.updates-form { margin-top: 2rem; }
.updates-form label { display: block; font-size: .9375rem; font-weight: 500; margin-bottom: .5rem; }
.updates-form input[type=email] { width: 100%; min-height: 3.5rem; padding: .75rem 1rem; border: 1px solid var(--field-border); background: var(--field); color: var(--field-text); border-radius: 0; }
.updates-form input::placeholder { color: var(--placeholder); }
.signup-consent { margin-top: 1rem; color: var(--muted); font-size: .8125rem; line-height: 1.6; }
.updates-form .cta { margin-top: 1.5rem; width: 100%; }
.updates-form .cta:disabled { opacity: .6; cursor: wait; }
.signup-message { margin-top: 1.25rem; font-size: .9375rem; }
.signup-message:empty { display: none; }
.signup-message[data-state=error] { border-left: 2px solid var(--accent); padding-left: .75rem; }
.signup-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.privacy-content { max-width: 48rem; padding-block: 4rem; }
.privacy-content h1 { font-size: 3rem; letter-spacing: -.055em; margin-bottom: 2rem; }
.privacy-content h2 { font-size: 1.5rem; margin-top: 2rem; }
.privacy-content p { margin-top: 1rem; color: var(--muted); }
@media(max-width:1050px) { .value-steps { gap: 2rem; } }
@media(max-width:700px) {
  .nav-right { gap: 1.2rem; }
  .value-section { padding-block: 3rem; }
  .value-steps { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .updates-dialog { padding: 2.75rem 1.5rem 2rem; }
  .updates-dialog h2 { font-size: 2.5rem; }
}

@media (max-width: 1050px) and (min-width: 701px) {
  .exposed-art { margin-left: -12rem; }
}

@media (max-width: 700px) {
  .exposed-copy { z-index: 2; }
  .exposed-art {
    margin: -4rem -1.5rem 0;
    height: 26rem;
    min-height: 26rem;
  }
  .exposed-art img {
    -webkit-mask-image: linear-gradient(to bottom,
      transparent, #000 30%, #000 69%, transparent);
    mask-image: linear-gradient(to bottom,
      transparent, #000 30%, #000 69%, transparent);
  }
  .exposed-art figcaption { bottom: 1.25rem; }
  .counter-material { margin-top: .5rem; }
  .counter-material figure { margin-inline: -1.5rem; }
}