:root{color-scheme:dark;--canvas:#050505;--surface:#0a0908;--surface-2:#11100e;--ink:#f5f2eb;--muted:#aaa69e;--line:#2a2722;--line-2:#433b30;--accent:#e8d5a8;--accent-ink:#050505;--art-gold:#efbf82;--danger:#d98d78;--page:min(100rem,calc(100vw - 3rem));--reading:60ch;--radius:3px;--font:"Geist","Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas)}body{margin:0;overflow-x:clip;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;z-index:100;inset:1rem auto auto 1rem;padding:.7rem 1rem;background:var(--accent);color:var(--accent-ink);transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{width:var(--page);min-height:5rem;margin:auto;display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:.75rem;font-weight:620;letter-spacing:.24em}.wordmark span{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--line-2);color:var(--accent);font-family:Georgia,serif;font-size:1rem;letter-spacing:0}.site-nav{margin-left:auto;display:flex;align-items:center;gap:2rem;font-size:.9rem;color:var(--muted)}.site-nav a:hover{color:var(--ink)}.nav-cta{padding:.65rem 1rem;border:1px solid var(--line-2);color:var(--ink)!important}.menu-button{display:none;margin-left:auto;border:1px solid var(--line-2);background:transparent;color:var(--ink);padding:.6rem .85rem}
.hero{width:var(--page);min-height:44rem;margin:auto;overflow:clip;display:grid;grid-template-columns:minmax(22rem,.78fr) minmax(35rem,1.35fr);align-items:center;gap:clamp(1.5rem,4vw,5rem);position:relative;isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;inset:8% -8% 0 26%;background:url('/assets/approved-hero.webp') 60% 60%/cover no-repeat;filter:blur(65px);opacity:.13;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 74%,transparent)}.hero-copy{z-index:1;padding:5rem 0}.eyebrow{margin:0 0 1.25rem;font-family:var(--mono);font-size:.73rem;line-height:1.4;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}h1,h2,h3{font-weight:430;letter-spacing:-.035em;line-height:1.04;margin:0;text-wrap:balance}h1{font-size:clamp(3rem,4.8vw,5.75rem)}h1 em{font-style:normal;color:var(--accent)}.lede{max-width:53ch;margin:1.75rem 0 0;font-size:clamp(1rem,1.15vw,1.18rem);color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem}.button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.15rem;border:1px solid var(--line-2);border-radius:var(--radius);font-weight:570;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button-primary:hover{background:#f2e4c1}.button-secondary:hover{border-color:var(--accent);color:var(--accent)}.maturity{display:flex;align-items:center;gap:.65rem;margin:2rem 0 0;color:var(--muted);font-size:.82rem}.maturity span{width:.42rem;height:.42rem;border-radius:50%;background:var(--art-gold);box-shadow:0 0 1.2rem var(--art-gold)}.hero-art{min-width:0;margin:0;position:relative}.hero-art img{display:block;width:100%;height:auto;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 84%,transparent);mask-composite:intersect}.hero-art figcaption{margin-top:-.8rem;text-align:center;color:#817b72;font-family:var(--mono);font-size:.67rem}
.thesis{width:var(--page);margin-inline:auto;padding:clamp(5rem,8vw,9rem) 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 5fr;gap:2rem}.section-number{font-family:var(--mono);color:#6d665d;margin:0}.thesis h2,.direction h2,.situation h2,.contact h2{font-size:clamp(2.2rem,4vw,4.5rem);max-width:18ch}.thesis div>p:last-child{max-width:var(--reading);margin:2rem 0 0;color:var(--muted);font-size:1.05rem}.principles{width:var(--page);margin-inline:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles article{padding:2.4rem 2rem 3rem 0;border-right:1px solid var(--line)}.principles article+article{padding-left:2rem}.principles article:last-child{border:0}.principles span{font-family:var(--mono);font-size:.72rem;color:var(--accent)}.principles h3{font-size:1.3rem;margin:2.4rem 0 1rem}.principles p{max-width:34ch;color:var(--muted);margin:0}.direction{width:var(--page);margin-inline:auto;padding:clamp(5rem,8vw,9rem) 0;display:grid;grid-template-columns:.85fr 1.2fr;gap:clamp(3rem,8vw,9rem)}.direction header>p:last-child{max-width:48ch;color:var(--muted);margin:1.5rem 0 0}.domain-index{border-top:1px solid var(--line)}.domain-index span{display:flex;align-items:center;min-height:3.5rem;border-bottom:1px solid var(--line);font-size:clamp(1rem,1.3vw,1.2rem)}.domain-index span::before{content:"";width:.32rem;height:.32rem;margin-right:1rem;background:var(--accent);transform:rotate(45deg)}.situation{width:var(--page);margin-inline:auto;padding:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:.65fr 1.4fr;gap:clamp(3rem,7vw,8rem);align-items:center;background:var(--surface);border:1px solid var(--line)}.situation p:last-child{max-width:var(--reading);color:var(--muted);margin:1.5rem 0 0}.situation-mark{aspect-ratio:1;max-width:25rem;position:relative;display:grid;place-items:center;margin:auto}.situation-mark::before,.situation-mark::after,.situation-mark span{content:"";position:absolute;border:1px solid var(--line-2);transform:rotate(45deg)}.situation-mark::before{width:66%;height:66%}.situation-mark::after{width:42%;height:42%;border-color:var(--accent)}.situation-mark span:nth-child(1){width:15%;height:15%;background:var(--accent);box-shadow:0 0 3rem #9b6f36}.situation-mark span:nth-child(2){width:86%;height:1px;border:0;background:linear-gradient(90deg,transparent,var(--line-2),transparent);transform:rotate(15deg)}.situation-mark span:nth-child(3){width:86%;height:1px;border:0;background:linear-gradient(90deg,transparent,var(--line-2),transparent);transform:rotate(-15deg)}.contact{width:var(--page);margin-inline:auto;padding:clamp(5rem,8vw,9rem) 0;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end}.contact>p{max-width:42ch;color:var(--muted);margin:0}.site-footer{width:var(--page);margin:0 auto;padding:2.5rem 0;display:grid;grid-template-columns:1fr auto;gap:1rem;border-top:1px solid var(--line);color:var(--muted)}.site-footer>div p{font-size:.8rem;margin:.8rem 0 0}.site-footer nav{display:flex;gap:1.5rem;font-size:.85rem}.site-footer small{grid-column:1/-1;font-family:var(--mono);font-size:.68rem}.not-found{min-height:100dvh;max-width:52rem;margin:auto;padding:8vw 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.not-found h1{margin:2rem 0 1rem}.not-found>p:not(.eyebrow){color:var(--muted);margin:0 0 2rem}
@media(max-width:64rem){:root{--page:min(100% - 2rem,56rem)}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:4.5rem 0 0}.hero-art{max-width:55rem}.direction,.situation{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.principles article,.principles article+article{padding:2rem 0;border-right:0;border-bottom:1px solid var(--line)}.principles article:last-child{border-bottom:0}.site-nav{display:none;position:absolute;z-index:10;left:1rem;right:1rem;top:4.3rem;padding:1rem;background:var(--surface);border:1px solid var(--line);flex-direction:column;align-items:stretch}.site-nav[data-open]{display:flex}.menu-button{display:block}.nav-cta{text-align:center}.thesis{grid-template-columns:auto 1fr}.contact{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}.site-footer small{grid-column:auto}}
@media(max-width:40rem){:root{--page:calc(100% - 2.5rem)}.site-header{min-height:4.5rem}.wordmark{font-size:.9rem}.hero-copy{padding-top:3.5rem}h1{font-size:clamp(2.65rem,13vw,4rem)}.lede{font-size:1rem}.actions{display:grid}.button{width:100%}.hero-art figcaption{margin-top:0}.thesis{grid-template-columns:1fr;gap:2.5rem}.thesis h2,.direction h2,.situation h2,.contact h2{font-size:2.35rem}.direction{gap:3rem}.situation{padding:3rem 1.5rem}.situation-mark{width:80%}.site-footer nav{display:grid;grid-template-columns:1fr 1fr}}
@media(min-width:125rem){:root{--page:120rem}.hero{min-height:48rem}.hero-copy{padding-left:2rem}.site-header,.site-footer{padding-inline:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}