:root{
--bg:#07131f;
--bg-2:#0a1b2b;
--bg-3:#10263a;
--ink:#f0ede7;
--muted:#aab5be;
--steel:#6d7d8b;
--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-left: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-left: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:#0a1b2b;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:#7b8995}.edge-rail span.active{border-color:var(--bronze-soft);color:#fff}
.capabilities{background:#07131f;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:#07131f}.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:#0a1b2b}.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:#71818c}
.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:#07131f;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-left: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:#82909a;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:#07131f;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:34px 30px 36px 0;border-right:1px solid var(--line)}.proof-grid>div:last-child{border-right:0;padding-left:30px}.proof-grid>div:not(:first-child){padding-left: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:#07131f}.page main{min-height:60vh}.page-hero{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden;background:#07131f}.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:#07131f}.page-section-alt{background:#0a1b2b}.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-left:max(48px,calc((100vw - var(--shell))/2));margin-right: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-left: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:#06131f;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:#071722}
.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:#05111b}
.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:#7e8b94}
.home-mandates-note{text-align:center;color:#788791;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:#83919a;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:#071722}
.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:#071722;
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:#071722!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:#071722;
}
.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:#73828d!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 mark, used as supplied, with the wordmark set in the
display serif so it reads light on the dark ground. */
.brand{flex-direction:row;align-items:center;gap:13px;min-width:0}
.brand-mark{width:34px;height:34px;flex:0 0 34px;object-fit:contain}
.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:0 20px;border-left:1px solid rgba(255,255,255,.09)}
.ai-pillars li:first-child{border-left:0;padding-left: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:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:15px;row-gap:7px;align-items:center}
.footer-mark{width:42px;height:42px;grid-row:1/3;object-fit:contain}
.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:#7c8a94}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding-left:38px;border-left: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:#7a8992}
/* ------------------------------------------------------------ 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-left: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:0 0 0 16px}
.ai-pillars li:nth-child(odd){border-left:0;padding-left: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-left:0;border-left: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-left:0}
.footer-grid{grid-template-columns:1fr}
.brand-mark{width:26px;height:26px;flex-basis:26px}
.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:#78868f;
}
.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-right:1px solid var(--rule-hair);padding:30px 30px 32px 0}
.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-right: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-left: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-left: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-right: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-left: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:right}
.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:left}
.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:#041521}
.ai-platform{padding:0 0 28px;background:#041521}
.leadership-band{padding:0 0 28px;background:#041521}
.connect-band{padding:0;background:#041521}
.ai-frame{background:#041521}
.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:36px max(48px,calc((100vw - var(--shell))/2)) 36px 0}
.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:28px max(48px,calc((100vw - var(--shell))/2)) 28px 0}
.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:left}
/* --- 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-right:0;padding:30px 28px 0 0}
.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:#07131f;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:26px 18px 0 0;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-left:clamp(44px,4.8vw,92px)}
.connect-copy{padding-left: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-left:20px}
}
@media(max-width:600px){.gcc-copy,.connect-copy{padding-left: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:#041521}
.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:#041521}
.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:#7f8d97;
}
.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-mark{width:56px;height:56px}
.footer-wordmark{width:250px}
.footer-brand a{column-gap:18px;row-gap:8px}
.footer-place{margin:22px 0 0;font-size:12.5px;color:#7c8a94}
.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:#6f7e88;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-left: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:#7f8d97;
}
.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:#7f8d97;
}
.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:#07131f;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-left: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}}