:root{
--bg:#102134;
--bg-2:#1A293F;
--bg-3:#1A293F;
--ink:#f0ede7;
--muted:#aab5be;
--steel:#88939F;
--line:rgba(226,233,238,.16);
--bronze:#b48a50;
--bronze-soft:#d0ad72;
--header-h:78px;
--shell:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,video{display:block;width:100%;height:100%;object-fit:cover}
button{font:inherit}
.shell{width:min(calc(100% - 96px),var(--shell));margin:0 auto}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;padding:0 max(48px,calc((100vw - var(--shell))/2));background:rgba(5,14,23,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.09);transition:background .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease}
.site-header.scrolled{background:rgba(5,14,23,.93)}
.brand{display:flex;flex-direction:column;gap:4px;min-width:250px}
.brand-name{font-size:16px;letter-spacing:.28em;font-weight:500;color:#fff}
.brand-sub{font-size:7px;letter-spacing:.18em;color:var(--bronze-soft)}
.site-nav{margin-inline-start:auto;display:flex;align-items:center;gap:32px;font-size:12px;letter-spacing:.03em;color:#dce3e7}
.site-nav a{position:relative;padding:10px 0}
.site-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--bronze-soft);transition:right .25s ease}
.site-nav a:hover::after{right:0}
.site-nav a:last-child{margin-inline-start:16px;padding:10px 15px;border:1px solid rgba(208,173,114,.65);color:#fff}
.site-nav a:last-child::after{display:none}
.menu-toggle{display:none;background:none;border:0;color:#fff;text-transform:uppercase;letter-spacing:.15em;font-size:10px;align-items:center;gap:10px}.menu-toggle span{width:22px;height:1px;background:#fff;display:block;box-shadow:0 5px 0 #fff}
.video-intro-active .site-header{transform:translateY(-110%);opacity:0;pointer-events:none}
.video-intro-active.site-started .site-header{transform:none;opacity:1;pointer-events:auto}
.hero-scrub{height:1120vh;background:#02080e}
.hero-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#02080e;isolation:isolate}
#heroCanvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;background:#02080e;display:block}
.hero-film-shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,6,11,.34) 0%,rgba(1,6,11,.07) 42%,rgba(1,6,11,.12) 100%),linear-gradient(180deg,rgba(1,6,11,.15) 0%,transparent 28%,transparent 72%,rgba(1,6,11,.3) 100%)}
.film-copy{position:absolute;z-index:2;inset:0;pointer-events:none}
.film-cue{position:absolute;left:max(48px,calc((100vw - var(--shell))/2));top:50%;width:min(720px,72vw);opacity:0;transform:translate3d(0,26px,0);filter:blur(4px);will-change:opacity,transform,filter}
.film-cue--right{left:auto;right:max(48px,calc((100vw - var(--shell))/2));text-align:right}
.film-cue p{margin:0;color:#f5f1ea;font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-size:clamp(42px,5.5vw,92px);font-weight:400;line-height:.96;letter-spacing:-.045em;text-shadow:0 3px 26px rgba(0,0,0,.28)}
.film-cue p em{font-style:italic;color:#d7b175}
.film-index{display:block;margin-bottom:18px;color:#d7b175;font-size:9px;letter-spacing:.24em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.film-cue--brand{top:50%;width:auto;transform:translate3d(0,18px,0)}
.film-wordmark{display:block;color:#f8f4ec;font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-size:clamp(56px,8.5vw,146px);line-height:.9;letter-spacing:.16em;font-weight:400;text-shadow:0 3px 30px rgba(0,0,0,.28)}
.film-kicker{display:block;margin-top:24px;color:#d7b175;font-size:9px;letter-spacing:.36em}
.film-progress{position:absolute;z-index:3;left:max(48px,calc((100vw - var(--shell))/2));right:max(48px,calc((100vw - var(--shell))/2));bottom:29px;height:1px;background:rgba(255,255,255,.13);overflow:hidden;pointer-events:none}
.film-progress span{display:block;width:100%;height:100%;background:#d7b175;transform:scaleX(0);transform-origin:left center;will-change:transform}
.film-scroll-hint{position:absolute;z-index:3;right:max(48px,calc((100vw - var(--shell))/2));bottom:48px;display:flex;align-items:center;gap:12px;color:rgba(247,244,238,.72);font-size:8px;letter-spacing:.24em;transition:opacity .5s ease}
.film-scroll-hint i{display:block;width:28px;height:1px;background:#d7b175;position:relative}
.film-scroll-hint i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid #d7b175;border-bottom:1px solid #d7b175;transform:rotate(45deg)}
.section-pad{padding:150px 0}.section-pad-sm{padding:120px 0 70px}.eyebrow{margin:0 0 22px;font-size:9px;letter-spacing:.25em;color:var(--bronze-soft);text-transform:uppercase}.section-copy h2,.intro-row h2,.capabilities-copy h2,.focus h2,.opportunities h2,.about h2,.contact h2{font-size:clamp(44px,4.9vw,82px);line-height:1.02;letter-spacing:-.045em;font-weight:400;margin:0}.section-copy h2 em{font-style:normal;color:var(--bronze-soft)}.lede{font-size:22px;line-height:1.5;color:#d6dde2}.section-copy>p:not(.eyebrow):not(.lede){color:var(--muted);max-width:640px;font-size:16px;line-height:1.7}.text-link,.nda-link{display:inline-flex;gap:24px;margin-top:34px;padding-bottom:8px;border-bottom:1px solid rgba(208,173,114,.45);font-size:12px;letter-spacing:.06em;color:var(--bronze-soft)}
.approach{background:#081621}.approach-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:100px;align-items:center}.approach-visual{margin:0;height:min(70vh,760px);overflow:hidden;border:1px solid rgba(255,255,255,.09)}.approach-visual img{transform:scale(1.02);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.approach-visual:hover img{transform:scale(1.06)}
.edge-intro{background:#1A293F;border-top:1px solid var(--line)}.intro-row{display:grid;grid-template-columns:1.05fr .75fr;gap:130px;align-items:end}.intro-row>p{margin:0;color:var(--muted);font-size:17px;line-height:1.7;max-width:590px}
.edge-scroll{height:430vh;background:var(--bg-2)}.edge-sticky{position:sticky;top:0;height:100vh;overflow:hidden;padding-top:var(--header-h)}.edge-track{height:calc(100vh - var(--header-h) - 70px);display:flex;width:400vw;will-change:transform}.edge-panel{width:100vw;flex:0 0 100vw;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.6fr);gap:74px;align-items:center;padding:55px max(48px,calc((100vw - var(--shell))/2)) 42px}.edge-panel figure{margin:0;height:100%;max-height:680px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.edge-panel-copy{max-width:470px}.edge-panel-copy .num{display:block;color:var(--bronze-soft);font-size:12px;letter-spacing:.12em;margin-bottom:22px}.edge-panel-copy h3{font-size:clamp(36px,3.4vw,62px);line-height:1;letter-spacing:-.04em;font-weight:400;margin:0 0 24px}.edge-panel-copy p{font-size:17px;line-height:1.65;color:var(--muted)}.edge-rail{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.edge-rail span{padding-top:12px;border-top:1px solid rgba(255,255,255,.18);font-size:8px;letter-spacing:.18em;color:var(--steel)}.edge-rail span.active{border-color:var(--bronze-soft);color:#fff}
.capabilities{background:#102134;border-top:1px solid var(--line)}.capabilities-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:start}.capabilities-visual{position:sticky;top:120px;margin:0;height:72vh;max-height:790px;overflow:hidden}.capabilities-copy .lede{max-width:650px}.cap-list{margin-top:52px;border-top:1px solid var(--line)}.cap-list>div{display:grid;grid-template-columns:42px 1fr;column-gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.cap-list span{grid-row:1 / 3;color:var(--bronze-soft);font-size:10px}.cap-list h3{font-size:24px;font-weight:400;margin:0 0 7px}.cap-list p{margin:0;color:var(--muted);line-height:1.6}
.focus{background:#091927}.focus-head{margin-bottom:60px}.focus-image{margin:0;height:62vh;max-height:700px;overflow:hidden;border:1px solid var(--line)}.focus-image img{filter:saturate(.8) contrast(1.04) brightness(.88);object-position:center 38%}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:24px}.focus-grid article{padding:26px 0;border-top:1px solid var(--line)}.focus-grid h3{font-size:25px;font-weight:400;margin:0 0 12px}.focus-grid p{margin:0;color:var(--muted);line-height:1.65}
.opportunities{background:#102134}.opportunities-head{margin-bottom:70px}.mandate-table{border-top:1px solid var(--line)}.mandate-row{display:grid;grid-template-columns:1.1fr .55fr 1.55fr 1.45fr .45fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}.mandate-row>*{font-size:13px;line-height:1.5;color:var(--muted)}.mandate-row strong{font-size:18px;color:#fff;font-weight:400}.mandate-head{padding:12px 0}.mandate-head span{font-size:8px;letter-spacing:.18em;color:var(--bronze-soft)}.nda-link{margin-left:auto;margin-top:36px;width:max-content;display:flex}
.about{background:#1A293F}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;align-items:center}.founder{margin:0;height:720px;overflow:hidden;background:#0c1f30;display:flex;align-items:end;justify-content:center}.founder img{object-fit:contain;object-position:center bottom;filter:grayscale(1) contrast(1.04);height:100%;width:auto;max-width:100%}.about-copy h2{max-width:760px}.about-copy .lede{max-width:730px;margin:30px 0 34px}.founder-name{font-size:30px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}.founder-name span{display:block;font-size:9px;letter-spacing:.2em;color:var(--bronze-soft);margin-top:7px}.about-copy>p:not(.eyebrow):not(.lede){max-width:690px;color:var(--muted);font-size:15px;line-height:1.7}.founder-note{padding-top:20px;border-top:1px solid var(--line)}
.contact{position:relative;min-height:820px;display:flex;align-items:center;overflow:hidden;background:#050e17}.contact-bg{position:absolute;inset:0;filter:saturate(.7) brightness(.72)}.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,17,.92) 0%,rgba(3,10,17,.78) 46%,rgba(3,10,17,.48) 100%)}.contact-grid{position:relative;display:grid;grid-template-columns:1fr .85fr;gap:150px;align-items:start}.contact-grid>div:first-child>p:last-child{max-width:600px;color:#c5cfd6;font-size:18px;line-height:1.7}.contact-details{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.22)}.contact-details>div{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.16)}.contact-details span{display:block;font-size:8px;letter-spacing:.18em;color:var(--bronze-soft);margin-bottom:10px}.contact-details a{font-size:22px;border-bottom:1px solid rgba(255,255,255,.45)}.contact-details p{margin:0;color:#d7dee2;line-height:1.6}
.site-footer{background:#040b12;padding:70px 0 26px;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:70px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid>div>span{font-size:8px;letter-spacing:.18em;color:var(--bronze-soft);margin-bottom:10px}.footer-grid a{font-size:12px;color:#bfc9cf}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:58px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:8px;letter-spacing:.14em;color:var(--steel)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
@media (max-width: 980px){
:root{--header-h:64px}.shell{width:min(calc(100% - 40px),var(--shell))}.site-header{height:64px;padding:0 20px;background:rgba(5,14,23,.9)}.brand{min-width:0}.brand-name{font-size:14px}.site-nav{position:fixed;inset:64px 0 auto 0;background:#102134;border-top:1px solid var(--line);padding:24px 20px 36px;display:none;flex-direction:column;align-items:stretch;gap:4px}.site-nav.open{display:flex}.site-nav a{padding:14px 0;border-bottom:1px solid var(--line)}.site-nav a:last-child{margin:6px 0 0;padding:14px;border:1px solid rgba(208,173,114,.5)}.menu-toggle{display:flex;margin-inline-start:auto}.hero-scrub{height:960vh}.film-cue{left:20px;right:20px;top:51%;width:auto}.film-cue--right{left:20px;right:20px;text-align:left}.film-cue p{font-size:clamp(38px,11vw,58px)}.film-wordmark{font-size:clamp(44px,15vw,72px);letter-spacing:.1em}.film-kicker{font-size:6px;letter-spacing:.28em;margin-top:16px}.film-progress{left:20px;right:20px;bottom:20px}.film-scroll-hint{right:20px;bottom:36px;font-size:7px}.section-pad{padding:90px 0}.section-pad-sm{padding:80px 0 40px}.approach-grid,.capabilities-grid,.about-grid,.intro-row,.contact-grid{grid-template-columns:1fr;gap:48px}.approach-visual{height:58vh;grid-row:1}.section-copy{grid-row:2}.intro-row{gap:26px}.edge-scroll{height:auto}.edge-sticky{position:relative;height:auto;padding-top:0;overflow:visible}.edge-track{width:auto;height:auto;display:block;transform:none!important}.edge-panel{width:auto;display:grid;grid-template-columns:1fr;gap:25px;padding:60px 20px;border-bottom:1px solid var(--line)}.edge-panel figure{height:58vh}.edge-panel-copy{max-width:none}.edge-panel-copy h3{font-size:40px}.edge-rail{display:none}.capabilities-visual{position:relative;top:auto;height:56vh}.capabilities-copy h2,.section-copy h2,.intro-row h2,.focus h2,.opportunities h2,.about h2,.contact h2{font-size:clamp(40px,11vw,58px)}.focus-grid{grid-template-columns:1fr}.focus-image{height:48vh}.mandate-table{overflow-x:auto}.mandate-row{min-width:950px}.about-grid{gap:50px}.founder{height:590px}.contact{min-height:900px}.contact-grid{gap:70px}.footer-grid{grid-template-columns:1fr 1fr;gap:44px}.footer-bottom{flex-direction:column}
}
@media (max-width: 600px){
.film-cue{left:16px;right:16px}.film-cue--right{left:16px;right:16px}.film-progress{left:16px;right:16px}.film-scroll-hint{right:16px}.film-cue p{font-size:clamp(35px,10.8vw,48px)}.film-wordmark{font-size:clamp(39px,13.5vw,58px)}
.shell{width:calc(100% - 32px)}.site-header{padding:0 16px}.brand-name{font-size:13px}.brand-sub{font-size:6px}.section-pad{padding:76px 0}.approach-visual{height:50vh}.edge-panel{padding:52px 16px}.edge-panel figure{height:52vh}.capabilities-visual{height:50vh}.cap-list>div{grid-template-columns:32px 1fr}.cap-list h3{font-size:20px}.focus-image{height:42vh}.founder{height:500px}.contact{min-height:850px}.contact-details a{font-size:18px}.footer-grid{grid-template-columns:1fr;gap:32px}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.edge-scroll{height:auto}.edge-sticky{position:relative;height:auto;padding-top:0}.edge-track{display:block;width:auto;height:auto;transform:none!important}.edge-panel{width:auto}.edge-rail{display:none}}
/* V8 editorial system */
.site-nav a.active::after{right:0}.page-header-visible{transform:none!important;opacity:1!important;pointer-events:auto!important;background:rgba(5,14,23,.92)}
.footer-address{font-size:11px;line-height:1.65;color:var(--steel);margin:18px 0 0}.home-page .capital-opening{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:#06121d}.capital-opening-bg{position:absolute;inset:0;object-fit:cover}.capital-opening-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,14,.94) 0%,rgba(2,8,14,.78) 35%,rgba(2,8,14,.24) 72%,rgba(2,8,14,.1) 100%),linear-gradient(180deg,rgba(2,8,14,.22),rgba(2,8,14,.08) 62%,rgba(2,8,14,.58))}.capital-opening-inner{position:relative;min-height:100vh;display:flex;align-items:center}.opening-copy{max-width:650px;padding-top:var(--header-h)}.opening-index{display:block;font-size:9px;letter-spacing:.25em;color:var(--bronze-soft);margin-bottom:28px}.opening-copy h1{font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-size:clamp(52px,5.9vw,100px);font-weight:400;line-height:.88;letter-spacing:-.048em;margin:0;color:#f5f1e9}.opening-copy h1 em{font-style:normal;color:#d1a25e}.opening-copy p{max-width:520px;font-size:15px;line-height:1.7;color:#c3ccd2;margin:35px 0 0}.opening-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:230px;margin-top:28px;padding:13px 15px;border:1px solid rgba(209,162,94,.6);font-size:10px;letter-spacing:.08em;color:#f1e6d5}.opening-proof{position:absolute;left:0;right:0;bottom:34px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14)}.opening-proof span{padding:15px 0 0;font-size:8px;letter-spacing:.17em;color:#8d9aa3}.proof-section{background:#102134;border-top:1px solid var(--line)}.proof-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:64px}.proof-head .eyebrow{grid-column:1/-1;margin-bottom:-20px}.proof-head h2{font-size:clamp(46px,5vw,78px);font-weight:400;letter-spacing:-.045em;line-height:1;margin:0}.proof-head>p:last-child{margin:0;color:var(--muted);font-size:18px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-grid>div{padding-block:34px 36px;padding-inline:0 30px;border-inline-end:1px solid var(--line)}.proof-grid>div:last-child{border-inline-end:0;padding-inline-start:30px}.proof-grid>div:not(:first-child){padding-inline-start:30px}.proof-grid strong{display:block;font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-size:56px;font-weight:400;color:#f2eee7}.proof-grid span{display:block;margin-top:8px;color:#8e9aa3;font-size:11px;line-height:1.5}.text-link span,.opening-cta span{font-size:12px}
.page{padding-top:var(--header-h);background:#102134}.page main{min-height:60vh}.page-hero{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden;background:#102134}.page-hero-image>img{position:absolute;inset:0;object-fit:cover}.page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,17,.94),rgba(3,10,17,.6) 48%,rgba(3,10,17,.2))}.page-hero-inner{position:relative;z-index:1}.page-hero h1,.simple-page-hero h1,.page-hero-split h1,.contact-page-section h1{font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-size:clamp(56px,6.5vw,104px);line-height:.92;letter-spacing:-.05em;font-weight:400;margin:0}.page-hero-inner>p:last-child,.simple-page-hero .shell>p:last-child,.page-hero-split-inner>div>p:last-child{max-width:620px;color:#c0cad1;font-size:18px;line-height:1.7;margin-top:35px}.page-hero-split{min-height:82vh}.page-hero-split-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.page-hero-split figure{height:64vh;margin:0;overflow:hidden}.simple-page-hero{min-height:66vh;background:#081824;border-bottom:1px solid var(--line)}.simple-page-hero .shell{padding-top:70px}.page-section{padding:130px 0;background:#102134}.page-section-alt{background:#1A293F}.page-heading{margin-bottom:65px;max-width:900px}.page-heading h2,.editorial-grid h2,.overlay-copy h2,.about-page-grid h2{font-size:clamp(42px,4.8vw,76px);line-height:1.02;letter-spacing:-.045em;font-weight:400;margin:0}.editorial-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:120px;align-items:start}.editorial-list{border-top:1px solid var(--line)}.editorial-list article{padding:28px 0;border-bottom:1px solid var(--line)}.editorial-list h3{font-size:25px;font-weight:400;margin:0 0 10px}.editorial-list p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.four-grid article{padding:32px 28px 36px 0;border-right:1px solid var(--line)}.four-grid article:not(:first-child){padding-left:28px}.four-grid article:last-child{border-right:0}.four-grid span,.capability-lines span{font-size:9px;letter-spacing:.18em;color:var(--bronze-soft)}.four-grid h3{font-size:26px;font-weight:400;margin:36px 0 12px}.four-grid p{color:var(--muted);line-height:1.65}.capability-lines,.platform-lines{border-top:1px solid var(--line)}.capability-lines article{display:grid;grid-template-columns:70px 1fr 1.15fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.capability-lines h3,.platform-lines h3{font-size:27px;font-weight:400;margin:0}.capability-lines p,.platform-lines p{margin:0;color:var(--muted);line-height:1.7}.page-section-image{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden}.page-section-image>img{position:absolute;inset:0;object-fit:cover;filter:brightness(.58)}.page-section-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,17,.9),rgba(3,10,17,.25))}.overlay-copy{position:relative;z-index:1;max-width:700px;margin-inline:max(48px,calc((100vw - var(--shell))/2)) auto}.overlay-copy p:last-child{color:#c8d0d5;max-width:600px;line-height:1.7}.platform-lines article{display:grid;grid-template-columns:.8fr .8fr 1.5fr .5fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}.platform-lines span{font-size:8px;letter-spacing:.17em;color:var(--bronze-soft)}.platform-lines a{font-size:11px;color:#d5b072;border-bottom:1px solid rgba(213,176,114,.35);justify-self:end}.two-col-heading{max-width:none;display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:end}.two-col-heading>p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}.opportunity-access{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:start;margin-top:48px}.opportunity-access>p{margin:0;color:var(--muted);max-width:650px;line-height:1.7}.opportunity-access .opening-cta{margin-top:0;justify-self:end}.proof-grid-page{margin-top:0}.about-page-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;align-items:center}.founder-page{height:720px}.founder-role{font-size:9px;letter-spacing:.2em;color:var(--bronze-soft);margin:-24px 0 28px}.about-page-grid>div>p:not(.eyebrow):not(.founder-role){color:var(--muted);line-height:1.7}.fact-lines{margin-top:35px;border-top:1px solid var(--line)}.fact-lines>div{display:grid;grid-template-columns:180px 1fr;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.fact-lines span,.office-grid span{font-size:8px;letter-spacing:.17em;color:var(--bronze-soft)}.fact-lines p{margin:0;color:#dbe2e5!important}.contact-page-section{min-height:82vh;padding-top:80px}.contact-page-section .contact-grid{z-index:1}.office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.office-grid article{border-top:1px solid var(--line);padding-top:25px}.office-grid p{color:var(--muted);line-height:1.7}.contact-page-section h1{margin:0}.contact-page-section .contact-grid>div:first-child>p:last-child{max-width:580px}
@media(max-width:980px){.capital-opening-inner{align-items:flex-start;padding-top:18vh}.opening-copy{padding-top:0}.opening-proof{position:absolute;bottom:24px;grid-template-columns:1fr 1fr;gap:12px}.opening-proof span{padding-top:10px}.proof-head,.page-hero-split-inner,.editorial-grid,.two-col-heading,.about-page-grid{grid-template-columns:1fr;gap:45px}.proof-grid,.four-grid{grid-template-columns:1fr 1fr}.proof-grid>div,.proof-grid>div:not(:first-child),.proof-grid>div:last-child{padding:24px 18px 26px 0;border-bottom:1px solid var(--line)}.four-grid article,.four-grid article:not(:first-child){padding:28px 18px 30px;border-bottom:1px solid var(--line)}.page-hero{min-height:72vh}.page-hero-split figure{height:50vh}.capability-lines article,.platform-lines article{grid-template-columns:45px 1fr;gap:14px}.capability-lines p,.platform-lines p,.platform-lines a{grid-column:2}.platform-lines span{grid-column:2}.platform-lines a{justify-self:start}.opportunity-access{grid-template-columns:1fr}.opportunity-access .opening-cta{justify-self:start}.office-grid{grid-template-columns:1fr}.founder-page{height:580px}}
@media(max-width:600px){.capital-opening-inner{padding-top:15vh}.opening-copy h1{font-size:clamp(48px,14vw,68px)}.opening-proof{grid-template-columns:1fr 1fr}.proof-grid,.four-grid{grid-template-columns:1fr}.proof-grid>div,.proof-grid>div:not(:first-child),.proof-grid>div:last-child{border-right:0;padding-left:0}.page-section{padding:86px 0}.page-hero h1,.simple-page-hero h1,.page-hero-split h1,.contact-page-section h1{font-size:clamp(46px,13vw,68px)}.simple-page-hero .shell{padding-top:40px}.fact-lines>div{grid-template-columns:1fr;gap:8px}.contact-page-section{min-height:880px}}
/* ===== V9 HOMEPAGE SYSTEM ===== */
.home-page .site-header{
background:rgba(3,10,17,.90);
backdrop-filter:blur(18px);
}
.home-page .site-nav{gap:23px;font-size:10px}
.home-page .site-nav .nav-enquire{margin-inline-start:6px}
.film-cue--brand{
left:50%!important;
right:auto!important;
top:50%!important;
width:min(1240px,92vw)!important;
text-align:center!important;
}
.film-wordmark{
font-size:clamp(58px,8vw,138px)!important;
letter-spacing:.22em!important;
line-height:1!important;
white-space:nowrap;
}
.film-kicker{letter-spacing:.34em!important}
.film-cue--final{
left:50%!important;
right:auto!important;
top:50%!important;
width:min(900px,88vw)!important;
text-align:center!important;
}
.film-cue--final p{
font-size:clamp(52px,6.8vw,112px)!important;
line-height:.94!important;
}
.film-cue--final .film-index{margin-bottom:18px}
.home-page .capital-opening{
min-height:100vh;
margin-top:-5vh;
padding-top:5vh;
opacity:.01;
transform:translateY(34px);
transition:opacity .85s ease,transform 1.05s cubic-bezier(.16,.84,.24,1);
}
.home-page.site-started .capital-opening{opacity:1;transform:none}
.capital-opening::before{
content:"";
position:absolute;
z-index:2;
top:0;left:0;right:0;
height:18vh;
background:linear-gradient(180deg,#02080e 0%,rgba(2,8,14,.55) 42%,transparent 100%);
pointer-events:none;
}
.capital-opening-inner{z-index:3}
.opening-copy{
position:relative;
max-width:760px!important;
padding-top:calc(var(--header-h) + 12px)!important;
}
.opening-copy h1{
max-width:8.3ch;
font-size:clamp(58px,5.35vw,92px)!important;
line-height:.94!important;
letter-spacing:-.042em!important;
}
.opening-copy p{max-width:540px!important}
.home-panel{background:#102134;border-top:1px solid rgba(255,255,255,.08)}
.home-approach{padding:128px 0}
.home-approach-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:center}
.home-editorial-copy h2,
.home-centered-heading h2,
.home-capabilities-copy h2,
.home-mandates-head h2,
.home-founder-copy h2,
.home-contact-inner h2{
font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
font-weight:400;
letter-spacing:-.035em;
}
.home-editorial-copy h2{font-size:clamp(48px,4.5vw,78px);line-height:1.02;margin:0}
.home-editorial-copy h2 em,.home-contact-inner h2 em{font-style:normal;color:var(--bronze-soft)}
.home-editorial-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.72;max-width:500px;margin-top:30px}
.home-approach-visual{margin:0;height:68vh;max-height:720px;overflow:hidden}
.home-approach-visual img{filter:saturate(.83) contrast(1.03)}
.home-edge{padding:100px 0 115px;background:#1A293F}
.home-centered-heading{text-align:center;max-width:900px;margin:0 auto 48px}
.home-centered-heading .eyebrow{margin-bottom:12px}
.home-centered-heading h2{margin:0;font-size:clamp(38px,3.8vw,62px)}
.edge-card-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.14)}
.edge-card{position:relative;min-height:510px;overflow:hidden;border-right:1px solid rgba(255,255,255,.14)}
.edge-card:last-child{border-right:0}
.edge-card img{position:absolute;inset:0;transition:transform .9s cubic-bezier(.2,.8,.2,1);filter:saturate(.78) brightness(.72)}
.edge-card:hover img{transform:scale(1.035)}
.edge-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,17,.08),rgba(3,10,17,.76) 78%,rgba(3,10,17,.95))}
.edge-card-num{position:absolute;left:26px;top:28px;font-family:Georgia,serif;font-size:25px;color:var(--bronze-soft)}
.edge-card-copy{position:absolute;left:26px;right:24px;bottom:25px}
.edge-card-copy h3{font-family:Georgia,serif;font-size:31px;line-height:1.02;font-weight:400;margin:0 0 13px}
.edge-card-copy p{font-size:12px;line-height:1.55;color:#b9c3c9;min-height:57px}
.edge-card-copy>span{display:block;margin-top:22px;color:var(--bronze-soft);font-size:20px}
.home-capabilities{padding:118px 0}
.home-capabilities-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:stretch}
.home-capabilities-image{margin:0;min-height:690px;overflow:hidden}
.home-capabilities-image img{filter:saturate(.78) brightness(.78)}
.home-capabilities-copy{padding:38px 0}
.home-capabilities-copy h2{font-size:clamp(48px,4.5vw,76px);line-height:1.02;margin:0}
.home-capabilities-lede{color:var(--muted);max-width:560px;line-height:1.65;margin:24px 0 35px}
.home-capability-list{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;border-top:1px solid var(--line)}
.home-capability-list>div{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px 1fr;column-gap:12px}
.home-capability-list span{grid-row:1/3;color:var(--bronze-soft);font-size:9px}
.home-capability-list h3{font-size:17px;font-weight:400;margin:0 0 6px}
.home-capability-list p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}
.home-capabilities-cta{margin-top:32px}
.home-mandates{padding:95px 0 115px;background:#102134}
.home-mandates-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}
.home-mandates-head h2{font-size:clamp(44px,4.2vw,70px);font-weight:400;margin:0}
.home-mandates-head .text-link{margin:0}
.home-mandate-table{border:1px solid rgba(255,255,255,.14)}
.home-mandate-row{display:grid;grid-template-columns:1.05fr .55fr 1.55fr .48fr .45fr;gap:22px;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.1)}
.home-mandate-row:last-child{border-bottom:0}
.home-mandate-row>*{font-size:11px;line-height:1.45;color:#9ca9b1}
.home-mandate-row strong{font-size:14px;font-weight:400;color:#f1eee8}
.home-mandate-row a{color:var(--bronze-soft);justify-self:end}
.home-mandate-head{padding-top:12px;padding-bottom:12px}
.home-mandate-head span{font-size:7px;letter-spacing:.16em;color:var(--steel)}
.home-mandates-note{text-align:center;color:var(--steel);font-size:10px;margin:18px 0 0}
.home-founder{padding:0;background:#081925}
.home-founder-grid{display:grid;grid-template-columns:.85fr 1fr .6fr;min-height:650px}
.home-founder-portrait{margin:0;overflow:hidden;background:#0a1c29}
.home-founder-portrait img{object-fit:contain;object-position:center bottom;filter:grayscale(1) contrast(1.06);height:100%}
.home-founder-copy{padding:92px 58px;align-self:center;border-right:1px solid var(--line)}
.home-founder-copy h2{font-size:clamp(43px,4vw,68px);line-height:1.03;margin:0}
.home-founder-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:520px;margin:25px 0}
.home-founder-name{font-size:20px;margin-top:25px}
.home-founder-name span{display:block;color:var(--bronze-soft);font-size:8px;letter-spacing:.17em;margin-top:5px}
.home-founder-stats{padding:85px 0 85px 48px;display:flex;flex-direction:column;justify-content:center}
.home-founder-stats>div{padding:28px 0;border-bottom:1px solid var(--line)}
.home-founder-stats>div:last-child{border-bottom:0}
.home-founder-stats strong{font-family:Georgia,serif;font-weight:400;font-size:45px;display:block}
.home-founder-stats span{display:block;color:var(--steel);font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-top:6px;line-height:1.5}
.home-contact{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden}
.home-contact-bg{position:absolute;inset:0;object-fit:cover;filter:saturate(.78) brightness(.72)}
.home-contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,14,.94),rgba(2,8,14,.78) 45%,rgba(2,8,14,.28))}
.home-contact-inner{position:relative;z-index:1}
.home-contact-inner h2{font-size:clamp(52px,5.4vw,88px);line-height:.95;margin:0}
.home-contact-inner>p:not(.eyebrow){color:#b9c4ca;max-width:600px;line-height:1.65;margin:25px 0 0}
.home-contact-details{display:flex;gap:28px;margin-top:28px}
.home-contact-details a{color:#c2cbd0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:4px}
@media(max-width:1180px){
.home-page .site-nav{gap:16px;font-size:9px}
.home-page .site-nav .nav-enquire{display:none}
.edge-card-grid{grid-template-columns:1fr 1fr}
.edge-card:nth-child(2){border-right:0}
.edge-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}
.home-founder-grid{grid-template-columns:.8fr 1.2fr}
.home-founder-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);padding:0;border-top:1px solid var(--line)}
.home-founder-stats>div{padding:30px;border-right:1px solid var(--line);border-bottom:0}
}
@media(max-width:980px){
.film-wordmark{white-space:normal;font-size:clamp(46px,13vw,72px)!important;letter-spacing:.14em!important}
.film-cue--brand,.film-cue--final{left:50%!important;right:auto!important;width:92vw!important;text-align:center!important}
.film-cue--final p{font-size:clamp(42px,11vw,64px)!important}
.home-page .capital-opening{margin-top:-3vh;padding-top:3vh}
.opening-copy h1{font-size:clamp(48px,12vw,72px)!important;line-height:.96!important}
.home-approach-grid,.home-capabilities-grid{grid-template-columns:1fr;gap:45px}
.home-approach-visual{grid-row:1;height:58vh}
.home-editorial-copy{grid-row:2}
.home-capabilities-image{min-height:55vh}
.home-capability-list{grid-template-columns:1fr}
.home-mandate-table{overflow-x:auto}
.home-mandate-row{min-width:900px}
.home-founder-grid{grid-template-columns:1fr}
.home-founder-portrait{height:620px}
.home-founder-copy{padding:65px 0;border-right:0}
.home-founder-stats{grid-column:auto}
}
@media(max-width:600px){
.film-wordmark{font-size:clamp(40px,12.5vw,58px)!important;letter-spacing:.1em!important}
.film-kicker{font-size:6px!important;letter-spacing:.23em!important}
.opening-copy h1{font-size:clamp(44px,13.2vw,62px)!important;max-width:7.6ch}
.edge-card-grid{grid-template-columns:1fr}
.edge-card,.edge-card:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
.edge-card{min-height:470px}
.home-founder-portrait{height:520px}
.home-founder-stats{grid-template-columns:1fr}
.home-founder-stats>div{border-right:0;border-bottom:1px solid var(--line);padding-left:0}
.home-contact-details{flex-direction:column;align-items:flex-start}
}
/* ===== V10 refinements ===== */
@font-face{font-family:"NeueHaasDL";src:url("assets/fonts/NeueHaasDisplayLight.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"NeueHaasDL";src:url("assets/fonts/NeueHaasDisplayMedium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
:root{--display-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--ui-sans:"NeueHaasDL","Helvetica Neue",Arial,sans-serif}
body,button,input,textarea,select{font-family:var(--ui-sans)}
.brand-name,.brand-sub,.site-nav a,.menu-toggle,.eyebrow,.opening-cta,.text-link,.home-mandate-head span,.film-kicker{font-family:var(--ui-sans)}
.opening-copy h1,.home-editorial-copy h2,.home-centered-heading h2,.home-capabilities-copy h2,.home-mandates-head h2,.home-founder-copy h2,.home-contact-inner h2,.edge-card-copy h3,.page-hero h1,.page-hero-split h1,.simple-page-hero h1,.contact-page-section h1,.proof-head h2,.proof-grid strong,.four-grid article h3{font-family:var(--display-serif)!important;letter-spacing:-.025em!important;line-height:1.04!important;text-wrap:balance}
.film-cue p,.film-cue--final p{font-family:var(--display-serif)!important;letter-spacing:-.022em!important;line-height:1.02!important;text-wrap:balance}
.film-cue{max-width:min(540px,42vw)}
.film-cue--right{max-width:min(540px,38vw)}
.film-cue--brand,.film-cue--final{max-width:none}
.capital-opening-bg{top:3.5%;left:3.5%;right:3.5%;bottom:3.5%;width:93%;height:93%;object-fit:cover;object-position:64% center;border:1px solid rgba(255,255,255,.08)}
.opening-copy{max-width:560px!important}
.opening-copy h1{max-width:6.4ch;font-size:clamp(54px,4.85vw,82px)!important;line-height:1.01!important;letter-spacing:-.028em!important;text-wrap:pretty}
.opening-copy p{max-width:480px!important;font-size:14px;line-height:1.72}
.opening-cta{font-weight:500;border-color:rgba(209,162,94,.78)}
.home-panel{border-top:1px solid rgba(255,255,255,.07)}
.home-editorial-copy>p:not(.eyebrow),.home-capabilities-lede,.home-founder-copy>p:not(.eyebrow),.home-contact-inner>p:not(.eyebrow){font-size:14px;line-height:1.76}
.home-edge{padding:100px 0 120px;background:#1A293F}
.home-centered-heading{margin:0 auto 42px}
.home-centered-heading h2{font-size:clamp(42px,3.35vw,58px)!important;max-width:12ch;margin-inline:auto}
.edge-slider{position:relative}
.edge-slider-viewport{overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:10px}
.edge-slider-viewport::-webkit-scrollbar{display:none}
.edge-card-grid{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(340px,28.5vw);gap:0;border:1px solid rgba(255,255,255,.14);width:max-content;min-width:100%}
.edge-card{scroll-snap-align:start;min-height:560px;border-right:1px solid rgba(255,255,255,.14)}
.edge-card img{filter:saturate(.78) brightness(.68)}
.edge-card-copy{left:24px;right:24px;bottom:24px}
.edge-card-copy h3{font-size:29px;line-height:1.03!important;max-width:7.2ch}
.edge-card-copy p{font-size:12px;line-height:1.65;max-width:270px}
.edge-card-num{font-size:21px}
.edge-slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(5,16,26,.74);color:#f2eee7;font-size:28px;line-height:1;display:grid;place-items:center;backdrop-filter:blur(12px);transition:opacity .25s ease,transform .25s ease,border-color .25s ease}
.edge-slider-btn:hover{border-color:rgba(209,162,94,.75);transform:translateY(-50%) scale(1.03)}
.edge-slider-btn:disabled{opacity:.28;cursor:default}
.edge-slider-btn-prev{left:-20px}
.edge-slider-btn-next{right:-20px}
.home-capabilities-copy h2,.home-mandates-head h2,.home-founder-copy h2{font-size:clamp(42px,4vw,66px)!important}
.home-capability-list h3{font-size:16px;line-height:1.28}
.home-founder-name,.home-mandate-row strong,.home-contact-details a{font-family:var(--ui-sans)}
.page-hero h1,.page-hero-split h1,.simple-page-hero h1,.contact-page-section h1,.proof-head h2{font-size:clamp(46px,4.7vw,78px);line-height:1.03!important;max-width:11ch}
.four-grid article h3,.capability-lines h3,.platform-lines h3,.opportunity-schedule h3{line-height:1.15!important;letter-spacing:-.018em!important}
p,li,td,th,span,a,strong{font-kerning:normal}
@media(max-width:1180px){
.edge-card-grid{grid-auto-columns:minmax(320px,38vw)}
.edge-slider-btn-prev{left:-10px}.edge-slider-btn-next{right:-10px}
}
@media(max-width:980px){
.capital-opening-bg{top:2.2%;left:2.2%;right:2.2%;bottom:2.2%;width:95.6%;height:95.6%;object-position:62% center}
.opening-copy{max-width:86vw!important}
.opening-copy h1{max-width:6.8ch;font-size:clamp(44px,10.2vw,68px)!important;line-height:1.04!important;letter-spacing:-.018em!important}
.home-centered-heading h2{font-size:clamp(38px,8vw,54px)!important}
.edge-slider-btn{display:none}
.edge-card-grid{grid-auto-columns:78vw}
.edge-card{min-height:520px}
.edge-card-copy h3{font-size:27px}
.home-capabilities-copy h2,.home-mandates-head h2,.home-founder-copy h2,.home-contact-inner h2{font-size:clamp(38px,9vw,58px)!important;line-height:1.05!important}
.page-hero h1,.page-hero-split h1,.simple-page-hero h1,.contact-page-section h1,.proof-head h2{font-size:clamp(40px,9.6vw,62px)!important;line-height:1.06!important;max-width:10ch}
}
@media(max-width:600px){
.film-cue{max-width:86vw}
.capital-opening-bg{top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:0;object-position:68% center}
.opening-copy h1{max-width:5.9ch;font-size:clamp(41px,11.6vw,54px)!important;line-height:1.06!important}
.opening-copy p{font-size:13px;max-width:92% !important}
.edge-card-grid{grid-auto-columns:86vw}
.edge-card-copy h3{font-size:24px;max-width:8ch}
.edge-card-copy p{max-width:95%}
}
/* ===== V11 final three fixes ===== */
/* Founder bio: no overlap between name and role. */
.about-page-grid h2{
margin:0 0 14px!important;
line-height:1.08!important;
letter-spacing:-.024em!important;
}
.founder-role{
position:static!important;
display:block!important;
margin:0 0 30px!important;
padding:0!important;
line-height:1.35!important;
min-height:0!important;
}
.about-page-grid .eyebrow{margin-bottom:24px}
.about-page-grid .lede{margin-top:0!important}
/* Opening: composition pulled back to match the reference.
Keep the original portrait asset, but frame it as a distant right-side plate
instead of blowing it up with object-fit: cover. */
.home-page .capital-opening{
background:
radial-gradient(circle at 72% 48%, rgba(26,45,60,.22), transparent 40%),
#06121d;
}
.capital-opening-bg{
inset:auto!important;
top:50%!important;
right:2.5vw!important;
left:auto!important;
bottom:auto!important;
width:64vw!important;
height:auto!important;
max-width:none!important;
max-height:none!important;
transform:translateY(-50%)!important;
object-fit:contain!important;
object-position:center!important;
border:0!important;
}
.capital-opening-shade{
background:
linear-gradient(90deg,rgba(2,8,14,.97) 0%,rgba(2,8,14,.89) 25%,rgba(2,8,14,.47) 48%,rgba(2,8,14,.10) 74%,rgba(2,8,14,.18) 100%),
linear-gradient(180deg,rgba(2,8,14,.24),rgba(2,8,14,.05) 62%,rgba(2,8,14,.48))!important;
}
.opening-copy{
max-width:570px!important;
}
.opening-copy h1{
max-width:7.4ch!important;
font-size:clamp(52px,4.35vw,76px)!important;
line-height:1.035!important;
letter-spacing:-.022em!important;
}
/* Investment Edge: old pinned horizontal narrative restored. */
.home-edge-intro{
padding:105px 0 54px!important;
background:#1A293F;
border-bottom:0!important;
}
.home-edge-intro .home-centered-heading{
margin:0 auto!important;
}
.home-edge-intro .home-centered-heading h2{
max-width:15ch!important;
font-size:clamp(42px,3.35vw,60px)!important;
}
.home-edge-scroll.edge-scroll{
height:430vh!important;
background:#1A293F!important;
}
.home-edge-scroll .edge-sticky{
position:sticky!important;
top:0!important;
height:100vh!important;
overflow:hidden!important;
padding-top:var(--header-h)!important;
background:#1A293F;
}
.home-edge-scroll .edge-track{
width:400vw!important;
height:calc(100vh - var(--header-h) - 72px)!important;
display:flex!important;
will-change:transform!important;
}
.home-edge-scroll .edge-panel{
width:100vw!important;
flex:0 0 100vw!important;
display:grid!important;
grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)!important;
gap:72px!important;
align-items:center!important;
padding:52px max(48px,calc((100vw - var(--shell))/2)) 42px!important;
border:0!important;
}
.home-edge-scroll .edge-panel figure{
margin:0!important;
height:100%!important;
max-height:680px!important;
overflow:hidden!important;
border:1px solid rgba(255,255,255,.10)!important;
}
.home-edge-scroll .edge-panel figure img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
filter:saturate(.78) brightness(.72)!important;
}
.home-edge-scroll .edge-panel-copy{
max-width:460px!important;
}
.home-edge-scroll .edge-panel-copy .num{
display:block!important;
margin:0 0 20px!important;
color:var(--bronze-soft)!important;
font:500 11px/1 var(--ui-sans)!important;
letter-spacing:.15em!important;
}
.home-edge-scroll .edge-panel-copy h3{
margin:0 0 22px!important;
max-width:8ch!important;
font-family:var(--display-serif)!important;
font-size:clamp(38px,3.3vw,58px)!important;
font-weight:400!important;
line-height:1.02!important;
letter-spacing:-.02em!important;
}
.home-edge-scroll .edge-panel-copy p{
margin:0!important;
color:#aebac1!important;
font-size:15px!important;
line-height:1.7!important;
}
.home-edge-scroll .edge-panel-copy a{
display:inline-flex;
gap:18px;
margin-top:28px;
padding-bottom:7px;
border-bottom:1px solid rgba(208,173,114,.42);
color:var(--bronze-soft);
font-size:11px;
letter-spacing:.06em;
}
.home-edge-scroll .edge-rail{
position:absolute!important;
left:50%!important;
bottom:18px!important;
transform:translateX(-50%)!important;
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:30px!important;
}
.home-edge-scroll .edge-rail span{
padding-top:12px!important;
border-top:1px solid rgba(255,255,255,.18)!important;
color:var(--steel)!important;
font:500 8px/1 var(--ui-sans)!important;
letter-spacing:.16em!important;
}
.home-edge-scroll .edge-rail span.active{
border-color:var(--bronze-soft)!important;
color:#f3efe8!important;
}
/* Ensure no heading line collisions anywhere in these large editorial surfaces. */
.about-page-grid h2,
.opening-copy h1,
.home-edge-scroll .edge-panel-copy h3{
overflow-wrap:normal;
word-break:normal;
text-wrap:balance;
}
/* Mobile keeps the safe vertical Investment Edge fallback. */
@media(max-width:980px){
.capital-opening-bg{
width:82vw!important;
right:-10vw!important;
}
.opening-copy h1{
max-width:6.8ch!important;
font-size:clamp(44px,10.2vw,64px)!important;
line-height:1.055!important;
}
.home-edge-scroll.edge-scroll{height:auto!important}
.home-edge-scroll .edge-sticky{
position:relative!important;
height:auto!important;
overflow:visible!important;
padding-top:0!important;
}
.home-edge-scroll .edge-track{
display:block!important;
width:auto!important;
height:auto!important;
transform:none!important;
}
.home-edge-scroll .edge-panel{
width:auto!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:26px!important;
padding:64px 20px!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.home-edge-scroll .edge-panel figure{height:58vh!important}
.home-edge-scroll .edge-panel-copy{max-width:none!important}
.home-edge-scroll .edge-panel-copy h3{font-size:42px!important;max-width:10ch!important}
.home-edge-scroll .edge-rail{display:none!important}
.about-page-grid h2{margin-bottom:12px!important}
.founder-role{margin-bottom:26px!important}
}
@media(max-width:600px){
.capital-opening-bg{
width:102vw!important;
right:-32vw!important;
}
.opening-copy h1{
max-width:6.3ch!important;
font-size:clamp(40px,11.2vw,52px)!important;
line-height:1.07!important;
}
}
/* =========================================================================
V12 - brand lockup + approved lower-page composition
The five sections below (GCC, AI Platform, Leadership, Connect, Footer)
reproduce public/reference/lower-homepage-reference.png. Two container
widths carry the whole block: `.lower-band` for the full-width cinematic
bands, `.lower-inset` for the two contained panels, matching the
reference 1384 / 1184 pair at a 1440 viewport.
========================================================================= */
.lower-band{width:min(calc(100% - 56px),1560px);margin:0 auto}
.lower-inset{width:min(calc(100% - 256px),1360px);margin:0 auto}
/* ------------------------------------------------------ brand lockup ---- */
/* The supplied Dreamland wordmark logo, tinted to the site ink
(tools/tint-wordmark.mjs) so it reads light on the dark ground. The lockup
is type only, per the supplied logo. */
.brand{flex-direction:row;align-items:center;gap:13px;min-width:0}
.brand-type{display:flex;flex-direction:column;gap:6px;min-width:0}
.brand-wordmark{display:block;width:186px;height:auto;object-fit:contain}
.brand-sub{font-size:11px;letter-spacing:.115em;color:var(--bronze-soft);line-height:1}
/* ---------------------------------------------------------- brass CTA --- */
.brass-cta{display:inline-flex;align-items:center;gap:26px;width:max-content;padding:12px 18px;background:#c19a5b;color:#0a1420;font-family:var(--ui-sans);font-weight:500;font-size:12px;letter-spacing:.02em;transition:background .25s ease}
.brass-cta:hover{background:#d0ad72}
.brass-cta span{font-size:12px;letter-spacing:0}
/* --------------------------------------------- 1. GCC focus expansion --- */
.gcc-band{background:#04101a;padding:20px 0}
.gcc-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(352px,auto);align-items:stretch;background:#08141f}
.gcc-visual{position:relative;margin:0;overflow:hidden}
.gcc-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.gcc-copy{display:flex;flex-direction:column;justify-content:center;padding:28px 56px 28px 44px}
.gcc-copy .eyebrow{margin:0 0 14px}
.gcc-copy h2{margin:0;font-family:var(--display-serif);font-weight:400;font-size:clamp(34px,3.35vw,48px);line-height:1.04;letter-spacing:-.021em;color:#f3efe8}
.gcc-copy p{margin:16px 0 0;max-width:378px;font-size:14px;line-height:1.68;color:#a7b3bc}
.gcc-copy .brass-cta{margin-top:24px}
/* ----------------------------------- 2. AI powered investment platform -- */
.ai-platform{background:#04101a;padding:0 0 22px}
.ai-frame{position:relative;overflow:hidden;border:1px solid rgba(193,154,91,.42);background:#06121e;padding:36px 50px 30px}
.ai-visual{position:absolute;top:0;bottom:0;left:0;width:48%;z-index:0;pointer-events:none;/* Readability first: the globe is atmosphere, and the four capability items sit over its lower left. A mask fades it out before it reaches their type. It is a mask on a decorative element, not a visible gradient band. */-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.25) 82%,transparent 96%);mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.25) 82%,transparent 96%)}
.ai-visual img{width:100%;height:100%;object-fit:cover;object-position:26% 50%}
.ai-copy{position:relative;z-index:1;margin-left:50%;min-height:214px;display:flex;flex-direction:column;justify-content:center}
.ai-copy .eyebrow{margin:0 0 15px}
.ai-copy h2{margin:0;font-family:var(--display-serif);font-weight:400;font-size:clamp(32px,3.05vw,46px);line-height:1.05;letter-spacing:-.021em;color:#f3efe8}
.ai-subline{margin:12px 0 0;font-family:var(--display-serif);font-size:21px;line-height:1.2;color:var(--bronze-soft)}
.ai-body{margin:15px 0 0;max-width:470px;font-size:13.5px;line-height:1.68;color:#a3afb8}
.ai-pillars{position:relative;z-index:1;list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ai-pillars li{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;align-items:start;padding-inline:20px;border-inline-start:1px solid rgba(255,255,255,.09)}
.ai-pillars li:first-child{border-inline-start:0;padding-inline-start:0}
.ai-num{font-family:var(--ui-sans);font-weight:500;font-size:11px;letter-spacing:.06em;line-height:1.45;color:var(--bronze-soft)}
.ai-pillars h3{margin:0 0 7px;font-family:var(--ui-sans);font-weight:500;font-size:11px;letter-spacing:.035em;line-height:1.45;color:#eae5dc}
.ai-pillars p{margin:0;font-size:11px;line-height:1.6;color:#8b98a2}
/* ------------------------------------------ 3. leadership / founder ----- */
.leadership-band{background:#04101a;padding:0 0 22px}
.section-label{display:flex;align-items:center;gap:16px;margin:0 0 12px}
.section-label::before{content:"";flex:0 0 10px;height:1px;background:var(--bronze-soft)}
.section-label span{flex:0 0 auto;font-family:var(--ui-sans);font-weight:500;font-size:9px;letter-spacing:.24em;color:var(--bronze-soft)}
.section-label::after{content:"";flex:1 1 auto;height:1px;background:rgba(255,255,255,.09)}
.leader-panel{display:grid;grid-template-columns:minmax(0,.372fr) minmax(0,.628fr);grid-template-rows:minmax(360px,auto);align-items:stretch;padding:16px;background:#0a1a27;border:1px solid rgba(255,255,255,.07)}
.leader-portrait{position:relative;margin:0;overflow:hidden;background:#101d29}
.leader-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.leader-body{display:flex;flex-direction:column;justify-content:center;padding:20px 64px 18px 42px}
.leader-head{display:flex;justify-content:space-between;align-items:flex-start;gap:44px}
.leader-identity{min-width:0}
.leader-identity h2{margin:0;font-family:var(--display-serif);font-weight:400;font-size:clamp(30px,2.95vw,44px);line-height:1.07;letter-spacing:-.02em;color:#f4f0e9}
.leader-role{margin:9px 0 0;font-family:var(--ui-sans);font-size:14px;line-height:1.3;color:var(--bronze-soft)}
.leader-metric{flex:0 0 auto;padding-top:13px;text-align:right;white-space:nowrap}
.leader-metric strong{display:block;font-family:var(--ui-sans);font-weight:500;font-size:22px;line-height:1.15;color:var(--bronze-soft)}
.leader-metric span{display:block;margin-top:6px;font-size:13px;color:#c6ced4}
.leader-bio{margin:20px 0 0;max-width:540px}
.leader-bio p{margin:0 0 11px;font-size:13.5px;line-height:1.68;color:#a5b1ba}
.leader-bio p:last-child{margin-bottom:0}
.leader-credentials{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;align-items:start}
.leader-credentials li{padding:11px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.leader-credentials strong{display:block;font-family:var(--ui-sans);font-weight:500;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze-soft)}
.leader-credentials span{display:block;margin-top:6px;font-size:12.5px;line-height:1.4;color:#d3dae0}
/* -------------------------------- 4. capital follows judgement / CTA ---- */
.connect-band{background:#04101a;padding:0}
.connect-grid{display:grid;grid-template-columns:.55fr .45fr;grid-template-rows:minmax(325px,auto);align-items:stretch;background:#08141f}
.connect-visual{position:relative;margin:0;overflow:hidden}
.connect-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.connect-copy{display:flex;flex-direction:column;justify-content:center;padding:22px 56px 22px 44px}
.connect-copy .eyebrow{margin:0 0 14px}
.connect-copy h2{margin:0;font-family:var(--display-serif);font-weight:400;font-size:clamp(36px,3.6vw,52px);line-height:1.04;letter-spacing:-.022em;color:#f4f0e9}
.connect-copy h2 em{font-style:normal;color:var(--bronze-soft)}
.connect-copy p{margin:16px 0 0;max-width:400px;font-size:14px;line-height:1.66;color:#a7b3bc}
.connect-copy .brass-cta{margin-top:20px}
/* ------------------------------------------------------- 5. footer ----- */
.site-footer{background:#030c14;padding:0;border-top:1px solid rgba(255,255,255,.07)}
.footer-grid{display:grid;grid-template-columns:1.3fr 1.1fr .85fr .85fr;gap:0;align-items:start;padding:28px 0 20px}
.footer-brand a{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;row-gap:7px;justify-items:start}
.footer-wordmark{align-self:end;width:196px;height:auto;object-fit:contain}
.footer-descriptor{align-self:start;font-family:var(--ui-sans);font-size:11px;letter-spacing:.135em;line-height:1;color:var(--bronze-soft)}
.footer-place{margin:12px 0 0;font-size:11px;line-height:1.6;color:var(--steel)}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding-inline-start:38px;border-inline-start:1px solid rgba(255,255,255,.07)}
.footer-col>span{margin:0 0 6px;font-family:var(--ui-sans);font-size:8.5px;letter-spacing:.2em;color:var(--bronze-soft)}
.footer-col a,.footer-col p{margin:0;font-size:11px;line-height:1.55;color:#94a1aa}
.footer-col a:hover{color:#e8e3da}
.footer-grid>.footer-col-nav{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.footer-col-nav>span{grid-column:1/-1}
.footer-col-nav>div{display:flex;flex-direction:column;gap:7px}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin:0;padding:12px 0 14px;border-top:1px solid rgba(255,255,255,.07);font-family:var(--ui-sans);font-size:10px;letter-spacing:.05em;color:var(--steel)}
/* ------------------------------------------------------------ mobile ---- */
@media(max-width:1180px){
.lower-inset{width:min(calc(100% - 120px),1360px)}
.leader-body{padding:24px 22px 22px 30px}
.leader-credentials li{padding:0 12px}
.footer-col{padding-inline-start:26px}
}
@media(max-width:980px){
.lower-band,.lower-inset{width:calc(100% - 40px)}
.gcc-band{padding:20px 0}
.gcc-grid,.connect-grid{grid-template-columns:1fr;grid-template-rows:auto}
.gcc-visual,.connect-visual{height:min(44vh,320px)}
.gcc-copy,.connect-copy{padding:26px 24px 30px}
.ai-platform,.leadership-band{padding-bottom:20px}
.ai-frame{padding:26px 22px 24px}
.ai-visual{display:none}
.ai-copy{margin-left:0;min-height:0}
.leader-credentials{grid-template-columns:1fr;row-gap:0}
.leader-credentials li{padding:12px 0 0}
.ai-pillars{grid-template-columns:1fr 1fr;row-gap:22px;margin-top:24px}
.ai-pillars li{padding-inline-start:16px}
.ai-pillars li:nth-child(odd){border-inline-start:0;padding-inline-start:0}
.leader-panel{grid-template-columns:1fr;grid-template-rows:auto;padding:14px}
.leader-portrait{height:min(58vh,360px)}
.leader-body{padding:22px 18px 22px}
.leader-head{flex-direction:column;gap:16px}
.leader-metric{padding-top:0;text-align:left}
.leader-credentials{grid-template-columns:1fr;row-gap:18px;margin-top:28px}
.leader-credentials li{padding:0;border-left:0}
.footer-grid{grid-template-columns:1fr 1fr;row-gap:26px;padding:28px 0 20px}
.footer-col{padding-inline-start:0;border-inline-start:0}
.footer-bottom{flex-direction:column;gap:9px}
}
@media(max-width:600px){
.lower-band,.lower-inset{width:calc(100% - 32px)}
.gcc-copy,.connect-copy{padding:24px 18px 28px}
.ai-pillars{grid-template-columns:1fr;row-gap:22px}
.ai-pillars li{padding:0;border-inline-start:0}
.footer-grid{grid-template-columns:1fr}
.brand-name{font-size:15px}
}
/* About: the supplied CEO photograph is a natural square headshot, not the
transparent cutout the old frame was built for. No grayscale, no contain. */
.founder-photo{height:auto;aspect-ratio:1/1;max-width:420px;display:block;background:#101d29;overflow:hidden}
.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 26%;filter:none}
@media(max-width:980px){.founder-photo{max-width:340px}}
/* Heading line breaks, audited at 1440 and 390.
The 7.4ch cap on the opening head and the 11ch cap on the simple page heads
were both narrower than their own copy, so lines with an explicit
after
them wrapped again: "Enduring value." ran onto a sixth line, and
"Shared with counterparties," onto a fifth. The caps now clear the longest
line in each, so the
is the only thing that breaks the head. */
.opening-copy h1{max-width:14ch!important}
.simple-page-hero h1{max-width:26ch}
.about-page-grid .lede{margin-bottom:22px!important}
@media(max-width:980px){
.opening-copy h1{max-width:none!important}
.simple-page-hero h1{max-width:none}
}
/* =========================================================================
Minimum type size: 11px, everywhere a visitor reads.
Every label below was between 7px and 10.5px. Nothing on an institutional
site should need tiny type to look expensive, and QA had 20 of them. Each
one goes to 11px, and the tracking comes back at the same time so the label
does not get physically wider than the one it replaces: at 7px and .19em the
spacing was doing the work the size should have been doing.
Audited with .audit/v12/tools, no visible text under 11px remains.
========================================================================= */
.eyebrow{font-size:11px;letter-spacing:.15em}
.section-label span{font-size:11px;letter-spacing:.17em}
.brand-sub{font-size:11px;letter-spacing:.115em}
.footer-descriptor{font-size:11px;letter-spacing:.135em}
.footer-col>span,.footer-grid>div>span{font-size:11px;letter-spacing:.14em}
.footer-bottom{font-size:11px;letter-spacing:.04em}
.home-mandate-head span{font-size:11px;letter-spacing:.09em}
.mandate-head span{font-size:11px;letter-spacing:.09em}
.home-mandates-note{font-size:11px}
.edge-rail span,.home-edge-scroll .edge-rail span{font-size:11px!important;letter-spacing:.1em!important}
.film-kicker{font-size:11px!important;letter-spacing:.24em!important}
.film-index{font-size:11px;letter-spacing:.18em}
.film-scroll-hint{font-size:11px;letter-spacing:.15em}
.menu-toggle{font-size:11px;letter-spacing:.11em}
.opening-cta{font-size:11px;letter-spacing:.06em}
.home-page .site-nav{font-size:11px}
.home-capability-list span{font-size:11px}
.fact-lines span,.office-grid span,.contact-details span,.platform-lines span{font-size:11px;letter-spacing:.13em}
.four-grid span,.capability-lines span{font-size:11px;letter-spacing:.13em}
.founder-role{font-size:11px;letter-spacing:.14em}
.proof-grid span{font-size:11px}
@media(max-width:1180px){
.home-page .site-nav{font-size:11px;gap:18px}
}
@media(max-width:600px){
.brand-sub{font-size:11px;letter-spacing:.08em}
.film-kicker{font-size:11px!important;letter-spacing:.2em!important}
}
/* =========================================================================
V13, one design system across the whole site
------------------------------------------------------------------------
The site was assembled section by section, and it read that way: nine
different rule opacities, five section paddings, three unrelated button
shapes, and a mandates table that looked like a spreadsheet dropped into a
dark page. Nothing below changes content or structure. What it does is put
every rule, every gutter, every label and every call to action on one scale,
so a reader moving down the page stays inside one world.
========================================================================= */
:root{
/* Rules, in three weights and nothing else. --line is redefined rather than
replaced so the 39 places already using it normalise at once. */
--rule-hair:rgba(226,233,238,.085);
--rule:rgba(226,233,238,.14);
--rule-strong:rgba(226,233,238,.22);
--line:var(--rule);
--brass:#c19a5b;
--brass-rule:rgba(193,154,91,.34);
--brass-rule-strong:rgba(193,154,91,.62);
/* One vertical scale for section bands. */
--band:clamp(94px,8.4vw,126px);
--band-tight:clamp(70px,6.2vw,92px);
--surface-hover:rgba(226,233,238,.025);
}
/* ------------------------------------------------------- section rhythm -- */
.page-section{padding:var(--band) 0}
.home-approach{padding:var(--band) 0}
.home-capabilities{padding:var(--band) 0}
.home-mandates{padding:var(--band) 0}
.home-edge-intro{padding:var(--band) 0 var(--band-tight)!important}
.page-heading{margin-bottom:clamp(40px,4vw,56px)}
.home-mandates-head{margin-bottom:clamp(30px,3vw,42px)}
/* -------------------------------------------------------- eyebrow mark -- */
/* One opening mark for every section on the site: a short brass rule, then the
label. It is the same gesture as the founder panel's section label, so the
two read as one family rather than two inventions. */
.eyebrow{display:flex;align-items:center;gap:13px}
.eyebrow::before{content:"";flex:0 0 22px;height:1px;background:var(--brass-rule-strong)}
.home-centered-heading .eyebrow,.overlay-copy .eyebrow,.proof-head .eyebrow{justify-content:center}
.home-centered-heading .eyebrow::before,.overlay-copy .eyebrow::before{display:none}
.proof-head .eyebrow{justify-content:flex-start}
/* ------------------------------------------------------- one CTA family -- */
/* Same geometry, same arrow, same travel on hover. Three weights: filled brass
for a section's primary act, hairline for a secondary one, ruled text for a
tertiary. The outlined button used to be 230px wide with the label and the
arrow pushed to opposite ends, which is what made it read as a default
browser control. */
.brass-cta,.opening-cta,.nda-link{
display:inline-flex;align-items:center;justify-content:flex-start;gap:26px;
width:max-content;min-width:0;padding:13px 18px;
font-family:var(--ui-sans);font-weight:500;font-size:12px;letter-spacing:.02em;line-height:1;
transition:background .28s ease,border-color .28s ease,color .28s ease;
}
.brass-cta{background:var(--brass);color:#0a1420;border:1px solid var(--brass)}
.brass-cta:hover{background:#d3b077;border-color:#d3b077}
.opening-cta,.nda-link{background:transparent;color:#f1e6d5;border:1px solid var(--brass-rule-strong)}
.opening-cta:hover,.nda-link:hover{border-color:var(--brass);background:rgba(193,154,91,.07)}
.brass-cta span,.opening-cta span,.nda-link span{
font-size:13px;line-height:1;letter-spacing:0;
transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.brass-cta:hover span,.opening-cta:hover span,.nda-link:hover span{transform:translate(3px,-3px)}
.text-link{
display:inline-flex;align-items:center;gap:14px;width:max-content;
margin-top:30px;padding-bottom:7px;border-bottom:1px solid var(--brass-rule);
font-family:var(--ui-sans);font-size:12px;letter-spacing:.02em;color:var(--bronze-soft);
transition:border-color .28s ease,color .28s ease;
}
.text-link:hover{border-color:var(--brass);color:#e8d5b3}
.text-link span{font-size:13px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.text-link:hover span{transform:translate(3px,-3px)}
/* ==================================================== the mandate board == */
/* Was a bordered table with a rule under every cell row and six identical
"View details" links. It is now an open ledger: one hairline per line, the
mandate set in display type, the basis as a label rather than another
sentence, and the whole line as the single link. Same six mandates, same
columns, same destination. */
.mandate-board{border-top:1px solid var(--rule-strong)}
.board-head,.board-line{
display:grid;align-items:baseline;
column-gap:clamp(20px,2vw,34px);
}
.board-head{
padding:14px 4px;
font-family:var(--ui-sans);font-size:11px;font-weight:500;letter-spacing:.14em;
text-transform:uppercase;color:var(--bronze-soft);
border-bottom:1px solid var(--rule);
}
.board-line{
padding:22px 4px;
border-bottom:1px solid var(--rule-hair);
color:inherit;text-decoration:none;
transition:background .3s ease,border-color .3s ease;
}
.mandate-board--home .board-line:hover{background:var(--surface-hover);border-bottom-color:var(--rule)}
.board-n{
font-family:var(--ui-sans);font-size:11px;font-weight:500;letter-spacing:.08em;
color:var(--brass);opacity:.75;
}
.board-name{
font-family:var(--display-serif);font-size:19px;font-weight:400;line-height:1.2;
letter-spacing:-.012em;color:#f2eee7;
}
.board-geo,.board-role,.board-sit{
font-family:var(--ui-sans);font-size:12.5px;line-height:1.55;color:#93a0aa;
}
.board-geo{color:#aab5be}
.board-basis{
font-family:var(--ui-sans);font-size:11px;font-weight:500;letter-spacing:.13em;
text-transform:uppercase;color:var(--bronze-soft);white-space:nowrap;
}
.board-go{
justify-self:end;font-size:13px;color:var(--bronze-soft);opacity:0;
transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1);
}
.mandate-board--home .board-line:hover .board-go{opacity:1;transform:translate(2px,-2px)}
.board-note{
max-width:70ch;margin:20px 0 0;
font-size:12px;line-height:1.7;color:var(--steel);
}
.mandate-board--home .board-head,
.mandate-board--home .board-line{grid-template-columns:30px minmax(0,1.55fr) minmax(0,.72fr) minmax(0,2fr) minmax(0,.62fr) 18px}
.mandate-board--full .board-head,
.mandate-board--full .board-line{grid-template-columns:30px minmax(0,1.25fr) minmax(0,.66fr) minmax(0,1.7fr) minmax(0,1.5fr) minmax(0,.58fr)}
.mandate-board--full .board-basis{justify-self:start}
/* The opportunities page keeps its own closing row; it sits on the board's
own rhythm now rather than floating under it. */
.opportunity-access{
grid-template-columns:1fr auto;gap:clamp(40px,5vw,80px);
margin-top:clamp(30px,3vw,44px);align-items:center;
}
.opportunity-access>p{max-width:70ch;font-size:12.5px;line-height:1.7;color:#8c99a3}
/* ------------------------------------------------- editorial hierarchy -- */
/* 76px display type in a 479px column is what produced the five-line
"Türkiye-led, with selective international access." Every ruled editorial
head comes down to the scale the GCC and platform sections already use. */
.editorial-grid h2{font-size:clamp(31px,2.95vw,46px)!important;line-height:1.07!important;max-width:18ch}
.editorial-grid{grid-template-columns:.82fr 1.18fr;gap:clamp(48px,6vw,104px)}
.page-hero-split h1{max-width:20ch}
.page-hero-split-inner{grid-template-columns:1fr 1.05fr;gap:clamp(48px,6vw,92px);align-items:center}
.page-hero-split figure{height:min(58vh,560px)}
.editorial-list{border-top:1px solid var(--rule)}
.editorial-list article{padding:26px 0;border-bottom:1px solid var(--rule-hair)}
.editorial-list article:last-child{border-bottom:0}
.editorial-list h3{font-size:22px;letter-spacing:-.012em;margin:0 0 9px}
.editorial-list p{font-size:14px;line-height:1.72;max-width:62ch}
.capability-lines,.platform-lines{border-top:1px solid var(--rule)}
.capability-lines article{grid-template-columns:44px minmax(0,1.05fr) minmax(0,1.35fr);gap:clamp(22px,2.4vw,36px);padding:26px 0;border-bottom:1px solid var(--rule-hair)}
.capability-lines article:last-child,.platform-lines article:last-child{border-bottom:0}
.capability-lines h3,.platform-lines h3{font-size:23px;letter-spacing:-.014em}
.capability-lines p,.platform-lines p{font-size:14px;line-height:1.72;max-width:60ch}
.platform-lines article{grid-template-columns:minmax(0,.7fr) minmax(0,.8fr) minmax(0,1.75fr) minmax(0,.55fr);gap:clamp(22px,2.4vw,34px);padding:26px 0;border-bottom:1px solid var(--rule-hair)}
.platform-lines a{font-size:12px;border-bottom:1px solid var(--brass-rule);padding-bottom:3px;transition:border-color .28s ease}
.platform-lines a:hover{border-color:var(--brass)}
.four-grid{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.four-grid article{border-inline-end:1px solid var(--rule-hair);padding-block:30px 32px;padding-inline:0 30px}
.four-grid h3{margin:22px 0 11px;font-size:23px;letter-spacing:-.014em}
.four-grid p{font-size:14px;line-height:1.7}
.proof-grid{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.proof-grid>div{border-inline-end:1px solid var(--rule-hair)}
.fact-lines{border-top:1px solid var(--rule)}
.fact-lines>div{border-bottom:1px solid var(--rule-hair)}
.fact-lines>div:last-child{border-bottom:0}
.office-grid article{border-top:1px solid var(--rule)}
.contact-details{border-top:1px solid var(--rule-strong)}
.contact-details>div{border-bottom:1px solid var(--rule-hair)}
.contact-details>div:last-child{border-bottom:0}
/* --------------------------------------------------- image consistency -- */
/* Six different gradings across the site, from brightness .68 to .88, made the
photography read as six libraries. One baseline everywhere the copy sits
beside the plate; a deeper one only where the copy sits over it. */
.home-approach-visual img,
.home-capabilities-image img,
.page-hero-split figure img,
.home-edge-scroll .edge-panel figure img{filter:saturate(.9) brightness(.9) contrast(1.02)!important}
.page-section-image>img{filter:saturate(.88) brightness(.6) contrast(1.02)}
.focus-image img{filter:saturate(.9) brightness(.9) contrast(1.02)}
.page-hero-image>img{filter:saturate(.9) brightness(.82) contrast(1.02)}
/* Copy over a plate needs room; the eyebrow, head and paragraph were stacked
flush against each other in the overlay band. */
.overlay-copy h2{margin:0 0 22px;font-size:clamp(31px,3vw,48px)!important;line-height:1.07!important;max-width:20ch}
.overlay-copy p:last-child{font-size:14px;line-height:1.74;max-width:58ch}
/* ------------------------------------------------- founder panel datum -- */
/* The metric and the credentials are the panel's two data zones. They now
carry the same hairline, so they read as one system instead of one ruled
row and one floating number. */
.leader-metric{padding-top:0;border-top:1px solid var(--brass-rule);padding-top:11px}
.leader-metric strong{font-size:21px}
.leader-credentials li{border-top:1px solid var(--rule)}
/* ----------------------------------------------------- AI pillar block -- */
/* A hairline separates the four capability lines from the copy above them, so
the row reads as a footing to the section rather than four loose items. */
.ai-pillars{border-top:1px solid var(--rule-hair);padding-top:22px!important}
.ai-pillars li{border-inline-start:1px solid var(--rule-hair)}
.leader-credentials{column-gap:clamp(22px,2.4vw,30px)}
/* ------------------------------------------------------------- footer --- */
.footer-col>span{margin:0 0 13px}
.footer-col{gap:9px}
.footer-grid>.footer-col-nav>div{gap:9px}
.footer-col,.footer-grid>div>span{border-color:var(--rule-hair)}
.footer-col{border-inline-start:1px solid var(--rule-hair)}
.footer-bottom{border-top:1px solid var(--rule-hair)}
.site-footer{border-top:1px solid var(--rule)}
/* ----------------------------------------------------------- mobile ----- */
@media(max-width:980px){
.mandate-board--home .board-head,.mandate-board--full .board-head{display:none}
.mandate-board--home .board-line,.mandate-board--full .board-line{
grid-template-columns:30px minmax(0,1fr);row-gap:8px;padding:20px 0;align-items:start;
}
.mandate-board--home .board-name,.mandate-board--full .board-name{font-size:20px}
.mandate-board--home .board-geo,.mandate-board--home .board-role,.mandate-board--home .board-basis,
.mandate-board--full .board-geo,.mandate-board--full .board-sit,.mandate-board--full .board-role,.mandate-board--full .board-basis{grid-column:2}
.mandate-board--home .board-go{display:none}
.board-basis{color:var(--bronze-soft)}
.editorial-grid{grid-template-columns:1fr}
.page-hero-split-inner{grid-template-columns:1fr}
.opportunity-access{grid-template-columns:1fr;gap:26px;align-items:start}
.four-grid article{border-inline-end:0;padding:26px 0 28px}
}
@media(max-width:600px){
.eyebrow::before{flex-basis:16px}
.board-line{padding:18px 0}
}
/* ---------------------------------------------- V13, second pass ---------
Alignment and legibility details found by looking at the rebuilt sections.
------------------------------------------------------------------------ */
/* Founder: the experience datum now occupies the same column as the third
credential, so its hairline and the credential hairlines line up and the
number stops floating in the panel's top-right corner. */
.leader-head{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
column-gap:clamp(22px,2.4vw,30px);align-items:start;
}
.leader-identity{grid-column:1 / 3;min-width:0}
.leader-metric{
grid-column:3;padding-top:11px;text-align:left;white-space:nowrap;
border-top:1px solid var(--brass-rule);
}
.leader-metric strong{font-size:21px;line-height:1.15}
.leader-metric span{margin-top:5px;font-size:12.5px}
/* Capabilities index: 11px body copy on a premium page was the last piece of
tiny type carrying real information. */
.home-capability-list h3{font-size:17px;line-height:1.28;margin:0 0 7px}
.home-capability-list p{font-size:12.5px;line-height:1.62}
.home-capability-list>div{padding:22px 0}
.home-capability-list span{font-size:11px}
.home-capabilities-copy{padding:20px 0 0}
.home-capabilities-lede{max-width:58ch;margin:22px 0 34px}
.home-editorial-copy>p:not(.eyebrow){max-width:56ch}
/* Footer: the column rules used to run the full height of the grid cell, top
edge included, which is what made the footer read as a table. They now start
at the label's cap line and stop at the last link. */
.footer-col{border-inline-start:0;position:relative}
.footer-col::before{
content:"";position:absolute;left:0;top:4px;bottom:2px;width:1px;
background:var(--rule-hair);
}
.footer-place{margin:16px 0 0}
/* The closing band: one hairline, the act on the left, the two channels on the
right. The section is the last thing a counterparty reads, so it ends on
something to do rather than trailing off. */
.connect-act{
display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,3vw,48px);
margin-top:22px;padding-top:20px;border-top:1px solid var(--rule-hair);
}
.connect-copy .brass-cta{margin-top:0;padding:15px 22px;font-size:12.5px}
.connect-channels{display:flex;flex-direction:column;gap:6px;text-align:end}
.connect-channels a{
font-family:var(--ui-sans);font-size:12px;line-height:1.5;color:#8e9ba5;
transition:color .28s ease;
}
.connect-channels a:hover{color:#d7c3a1}
@media(max-width:980px){
.leader-head{grid-template-columns:1fr;row-gap:16px}
.leader-identity{grid-column:1}
.leader-metric{grid-column:1;width:max-content;padding-right:34px}
.connect-act{flex-direction:column;align-items:flex-start;gap:20px}
.connect-channels{text-align:start}
.home-capabilities-copy{padding:0}
}
/* ---------------------------------------------- V13, third pass ----------
Hierarchy. A section head was set larger than the page head above it, so on
/capabilities "Eight capabilities, held in one platform." at 76px shouted
over "Origination through execution." at 56px. Section heads now sit one
clear step below page heads, which is the order a reader expects.
------------------------------------------------------------------------ */
.page-heading h2,.two-col-heading h2{
font-size:clamp(33px,3.25vw,52px)!important;
line-height:1.06!important;letter-spacing:-.02em!important;max-width:24ch;
}
.proof-head h2{font-size:clamp(33px,3.25vw,52px)!important;line-height:1.06!important;max-width:20ch}
.page-hero-split{min-height:74vh}
.page-hero{min-height:72vh}
.simple-page-hero{min-height:60vh}
/* The schedule's mandate names fit on one line at this measure; the situation
column carries the wrapping instead, which is where the sentences belong. */
.mandate-board--full .board-head,
.mandate-board--full .board-line{grid-template-columns:30px minmax(0,1.45fr) minmax(0,.62fr) minmax(0,1.55fr) minmax(0,1.45fr) minmax(0,.56fr)}
/* Two-column heads share a baseline rather than a box bottom. */
.two-col-heading{align-items:baseline;gap:clamp(48px,6vw,96px)}
.two-col-heading>p{max-width:56ch;font-size:14px;line-height:1.72}
/* The mandates head is a flex row with the head and the link at opposite ends.
At 390px the link was being squeezed to 96px and wrapping across four lines;
it now holds its width, and the row stacks. */
.home-mandates-head .text-link{flex:0 0 auto;margin-top:0}
.home-mandates-head>div{min-width:0}
@media(max-width:980px){
.home-mandates-head{flex-direction:column;align-items:flex-start;gap:20px}
}
/* =========================================================================
The two faces, finally applied consistently.
The homepage set every head in the display serif; the inner pages set the
page head in serif and then every section head under it in the UI sans, so
/about ran a serif "Independent, founder-led," over a grotesque "Deniz
Tüzüner" two screens later. One rule from here: the serif names things, the
sans describes and labels them.
========================================================================= */
.page-heading h2,
.two-col-heading h2,
.editorial-grid h2,
.overlay-copy h2,
.about-page-grid h2,
.editorial-list h3,
.capability-lines h3,
.platform-lines h3,
.four-grid article h3,
.focus-grid h3,
.office-grid h3{
font-family:var(--display-serif)!important;
font-weight:400;
letter-spacing:-.018em;
}
.editorial-list h3,.capability-lines h3,.platform-lines h3{line-height:1.24!important}
.about-page-grid h2{font-size:clamp(34px,3.4vw,54px)!important}
/* =========================================================================
V14, one measure, a taller founder, and the AI section reset
------------------------------------------------------------------------
Three things were still reading as template rather than design:
the lower stack sat on its own narrower measure than everything above it,
so five sections looked like blocks dropped into the middle of the page;
the founder portrait had been cropped down to a landscape sliver; and the
AI section led on a word that read like a product name.
========================================================================= */
:root{
/* The site now runs on one content measure. It was 1440 with 96px gutters
for the shell and a separate 1560/1360 pair for the lower bands, so the
GCC, AI, founder, contact and footer edges never lined up with the hero,
the opening or the mandates above them. */
--shell:1560px;
/* The cinematic opening keeps the measure it was approved on. It is pinned
to a literal rather than the shell variable so widening the site cannot
move a film cue, the progress rule or the scroll hint. */
--film-shell:1440px;
}
.film-cue{left:max(48px,calc((100vw - var(--film-shell))/2))}
.film-cue--right{right:max(48px,calc((100vw - var(--film-shell))/2))}
.film-progress{left:max(48px,calc((100vw - var(--film-shell))/2));right:max(48px,calc((100vw - var(--film-shell))/2))}
.film-scroll-hint{right:max(48px,calc((100vw - var(--film-shell))/2))}
/* One edge down the whole page. The contained panels keep their own device,
the brass frame and the panel ground, but they now sit on the same measure
as every section above them instead of floating inside it. */
.lower-band,.lower-inset{width:min(calc(100% - 96px),var(--shell));margin:0 auto}
/* ==================================================== founder / leadership */
/* The portrait had been reduced to a 438x360 landscape crop, which threw away
the top of the frame and made the panel read as a content row. It is a
portrait again, and the tallest element on the page's lower half. */
.leader-panel{
grid-template-columns:minmax(0,.335fr) minmax(0,.665fr);
grid-template-rows:minmax(492px,auto);
padding:18px;
}
.leader-portrait img{object-position:50% 16%}
.leader-body{padding:30px 62px 28px 48px}
.leader-identity h2{font-size:clamp(34px,3.35vw,54px);line-height:1.04}
.leader-role{margin:11px 0 0;font-size:15px}
.leader-metric strong{font-size:23px}
.leader-metric span{font-size:13px}
.leader-bio{margin:26px 0 0;max-width:62ch}
.leader-bio p{font-size:14px;line-height:1.72;margin:0 0 13px}
.leader-credentials{margin:30px 0 0}
.leader-credentials span{font-size:13px}
/* ========================================================= AI section ==== */
/* "Macro" is gone from the subline: it was doing the work of a product name,
and what the section actually describes is a platform-level programme. The
status line is a status line, the body carries the scope, and the closing
line carries the guardrail. */
.ai-subline{
margin:14px 0 0;font-family:var(--ui-sans);font-weight:500;
font-size:11px;letter-spacing:.2em;text-transform:uppercase;
line-height:1;color:var(--bronze-soft);
}
.ai-body{margin:20px 0 0;max-width:64ch;font-size:14px;line-height:1.72;color:#a3afb8}
.ai-body-note{margin:13px 0 0;color:#8b98a2}
.ai-copy{min-height:236px}
.ai-frame{padding:40px 52px 32px}
.ai-visual{width:44%}
/* ============================================== structured content ======= */
.board-name{font-size:20px}
.board-line:focus-visible{outline:1px solid var(--brass-rule-strong);outline-offset:2px;background:var(--surface-hover)}
.board-line:focus-visible .board-go{opacity:1}
/* ================================================= page-level detail ===== */
/* The contact page head and its standfirst were touching: the paragraph is
not in the selector group that carries the hero paragraph's top margin. */
.contact-page-section h1{margin:0 0 26px}
.contact-page-section .contact-grid{align-items:start}
.contact-page-section .contact-grid>div:first-child>p:last-child{margin:0;max-width:56ch;font-size:15px;line-height:1.74}
/* Copy sits over these three plates, so the scrim carries more of the frame
than it did. The right edge was light enough that the photograph competed
with the type it was supposed to sit behind. */
.page-hero-shade{background:linear-gradient(90deg,rgba(3,10,17,.95) 0%,rgba(3,10,17,.72) 46%,rgba(3,10,17,.42) 100%)}
.contact-shade{background:linear-gradient(90deg,rgba(3,10,17,.95) 0%,rgba(3,10,17,.82) 46%,rgba(3,10,17,.5) 100%)}
.page-section-image::after{background:linear-gradient(90deg,rgba(3,10,17,.93),rgba(3,10,17,.42))}
.four-grid h3{line-height:1.2!important}
.office-grid p{font-size:14px;line-height:1.74}
.office-grid article{padding-top:22px}
/* ============================================== tablet, 981 to 1180 ====== */
@media(max-width:1180px){
.leader-panel{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);grid-template-rows:minmax(430px,auto)}
.leader-body{padding:24px 32px 22px 34px}
.ai-frame{padding:34px 34px 28px}
.ai-visual{width:46%}
.ai-copy{margin-left:52%}
}
/* The mandate board holds six columns comfortably down to about 1024. Below
that it stacks, so a tablet reads a numbered list rather than a squeezed
spreadsheet. */
@media(max-width:1024px){
.mandate-board--home .board-head,.mandate-board--full .board-head{display:none}
.mandate-board--home .board-line,.mandate-board--full .board-line{
grid-template-columns:32px minmax(0,1fr);row-gap:9px;padding:20px 0;align-items:start;
}
.mandate-board--home .board-name,.mandate-board--full .board-name{font-size:21px}
.mandate-board--home .board-geo,.mandate-board--home .board-role,.mandate-board--home .board-basis,
.mandate-board--full .board-geo,.mandate-board--full .board-sit,.mandate-board--full .board-role,
.mandate-board--full .board-basis{grid-column:2}
.mandate-board--home .board-go{display:none}
.board-basis{color:var(--bronze-soft)}
}
@media(max-width:980px){
.lower-band,.lower-inset{width:calc(100% - 40px)}
/* Stacked, the portrait is a portrait rather than a wide band cropped out of
the middle of the frame. */
.leader-panel{grid-template-columns:1fr;grid-template-rows:auto;padding:16px}
.leader-portrait{height:auto;aspect-ratio:4 / 5;max-width:340px}
.leader-portrait img{object-position:50% 14%}
.leader-body{padding:26px 18px 24px}
.leader-identity h2{font-size:clamp(31px,7vw,42px)}
.ai-copy{margin-left:0;min-height:0}
.ai-frame{padding:28px 22px 26px}
.ai-body{max-width:none}
.contact-page-section .contact-grid{gap:44px}
}
@media(max-width:600px){
.lower-band,.lower-inset{width:calc(100% - 32px)}
.leader-portrait{max-width:none}
.board-name{font-size:19px}
}
/* The status line had become a second brass uppercase label directly under the
eyebrow, which read as the same device twice around one headline. It goes
back to the display serif: a quiet editorial note, not a label. */
.ai-subline{
margin:13px 0 0;font-family:var(--display-serif);font-weight:400;
font-size:19px;letter-spacing:normal;text-transform:none;line-height:1.2;
color:var(--bronze-soft);
}
/* The copy column was centred against a portrait half again its height, which
left the panel empty above and below it. The three blocks now distribute
across the panel, so the founder's record fills the frame it sits in. */
.leader-body{justify-content:space-between;padding:34px 62px 32px 48px}
.leader-bio{margin:0;max-width:62ch}
.leader-credentials{margin:0}
@media(max-width:1180px){.leader-body{padding:26px 32px 24px 34px}}
@media(max-width:980px){
.leader-body{justify-content:flex-start;padding:26px 18px 24px;gap:24px}
.leader-bio,.leader-credentials{margin:0}
}
/* The two cinematic bands kept their old copy measures after the sections were
widened, so the paragraph stopped well short of the band edge and left a void
on the right. The measures grow with the band. */
.gcc-copy{padding:28px 64px 28px 52px}
.gcc-copy p{max-width:44ch}
.connect-copy{padding:22px 64px 22px 52px}
.connect-copy p{max-width:46ch}
@media(max-width:980px){
.gcc-copy,.connect-copy{padding:26px 24px 30px}
.gcc-copy p,.connect-copy p{max-width:none}
}
/* =========================================================================
V15, lower page matched to public/reference/lower-homepage-reference.png
------------------------------------------------------------------------
Measured off the reference at a 1440 viewport: the two photographic bands
(GCC, Connect) run edge to edge with the plate on the left and the copy
on the dark right half; the two contained panels (AI, Leadership) and the
footer sit on an 82% measure; every block is separated by the same 28px.
The founder panel is a square portrait with the copy distributed top /
middle / bottom beside it, the credentials divided by vertical hairlines.
========================================================================= */
/* --- full-bleed photographic bands ----------------------------------- */
.gcc-band .lower-band,.connect-band .lower-band{width:100%;max-width:none}
.gcc-band{padding:0 0 28px;background:#1A293F}
.ai-platform{padding:0 0 28px;background:#1A293F}
.leadership-band{padding:0 0 28px;background:#1A293F}
.connect-band{padding:0;background:#1A293F}
.ai-frame{background:#1A293F}
.gcc-grid{grid-template-columns:52.25fr 47.75fr;grid-template-rows:minmax(clamp(340px,25.75vw,500px),auto);background:#020f1a}
.gcc-visual img{object-position:100% 50%}
.gcc-copy{padding-block:36px;padding-inline:0 max(48px,calc((100vw - var(--shell))/2))}
.gcc-copy h2{font-size:clamp(36px,3.1vw,58px);line-height:1.04}
.gcc-copy p{max-width:50ch;font-size:15px;line-height:1.7;margin-top:18px}
.gcc-copy .brass-cta{margin-top:28px}
.connect-grid{grid-template-columns:57.5fr 42.5fr;grid-template-rows:minmax(clamp(300px,23.75vw,460px),auto);background:#020f1a}
.connect-visual img{object-position:100% 50%}
.connect-copy{padding-block:28px;padding-inline:0 max(48px,calc((100vw - var(--shell))/2))}
.connect-copy h2{font-size:clamp(38px,3.6vw,62px);line-height:1.02}
.connect-copy p{max-width:48ch;font-size:14.5px;line-height:1.68;margin-top:16px}
/* One act, no hairline above it: the channels sit beside the button. */
.connect-act{justify-content:flex-start;gap:clamp(24px,2.6vw,40px);margin-top:24px;padding-top:0;border-top:0}
.connect-channels{flex-direction:row;gap:24px;text-align:start}
/* --- contained panels and footer on the 82% measure ------------------ */
.lower-inset{width:min(82%,var(--shell))}
.home-page .site-footer .lower-band{width:min(82%,var(--shell))}
/* --- founder panel ------------------------------------------------------ */
.leader-panel{
grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);
grid-template-rows:auto;
padding:clamp(18px,2.4vw,34px);
border:0;
}
.leader-portrait{aspect-ratio:1 / 1;height:auto}
.leader-portrait img{object-position:50% 50%}
.leader-body{
justify-content:space-between;
padding:clamp(18px,2vw,30px) clamp(48px,12%,150px) clamp(18px,2vw,30px) clamp(30px,2.6vw,40px);
}
.leader-identity h2{font-size:clamp(34px,3.2vw,50px);line-height:1.04}
.leader-role{margin:10px 0 0;font-size:15px}
.leader-metric{border-top:0;padding-top:8px}
.leader-metric strong{font-size:22px}
.leader-metric span{margin-top:6px;font-size:13px}
.leader-bio{max-width:none}
.leader-bio p{font-size:14.5px;line-height:1.72;margin:0 0 12px}
.leader-credentials{grid-template-columns:auto auto auto;justify-content:start;column-gap:0;margin:0}
.leader-credentials li{border-top:0;border-left:1px solid var(--rule);padding:2px 30px 2px 30px}
.leader-credentials li:first-child{border-left:0;padding-left:0}
.leader-credentials span{font-size:13.5px;white-space:nowrap}
/* --- tablet ------------------------------------------------------------- */
@media(max-width:1180px){
.lower-inset,.home-page .site-footer .lower-band{width:calc(100% - 96px)}
.leader-panel{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)}
.leader-body{padding:20px 32px 20px 34px}
.leader-credentials li{padding:2px 18px 2px 20px}
.leader-credentials span{white-space:normal}
}
@media(max-width:980px){
.lower-inset,.home-page .site-footer .lower-band{width:calc(100% - 40px)}
.gcc-grid,.connect-grid{grid-template-columns:1fr;grid-template-rows:auto}
.gcc-visual,.connect-visual{height:auto;aspect-ratio:16 / 9}
.gcc-copy,.connect-copy{padding:30px 20px 36px}
.gcc-copy p,.connect-copy p{max-width:none}
.connect-act{flex-direction:column;align-items:flex-start;gap:20px}
.connect-channels{flex-direction:column;gap:6px}
.leader-panel{grid-template-columns:1fr;padding:16px}
.leader-portrait{aspect-ratio:1 / 1;max-width:360px}
.leader-body{justify-content:flex-start;gap:24px;padding:26px 18px 22px}
.leader-credentials{grid-template-columns:1fr;row-gap:0}
.leader-credentials li{border-left:0;border-top:1px solid var(--rule);padding:12px 0 0}
.leader-credentials li:first-child{border-left:0;padding-left:0}
}
@media(max-width:600px){
.lower-inset,.home-page .site-footer .lower-band{width:calc(100% - 32px)}
.gcc-copy,.connect-copy{padding:26px 16px 32px}
.leader-portrait{max-width:none}
}
/* =========================================================================
V16, whole-site art direction pass
------------------------------------------------------------------------
Judged from screenshots of every route at seven widths. The strongest
sections (the film opening, the approved lower homepage, the photographic
heroes) set the level; everything below is brought up to it by removing
template chrome rather than adding: fewer labels, no decorative numbering,
no cell borders, one photographic beat on every text-heavy page, and the
founder treated the same way on /about as on the homepage.
========================================================================= */
/* --- labels: keep the wayfinding label on each page head, drop the rest -- */
/* Inner pages carried a tracked uppercase label above every section head,
restating what the head already said. The head is enough. */
.page .page-section .eyebrow,
.page .overlay-copy .eyebrow{display:none}
.page .page-heading{margin-bottom:clamp(36px,3.6vw,52px)}
/* --- numbering only where the content is a sequence ---------------------- */
.home-capability-list span,
.capability-lines article>span,
.four-grid article>span,
.ai-num{display:none}
.home-capability-list>div{grid-template-columns:1fr}
.capability-lines article{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.ai-pillars li{grid-template-columns:minmax(0,1fr)}
.four-grid h3{margin-top:0}
/* --- ruled grids become open editorial lists ----------------------------- */
.four-grid{grid-template-columns:1fr 1fr;column-gap:clamp(48px,6vw,110px);border-bottom:0}
.four-grid article,.four-grid article:not(:first-child),.four-grid article:last-child{border-right:0;border-bottom:1px solid var(--rule-hair);padding:30px 0 34px}
.four-grid article:nth-last-child(-n+2){border-bottom:0}
.four-grid p{max-width:44ch}
/* --- stats without the dashboard ----------------------------------------- */
.proof-grid{border-bottom:0}
.proof-grid>div,.proof-grid>div:not(:first-child),.proof-grid>div:last-child{border-inline-end:0;padding-block:30px 0;padding-inline:0 28px}
.proof-grid strong{font-size:clamp(38px,3.4vw,52px);line-height:1}
.proof-grid span{margin-top:10px;font-size:13px;color:#93a0aa;max-width:20ch}
/* --- founder on /about, same treatment as the homepage ------------------- */
.about-founder-grid{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:clamp(48px,6vw,110px);align-items:center}
.about-portrait{margin:0;aspect-ratio:1 / 1;overflow:hidden;background:#101d29}
.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.about-founder-body h2{margin:0;font-family:var(--display-serif);font-weight:400;font-size:clamp(38px,3.8vw,60px);line-height:1.02;letter-spacing:-.022em;color:#f4f0e9}
.about-founder-body .leader-role{margin:12px 0 0;font-size:15px}
.about-founder-body .lede{margin:34px 0 18px;font-size:clamp(18px,1.35vw,21px);line-height:1.5;color:#d6dde2;max-width:30ch}
.about-founder-body>p:not(.lede):not(.leader-role){margin:0;color:var(--muted);font-size:15px;line-height:1.72;max-width:56ch}
.about-credentials{margin:38px 0 0;grid-template-columns:auto auto auto auto;justify-content:start;column-gap:0}
.about-credentials li{border-top:0;border-left:1px solid var(--rule);padding:2px 30px}
.about-credentials li:first-child{border-left:0;padding-left:0}
.about-credentials strong{display:block;font-family:var(--ui-sans);font-weight:500;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--bronze-soft)}
.about-credentials span{display:block;margin-top:6px;font-size:13.5px;line-height:1.4;color:#d3dae0;white-space:nowrap}
/* --- office photography: one establishing frame, one tall frame ---------- */
.office-sequence{background:#102134;padding:0 0 clamp(90px,10vw,150px)}
.office-establishing{margin:0;height:clamp(420px,64vh,780px);overflow:hidden}
.office-establishing img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}
.office-pair{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:clamp(40px,6vw,120px);align-items:end;margin-top:clamp(64px,7vw,110px)}
.office-line{margin:0 0 9%;font-family:var(--display-serif);font-weight:400;font-size:clamp(24px,2vw,32px);line-height:1.2;letter-spacing:-.015em;color:#cfd6dc;max-width:12ch}
.office-tall{margin:0;width:min(100%,640px);aspect-ratio:4 / 5;overflow:hidden;justify-self:end}
.office-tall img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.office-sequence img{filter:saturate(.94) brightness(.95) contrast(1.02)}
/* --- approach: the four questions sit over a plate ----------------------- */
.approach-questions{min-height:0;padding:clamp(100px,11vw,160px) 0}
.overlay-copy-wide{max-width:820px}
.question-list{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(36px,4vw,64px);margin-top:clamp(36px,3.6vw,56px);border-top:1px solid rgba(226,233,238,.18)}
.question-list article{padding:26px 0 8px}
.question-list h3{margin:0 0 8px;font-family:var(--display-serif);font-weight:400;font-size:22px;line-height:1.2;letter-spacing:-.012em;color:#f2eee7}
.question-list p{margin:0;font-size:14px;line-height:1.7;color:#c0cad1;max-width:34ch}
/* --- capabilities: platform lines ------------------------------------------ */
.platform-lines span{font-family:var(--ui-sans);font-size:13px;letter-spacing:0;text-transform:none;color:#93a0aa;line-height:1.5}
/* --- contact: the address is the act ------------------------------------- */
.contact-details{border-top:0;gap:clamp(22px,2.4vw,34px)}
.contact-details>div{padding:0;border-bottom:0}
.contact-details span{margin-bottom:8px;font-family:var(--ui-sans);font-size:13px;letter-spacing:0;text-transform:none;color:#93a0aa}
.contact-details a{display:inline-block;font-family:var(--display-serif);font-size:clamp(26px,2.3vw,36px);line-height:1.15;letter-spacing:-.018em;color:#f4f0e9;border-bottom:1px solid rgba(226,233,238,.3);padding-bottom:4px}
.contact-details a:hover{border-color:var(--brass)}
.contact-details p{font-size:17px;color:#d7dee2}
.office-grid{gap:clamp(40px,5vw,80px)}
.office-grid article{border-top:0;padding-top:0}
.office-grid span{display:block;margin-bottom:14px;font-family:var(--display-serif);font-size:22px;letter-spacing:-.012em;text-transform:none;color:#f2eee7}
.office-grid p{margin:0;font-size:14.5px;line-height:1.8;color:#a7b3bc}
/* --- footer: no column dividers ---------------------------------------- */
.footer-col::before{display:none}
/* --- tablet / mobile ------------------------------------------------------- */
@media(max-width:1180px){
.about-credentials{grid-template-columns:auto auto;row-gap:22px}
.about-credentials li:nth-child(3){border-left:0;padding-left:0}
}
@media(max-width:980px){
.four-grid{grid-template-columns:1fr}
.four-grid article:nth-last-child(-n+2){border-bottom:1px solid var(--rule-hair)}
.four-grid article:last-child{border-bottom:0}
.proof-grid>div,.proof-grid>div:not(:first-child),.proof-grid>div:last-child{padding-block:26px 0;padding-inline:0 18px;border-bottom:0}
.about-founder-grid{grid-template-columns:1fr;gap:36px}
.about-portrait{max-width:360px}
.about-credentials{grid-template-columns:1fr 1fr;row-gap:20px}
.about-credentials span{white-space:normal}
.office-establishing{height:min(60vh,520px)}
.office-pair{grid-template-columns:1fr;gap:28px;margin-top:48px}
.office-line{margin:0;max-width:none}
.office-tall{width:100%;justify-self:start}
.question-list{grid-template-columns:1fr}
.question-list article{padding:22px 0 6px}
.approach-questions{padding:80px 0}
.capability-lines article{grid-template-columns:1fr}
.capability-lines p{grid-column:1}
.contact-details a{font-size:clamp(24px,6.4vw,30px)}
}
@media(max-width:600px){
.proof-grid{grid-template-columns:1fr 1fr}
.about-portrait{max-width:none}
.about-credentials{grid-template-columns:1fr}
.about-credentials li{border-left:0;padding:0}
.office-establishing{height:auto;aspect-ratio:4 / 5}
.office-establishing img{object-position:50% 50%}
.office-tall{aspect-ratio:4 / 5}
}
/* V16 corrections after the first screenshot pass */
.office-establishing img{object-position:0% 52%}
.page-hero-image h1{max-width:15ch}
@media(max-width:980px){.page-hero-image h1{max-width:12ch}}
.office-establishing img{object-position:0% 30%}
@media(max-width:980px){
.page-hero-image h1{max-width:none}
.platform-lines article{grid-template-columns:1fr;gap:8px;padding:24px 0}
.platform-lines h3,.platform-lines span,.platform-lines p,.platform-lines a{grid-column:1}
.platform-lines a{justify-self:start;margin-top:4px}
.office-establishing img{object-position:0% 40%}
}
/* =========================================================================
V17, final approved plates in the V16 full-bleed frames
The two plates are the supplied PNGs, unfiltered. Frames keep their V16
geometry (52.25% / 25.75vw and 57.5% / 23.75vw). The plates no longer carry
a baked-in fade, so the copy columns take back their V15 inset.
========================================================================= */
.gcc-visual img{object-position:50% 45%}
.connect-visual img{object-position:50% 56%}
.gcc-copy{padding-inline-start:clamp(44px,4.8vw,92px)}
.connect-copy{padding-inline-start:clamp(30px,2.4vw,48px)}
@media(max-width:980px){
.gcc-visual img{object-position:50% 50%}
.connect-visual img{object-position:58% 50%}
.gcc-copy,.connect-copy{padding-inline-start:20px}
}
@media(max-width:600px){.gcc-copy,.connect-copy{padding-inline-start:16px}}
/* =========================================================================
V18, less machinery
------------------------------------------------------------------------
Three compositions rebuilt without their devices. The AI section loses its
frame, globe and numbered tiles and becomes a typographic spread. The
founder loses the panel and reads as an editorial profile. The footer
loses its column headings and dividers so the brand carries the ending.
The short brass dash before every eyebrow goes: the approved reference
sets those labels plain.
========================================================================= */
/* --- eyebrow: label only ------------------------------------------------- */
.eyebrow::before{display:none}
.eyebrow{gap:0}
/* --- AI platform: editorial spread -------------------------------------- */
.ai-platform{padding:0;background:#1A293F}
.ai-editorial{
display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);
column-gap:clamp(48px,6vw,120px);row-gap:clamp(56px,6vw,96px);
padding:clamp(80px,8.5vw,128px) 0 clamp(72px,7.5vw,112px);
}
.ai-lead .eyebrow{margin:0 0 26px}
.ai-lead h2{
margin:0;font-family:var(--display-serif);font-weight:400;
font-size:clamp(46px,4.9vw,84px);line-height:.98;letter-spacing:-.03em;color:#f3efe8;
}
.ai-subline{margin:22px 0 0;font-family:var(--display-serif);font-size:clamp(20px,1.5vw,24px);line-height:1.2;color:var(--bronze-soft)}
.ai-text{align-self:end;padding-bottom:10px}
.ai-body{margin:0;max-width:54ch;font-size:15.5px;line-height:1.72;color:#b0bbc4}
.ai-body-note{margin:18px 0 0;color:#8b98a2}
.ai-pillars{
grid-column:1 / -1;list-style:none;margin:0;padding:28px 0 0;
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(28px,3vw,56px);
border-top:1px solid var(--rule);
}
.ai-pillars li{display:block;padding:0;border:0}
.ai-pillars h3{margin:0 0 9px;font-family:var(--display-serif);font-weight:400;font-size:21px;line-height:1.2;letter-spacing:-.012em;text-transform:none;color:#f2eee7}
.ai-pillars p{margin:0;font-size:13.5px;line-height:1.6;color:#8b98a2}
/* --- founder: editorial profile ----------------------------------------- */
.leadership-band{padding:clamp(72px,8vw,120px) 0 clamp(88px,9.5vw,140px);background:#1A293F}
.section-label{display:none}
.leader-panel{
grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);grid-template-rows:auto;
gap:clamp(48px,6vw,110px);align-items:start;
padding:0;background:transparent;border:0;
}
.leader-portrait{aspect-ratio:4 / 5;height:auto;background:#101d29}
.leader-portrait img{object-position:50% 18%}
.leader-body{display:block;padding:4px 0 0}
.leader-head{display:block}
.leader-identity h2{font-size:clamp(40px,3.9vw,64px);line-height:1;letter-spacing:-.026em}
.leader-role{margin:14px 0 0;font-size:15px}
.leader-bio{margin:34px 0 0;max-width:56ch}
.leader-bio p{font-size:15.5px;line-height:1.7;margin:0 0 14px;color:#aab5be}
.leader-bio p:first-child{font-size:clamp(18px,1.35vw,21px);line-height:1.5;color:#d6dde2}
.leader-credentials,.about-credentials{
margin:40px 0 0;padding:20px 0 0;border-top:1px solid var(--rule);
display:grid;grid-template-columns:1fr;row-gap:10px;column-gap:0;justify-content:start;
}
.leader-credentials li,.about-credentials li,.about-credentials li:first-child,.about-credentials li:nth-child(3){
display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:24px;align-items:baseline;
padding:0;border:0;
}
.leader-credentials strong,.about-credentials strong{
font-family:var(--ui-sans);font-weight:400;font-size:13px;letter-spacing:0;text-transform:none;color:var(--steel);
}
.leader-credentials span,.about-credentials span{margin:0;font-size:14px;line-height:1.5;color:#d3dae0;white-space:normal}
/* --- footer: brand ending -------------------------------------------------- */
.site-footer{border-top:0;background:#030c14}
.footer-grid{
grid-template-columns:minmax(0,1.5fr) auto auto auto;
column-gap:clamp(40px,5vw,110px);align-items:start;padding:64px 0 48px;
}
.footer-wordmark{width:250px}
.footer-brand a{row-gap:8px}
.footer-place{margin:22px 0 0;font-size:12.5px;color:var(--steel)}
.footer-col{padding-left:0;border:0;gap:10px}
.footer-col::before{display:none}
.footer-col>span{display:none}
.footer-col a,.footer-col p{font-size:12.5px;line-height:1.5;color:#8a97a1}
.footer-col a:hover{color:#e8e3da}
.footer-grid>.footer-col-nav{column-gap:40px}
.footer-col-nav>div{gap:10px}
.footer-bottom{padding:20px 0 26px;font-size:11px;color:var(--steel);border-top:1px solid rgba(255,255,255,.07)}
/* --- tablet / mobile ------------------------------------------------------- */
@media(max-width:1180px){
.leader-panel{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}
.footer-grid{grid-template-columns:minmax(0,1.2fr) auto auto auto;column-gap:36px}
}
@media(max-width:980px){
.ai-editorial{grid-template-columns:1fr;row-gap:36px;padding:72px 0 64px}
.ai-text{align-self:start;padding:0}
.ai-pillars{grid-template-columns:1fr 1fr;row-gap:26px;margin:0;padding-top:26px}
.ai-pillars li,.ai-pillars li:nth-child(odd){padding:0;border:0}
.leadership-band{padding:64px 0 80px}
.leader-panel{grid-template-columns:1fr;gap:32px;padding:0}
.leader-portrait{aspect-ratio:1 / 1;max-width:none}
.leader-body{padding:0;gap:0}
.leader-bio{margin:28px 0 0}
.leader-credentials,.about-credentials{margin:32px 0 0;grid-template-columns:1fr;row-gap:10px}
.leader-credentials li,.about-credentials li,.about-credentials li:first-child{grid-template-columns:130px minmax(0,1fr);padding:0;border:0}
.footer-grid{grid-template-columns:1fr 1fr;row-gap:34px;padding:52px 0 40px}
.footer-col{padding:0;border:0}
}
@media(max-width:600px){
.ai-pillars{grid-template-columns:1fr;row-gap:22px}
.leader-credentials li,.about-credentials li,.about-credentials li:first-child{grid-template-columns:110px minmax(0,1fr)}
.footer-grid{grid-template-columns:1fr}
.footer-wordmark{width:210px}
}
/* V18: the AI spread and the founder profile share one measure of air */
.ai-editorial{padding-bottom:clamp(56px,6vw,88px)}
.leadership-band{padding-top:clamp(56px,6vw,88px)}
/* =========================================================================
V19, two micro-corrections on the approved V18
Header CTA: a ruled text link in the nav's own type, not an outlined box.
Upper homepage labels: one formal eyebrow (Our approach), the Investment
Edge head opens on its own, Capabilities carries a quiet inline label.
========================================================================= */
.site-nav a:last-child,.home-page .site-nav .nav-enquire{
margin-inline-start:28px;padding:10px 0 7px;border:0;
border-bottom:1px solid rgba(208,173,114,.7);
color:#f1e6d5;letter-spacing:.02em;
transition:border-color .28s ease,color .28s ease;
}
.site-nav a:last-child:hover,.home-page .site-nav .nav-enquire:hover{border-bottom-color:#d3b077;color:#fff}
.home-edge-intro .eyebrow{display:none}
.home-capabilities-copy .eyebrow{
display:block;margin:0 0 18px;
font-family:var(--ui-sans);font-size:13px;letter-spacing:.02em;
text-transform:lowercase;color:var(--steel);
}
.home-capabilities-copy .eyebrow::first-letter{text-transform:uppercase}
@media(max-width:980px){
.site-nav a:last-child{margin:10px 0 0;padding:14px 0 10px;border:0;border-bottom:1px solid rgba(208,173,114,.7)}
}
/* =========================================================================
V20, four corrections on the live V19
========================================================================= */
/* 1. founder credentials: one row, four columns, labels on one baseline ---- */
.leader-credentials,.about-credentials{
display:grid;grid-template-columns:repeat(4,max-content);
column-gap:clamp(36px,4vw,72px);row-gap:22px;justify-content:start;align-items:start;
margin:40px 0 0;padding:22px 0 0;border-top:1px solid var(--rule);
}
.leader-credentials li,.about-credentials li,.about-credentials li:first-child,.about-credentials li:nth-child(3){
display:block;padding:0;border:0;
}
.leader-credentials strong,.about-credentials strong{
display:block;margin:0 0 7px;font-family:var(--ui-sans);font-weight:400;font-size:13px;
letter-spacing:0;text-transform:none;line-height:1.3;color:var(--steel);
}
.leader-credentials span,.about-credentials span{
display:block;margin:0;font-size:14.5px;line-height:1.3;color:#e2e7ea;white-space:nowrap;
}
/* 2. approach: the four questions at a fuller scale ------------------------ */
.approach-questions{padding:clamp(110px,12vw,180px) 0}
.overlay-copy-wide{max-width:960px}
.approach-questions .overlay-copy h2{font-size:clamp(40px,3.9vw,64px)!important;line-height:1.02!important;margin:0 0 30px;max-width:16ch}
.question-list{grid-template-columns:1fr 1fr;column-gap:clamp(40px,4.6vw,80px);margin-top:clamp(40px,4vw,64px);border-top:1px solid rgba(226,233,238,.2)}
.question-list article{padding:32px 0 14px}
.question-list h3{margin:0 0 12px;font-size:clamp(23px,1.9vw,28px);line-height:1.18}
.question-list p{font-size:15.5px;line-height:1.68;color:#c7d0d6;max-width:32ch}
/* 3 + 4. about: two office frames side by side ---------------------------- */
.office-sequence{background:#102134;padding:clamp(72px,8vw,120px) 0 clamp(90px,10vw,150px)}
.office-pair{
display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(20px,2.2vw,36px);row-gap:0;
align-items:start;margin:0;
}
.office-line{grid-column:1 / -1;margin:0 0 clamp(28px,3vw,44px);max-width:none;font-size:clamp(22px,1.8vw,28px);color:#cfd6dc}
.office-frame{margin:0;aspect-ratio:4 / 5;overflow:hidden;background:#101d29}
.office-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.94) brightness(.95) contrast(1.02)}
@media(max-width:1180px){
.leader-credentials,.about-credentials{grid-template-columns:repeat(2,max-content);column-gap:clamp(40px,6vw,80px)}
}
@media(max-width:980px){
.leader-credentials,.about-credentials{grid-template-columns:repeat(2,max-content);row-gap:20px;margin:32px 0 0}
.leader-credentials li,.about-credentials li,.about-credentials li:first-child{display:block;padding:0;border:0}
.approach-questions{padding:84px 0}
.question-list{grid-template-columns:1fr}
.question-list article{padding:24px 0 8px}
.question-list h3{font-size:22px}
.question-list p{font-size:15px;max-width:none}
.office-sequence{padding:56px 0 80px}
.office-pair{grid-template-columns:1fr 1fr;column-gap:16px}
.office-line{margin:0 0 24px}
}
@media(max-width:600px){
.leader-credentials,.about-credentials{grid-template-columns:1fr;row-gap:16px}
.leader-credentials span,.about-credentials span{white-space:normal}
.office-pair{grid-template-columns:1fr;row-gap:16px}
}
/* V20: the office pair sits on the shell, centred like every other shell */
.office-pair{margin:0 auto}
/* =========================================================================
V21, navigation type, and the two rules that actually set it
.site-nav (line 26) sets 12px for the inner pages, .home-page .site-nav
(line 794) sets 11px for the homepage. Both come up to 13.5px medium; the
header height and the brand lockup do not change.
========================================================================= */
.site-nav{font-size:13.5px;gap:34px;letter-spacing:.01em}
.home-page .site-nav{font-size:13.5px;gap:30px}
.site-nav a{font-weight:500;color:#e6ebef}
.site-nav a:last-child,.home-page .site-nav .nav-enquire{font-size:13.5px;margin-inline-start:26px}
@media(max-width:1180px){.site-nav,.home-page .site-nav{gap:22px;font-size:13px}}
@media(max-width:980px){.site-nav,.home-page .site-nav{font-size:14px;gap:4px}}
/* =========================================================================
V22 - four locales, one directional mark, a real loading gate, and the
root-cause fix for the cropped DREAMLAND on narrow screens.
Nothing above this line changed. Everything here is additive.
========================================================================= */
/* --- 0. utilities ------------------------------------------------------ */
.sr-only{
position:absolute;width:1px;height:1px;padding:0;margin:-1px;
overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;
}
/* `clip` rather than `hidden`: it stops a stray pixel of horizontal scroll
without turning the document into a scroll container, which is what breaks
`position:sticky` on the hero and the edge track.
On the root element only. Any overflow other than `visible` on `body` makes
body a block formatting context, and that is enough to shift where a line of
type breaks; the root alone is sufficient to hold the document. */
html{overflow-x:clip}
/* --- 1. Investor Access -----------------------------------------------
Its treatment came from `.site-nav a:last-child`, and the switcher is now
the last child, so the enquire link restates exactly what V21 gave it: a
brass underline, not a frame, at 28px from the last nav item. The mobile
values are the ones the panel already used. */
.site-nav .nav-enquire{
margin-inline-start:28px;padding:10px 0 7px;border:0;
border-bottom:1px solid rgba(208,173,114,.7);
color:#f1e6d5;letter-spacing:.02em;
transition:border-color .28s ease,color .28s ease;
}
.site-nav .nav-enquire::after{display:none}
.site-nav .nav-enquire:hover{border-bottom-color:#d3b077;color:#fff}
@media(max-width:980px){
.site-nav .nav-enquire{margin:10px 0 0;padding:14px 0 10px}
}
/* --- 2. language switcher ---------------------------------------------
Set in the navigation own face, at its own size. Four marks, an oblique
between them, the current one in brass. No dropdown, no flag, no globe. */
.lang-switch{
display:flex;align-items:center;
margin-inline-start:26px;
font-family:var(--ui-sans);font-size:11.5px;font-weight:500;
letter-spacing:.1em;color:var(--steel);
}
.lang-switch a{padding:10px 0;color:inherit;transition:color .25s ease}
.lang-switch a::after{display:none}
.lang-switch a + a{margin-inline-start:8px}
.lang-switch a + a::before{
content:"/";margin-inline-end:8px;color:rgba(226,233,238,.2);font-weight:400;
}
.lang-switch a:hover{color:#dbe2e7}
.lang-switch a[aria-current]{color:var(--bronze-soft)}
.lang-switch a:focus-visible{outline:1px solid var(--bronze-soft);outline-offset:3px}
@media(max-width:1180px){.lang-switch{margin-inline-start:18px;font-size:11px}}
/* --- 3. one directional mark ------------------------------------------
A 1px rule with an open head, sized in ems so it tracks the type beside it.
It replaces every Unicode arrow on the site. It is used only where the link
is an onward action; decorative arrows were removed rather than restyled. */
.mark{
display:block;flex:0 0 auto;
width:1.45em;height:.65em;overflow:visible;
color:currentColor;
transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.text-link,.edge-panel-copy a{align-items:center}
.text-link .mark,.opening-cta .mark,.brass-cta .mark,.nda-link .mark{width:1.5em}
.edge-panel-copy a .mark{width:1.4em}
.board-go .mark{width:1.15em;opacity:.9}
.text-link:hover .mark,.opening-cta:hover .mark,.brass-cta:hover .mark,
.nda-link:hover .mark,.edge-panel-copy a:hover .mark{transform:translateX(3px)}
.board-line:hover .board-go .mark,.board-line:focus-visible .board-go .mark{transform:translateX(2px)}
[dir="rtl"] .mark{transform:scaleX(-1)}
[dir="rtl"] .text-link:hover .mark,[dir="rtl"] .opening-cta:hover .mark,
[dir="rtl"] .brass-cta:hover .mark,[dir="rtl"] .nda-link:hover .mark,
[dir="rtl"] .edge-panel-copy a:hover .mark{transform:scaleX(-1) translateX(3px)}
[dir="rtl"] .board-line:hover .board-go .mark{transform:scaleX(-1) translateX(2px)}
/* The board mark stays a hover affordance on a pointer and is absent on touch,
where there is no hover to reveal it and six of them read as chrome. */
@media(hover:none){.board-go{display:none}}
/* The scroll hint head is the same geometry as the mark, and turns with the
reading direction. */
[dir="rtl"] .film-scroll-hint i::after{
right:auto;left:0;
border-right:0;border-bottom:1px solid #d7b175;border-left:1px solid #d7b175;
transform:rotate(-45deg);
}
@media (prefers-reduced-motion: reduce){.mark{transition:none}}
/* --- 4. DREAMLAND, and why it was cropped ----------------------------
Two causes, both fixed here.
(a) Letter-spacing adds a trailing space after the final D. A centred line
therefore sits half a letter-space to the left of true centre, which on
a 320px screen is the difference between a whole D and most of one.
`text-indent` equal to the tracking puts it back.
(b) The size was a `vw` clamp and the width budget assumed Palatino. On a
device with no Palatino the fallback serif is wider, the nowrap line
exceeds its box, and a centred overflow is clipped at both ends - the
left D being the one you notice. The size now comes from `--wm-size`,
which script.js measures and sets only when the designed size does not
fit; where it fits, the original clamp is what renders. */
.film-wordmark{
--wm-ls:.22em;
letter-spacing:var(--wm-ls)!important;
text-indent:var(--wm-ls);
white-space:nowrap!important;
font-size:var(--wm-size,clamp(58px,8vw,138px))!important;
}
@media(max-width:980px){
.film-wordmark{--wm-ls:.14em;font-size:var(--wm-size,clamp(46px,13vw,72px))!important}
/* The measure the wordmark is fitted into: full viewport less a 20px gutter
each side, less any device safe area. */
.film-cue--brand,.film-cue--final{
width:calc(100vw - 40px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;
}
}
@media(max-width:600px){
.film-wordmark{--wm-ls:.1em;font-size:var(--wm-size,clamp(40px,12.5vw,58px))!important}
.film-cue--brand,.film-cue--final{
width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;
}
}
/* Landscape on a short viewport: the lockup is height-bound, not width-bound. */
@media(max-height:520px) and (orientation:landscape){
.film-wordmark{--wm-ls:.16em;font-size:var(--wm-size,clamp(34px,7vw,58px))!important}
.film-kicker{margin-top:14px!important}
.film-cue--final p{font-size:clamp(30px,5.6vw,46px)!important}
}
/* --- 5. the loading gate ---------------------------------------------
The same lockup, in the same place, at the same size as the film first
cue, on the film own ground. The reveal is a dissolve between two
identical images, so there is nothing to see except the rule going out. */
.film-gate{
position:fixed;inset:0;z-index:120;
display:flex;align-items:center;justify-content:center;
background:#06121d;
opacity:1;
transition:opacity .85s cubic-bezier(.4,0,.2,1);
/* Failsafe. If script.js never loads, never runs, or throws, the gate still
leaves at nine seconds. A broken frame cannot trap a visitor here. */
animation:gate-failsafe 1ms linear 9s forwards;
}
/* Block, not flex: the wordmark has to fill a known measure so script.js can
compare its rendered width against it. A shrink-to-fit flex item never
overflows, so it can never report that it needs to be smaller. */
.film-gate-lockup{display:block;text-align:center;width:min(1240px,calc(100vw - 32px))}
/* No kicker margin of its own: the gate has to inherit the film's, or the
lockup is a different height and the wordmark hands over a few pixels off. */
.film-gate-rule{
position:absolute;left:50%;transform:translateX(-50%);
bottom:clamp(44px,8vh,88px);
width:min(180px,38vw);height:1px;
background:rgba(226,233,238,.14);overflow:hidden;
}
.film-gate-rule i{
display:block;width:100%;height:100%;
background:var(--bronze-soft);
transform:scaleX(0);transform-origin:left center;
transition:transform .4s cubic-bezier(.4,0,.2,1);
}
[dir="rtl"] .film-gate-rule i{transform-origin:right center}
.film-gate.is-open{opacity:0;pointer-events:none}
body.gate-locked{overflow:hidden}
@keyframes gate-failsafe{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion: reduce){
.film-gate{transition-duration:.2s}
.film-gate-rule i{transition:none}
}
/* --- 6. right to left -------------------------------------------------
Only what is genuinely directional is turned. No photograph, no plate and
no canvas is mirrored: there is no `scaleX` on any figure, image or the
hero canvas anywhere in this stylesheet, and the CEO portrait, the GCC
plate and the closing plate render exactly as supplied. */
[dir="rtl"] .film-cue{
left:auto;right:max(48px,calc((100vw - var(--film-shell,var(--shell)))/2));
}
[dir="rtl"] .film-cue--right{
right:auto;left:max(48px,calc((100vw - var(--film-shell,var(--shell)))/2));
text-align:left;
}
[dir="rtl"] .film-cue--brand,[dir="rtl"] .film-cue--final{
left:50%!important;right:auto!important;text-align:center!important;
}
[dir="rtl"] .film-scroll-hint{
right:auto;left:max(48px,calc((100vw - var(--film-shell,var(--shell)))/2));
}
[dir="rtl"] #filmProgress{transform-origin:right center}
@media(max-width:980px){
[dir="rtl"] .film-cue,[dir="rtl"] .film-cue--right{left:20px;right:20px;text-align:right}
}
@media(max-width:600px){
[dir="rtl"] .film-cue,[dir="rtl"] .film-cue--right{left:16px;right:16px}
}
/* A telephone number, an email address and a domain stay left to right inside
a right-to-left line; dir="ltr" in the markup isolates them. */
[dir="rtl"] a[dir="ltr"]{display:inline-block}
/* --- 7. the four scripts ---------------------------------------------
Turkish rides the Latin faces already licensed for the site. Russian and
Arabic do not: NeueHaas Display ships here with 432 glyphs and no Cyrillic
and no Arabic, so naming it for those locales would set every Latin word in
NeueHaas and every native word in a fallback, inside the same line. Each
locale therefore states a complete stack of its own.
Both non-Latin stacks are system faces. Nothing is downloaded, so there is
no webfont licence to clear and no third-party request from a page that
currently makes none. See the remaining-weakness note in the report: a
subsetted Noto Naskh Arabic under the SIL Open Font Licence is the upgrade
if Arabic has to render identically on every device. */
html[lang="ru"]{
--display-serif:"Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",serif;
--ui-sans:"Helvetica Neue",Helvetica,Arial,"Segoe UI",sans-serif;
}
html[lang="ar"]{
--display-serif:"SF Arabic","Geeza Pro","Noto Naskh Arabic","Traditional Arabic","Al Bayan",serif;
--ui-sans:"SF Arabic","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}
/* Arabic is cursive: letters join, and tracking - positive on the labels,
negative on the display type - breaks the joins and is the single loudest
tell of a Latin design pushed into Arabic. It is removed wholesale, and
restored by name on the three places that hold Latin text. */
html[lang="ar"] body *{letter-spacing:normal!important}
html[lang="ar"] .film-wordmark{letter-spacing:var(--wm-ls)!important}
html[lang="ar"] .film-index{letter-spacing:.18em!important}
html[lang="ar"] .lang-switch{letter-spacing:.1em!important}
/* Naskh needs leading. These are the amounts that let the Arabic headings
breathe without moving any band height. */
html[lang="ar"] h1,html[lang="ar"] h2{line-height:1.3}
html[lang="ar"] h3{line-height:1.45}
html[lang="ar"] p,html[lang="ar"] li{line-height:1.85}
html[lang="ar"] .film-cue p{line-height:1.42!important}
html[lang="ar"] .film-cue--final p{line-height:1.32!important}
html[lang="ar"] .eyebrow{font-size:11px}
html[lang="ar"] .board-basis,html[lang="ar"] .board-n{font-size:12px}
html[lang="ar"] .brand-sub{font-size:12px}
html[lang="ar"] .film-kicker{font-size:13px!important}
/* Russian compounds run long. Headings are allowed to break rather than to
overflow their measure. */
html[lang="ru"] h1,html[lang="ru"] h2,html[lang="ru"] h3{overflow-wrap:break-word}
html[lang="ru"] .board-basis,html[lang="ru"] .eyebrow{letter-spacing:.12em}
html[lang="ru"] .brand-sub,html[lang="ru"] .footer-descriptor{letter-spacing:.08em}
/* --- 8. pass one: what four languages found in the grids ---------------
Every band on the site is a grid, and a `1fr` track has an automatic
minimum of `min-content`. English never tested that, because English words
are short. "Инвестиционная" set at 46px is 346px wide, so on a 320px screen
the AI band expanded its own column past the viewport and took the document
with it. Two fixes, neither of them locale-specific: the tracks state their
own floor, and the AI heading is sized to the measure it actually has.
`overflow-wrap:break-word` does not help here and was the wrong instinct:
it permits a break but leaves min-content unchanged, so the track still
expands. `minmax(0, …)` is what shrinks it. */
.ai-editorial > *,
.ai-pillars > li,
.editorial-grid > *,
.page-hero-split-inner > *,
.home-approach-grid > *,
.home-capabilities-grid > *,
.home-capability-list > *,
.gcc-grid > *,
.connect-grid > *,
.leader-panel > *,
.about-founder-grid > *,
.contact-grid > *,
.office-grid > *,
.four-grid > *,
.proof-grid > *,
.capability-lines > *,
.platform-lines > *,
.question-list > *,
.footer-grid > *,
.board-line > *,
.board-head > *{min-width:0}
@media(max-width:980px){
/* V21 stacks this band at 980; the single track states its own floor so a
long word cannot widen it. */
.ai-editorial{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
/* Only Russian needs the display size reduced: at 46px "Инвестиционная" is
346px wide and would have to break mid-word inside a 288px measure. The
English, Turkish and Arabic settings are left exactly as approved. */
html[lang="ru"] .ai-lead h2{font-size:clamp(34px,11.5vw,46px)}
}
/* --- 9. pass one: the switcher, and the gate handover -------------------
The switcher lives inside `.site-nav` so the mobile menu gets it for free.
The cost was that `.site-nav a:last-child`, which is what draws the frame
around Investor Access, was landing on RU: the last language read as the
current one on every page, in a box. The switcher now states each of its
own properties at a specificity that rule cannot reach. */
.site-nav .lang-switch a{
margin:0;padding:10px 0;border:0;
color:inherit;font:inherit;letter-spacing:inherit;
}
.site-nav .lang-switch a::after{display:none}
.site-nav .lang-switch a + a{margin-inline-start:8px}
.site-nav .lang-switch a:hover{color:#dbe2e7;border:0}
.site-nav .lang-switch a[aria-current]{color:var(--bronze-soft)}
@media(max-width:980px){
/* Inside the mobile panel it is a row of its own beneath the enquire link,
not another line in the list. */
.site-nav .lang-switch{margin:22px 0 0;justify-content:flex-start}
.site-nav .lang-switch a{padding:6px 0;border:0}
}
/* The gate is a dissolve into the film, so it borrows the film's own
furniture: the lockup is already the same type at the same size in the same
place, and the progress rule now sits exactly where `.film-progress` sits.
Across the handover the track does not move; only the brass goes out.
The wordmark's text-shadow exists to hold the letters off a photograph. On
the gate's flat ground it renders as a grey patch behind each glyph, so it
is dropped there and only there. */
.film-gate .film-wordmark{text-shadow:none}
.film-gate-rule{
position:absolute;transform:none;
left:max(48px,calc((100vw - var(--film-shell,var(--shell)))/2));
right:max(48px,calc((100vw - var(--film-shell,var(--shell)))/2));
bottom:29px;width:auto;height:1px;
background:rgba(255,255,255,.13);overflow:hidden;
}
@media(max-width:980px){.film-gate-rule{left:20px;right:20px;bottom:20px}}
@media(max-width:600px){.film-gate-rule{left:16px;right:16px}}
/* --- 10. pass two: where the navigation becomes a menu -----------------
Measured across four languages, the header bar runs out of room well above
the 980 breakpoint V21 used. In English at 1024 "Investment Edge" already
wrapped across the wordmark and "Investor Access" broke over two lines
before this pass added anything; Turkish does the same; Russian, whose
labels run about a fifth longer, breaks by 1300.
Shrinking the type and closing the gaps would buy English 1024 and would
still not fit Russian, and a nav set at 12px on 14px gaps is the cramped
metadata this audit is supposed to remove. So the site does what it already
does on a phone, one breakpoint earlier: below 1180 the navigation is the
menu, and the switcher travels inside it.
Scoped to the band so nothing about the existing mobile panel changes. */
@media(min-width:981px) and (max-width:1180px){
.menu-toggle{display:flex;margin-inline-start:auto}
.site-nav,.home-page .site-nav{
position:fixed;inset:var(--header-h) 0 auto 0;
margin:0;padding:24px clamp(20px,4vw,48px) 36px;
background:#102134;border-top:1px solid var(--line);
display:none;flex-direction:column;align-items:stretch;
gap:4px;font-size:15px;
}
.site-nav.open{display:flex}
.site-nav a{padding:15px 0;border-bottom:1px solid var(--line)}
.site-nav a::after{display:none}
.site-nav .nav-enquire{
margin:12px 0 0;padding:15px 0 11px;
border:0;border-bottom:1px solid rgba(208,173,114,.7);
}
.site-nav .lang-switch{margin:24px 0 0;justify-content:flex-start;font-size:12px}
.site-nav .lang-switch a{padding:6px 0;border:0}
/* With the nav out of the bar the lockup has its full measure back. */
.brand-sub{white-space:nowrap}
}
/* Russian labels run about a fifth longer than the English ones they replace,
and between 1181 and 1300 the bar is a little short of them. It gets a
half-point off the nav and four pixels off the gaps, in that band and in
that language only; below 1181 every language is on the menu. */
@media(min-width:1181px) and (max-width:1300px){
html[lang="ru"] .site-nav,html[lang="ru"] .home-page .site-nav{gap:18px;font-size:12.5px}
html[lang="ru"] .site-nav .lang-switch{margin-inline-start:18px}
html[lang="ru"] .brand-sub{white-space:nowrap}
}
/* Latin content inside an Arabic page: a Turkish postal address, a telephone
number, an email address, a domain, "12+". The bidi algorithm reorders the
neutrals in those, so "34381 Sisli / Istanbul" comes out with the postcode
at the end and every address gains a leading full stop. `dir="ltr"` in the
markup fixes the order; this keeps the block on the column's own edge, so it
still reads as part of a right-to-left page rather than drifting to the
opposite side of its cell. */
[dir="rtl"] [dir="ltr"]{text-align:right}
/* --- 11. pass two: the handover measure, and the failsafe ---------------
The centred brand and closing cues were written with `max-width:none`, and a
later general `.film-cue{max-width:86vw}` reached them anyway. At 390 that
left DREAMLAND 335px of measure for a line that wants 355, which is the
second half of the cropped-D story: the fit then had to shrink the wordmark
6% below its designed size to survive. The measure is now stated once and
the gate, the brand cue and the closing cue all take it, so the lockup does
not move or resize across the handover. */
:root{--brand-measure:min(1240px,92vw)}
@media(max-width:980px){:root{--brand-measure:calc(100vw - 40px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}}
@media(max-width:600px){:root{--brand-measure:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}}
.film-cue--brand,.film-cue--final{
width:var(--brand-measure)!important;
max-width:var(--brand-measure)!important;
}
.film-gate-lockup{width:var(--brand-measure)}
/* The failsafe runs over a real duration so the discrete properties actually
flip, and it takes pointer events with it: an invisible fixed layer that
still swallows clicks is the same trap in a different form. */
.film-gate{animation:gate-failsafe .6s ease 9s forwards}
@keyframes gate-failsafe{
from{opacity:1;visibility:visible;pointer-events:auto}
to{opacity:0;visibility:hidden;pointer-events:none}
}
/* Russian sets the film in words the measure was not cut for: at 42px
"Институциональный" is 17 characters and about 70px wider than the cue it
sits in, and there is no break in it to take. Three points off the mobile
display size is what makes the line fit; the desktop measure is wide enough
to carry it unchanged. */
@media(max-width:600px){
html[lang="ru"] .film-cue p{font-size:clamp(26px,8.6vw,42px)!important}
}
/* Arabic has no italic. Where the design leans a word for emphasis the browser
synthesises a slant by shearing the glyphs, which in a joined script reads
as a rendering fault. Arabic keeps the brass and drops the lean. */
html[lang="ar"] em{font-style:normal}
/* Russian words are long, and the display measure is cut for English: a page
hero is held to eleven characters, which no measure can honour when the word
itself is seventeen. Where a single word is wider than its column the
heading breaks in the middle, which reads as a typo rather than as a wrap.
Desktop keeps the type size and simply lets the line run wider, so the scale
of the design is untouched. On a phone the column is the viewport and there
is no width left to give, so the size comes down instead, the same
accommodation Russian already has for the film cues. Measured against the
longest word the copy contains at each width. */
html[lang="ru"] .page-hero h1,
html[lang="ru"] .page-hero-split h1,
html[lang="ru"] .simple-page-hero h1,
html[lang="ru"] .contact-page-section h1{max-width:18ch}
html[lang="ru"] .ai-lead h2{font-size:clamp(34px,4.6vw,68px)}
@media(max-width:600px){
html[lang="ru"] .page-hero h1,
html[lang="ru"] .page-hero-split h1,
html[lang="ru"] .simple-page-hero h1,
html[lang="ru"] .contact-page-section h1{font-size:clamp(31px,9.6vw,62px)!important;max-width:none}
html[lang="ru"] .home-editorial-copy h2{font-size:clamp(44px,4.5vw,78px)}
}