:root{--ink:#0e1b1e;--ink-deep:#091316;--sand:#f2ede4;--sand-muted:#bcb7ad;--brass:#c99a4b;--brass-soft:#e0bd7b;--line:rgba(242,237,228,.14);--max:1160px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--sand);font:400 16px/1.65 "Work Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--brass);outline-offset:6px}::selection{background:var(--brass);color:var(--ink)}.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;padding:12px;background:var(--sand);color:var(--ink)}.skip-link:focus{top:16px}
.site-header{position:fixed;inset:0 0 auto;z-index:40;background:rgba(14,27,30,.8);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid transparent;transition:border-color .3s}.site-header.scrolled{border-color:var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:32px}.wordmark{display:flex;align-items:baseline;gap:8px;text-decoration:none}.wordmark strong{font:500 27px "Fraunces",serif;letter-spacing:-1px}.wordmark span{font-size:11px;letter-spacing:2px;color:var(--brass);text-transform:uppercase}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px;align-items:center}.nav a:not(.wordmark){text-decoration:none;font-size:13px;color:var(--sand-muted);transition:color .2s}.nav a:hover{color:var(--sand)}.motion-toggle{border:1px solid var(--line);background:transparent;padding:6px 12px;border-radius:30px;font-size:12px;color:var(--sand-muted)}
.hero{padding:160px 0 68px;overflow:clip;position:relative;background:radial-gradient(ellipse at 50% 78%,rgba(201,154,75,.11),transparent 52%)}.hero-heading{text-align:center;position:relative;z-index:2}.eyebrow,.section-kicker{margin:0 0 25px;font-size:12px;letter-spacing:.16em;font-weight:500;text-transform:uppercase;color:var(--brass-soft)}h1,h2,h3,h4,p{overflow-wrap:break-word}.hero h1{margin:0;font:400 clamp(64px,8.2vw,118px)/.98 "Fraunces",serif;letter-spacing:-.055em}.hero h1 em,h2 em{font-weight:400;color:var(--brass-soft)}.hero-copy{margin:28px auto 26px;max-width:590px;font-size:18px;line-height:1.6;color:var(--sand-muted)}.pill-button{display:inline-flex;align-items:center;gap:24px;border-radius:100px;padding:13px 23px;background:var(--sand);color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;transition:transform .25s,box-shadow .25s}.pill-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}
.depth-stage{margin-top:68px;perspective:1400px}.depth-deck{height:330px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx,13deg)) rotateY(var(--ry,-8deg));transition:transform .65s cubic-bezier(.2,.7,.2,1)}.depth-card{--offset:calc(var(--i) - 2);position:absolute;left:calc(50% - 170px);top:10px;width:340px;height:230px;padding:28px;border:1px solid rgba(201,154,75,.36);border-radius:24px;text-decoration:none;background:linear-gradient(125deg,#20373b,#0e1b1e 75%);box-shadow:0 24px 45px #0007,inset 0 1px 0 #f2ede41a;transform:translateX(calc(var(--offset)*145px)) translateZ(calc(var(--i)*17px)) rotateY(-20deg) rotateZ(-7deg);transition:transform .8s cubic-bezier(.2,.7,.2,1),border-color .3s;display:flex;flex-direction:column;overflow:hidden}.depth-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#f2ede40a 45%,transparent 63%);pointer-events:none}.depth-card span{font-size:11px;letter-spacing:.08em;color:var(--brass-soft);text-transform:uppercase}.depth-card strong{font:400 36px/1.1 "Fraunces",serif;letter-spacing:-1px;margin:auto 0 10px}.depth-card small{color:var(--sand-muted);font-size:13px}.depth-card:hover,.depth-card:focus-visible{transform:translateX(calc(var(--offset)*145px)) translateZ(150px) translateY(-28px) rotateY(-8deg) rotateZ(-3deg);z-index:10;border-color:var(--brass)}.depth-stage.expanded .depth-card{transform:translateX(calc(var(--offset)*205px)) translateZ(0) rotateY(0) rotateZ(0);width:200px;left:calc(50% - 100px);padding:20px}.depth-stage.expanded .depth-card strong{font-size:29px}.stage-caption{display:flex;align-items:center;justify-content:center;gap:32px;color:var(--sand-muted);font-size:12px}.depth-toggle{border:0;background:transparent;color:var(--brass-soft);font-size:13px;padding:12px}.depth-toggle span{margin-left:8px}
.section{padding:120px 0;scroll-margin-top:78px}.section-head{display:block;margin-bottom:62px}.section-head h2{margin:0;font:400 clamp(42px,5.5vw,76px)/1.06 "Fraunces",serif;letter-spacing:-.045em;max-width:860px}.portfolio{background:var(--sand);color:var(--ink);border-radius:44px 44px 0 0;position:relative}.portfolio .section-kicker{color:#7d5c27}.portfolio h2 em{color:#906921}.venture-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.venture{position:relative;display:flex;flex-direction:column;gap:20px;padding:40px;border-radius:30px;background:#e9e4db;border:1px solid #0e1b1e0d;scroll-margin-top:100px;transition:transform .5s,box-shadow .5s;transform-style:preserve-3d}.venture:hover{box-shadow:0 24px 50px #0e1b1e12}.venture-number{font-size:12px;color:#716656;letter-spacing:.12em}.venture h3{margin:0 0 15px;font:400 clamp(33px,3.5vw,48px)/1.08 "Fraunces",serif;letter-spacing:-.04em}.venture-status{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;margin:0 0 22px;background:#0e1b1e0b;border-radius:30px;font-size:12px;color:#605647}.venture-status::before{content:"";width:5px;height:5px;border-radius:50%;background:#906921}.venture.live .venture-status::before{background:#2d6d5f}.venture-lede{margin:0;font-size:16px;line-height:1.65;color:#354144}.venture-link{display:inline-flex;gap:10px;align-items:center;margin-top:22px;font-size:14px;font-weight:500;text-decoration:none}.venture-link::after{content:"↗";color:#906921;transition:transform .2s}.venture-link:hover::after{transform:translate(2px,-2px)}.venture-meta{margin:12px 0 0;border-top:1px solid #0e1b1e26;padding-top:12px}.venture-meta div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;padding:10px 0}.venture-meta dt{font-size:12px;color:#756a5b}.venture-meta dd{margin:0;font-size:14px;line-height:1.55;color:#354144}.venture:last-child{grid-column:1/-1;display:grid;grid-template-columns:40px minmax(0,1.2fr) minmax(0,.8fr);gap:36px}.venture:last-child .venture-meta{align-self:end}.venture-visual{margin:0 0 24px;position:relative;aspect-ratio:16/8;border-radius:20px;overflow:hidden;background:var(--ink)}.venture-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;filter:saturate(.72);transition:transform 1s}.venture:hover .venture-visual img{transform:scale(1.045)}.venture-visual figcaption{position:absolute;bottom:10px;left:12px;font-size:11px;color:var(--sand);background:#091316c9;padding:3px 8px;border-radius:8px}
.thesis{background:var(--ink-deep)}.thesis-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:start}.thesis-statement{margin:0;font:400 clamp(26px,3.2vw,43px)/1.3 "Fraunces",serif;letter-spacing:-.025em;color:var(--sand-muted)}.principles{margin:0}.principles div{padding:24px 0;border-top:1px solid var(--line)}.principles dt{font-size:13px;color:var(--brass-soft)}.principles dd{margin:8px 0 0;color:var(--sand-muted);font-size:16px}.origin{background:#122529}.origin-grid{display:grid;grid-template-columns:200px 1fr;gap:40px}.origin-copy{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}.origin h2{font:400 clamp(36px,4.5vw,60px)/1.12 "Fraunces",serif;letter-spacing:-.04em;margin:0}.origin-text,.origin-note{font-size:16px;color:var(--sand-muted)}.origin-text{margin:25px 0 0}.origin-note{margin:0;padding-left:24px;border-left:1px solid var(--brass)}
#people .section-head{text-align:center;margin-inline:auto}#people h2{margin-inline:auto}.founder-grid{display:grid;grid-template-columns:320px 1fr;gap:80px;align-items:center;padding:50px 0}.founder-portrait{border-radius:50%;aspect-ratio:1;padding:10px;border:1px solid #c99a4b5e;box-shadow:0 28px 65px #0004;transform:perspective(900px) rotateY(-6deg);transition:transform .7s}.founder-portrait:hover{transform:perspective(900px) rotateY(0)}.founder-photo{display:block;width:100%;height:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center;filter:saturate(.8)}.founder-name{font:400 44px/1.1 "Fraunces",serif;margin:0 0 12px;letter-spacing:-.04em}.founder-role{color:var(--brass-soft);font-size:14px;margin:0 0 24px}.founder-bio{color:var(--sand-muted);font-size:16px;margin:0}.expertise{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.expertise div{border-top:1px solid var(--line);padding-top:15px}.expertise dt{font-size:15px}.expertise dd{font-size:13px;color:var(--sand-muted);margin:8px 0 0}.scroll-cue{font-size:14px;color:var(--brass-soft);text-underline-offset:6px}.team-intro{border-top:1px solid var(--line);padding-top:48px;margin-top:60px}.team-intro h3{font:400 34px "Fraunces",serif;margin:0 0 14px}.team-intro p{max-width:760px;color:var(--sand-muted);margin:0}.team-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}.team-role{background:#122529;border:1px solid var(--line);border-radius:22px;padding:24px}.team-role h4{margin:0 0 12px;font-size:17px;line-height:1.4;font-weight:500}.team-role span{font-size:12px;color:var(--brass-soft)}.team-role p{font-size:14px;color:var(--sand-muted);margin:16px 0 0}
.contact{padding:100px 0 30px;background:var(--brass);color:var(--ink);border-radius:44px 44px 0 0}.contact-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:90px;align-items:end}.contact .section-kicker{color:#233034}.contact h2{font:400 clamp(42px,5vw,70px)/1.05 "Fraunces",serif;letter-spacing:-.045em;margin:0}.contact-status{border-top:1px solid #0e1b1e50;padding-top:20px}.contact-status strong{font-size:13px;font-weight:500}.contact-status p{font-size:14px;color:#233034}footer{display:flex;justify-content:space-between;gap:20px;margin-top:80px;padding-top:24px;border-top:1px solid #0e1b1e33;font-size:12px}footer a{text-decoration:none}
@media(prefers-reduced-motion:no-preference){.motion-ready [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .85s,transform .85s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-reveal].visible{opacity:1;transform:translateY(0)}.hero-heading{animation:arrive 1s both}.depth-stage{animation:arrive 1.2s .12s both}@keyframes arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}}
html.motion-off{scroll-behavior:auto}.motion-off *, .motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}.motion-off [data-reveal]{opacity:1!important;transform:none!important}.motion-off .depth-deck{transform:none}.motion-off .founder-portrait{transform:none}
@media(max-width:1000px){.nav ul{gap:18px}.nav li:nth-child(2){display:none}.depth-stage{width:100%;overflow:visible}.depth-card{--offset:calc(var(--i) - 2);transform:translateX(calc(var(--offset)*110px)) translateZ(calc(var(--i)*17px)) rotateY(-20deg) rotateZ(-7deg)}.depth-stage.expanded .depth-card{transform:translateX(calc(var(--offset)*156px));width:150px;left:calc(50% - 75px);padding:16px}.depth-stage.expanded .depth-card strong{font-size:24px}.depth-card:hover,.depth-card:focus-visible{transform:translateX(calc(var(--offset)*110px)) translateZ(130px) translateY(-20px)}.founder-grid{grid-template-columns:240px 1fr;gap:48px}.origin-grid{grid-template-columns:1fr}.team-roles{grid-template-columns:1fr 1fr}.venture{padding:28px}.venture:last-child{grid-template-columns:1fr 1fr}.venture:last-child .venture-number{grid-column:1/-1}.thesis-grid,.contact-grid{gap:45px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{min-height:68px;gap:16px}.nav ul{gap:16px}.nav li:nth-child(4){display:none}.nav a:not(.wordmark){font-size:12px}.wordmark strong{font-size:23px}.wordmark span{font-size:9px}.motion-toggle{font-size:11px;padding:5px 8px}.hero{padding:132px 0 50px}.hero h1{font-size:clamp(56px,13vw,88px)}.hero-copy{font-size:16px}.eyebrow{font-size:10px}.depth-stage{width:100%;margin-top:45px}.depth-deck{height:280px;transform:rotateX(8deg) rotateY(-6deg)}.depth-card{width:240px;height:190px;left:calc(50% - 120px);padding:22px;transform:translateX(calc(var(--offset)*45px)) translateZ(calc(var(--i)*10px)) rotateZ(-9deg)}.depth-card strong{font-size:31px}.depth-card:hover,.depth-card:focus-visible{transform:translateX(calc(var(--offset)*45px)) translateZ(110px) translateY(-15px)}.depth-stage.expanded .depth-deck{height:auto;display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory;padding:15px 24px 34px;transform:none}.depth-stage.expanded .depth-card{position:relative;inset:auto;flex:0 0 245px;width:245px;transform:none;scroll-snap-align:center}.depth-stage.expanded .depth-card strong{font-size:31px}.stage-caption{gap:14px;font-size:11px}.depth-toggle{font-size:12px}.section{padding:80px 0}.section-head{margin-bottom:40px}.section-head h2{font-size:42px}.portfolio,.contact{border-radius:28px 28px 0 0}.venture-list,.thesis-grid,.origin-copy,.founder-grid,.contact-grid{grid-template-columns:1fr}.venture{padding:28px;border-radius:24px}.venture:last-child{display:flex}.venture-meta div{grid-template-columns:80px 1fr;gap:14px}.venture h3{font-size:38px}.thesis-grid{gap:32px}.origin-copy{gap:32px}.founder-grid{padding-top:12px;gap:36px}.founder-portrait{width:220px;margin:auto}.founder-name{font-size:39px}.expertise{gap:22px}.team-roles{grid-template-columns:1fr 1fr;gap:12px}.team-role{padding:20px}.team-role h4{font-size:16px}.contact{padding-top:72px}.contact-grid{gap:38px}footer{margin-top:50px;flex-wrap:wrap}.founder-portrait{transform:none}}
@media(max-width:380px){.nav ul{gap:10px}.nav li:nth-child(3){display:none}.team-roles,.expertise{grid-template-columns:1fr}.hero h1{font-size:54px}}
.depth-deck.depth-six .depth-card{--offset:calc(var(--i) - 2.5)}
.venture-links{display:flex;gap:20px;flex-wrap:wrap}
#karibu-stay.venture,.venture-list>.venture:last-child{grid-column:auto;display:flex;gap:20px}
#karibu-stay .venture-meta,.venture-list>.venture:last-child .venture-meta{align-self:stretch}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.depth-deck,.founder-portrait{transform:none}[data-reveal]{opacity:1!important;transform:none!important}}