@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;700;800&display=swap');:root{--bg:#090a0b;--line:#2a2927;--fg:#eeeae4;--muted:#b3ada5;--gold:#b69c79}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 5vw;border-bottom:1px solid var(--line);background:#0b0b0b}.brand{font-size:20px;font-weight:800}.brand span,.eyebrow{color:var(--gold)}.nav{display:flex;gap:21px;flex-wrap:wrap}.nav a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#bbb4ab}.nav a:hover,.nav a[aria-current]{color:white}.container{width:min(1170px,90%);margin:auto}.head{padding:95px 0 75px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 20%,#342b242f,transparent 50%)}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:700}.head h1{font:800 clamp(53px,9vw,108px)/.98 Manrope,sans-serif;letter-spacing:-.08em;margin:22px 0}.lead{color:var(--muted);font-size:clamp(17px,2vw,23px);max-width:820px;line-height:1.6}.content{padding:75px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.title{font:800 clamp(38px,5vw,65px)/1.1 Manrope,sans-serif;letter-spacing:-.075em;margin:16px 0}.prose p{font-size:17px;color:#b5afa7;line-height:1.95;margin:0 0 22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{display:flex;flex-direction:column;min-height:270px;background:linear-gradient(150deg,#161717,#0d0e0f);border:1px solid var(--line);padding:30px;transition:.2s}.card:hover{border-color:#b69c79;transform:translateY(-3px)}.card h3{font:750 28px/1.15 Manrope,sans-serif;letter-spacing:-.05em;margin:auto 0 15px}.card p,.muted{color:var(--muted);line-height:1.65}.timeline{border-left:1px solid var(--gold);padding-left:27px}.timeline article{padding:0 0 35px}.timeline h3{font-size:21px;margin:8px 0}.timeline p{color:var(--muted);max-width:700px}.button{display:inline-flex;gap:10px;border-bottom:1px solid var(--gold);padding:10px 0;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.chip{display:inline-block;border:1px solid #595044;border-radius:22px;padding:8px 15px;color:#c9b89e;margin:5px}.social{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.social span{width:45px;height:45px;display:grid;place-items:center;border:1px solid #51473d;border-radius:50%;color:#d6c9b6;font-size:11px}.foot{padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#999088;font-size:12px;border-top:1px solid var(--line)}.foot .social{flex:1}.fact{padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:130px 1fr;gap:20px}.fact strong{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.fact a:hover{color:var(--gold)}@media(max-width:850px){.top{align-items:flex-start;flex-direction:column}.nav{gap:13px}.head{padding:70px 0}.content{padding:50px 0}.split,.cards{grid-template-columns:1fr}.card{min-height:210px}.foot{flex-direction:column;text-align:center}.fact{grid-template-columns:100px 1fr}}
/* Clean dark hero on all inner pages; portrait retained on homepage only. */
.head{position:relative;isolation:isolate;overflow:hidden;min-height:450px;display:flex;align-items:end;background:radial-gradient(ellipse at 78% 30%,rgba(77,60,44,.21),transparent 58%),linear-gradient(145deg,#111213,#090a0b 70%)}
.head::before{content:none;background:none}
.head::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(0deg,#090a0b 0%,transparent 42%),linear-gradient(90deg,rgba(9,10,11,.16),transparent 80%)}
.head .container{position:relative;z-index:1;width:min(1170px,90%)}
@media(max-width:850px){.head{min-height:410px}.head::before{content:none;background:none}.head::after{background:linear-gradient(0deg,#090a0b,transparent 55%)}}

/* Center social icons exactly in the page footer, independent of side labels. */
@media(min-width:851px){.foot{position:relative;min-height:104px}.foot .social{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex:none;justify-content:center;width:max-content;max-width:45%}}
@media(max-width:850px){.foot .social{flex:none;width:100%;justify-content:center;margin:6px auto}}

/* Company logos in ventures overview cards */
.card .company-logo-frame{display:flex;align-items:center;justify-content:flex-start;width:100%;height:95px;margin:18px 0 6px;overflow:hidden}.card .company-logo-frame img{display:block;max-width:100%;max-height:95px;width:auto;height:auto;object-fit:contain;object-position:left center}.card:has(.company-logo-frame) h3{margin:24px 0 15px}.card:has(.company-logo-frame){min-height:310px}@media(max-width:850px){.card .company-logo-frame{height:78px}.card .company-logo-frame img{max-height:78px}}

/* CinestaAI card wordmark alignment */
.card:has(img[src*="cinestaai-logo"]) .company-logo-frame{justify-content:center;height:112px}.card:has(img[src*="cinestaai-logo"]) .company-logo-frame img{max-height:106px;max-width:100%;object-position:center;transform:scale(1.12)}@media(max-width:850px){.card:has(img[src*="cinestaai-logo"]) .company-logo-frame{height:90px}.card:has(img[src*="cinestaai-logo"]) .company-logo-frame img{max-height:86px}}


/* Responsive inner pages: spacing, navigation, logos, long links */
html,body{max-width:100%;overflow-x:clip}
img,svg{max-width:100%}
@media(max-width:850px){
.top{padding:18px 5vw;gap:17px}
.top .nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.top .nav a{font-size:10px;line-height:1.8}
.head{min-height:315px;padding:55px 0 50px}
.head h1{font-size:clamp(43px,10.5vw,68px);line-height:1.02;overflow-wrap:anywhere}
.lead{font-size:clamp(16px,4vw,20px)}
.content{padding:48px 0}
.split{gap:30px}
.title{font-size:clamp(34px,8vw,54px)}
.card{padding:24px;min-height:225px}
.card h3{margin:18px 0 12px;font-size:clamp(23px,6vw,29px)}
.card .company-logo-frame{height:78px}
.fact{grid-template-columns:1fr;gap:9px}
.fact a{overflow-wrap:anywhere}
.foot{padding:27px 5vw;gap:20px}
.foot .social{gap:10px;flex-wrap:wrap}
}
@media(max-width:480px){
.top{gap:15px}
.top .nav{column-gap:12px;row-gap:5px}
.top .nav a{font-size:10px}
.head{min-height:275px;padding:43px 0}
.head h1{font-size:clamp(41px,10vw,55px);letter-spacing:-.06em}
.prose p{font-size:15px;line-height:1.8}
.card{padding:22px}
.card:has(.company-logo-frame){min-height:240px}
.card .company-logo-frame{margin:10px 0 2px}
.social a{min-width:40px;height:40px}
}