:root { --paper:#ebe6da; --ink:#131313; --ink-soft:#393831; --acid:#c8ff38; --line:rgba(19,19,19,.19); --mono:"DM Mono", monospace; --sans:"DM Sans", Arial, sans-serif; --serif:"Libre Baskerville", Georgia, serif; --max:1280px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--paper); }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); }
a { color:inherit; text-decoration:none; }
.page-frame { overflow:hidden; }
.site-header { min-height:94px; max-width:var(--max); margin:0 auto; padding:18px 40px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid var(--line); }
.wordmark { display:flex; align-items:baseline; gap:13px; font-weight:700; }
.wordmark-ury { font-family:var(--mono); font-size:19px; letter-spacing:-.08em; }
.wordmark-name { font-size:15px; letter-spacing:-.04em; }
nav { display:flex; align-items:center; gap:24px; font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
nav a:not(.header-cta) { border-bottom:1px solid transparent; transition:border .2s ease; }
nav a:not(.header-cta):hover { border-color:var(--ink); }
.header-cta { padding:12px 14px; background:var(--ink); color:var(--paper); transition:background .2s ease, transform .2s ease; }
.header-cta:hover { background:var(--ink-soft); transform:translateY(-2px); }
.header-cta span { color:var(--acid); margin-left:7px; }
.hero, .section-pad { max-width:var(--max); margin:0 auto; padding-left:40px; padding-right:40px; }
.hero { padding-top:20px; }
.hero-index, .section-marker { display:flex; justify-content:space-between; font-family:var(--mono); font-size:10px; letter-spacing:.08em; }
.hero-index { padding-bottom:31px; border-bottom:1px solid var(--line); }
.hero-index span { color:var(--ink-soft); }
.hero-layout { display:grid; grid-template-columns:1.05fr .95fr; min-height:540px; align-items:center; gap:48px; }
.label { margin:0 0 20px; font-family:var(--mono); font-size:11px; letter-spacing:.11em; font-weight:500; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { letter-spacing:-.05em; font-weight:500; }
h1 { max-width:720px; margin-bottom:28px; font-size:clamp(52px,7vw,96px); line-height:.94; }
h1 em { font-family:var(--serif); font-size:.91em; font-weight:400; }
.lead { max-width:530px; color:var(--ink-soft); font-size:19px; line-height:1.55; }
.underlined-link { display:inline-flex; align-items:center; gap:24px; margin-top:22px; padding-bottom:6px; border-bottom:2px solid var(--ink); font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.monogram-wrap { position:relative; width:min(100%,460px); aspect-ratio:1; margin:auto; display:grid; place-items:center; background:var(--acid); }
.monogram { font-family:var(--mono); font-size:clamp(68px,9vw,126px); font-weight:500; letter-spacing:-.12em; }
.monogram span { font-size:.5em; }
.monogram-wrap p { position:absolute; left:26px; bottom:25px; margin:0; font-family:var(--mono); font-size:9px; letter-spacing:.08em; line-height:1.5; }
.corner { position:absolute; width:23px; height:23px; border-color:var(--ink); }
.corner-tl { top:14px; left:14px; border-top:2px solid; border-left:2px solid; }.corner-tr { top:14px; right:14px; border-top:2px solid; border-right:2px solid; }.corner-bl { bottom:14px; left:14px; border-bottom:2px solid; border-left:2px solid; }.corner-br { bottom:14px; right:14px; border-bottom:2px solid; border-right:2px solid; }
.ticker { display:flex; width:calc(100% + 80px); margin-left:-40px; overflow:hidden; padding:12px 0; background:var(--ink); color:var(--acid); font-family:var(--mono); font-size:11px; letter-spacing:.14em; white-space:nowrap; }
.ticker span { flex:0 0 auto; padding-right:36px; animation:drift 18s linear infinite; }
.company,.portfolio,.partner { padding-top:126px; padding-bottom:126px; border-top:1px solid var(--line); }
.section-marker span { color:var(--ink-soft); }
.company-layout { display:grid; grid-template-columns:1.13fr .87fr; gap:9vw; margin-top:46px; }
.company h2 { max-width:700px; font-size:clamp(38px,4.8vw,65px); line-height:1.03; }
.company-copy { padding-top:12px; color:var(--ink-soft); font-size:17px; line-height:1.65; }
.company-copy p + p { margin-top:24px; }
.principles { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:82px; border-top:1px solid var(--line); }
.principle { padding:27px 30px 12px 0; border-right:1px solid var(--line); }
.principle + .principle { padding-left:30px; }.principle:last-child { border:0; padding-right:0; }
.principle span { font-family:var(--mono); font-size:10px; }.principle h3 { max-width:210px; margin:23px 0 10px; font-size:21px; line-height:1.1; letter-spacing:-.04em; }.principle p { max-width:250px; color:var(--ink-soft); font-size:14px; line-height:1.5; }
.portfolio { background:var(--ink); color:var(--paper); max-width:none; padding-left:max(40px,calc((100vw - var(--max))/2 + 40px)); padding-right:max(40px,calc((100vw - var(--max))/2 + 40px)); }.portfolio .section-marker { max-width:var(--max); margin:auto; }.portfolio .section-marker span { color:var(--acid); }.portfolio-intro { max-width:620px; margin:42px auto 48px 0; color:#d0cbbf; font-size:18px; line-height:1.6; }.portfolio-grid { max-width:var(--max); margin:auto; display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid rgba(235,230,218,.22); border-left:1px solid rgba(235,230,218,.22); }.portfolio-card { min-height:440px; padding:25px 27px 28px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid rgba(235,230,218,.22); border-bottom:1px solid rgba(235,230,218,.22); background:#1b1b19; }.portfolio-card.accent-card { background:#35331e; }.rich-rooster-card { grid-column:span 2; min-height:310px; background:#27211d; }.rich-rooster-card .card-copy { max-width:580px; }.card-meta { display:flex; justify-content:space-between; gap:15px; color:#c8c2b5; font-family:var(--mono); font-size:9px; letter-spacing:.08em; }.portfolio-card h2 { max-width:460px; margin:7px 0 0; font-size:clamp(42px,5vw,69px); line-height:.88; }.portfolio-card h2 sup { color:var(--acid); font-family:var(--mono); font-size:.25em; }.card-copy { max-width:420px; margin:0; color:#d0cbbf; font-size:16px; line-height:1.55; }.card-note { margin:12px 0 0; color:#aba598; font-family:var(--mono); font-size:10px; line-height:1.45; letter-spacing:.03em; }.card-link { align-self:flex-start; margin-top:12px; padding-bottom:5px; color:var(--acid); border-bottom:1px solid var(--acid); font-family:var(--mono); font-size:11px; letter-spacing:.05em; }.card-link span { margin-left:10px; }.portfolio-note { max-width:590px; margin:32px auto 0 0; color:#aaa497; font-family:var(--mono); font-size:11px; line-height:1.6; }
.project-card { max-width:var(--max); margin:42px auto 0; padding:26px 28px; background:#242421; border:1px solid rgba(235,230,218,.17); }.project-card-top,.project-card-bottom { display:flex; justify-content:space-between; gap:20px; font-family:var(--mono); font-size:10px; letter-spacing:.08em; }.project-card-top { padding-bottom:60px; color:#c8c2b5; }.project-card-main { display:grid; grid-template-columns:1fr .65fr; gap:40px; align-items:end; }.project-card-main h2 { margin:0; font-size:clamp(55px,7vw,93px); line-height:.88; }.project-card-main sup { color:var(--acid); font-family:var(--mono); font-size:.25em; }.project-card-main p { max-width:340px; margin:0 0 10px; color:#d0cbbf; font-size:17px; line-height:1.6; }.project-card-bottom { align-items:end; margin-top:76px; color:#c8c2b5; }.project-card-bottom a { color:var(--acid); border-bottom:1px solid var(--acid); padding-bottom:5px; }.project-card-bottom a span { margin-left:12px; }
.founder { padding-top:126px; padding-bottom:126px; }.founder-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:9vw; margin-top:48px; padding-top:48px; border-top:4px solid var(--ink); }.founder-pull p { max-width:610px; margin:0; font-family:var(--serif); font-size:clamp(42px,5.3vw,75px); line-height:.96; letter-spacing:-.06em; }.founder-pull em { font-weight:400; }.founder-copy { max-width:550px; color:var(--ink-soft); font-size:17px; line-height:1.68; }.founder-copy p + p { margin-top:21px; }.founder-copy strong { color:var(--ink); }.founder-copy .founder-signoff { margin-top:28px; color:var(--ink); font-family:var(--serif); font-size:25px; font-style:italic; }
.partner-panel { display:grid; grid-template-columns:1.08fr .92fr; gap:11vw; margin-top:49px; padding:52px 0 0; border-top:4px solid var(--ink); }.partner h2 { max-width:660px; font-size:clamp(39px,5vw,67px); line-height:1.02; }.partner-copy { padding-top:9px; }.partner-copy p { color:var(--ink-soft); font-size:17px; line-height:1.65; }.contact-link { display:inline-block; margin-top:19px; color:var(--ink); font-family:var(--mono); font-size:16px; padding-bottom:7px; border-bottom:2px solid var(--acid); }.contact-link span { color:var(--ink-soft); margin-left:10px; }
footer { max-width:var(--max); margin:0 auto; padding:32px 40px 43px; display:grid; grid-template-columns:1.2fr 1.2fr .6fr; gap:30px; border-top:1px solid var(--line); font-family:var(--mono); color:var(--ink-soft); font-size:10px; line-height:1.6; }.footer-wordmark { color:var(--ink); font-size:11px; }.footer-wordmark span { margin-right:7px; font-weight:700; } footer p { margin:0; } footer p:last-child { text-align:right; }
.reveal { opacity:0; transform:translateY(20px); transition:opacity .65s ease,transform .65s ease; }.reveal.is-visible { opacity:1; transform:translateY(0); }.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}
@keyframes drift { to { transform:translateX(-100%); } }
@media (max-width:800px) { .site-header,.hero,.section-pad,footer { padding-left:24px; padding-right:24px; }.site-header { min-height:76px; }.wordmark-name,nav>a:not(.header-cta) { display:none; } nav { margin-left:auto; }.hero { padding-top:18px; }.hero-layout,.company-layout,.founder-layout,.partner-panel,.project-card-main { grid-template-columns:1fr; }.hero-layout { min-height:auto; padding:73px 0; gap:53px; }.monogram-wrap { max-width:360px; }.ticker { width:calc(100% + 48px); margin-left:-24px; }.company,.portfolio,.founder,.partner { padding-top:82px; padding-bottom:82px; }.principles { grid-template-columns:1fr; margin-top:53px; }.principle,.principle + .principle { padding:24px 0; border-right:0; border-bottom:1px solid var(--line); }.principle:last-child { border-bottom:0; }.portfolio { padding-left:24px; padding-right:24px; }.portfolio-grid { grid-template-columns:1fr; }.portfolio-card,.rich-rooster-card { min-height:375px; grid-column:auto; }.project-card { padding:22px; }.project-card-top { padding-bottom:46px; }.project-card-bottom { flex-direction:column; align-items:flex-start; gap:23px; margin-top:52px; }.founder-layout { gap:35px; padding-top:36px; }.partner-panel { gap:30px; padding-top:36px; } footer { grid-template-columns:1fr; gap:15px; } footer p:last-child { text-align:left; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.reveal{opacity:1;transform:none;transition:none}.ticker span{animation:none} }