.elementor-3 .elementor-element.elementor-element-18edcf6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* Cognita site, inner pages: the review build stylesheet scoped under .cgp. Source: Cognita_Site_Review_Build.html (2026-10-03). One file for every inner page: edit it here, paste whole into each page's Custom CSS, compare the hash. */
.cgp{margin:0;padding:0;--chrome:96px}
.cg-pagewrap{padding:0!important;max-width:none!important}
.cgp{--copper:#A8452A;--copperl:#E07A52;--bone:#F1EEE8;--stone:#C9C3B8;--ink:#10141A;--oxide:#1F6B72;--oxlight:#4E9AA1;--oxdeep:#134246;--steel:#5C6B77;
 --serif:"IBM Plex Serif",Georgia,"Times New Roman",serif;--sans:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono",Menlo,Consolas,monospace;
 --col:none;--pad:clamp(20px,5vw,72px)}
.cgp *{box-sizing:border-box}
.cgp{margin:0;background:var(--bone);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
.cgp a{color:inherit}
.cgp .note{background:var(--stone);color:var(--ink);font:12px/1.4 var(--mono);padding:8px var(--pad);letter-spacing:.02em}
.cgp .note b{font-weight:500}
.cgp main{min-height:60vh}
.cgp section.mod{padding:clamp(48px,6.5vw,92px) var(--pad);border-bottom:1px solid var(--stone)}
.cgp section.mod:last-of-type{border-bottom:0}
.cgp .col{max-width:var(--col);margin:0}
.cgp h1, .cgp h2, .cgp h3{font-family:var(--serif);font-weight:500;text-wrap:balance;margin:0 0 .6em;line-height:1.15}
.cgp h1{font-size:clamp(34px,5.2vw,58px);letter-spacing:-.01em}
.cgp h2{font-size:clamp(32px,3.8vw,50px);line-height:1.08;letter-spacing:-.015em}
.cgp h3{font-size:clamp(24px,2.7vw,34px);margin-top:1.6em}
.cgp h3:first-child{margin-top:0}
.cgp p{margin:0 0 1.1em}
.cgp p:last-child{margin-bottom:0}
.cgp .eyebrow{font:600 clamp(18px,1.5vw,22px)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin:0 0 22px}
.cgp .category{font-family:var(--serif);font-size:19px;margin-top:2em}
.cgp .standard{font-family:var(--serif);font-size:19px}
.cgp .house{font-size:18px;line-height:1.6}
.cgp .eyebrow{color:var(--oxide)}
.cgp .g-stone{background:var(--stone);color:var(--ink)}
.cgp .g-stone .eyebrow{color:var(--ink)}
.cgp .g-stone th{color:var(--ink)}
.cgp .g-stone td, .cgp .g-stone th{border-bottom-color:#A9A296}
.cgp .g-stone .row, .cgp .g-stone .row:first-child{border-color:#A9A296}
.cgp .g-oxide{background:var(--oxide);color:var(--bone)}
.cgp .g-oxide .eyebrow{color:var(--bone)}
.cgp .g-oxide h1, .cgp .g-oxide h2, .cgp .g-oxide h3{color:var(--bone)}
.cgp .g-oxide .vals li{border-color:rgba(241,238,232,.35)}
.cgp .g-oxide .link a, .cgp .g-oxide a{color:var(--bone);border-bottom-color:var(--bone)}
.cgp .g-oxide .row, .cgp .g-oxide .row:first-child{border-color:rgba(241,238,232,.35)}
.cgp .g-oxide address a{color:var(--bone)}
.cgp .dark{background:var(--ink);color:var(--bone)}
.cgp .g-deep{background:var(--oxdeep);color:var(--bone)}
.cgp .dark .eyebrow, .cgp .g-deep .eyebrow{color:var(--copperl)}
.cgp .dark h2, .cgp .dark h3, .cgp .g-deep h2, .cgp .g-deep h3{color:var(--bone)}
.cgp .dark .quote, .cgp .g-deep .quote{color:var(--bone)}
.cgp .g-deep .fig b{color:var(--copperl)}
.cgp .g-deep .fig span{color:var(--stone)}
.cgp .g-deep .fig b{border-top:2px solid var(--copperl);padding-top:10px;display:block}
.cgp .g-deep .link a{color:var(--oxlight);border-bottom-color:var(--oxlight)}
.cgp .g-deep .hd, .cgp .dark .hd{color:var(--oxlight)}
.cgp .g-deep td, .cgp .g-deep th{border-bottom-color:rgba(241,238,232,.28)}
.cgp .g-deep th{color:var(--stone)}
.cgp .g-oxide .hd{color:var(--bone);border-bottom:2px solid rgba(241,238,232,.5)}
.cgp .g-oxide .fig b{color:var(--bone);border-top:2px solid var(--copperl);padding-top:10px;display:block}
.cgp .g-oxide .fig span{color:rgba(241,238,232,.75)}
.cgp .g-oxide .quote{color:var(--bone)}
.cgp .g-oxide.mod .eyebrow{color:var(--copperl)}
.cgp .sentinel{border-top:6px solid var(--copper)}
.cgp .sentinel .fig b{border-top:2px solid var(--copperl);padding-top:10px;display:block}
.cgp .sentinel .eyebrow{color:var(--copperl)}
.cgp .hd{color:var(--oxide)}
.cgp .lead{color:var(--oxide)}
.cgp .g-oxide .lead, .cgp .g-deep .lead{color:var(--bone)}
.cgp .q{color:var(--steel)}
.cgp h1 .acc, .cgp .acc{color:var(--copper)}
.cgp .house b.acc{color:var(--copper);font-weight:600;letter-spacing:.06em}
.cgp section.mod{border-bottom:0}
.cgp .hero{background:var(--ink);color:var(--bone);box-sizing:border-box;padding:clamp(28px,5vh,72px) var(--pad);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,4vw,72px);align-items:center}
.cgp .hero:not(.short){min-height:calc(100vh - var(--chrome,140px))}
.cgp .hero h1{font-size:min(clamp(36px,4.4vw,108px),9.5vh);line-height:1.04;letter-spacing:-.02em;color:var(--bone);margin:0 0 .4em}
.cgp .hero h1 .acc{color:var(--copperl)}
.cgp .hero .kick{font:600 clamp(18px,1.4vw,28px)/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--copperl);margin:0 0 22px}
.cgp .hero p{color:var(--bone);font-size:clamp(17px,1.45vw,27px);line-height:1.55}
.cgp .hero .house{margin-bottom:1.1em}
.cgp .hero .house b.acc{color:var(--copperl)}
.cgp .hero .category{color:var(--stone);font-size:clamp(17px,1.5vw,21px);margin-top:1.6em}
.cgp .hero .category strong{color:var(--bone);font-weight:600}
.cgp .hero .std{font-family:var(--serif);font-weight:600;color:var(--bone)}
.cgp .std, .cgp .tag, .cgp .close{white-space:nowrap}
.cgp .hero .art{display:flex;align-items:center;justify-content:center}
.cgp .hero .art img{width:min(100%,58vh,30vw);height:auto;display:block}
.cgp .hero.short{grid-template-columns:1fr;min-height:0;padding:clamp(28px,4.5vh,56px) var(--pad) clamp(28px,4.5vh,52px)}
.cgp .hero.short h1{font-size:clamp(36px,4.6vw,66px)}
.cgp .hero .sub{font-family:var(--serif);font-size:clamp(20px,2vw,28px);line-height:1.3;color:var(--bone)}
.cgp .hero .q{color:var(--stone)}
.cgp .hero .lead{color:var(--copperl)}
@media (max-width:820px){.cgp .hero .hb{display:none}
.cgp .hero{grid-template-columns:1fr;align-content:center;gap:28px}
.cgp .hero .art{justify-content:flex-start}
.cgp .hero .art img{width:min(50vw,36vh,300px)}
.cgp .hero h1{font-size:clamp(34px,7vw,52px)}}
.cgp .close{border-top:1px solid #A9A296;background:var(--stone);color:var(--oxdeep)}
.cgp .mark-grid{display:grid;margin-top:0;grid-template-columns:auto 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.cgp .mark-grid .col p:last-child{margin-bottom:0}
.cgp .mark-grid img{display:block;width:auto;height:auto}
.cgp .mark-grid .col h2{margin-top:0}
@media (max-width:640px){.cgp .mark-grid{grid-template-columns:1fr}
.cgp .mark-grid img{height:auto!important;width:min(60vw,240px)}}
.cgp .figs{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 32px;margin:36px 0}
.cgp .figs.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.cgp .figs, .cgp .figs.four{grid-template-columns:repeat(2,1fr)}}
.cgp .fig b{display:block;font:500 clamp(30px,3.6vw,44px)/1 var(--serif);font-variant-numeric:tabular-nums;margin-bottom:8px}
.cgp .fig span{font:400 13px/1.4 var(--mono);letter-spacing:.02em;color:var(--steel)}
.cgp .dark .fig span{color:var(--stone)}
.cgp .dark .fig b{color:var(--oxlight)}
.cgp .quote{font-family:var(--serif);font-size:clamp(20px,2.4vw,26px);line-height:1.35;margin:0}
.cgp .link{font-family:var(--serif);font-style:italic;margin-top:2em}
.cgp .link a{text-decoration:none;color:var(--oxide);border-bottom:1px solid var(--oxide)}
.cgp .dark .link a{color:var(--oxlight);border-bottom-color:var(--oxlight)}
.cgp .close{font:600 19px/1 var(--serif);color:var(--oxdeep);padding:28px var(--pad);border-top:1px solid var(--stone)}
.cgp table{border-collapse:collapse;width:100%;margin:8px 0 0;font-size:16px}
.cgp th, .cgp td{text-align:left;vertical-align:top;padding:14px 18px 14px 0;border-bottom:1px solid var(--stone)}
.cgp th{font:600 15px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--oxide)}
.cgp td:first-child{font-family:var(--serif);font-size:17px;white-space:nowrap;padding-right:28px}
.cgp .dark th{color:var(--stone)}
.cgp .dark td, .cgp .dark th{border-bottom-color:#2A313A}
.cgp .tw{overflow-x:auto}
.cgp .stk td b{font-weight:600}
.cgp .stk th.rs{width:220px;padding:0}
.cgp .stk td.riser{background:var(--oxdeep);width:220px;padding:36px 22px;text-align:center;vertical-align:middle;border-bottom:0}
.cgp .stk td.riser img{width:120px;display:block;margin:0 auto 28px}
.cgp .stk td.riser span{display:block;font:600 22px/1 var(--mono);letter-spacing:.34em;color:var(--bone);margin-bottom:14px}
.cgp .stk td.riser small{display:block;font:600 12px/1.5 var(--mono);letter-spacing:.2em;color:var(--copperl)}
.cgp .stk td.riser em{display:block;font:italic 400 16px/1.45 var(--serif);color:var(--bone);margin-top:26px;padding-top:22px;border-top:1px solid var(--copperl)}
.cgp .stk td:nth-child(3), .cgp .stk td:last-child{padding-left:22px}
.cgp .stk tr:first-child td:nth-child(3){padding-left:22px}
.cgp .mono{font-family:var(--mono);white-space:nowrap}
.cgp .pillar td:last-child{font-family:var(--serif)}
.cgp .valtab td:first-child{white-space:normal;font-size:17px}
.cgp .valtab td{padding:16px 22px 16px 0}
.cgp .g-stone .valtab th{color:var(--copper);font-size:18px;font-weight:700;letter-spacing:.08em;padding-bottom:14px}
.cgp .valtab{margin:28px 0 36px}
.cgp .vals{list-style:none;padding:0;margin:28px 0;font:500 14px/1.5 var(--mono);letter-spacing:.1em}
.cgp .vals li{padding:10px 0;border-top:1px solid var(--stone)}
.cgp .vals li:last-child{border-bottom:1px solid var(--stone)}
.cgp .q{font-family:var(--serif);font-size:20px;line-height:1.4;color:var(--steel);margin:2em 0 .5em}
.cgp .lead{font-family:var(--serif);font-size:21px;line-height:1.35}
.cgp .big{font-family:var(--serif);font-size:21px;line-height:1.45}
.cgp .hd{font-family:var(--serif);font-weight:500}
.cgp .sig{font-family:var(--serif);font-style:italic;margin-top:1.6em}
.cgp .halves{font-family:var(--serif);font-size:18px;margin-top:28px}
.cgp .facs-wrap{display:grid;grid-template-columns:1fr;gap:36px;align-items:start}
.cgp .facs-wrap .facs{max-width:820px;margin:0 auto}
.cgp .facs-wrap .col{max-width:none}
.cgp .facs-wrap .facs .fhead, .cgp .facs-wrap .facs h4, .cgp .facs-wrap .facs .sub, .cgp .facs-wrap .facs .meta{column-span:all}
.cgp .facs-wrap .facs h5{break-after:avoid}
.cgp .facs-wrap .facs ul, .cgp .facs-wrap .facs p, .cgp .facs-wrap .facs .toc{break-inside:avoid}
.cgp .facs-wrap .facs .fnote{column-span:all}
@media (max-width:900px){.cgp .facs-wrap{grid-template-columns:1fr}}
.cgp .facs{background:#FFFFFF;color:var(--ink);border:1px solid var(--stone);padding:44px 48px 40px;font-family:var(--sans);font-size:16px;line-height:1.55;box-shadow:0 1px 0 var(--stone)}
.cgp .facs .fhead{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid var(--ink);padding-bottom:10px;margin-bottom:22px}
.cgp .facs .fhead img{height:22px}
.cgp .facs .fhead span{font:600 12.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--oxdeep)}
.cgp .facs h4{font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.15;margin:0 0 6px}
.cgp .facs .sub{font-family:var(--serif);font-style:italic;color:var(--steel);margin:0 0 18px}
.cgp .facs table.meta{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}
.cgp .facs table.meta td{padding:5px 10px 5px 0;border-bottom:1px solid var(--stone);vertical-align:top}
.cgp .facs table.meta td:first-child{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--steel);width:34%;padding-top:7px}
.cgp .facs h5{font:600 12.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--oxide);margin:18px 0 8px}
.cgp .facs p{margin:0 0 8px}
.cgp .facs ul{margin:0 0 6px 0;padding-left:18px}
.cgp .facs li{margin:0 0 7px}
.cgp .facs .toc{font:13.5px/1.8 var(--mono);color:var(--steel);margin:0 0 6px}
.cgp .facs .fnote{margin-top:20px;padding-top:12px;border-top:1px solid var(--stone);font:12.5px/1.6 var(--mono);color:var(--steel)}
.cgp .founder-grid{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:clamp(32px,5vw,80px);align-items:start}
.cgp .founder-grid .portrait{width:100%;display:block}
@media (max-width:820px){.cgp .founder-grid{grid-template-columns:1fr}
.cgp .founder-grid .portrait{max-width:360px}}
.cgp .letter{background:#F7F5F0;border:1px solid var(--stone);border-radius:36px;padding:clamp(36px,4vw,60px) clamp(28px,5vw,72px);max-width:880px;margin:0 auto;box-shadow:0 8px 30px rgba(16,20,26,.08)}
.cgp .letter .deskicon{display:block;margin:0 auto 12px}
.cgp .letter .pull{display:flex;gap:22px;align-items:flex-start;border-radius:20px}
.cgp .letter .pull .quoteicon{flex:0 0 auto;font-family:var(--serif);font-weight:600;font-size:54px;line-height:.7;color:var(--copper);margin-top:2px}
.cgp .letter h2{text-align:center;color:var(--copper);font-size:clamp(24px,2.6vw,30px);margin:0 0 1.2em}
.cgp .letter p{font-size:17.5px;line-height:1.6}
.cgp .letter .pull{background:none;color:var(--ink);font-family:inherit;font-size:20px;line-height:1.5;padding:8px 0 8px 26px;margin:1.4em 0;border-left:5px solid var(--copper);border-radius:0}
.cgp .letter .pull b{color:var(--copper);font-weight:600}
.cgp .letter .sigblock{margin-top:2em;font-size:17px;line-height:1.5}
.cgp .letter .sigblock b{font-weight:600}
.cgp .hibc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px)}
@media (max-width:820px){.cgp .hibc{grid-template-columns:1fr}}
.cgp .hibc .half svg{display:block;margin-bottom:22px}
.cgp .hibc .half h2{margin-bottom:.4em}
.cgp .facs-cap{font-family:var(--serif);font-style:italic;color:var(--steel);margin-top:14px;font-size:15px}
.cgp .spinetitle{color:var(--copper)}
.cgp .card{background:var(--bone);border:1px solid #A9A296;border-top:4px solid var(--copper);padding:26px 26px 24px}
.cgp .g-stone .card{background:var(--bone)}
.cgp .mod:not(.g-stone) .card{background:#F7F5F0;border-color:var(--stone)}
.cgp .card b{display:block;font:600 13px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin-bottom:12px}
.cgp .card h3{margin:0 0 10px;font-size:clamp(22px,1.9vw,27px);color:var(--ink)}
.cgp .card h3 a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--copper)}
.cgp .card h3 a:hover{color:var(--copper)}
.cgp .card p{margin:0;font-size:16px}
.cgp .two-col.cards{margin-top:36px;margin-bottom:0}
.cgp .three.cards h3{margin-top:0}
.cgp .three.cards .card b{margin:0 0 14px}
.cgp .three.cards .card h3{margin-bottom:4px}
.cgp .founder-grid{margin-top:32px}
.cgp .founder-grid .col p{font-size:18px;line-height:1.6}
.cgp .founder-grid .col p:last-child{margin-bottom:0}
.cgp .col > p:last-child{margin-bottom:0}
.cgp .chips{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 26px}
.cgp .chips span{font:600 14px/1 var(--mono);letter-spacing:.06em;color:var(--copper);border:1px solid var(--copper);padding:10px 14px}
.cgp .hero.short.two{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center}
.cgp .hero.short.two .art img{width:min(100%,260px)}
.cgp .two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);margin-bottom:8px}
.cgp .two-col p{margin:0}
.cgp .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin:30px 0 24px}
.cgp section.mod.tight{padding-top:clamp(36px,5vh,64px);padding-bottom:clamp(36px,5vh,64px)}
.cgp .tight .two-col{margin-top:-6px}
.cgp .tight h2{margin-bottom:.45em}
.cgp .pill{background:var(--bone);border:1px solid var(--stone);border-top:4px solid var(--copper);padding:22px 26px 20px}
.cgp .pill .ico{margin-bottom:12px}
.cgp .pill b{display:block;font:600 14px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin-bottom:12px}
.cgp .pill h3{margin:0 0 10px;font-size:clamp(28px,2.6vw,38px)}
.cgp .pill p{margin:0;color:var(--steel)}
.cgp .halves{font-family:var(--serif);font-size:21px;text-align:center;margin:8px 0 0}
.cgp .cu{color:var(--copper);font-weight:600}
.cgp .chain{display:flex;align-items:stretch;gap:12px;margin:36px 0 22px;flex-wrap:wrap}
.cgp .node{flex:1 1 150px;background:var(--bone);border:1px solid #A9A296;padding:18px 18px 16px;display:flex;flex-direction:column;justify-content:center}
.cgp .node b{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.2;color:var(--ink)}
.cgp .node span{font:400 13px/1.4 var(--mono);color:var(--copper);margin-top:6px}
.cgp .chain .arr{flex:0 0 40px;align-self:center}
.cgp .chain-side{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;margin-top:8px}
.cgp .chain-side div{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #A9A296}
.cgp .chain-side b{font-family:var(--serif);font-weight:600;font-size:19px;white-space:nowrap}
.cgp .chain-side span{font-size:16px}
.cgp .three{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);margin:36px 0 0}
.cgp .three + .lead, .cgp .three + p{margin-top:28px}
.cgp .three h3, .cgp .princ h3{font-size:clamp(22px,1.9vw,27px);margin:0 0 10px;color:var(--ink)}
.cgp .three p, .cgp .princ p{margin:0}
.cgp .cu-line{border-left:4px solid var(--copper);padding-left:20px;margin-top:8px}
.cgp .princ{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px) clamp(24px,3vw,56px);margin-top:36px}
.cgp .princ > div{border-top:1px solid #A9A296;padding-top:18px}
@media (max-width:900px){.cgp .pillars, .cgp .three, .cgp .princ, .cgp .two-col, .cgp .chain-side{grid-template-columns:1fr}
.cgp .hero.short.two{grid-template-columns:1fr}
.cgp .chain .arr{display:none}}
.cgp .num{display:block;font:600 15px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin-bottom:10px}
.cgp .lede{font-family:var(--serif);font-size:clamp(19px,1.5vw,23px);line-height:1.35;margin-bottom:.8em}
.cgp .triad{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px;margin:8px 0 22px;padding:18px 0;border-top:1px solid var(--stone);border-bottom:1px solid var(--stone)}
.cgp .triad div{font-size:15px;line-height:1.5}
.cgp .g-stone .triad{border-color:#A9A296}
.cgp .triad b{display:block;font:600 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin-bottom:8px}
.cgp .outcome{margin-bottom:2.6em}
@media (max-width:820px){.cgp .triad{grid-template-columns:1fr}}
.cgp .map td:last-child{font-size:17px;font-weight:600;color:var(--ink);line-height:1.5}
.cgp .map td:last-child a{color:var(--oxide);text-decoration:none;border-bottom:1px solid var(--stone)}
.cgp .map td:first-child{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--copper)}
.cgp .rows{}
.cgp .row{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--steel)}
.cgp .row:first-child{border-top:2px solid var(--copper)}
.cgp .row b{font-family:var(--serif);font-weight:500}
@media (max-width:600px){.cgp .row{grid-template-columns:1fr;gap:4px}}
.cgp .split{display:grid;grid-template-columns:1fr 1.5px 1fr;gap:36px}
.cgp .split .vr{background:var(--ink)}
.cgp .split .row{grid-template-columns:160px 1fr}
@media (max-width:900px){.cgp .split{grid-template-columns:1fr}
.cgp .split .vr{display:none}}
.cgp address{font-style:normal;font-family:var(--serif);font-size:18px;line-height:1.5;margin-top:2em}
.cgp address a{text-decoration:none;color:var(--oxide)}
.cgp .hero.tagline{grid-template-columns:1fr;align-content:center;justify-items:center}
.cgp .hero.tagline .wrap{max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center}
.cgp .hero.tagline .house, .cgp .hero.tagline .wrap>p{width:100%;text-align:left}
.cgp .hero.tagline .riser{display:flex;align-items:center;justify-content:center;width:min(100%,720px);aspect-ratio:81/20;background:var(--oxlight);container-type:inline-size}
.cgp .hero.tagline .riser .tl{font:600 7.4cqw/1 var(--serif);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;margin:0}
.cgp .hero.tagline .house{margin-top:clamp(24px,3.5vh,40px)}
.cgp .hero.tagline .pill b .rs{font-style:normal;font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin-left:8px;vertical-align:middle}
.cgp .halves-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,720px);justify-items:center;gap:0 32px;margin-top:22px;border-top:1px solid var(--copperl);padding-top:18px}
.cgp .hero.tagline .halves-row div{display:flex;align-items:center;gap:16px}
.cgp .hero.tagline .halves-row span{font:600 clamp(13px,1.15vw,17px)/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copperl)}
.cgp .hero.tagline .halves-row svg{flex:none;width:96px;height:58px}
@media (max-width:820px){.cgp .hero.tagline .halves-row{grid-template-columns:1fr;gap:14px}}
.cgp .chip{display:inline-block;padding:1px 9px 2px;color:var(--bone);font-weight:600;border-radius:2px;line-height:1.35}
.cgp .c-owned{background:var(--oxide)}
.cgp .c-ans{background:var(--oxdeep)}
.cgp .c-seen{background:var(--copper)}
.cgp h2.across{white-space:nowrap;font-size:clamp(26px,3.35vw,50px)}
@media (max-width:900px){.cgp h2.across{white-space:normal}}
.cgp .doors{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);margin:28px 0 36px}
.cgp .doors div{border-top:3px solid var(--copper);padding-top:18px;font-size:17px}
.cgp .doors b{display:block;font:500 clamp(22px,2vw,28px)/1.2 var(--serif);color:var(--ink);margin-bottom:10px}
.cgp .doors .link{margin-top:14px}
@media (max-width:820px){.cgp .doors{grid-template-columns:1fr}}
.cgp .plain{font-family:var(--serif);font-size:clamp(18px,1.5vw,21px);color:var(--stone);border-left:3px solid var(--copperl);padding-left:18px;margin-top:1em}
.cgp .layers td:first-child{white-space:normal;max-width:260px}
.cgp .hero{position:relative;isolation:isolate}
.cgp .hero>*{position:relative;z-index:1}
.cgp .hero .cadence{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.cgp .imgslot{position:relative;box-sizing:border-box;border:1px solid var(--stone);background:#141A20;color:var(--stone);width:100%;overflow:hidden}
.cgp .imgslot .lbl{position:absolute;left:0;bottom:0;right:0;padding:10px 14px;font:500 11px/1.45 var(--mono);letter-spacing:.06em;color:var(--stone);border-top:1px solid var(--stone)}
.cgp .imgslot .lbl b{display:block;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--copperl);margin-bottom:2px}
.cgp .hero.short.two .art .imgslot{aspect-ratio:4/5;max-width:min(420px,60vh)}
.cgp .hibc .half .imgslot{aspect-ratio:16/9;margin-bottom:22px}
.cgp .hero.tagline .riser.band-img{position:relative;overflow:hidden;border:1px solid var(--stone)}
.cgp .hero.tagline .riser.band-img .tl{position:relative;z-index:1}
.cgp .hero.tagline .riser.band-img .lbl{position:absolute;left:0;right:0;bottom:0;padding:6px 12px;font:500 10px/1.4 var(--mono);letter-spacing:.06em;color:var(--ink);opacity:.85;border-top:1px solid rgba(16,20,26,.35)}
.cgp .hero.tagline .riser.band-img .lbl b{font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-right:8px}
.cgp .hibc .half .imgslot{display:none}
@media (max-width:640px){.cgp .hero.tagline .riser.band-img .lbl{display:none}}
.cgp .hero.tagline .riser.band-img{background:var(--oxdeep) none center/cover no-repeat;border:0;aspect-ratio:2/1;display:block;position:relative}
.cgp .hero.tagline .riser.band-img .tl{position:absolute;left:14%;right:14%;top:30%;bottom:26%;display:flex;align-items:center;justify-content:center;font:600 4.2cqw/1 var(--serif);letter-spacing:-.01em;color:var(--bone);white-space:nowrap;text-shadow:0 1px 2px rgba(16,20,26,.4)}
.cgp .hero.short.two .art .spineimg{width:100%;max-width:420px;aspect-ratio:4/5;object-fit:cover;display:block;border:1px solid var(--stone)}
.cgp .hero.short.two{min-height:calc(100vh - var(--chrome,140px));grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center}
.cgp .hero.short.two .art{justify-content:flex-end}
.cgp .hero.short.two .art .spineimg{width:100%;max-width:min(420px,60vh);aspect-ratio:4/5;object-fit:cover;border:1px solid var(--stone)}
.cgp .imgband{background:var(--ink);padding:0 var(--pad) clamp(28px,4vh,48px)}
.cgp .imgband img{display:block;width:100%;max-width:880px;margin:0 auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--stone)}
.cgp .hero.short{min-height:calc(100vh - var(--chrome,140px));padding-top:clamp(40px,7vh,88px);padding-bottom:clamp(40px,7vh,88px)}
.cgp .hero.short.two{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center}
.cgp .hero.short.two .art{display:flex;justify-content:flex-end}
.cgp .hero.short.two .art .spineimg{display:block;width:100%;max-width:min(420px,60vh);aspect-ratio:4/5;object-fit:cover;border:1px solid var(--stone)}
@media (max-width:900px){.cgp .hero.short.two{grid-template-columns:1fr}
.cgp .hero.short.two .art{justify-content:flex-start}
.cgp .hero.short.two .art .spineimg{max-width:min(100%,360px)}}
.cgp .hero.tagline .riser.band-img .tl{font-size:4.6cqw}
.cgp .hero.tagline .riser{margin-bottom:clamp(30px,5vh,56px)}
.cgp .hero.tagline .halves-row{padding-top:clamp(20px,3vh,32px)}
.cgp .hero.tagline .house{margin-top:clamp(30px,4.5vh,52px)}
.cgp .engb .engb-lb{font:600 13px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copperl);margin:0 0 12px}
.cgp .engb .engb-dv{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);margin-top:26px}
.cgp .engb .engb-dv p:not(.engb-lb){font-size:18px;line-height:1.55;max-width:60ch}
.cgp .engb h2{max-width:none}
.cgp .engb .figs{margin:40px 0 0}
.cgp .engb .fig b{color:var(--bone);border-top:2px solid var(--copperl);padding-top:10px}
.cgp .engb .fig span{display:block;font-size:14px;color:var(--bone)}
.cgp .engb-top{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.cgp .engb-six{border-top:2px solid var(--copperl);padding-top:6px}
.cgp .engb-six b{display:block;font:600 clamp(150px,17vw,250px)/.86 var(--serif);letter-spacing:-.02em;color:var(--bone)}
.cgp .engb-six span{display:block;font:400 clamp(20px,1.8vw,26px)/1.2 var(--serif);color:var(--bone);margin-top:10px}
.cgp .engb-main h2{margin-top:0}
.cgp .engb .nw{white-space:nowrap}
@media (max-width:900px){.cgp .engb-top{grid-template-columns:1fr}
.cgp .engb .engb-dv{grid-template-columns:1fr}}
.cgp .hibc .hlab{font:600 12px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin:-6px 0 12px}
.cgp{--hw:720px}
.cgp .hero.tagline{justify-items:center}
.cgp .hero.tagline .wrap{max-width:var(--hw);width:100%;margin-inline:auto;align-items:stretch}
.cgp .hero.tagline .riser, .cgp .hero.tagline .halves-row, .cgp .hero.tagline .wrap>p.house{width:100%;max-width:none}
.cgp .hero.tagline .halves-row{justify-items:start}
.cgp .hero.tagline .halves-row .hl{display:flex;flex-direction:column;gap:6px;margin:0}
.cgp .hero.tagline .halves-row .hl b{font:500 clamp(22px,2vw,28px)/1.1 var(--serif);letter-spacing:-.005em;color:var(--bone)}
.cgp section.mod p:not(.halves):not(.plain):not(.quote), .cgp section.mod li{max-width:75ch}
@media (min-width:821px){.cgp .founder-grid{grid-template-columns:minmax(300px,380px) minmax(0,720px)}
.cgp .founder-grid .portrait{width:100%;height:auto}}
.cgp .founder-grid .portrait{border-radius:0}
.cgp .cred-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:0 clamp(32px,5vw,80px);margin-top:28px;align-items:start}
.cgp .cred-grid .sublabel{font:600 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0 0 14px;max-width:none}
.cgp .cred-grid .cred-co{padding-top:17px}
.cgp .cred-grid .row{grid-template-columns:150px minmax(0,1fr);gap:16px;padding:10px 0;font-size:15px;line-height:1.45}
.cgp .cred-grid .row b{font-size:16px}
@media (max-width:900px){.cgp .cred-grid{grid-template-columns:1fr;gap:32px}
.cgp .cred-grid .cred-co{padding-top:0}}
.cgp .sent-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.cgp .sent-head h2{font-size:clamp(30px,3vw,42px)}
.cgp .sentinel .col p:not(.lead):not(.eyebrow){font-size:17px;line-height:1.6}
.cgp .sent-grid .figs.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 40px;margin:0}
.cgp .sentinel .fig b{font-size:clamp(36px,3.8vw,54px)}
.cgp .sentinel .fig span{font-size:14px}
.cgp .sentinel .quote{margin-top:30px;padding-left:20px;border-left:3px solid var(--copperl);font-size:clamp(19px,1.7vw,22px);line-height:1.45}
.cgp .sentinel .link{margin-top:22px}
@media (max-width:900px){.cgp .sent-grid{grid-template-columns:1fr}}
.cgp .engb-six span{text-wrap:balance}
.cgp i.rs{font-style:normal;opacity:.75}
.cgp i.rs::before{content:"· "}
.cgp .letter{border-radius:2px;box-shadow:none;margin:0 auto}
@media (min-width:901px){.cgp .princ{grid-template-columns:repeat(5,minmax(0,1fr))}}
.cgp .val>.col{text-align:center;max-width:75ch;margin-inline:auto}
.cgp .val>.col p{margin-inline:auto}
.cgp .sent-head{text-align:center;margin:0 auto clamp(32px,3.5vw,52px)}
.cgp .sent-head h2{margin:0}
.cgp .svc{display:grid;grid-template-columns:minmax(0,75ch) minmax(240px,1fr);gap:clamp(32px,5vw,80px);align-items:start;margin-top:clamp(40px,4.5vw,64px)}
.cgp .svc .svc-main h3{margin-top:0}
.cgp .svc .svc-main p.outcome{margin-bottom:0}
.cgp .svc .triad{grid-template-columns:1fr;gap:0;margin:6px 0 0;padding:0;border:0}
.cgp .svc .triad div{padding:14px 0;border-top:1px solid var(--stone)}
.cgp .svc .triad div:last-child{border-bottom:1px solid var(--stone)}
.cgp .g-stone .svc .triad div{border-color:#A9A296}
@media (max-width:900px){.cgp .svc{grid-template-columns:1fr;gap:20px}}
.cgp .sent-head p{margin-inline:auto}
.cgp section.hc>.eyebrow, .cgp section.hc>h2, .cgp section.hc>.col, .cgp section.hc .facs-wrap>.col>.eyebrow, .cgp section.hc .facs-wrap>.col>h2{text-align:center;margin-inline:auto}
.cgp section.hc>.col{max-width:none}
.cgp section.hc>h2, .cgp section.hc>.col>h2{max-width:none}
.cgp section.hc>.col p, .cgp section.hc .facs-wrap>.col>p{margin-inline:auto}
.cgp section.hc .facs-wrap>.col{text-align:center}
.cgp section.hc>p.lead:not(.cu-line), .cgp section.hc>p.link{text-align:center;margin-inline:auto}
.cgp section.hc .two-col p{text-align:left}
.cgp .val>.col{max-width:none}
.cgp section.mod.hc>.col>p:not(.halves):not(.plain):not(.quote), .cgp section.mod.hc .facs-wrap>.col>p:not(.halves):not(.plain):not(.quote){max-width:66rem}
.cgp section.hc .chips{justify-content:center}
.cgp section.mod.hc>p.cu-line{text-align:center;border-left:0;padding-left:0;margin-inline:auto;max-width:66rem}
.cgp section.mod.hc>p.cu-line::before{content:"";display:block;width:48px;height:3px;background:var(--copper);margin:0 auto 14px}
.cgp section.hc .triad, .cgp section.hc .three, .cgp section.hc .princ, .cgp section.hc .pillars, .cgp section.hc .figs, .cgp section.hc .two-col, .cgp section.hc .doors, .cgp section.hc .hibc, .cgp section.hc .cred-grid, .cgp section.hc .chain-side, .cgp section.hc .split, .cgp section.hc .tw, .cgp section.hc .sent-grid{text-align:left}
.cgp section.hc>.eyebrow+.hibc{margin-top:clamp(40px,4.5vw,64px)}
.cgp .hibc .half{text-align:center}
.cgp .hibc .half svg{margin:0 auto 26px}
.cgp .hibc .half h2{margin:0 0 10px}
.cgp .hibc .hlab{font-size:13px;margin:0 0 16px}
.cgp section.mod .hibc .half p:not(.hlab){max-width:46ch;margin-inline:auto}
.cgp section.mod .hibc .half p.hlab{max-width:none;margin-inline:auto}
.cgp section p, .cgp .hero p{text-wrap:pretty}
.cgp section.mod.hc>p.cu-line, .cgp section.mod.hc .facs-wrap>.col>p.cu-line, .cgp section.mod.hc>p.halves{text-wrap:balance;max-width:48rem;margin-inline:auto;text-align:center;border-left:0;padding-left:0}
.cgp section.mod.hc .facs-wrap>.col>p.cu-line::before, .cgp section.mod.hc>p.halves::before{content:"";display:block;width:48px;height:3px;background:var(--copper);margin:0 auto 14px}
.cgp section.hc>.eyebrow, .cgp section.hc>.col>.eyebrow, .cgp .sent-head .eyebrow, .cgp section.hc .facs-wrap>.col>.eyebrow{padding-left:.14em}
.cgp section.mod.hc>.col>p:not(.eyebrow):not(.link), .cgp section.mod.hc .facs-wrap>.col>p:not(.eyebrow):not(.cu-line){font-family:var(--sans);font-size:18px;line-height:1.6;text-wrap:balance}
.cgp .stk th:nth-child(3){padding-left:22px}
.cgp .valtab th{font-size:15px;font-weight:600}
.cgp .valtab td{text-wrap:balance}
.cgp .valtab th:nth-child(2), .cgp .valtab td:nth-child(2){width:24%}
.cgp .valtab{margin-bottom:0}
.cgp .hibc{gap:clamp(24px,4vw,64px)}
.cgp .hero.tagline .riser.band-img .tl{transform:translateY(-.08em)}
.cgp .hero.tagline .house{margin-bottom:0}
.cgp .sent-grid{align-items:start}
.cgp .sent-grid .figs.four{margin-top:6px}
.cgp .sentinel .link a{color:var(--copperl);border-bottom-color:var(--copperl)}
.cgp .halves-row svg{margin-left:-5px}
.cgp .mark-grid img{transform:translateX(-6%)}
.cgp .map td:last-child a{display:block;width:fit-content}
.cgp .map td:last-child a+a{margin-top:6px}
.cgp .map td:first-child{text-wrap:balance}
.cgp .svc .lede{text-wrap:balance}
.cgp .split{margin-top:44px}
.cgp .split .eyebrow{font-size:15px}
@media (min-width:901px){.cgp .three:not(.cards), .cgp .princ{row-gap:0}
.cgp .three:not(.cards)>div, .cgp .princ>div{display:grid;grid-template-rows:subgrid;grid-row:span 3;align-content:start}}
.cgp .hc .col>.triad{margin-top:36px;margin-bottom:0}
.cgp #p-spine .three>div{border-top:1px solid var(--stone);padding-top:18px}
.cgp .node{justify-content:flex-start}
.cgp .chain-side{column-gap:clamp(24px,4vw,64px)}
.cgp .cred-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(24px,4vw,64px)}
.cgp .cred-grid .row{grid-template-columns:130px minmax(0,1fr)}
.cgp .cred-grid .cred-co{padding-top:0}
.cgp .cred-grid .cred-co::before{content:"\00a0";display:block;font:600 13px/1 var(--mono);margin:0 0 14px}
@media (max-width:900px){.cgp .cred-grid{grid-template-columns:1fr}
.cgp .cred-grid .cred-co::before{display:none}}
.cgp .three.cards .card h3{margin-bottom:10px}
.cgp .letter .pull b{white-space:nowrap}
@media (min-width:821px){.cgp .founder-grid{grid-template-columns:minmax(300px,380px) minmax(0,720px)}}
.cgp .reachlink{color:var(--oxlight);border-bottom-color:var(--oxlight)}
/* The mark beside the copy: the review build sizes it by script to min(column height, 42% of the grid); this is the CSS equivalent. */
.cgp .mark-grid img{height:min(30vw,460px);width:auto}
@media (max-width:640px){.cgp .mark-grid img{height:auto;width:min(60vw,240px)}}

/* ---------- About, her review 2026-10-04. One body size on the page; the Mark and the Riser one step larger. ---------- */
#p-about section.mod p:not(.eyebrow):not(.sublabel), #p-about section.mod li{font-size:18px;line-height:1.6}
#p-about section.mod .mark-grid .col p:not(.eyebrow):not(.sublabel){font-size:20px;line-height:1.55;max-width:none}
#p-about .cred-grid .row, #p-about .cred-grid .row b{font-size:17px}
#p-about .letter .sigblock{font-size:18px}
/* The mark keeps its size as the window narrows, then stacks above the copy. */
@media (min-width:1101px){#p-about .mark-grid img{height:460px;width:auto}}
@media (max-width:1100px){#p-about .mark-grid{grid-template-columns:1fr}
#p-about .mark-grid img{height:auto!important;width:min(60vw,320px)}}
/* What Cognita Means: the label in Copper. */
#p-about .means>.eyebrow{color:var(--copper)}
/* Founder and Global CEO: the portrait at full size (380 px) on the left; label, name and bio in one column on the right, all on one left edge; the pair centred on the page and on each other. */
#p-about .founder .founder-grid{grid-template-columns:auto minmax(0,860px);justify-content:center;align-items:start;gap:clamp(32px,4vw,64px);margin-top:0}
#p-about .founder .founder-grid .portrait{width:380px;height:auto;max-width:none}
#p-about .founder .col .eyebrow{text-align:left;padding-left:0;margin:0 0 14px}
#p-about .founder .col h2{text-align:left;margin:0 0 .5em}
#p-about section.mod.founder .col p:not(.eyebrow):not(.sublabel){max-width:none}
/* Narrower than 1400 px: the portrait floats at its full size and the label, name and bio run beside it and on beneath it. On a phone it sits above them. */
@media (max-width:1399px){#p-about .founder .founder-grid{display:block;max-width:1000px;margin-inline:auto}
#p-about .founder .founder-grid .portrait{float:left;width:380px;margin:6px clamp(28px,4vw,48px) 18px 0}
#p-about .founder .founder-grid::after{content:"";display:block;clear:both}}
@media (max-width:1024px){#p-about .founder .founder-grid .portrait{width:320px}}
@media (max-width:700px){#p-about .founder .founder-grid .portrait{float:none;display:block;width:min(100%,380px);margin:0 0 26px}}
/* The Mark and the Riser: the three words, each with what the customer gets. */
/* The theme boxes and stripes every table; the site's tables carry a bottom rule only. */
.cgp table td:not(.riser), .cgp table th{border-width:0 0 1px 0!important;border-style:solid;background-color:transparent!important}
.cgp .stk td.riser{border:0!important;background-color:var(--oxdeep)!important}
#p-about table.mk{width:auto;max-width:none;margin:4px 0 1.3em;border-top:1px solid var(--stone)}
@media (min-width:1280px){#p-about table.mk td:last-child{white-space:nowrap}}
#p-about table.mk td{font-family:var(--sans);font-size:20px;line-height:1.5;padding:14px 0;border-bottom:1px solid var(--stone);vertical-align:baseline;white-space:normal}
#p-about table.mk td:first-child{width:1%;white-space:nowrap;padding-right:24px}
#p-about table.mk .chip{font-size:17px}

/* CEO letter a little wider (her question 2026-10-04). Copper terms may wrap on a phone. */
#p-about .letter{max-width:66rem}
#p-about section.mod .letter p:not(.eyebrow):not(.sublabel){max-width:none}
@media (max-width:640px){#p-about .letter .pull b{white-space:normal}
#p-about .letter .pull{padding-left:18px;gap:12px}
#p-about table.mk td{font-size:18px;padding:12px 0}
#p-about table.mk td:first-child{padding-right:14px}
#p-about section.mod .mark-grid .col p:not(.eyebrow):not(.sublabel){font-size:18px}}

/* Build layers table: much larger type, spacing to match (her word 2026-10-04). The riser column is unchanged. */
#p-build table.layers td:first-child{font-size:24px;line-height:1.25;width:320px;max-width:320px;padding:26px 32px 26px 0}
#p-build table.layers td:not(.riser):not(:first-child){font-size:20px;line-height:1.5;padding:26px 18px 26px 28px}
#p-build table.layers th{font-size:17px;padding-top:16px;padding-bottom:16px}
#p-build table.layers th:nth-child(3){padding-left:28px}
@media (max-width:820px){#p-build table.layers td:first-child{font-size:19px;width:auto;padding:16px 14px 16px 0}
#p-build table.layers td:not(.riser):not(:first-child){font-size:17px;padding:16px 0 16px 14px}
#p-build table.layers th{font-size:14px}
#p-build table.layers th:nth-child(3){padding-left:14px}}

/* Build, Spine module: the label no longer repeats the title; larger type; the three points in a column beside the pitch (her word 2026-10-04). */
#p-build .mark-grid.sp{grid-template-columns:auto minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
#p-build .mark-grid.sp img{height:min(24vw,340px)}
#p-build .mark-grid.sp .col p:not(.eyebrow):not(.link){font-size:20px;line-height:1.6}
#p-build .mark-grid.sp .col p.link{font-size:18px;margin-top:22px}
#p-build .mark-grid.sp .triad{grid-template-columns:1fr;gap:0;margin:0;padding:0 0 0 clamp(20px,2.4vw,36px);border:0;border-left:3px solid var(--copper)}
#p-build .mark-grid.sp .triad div{font-size:18px;line-height:1.5;padding:20px 0;border-top:1px solid var(--stone)}
#p-build .mark-grid.sp .triad div:first-child{border-top:0;padding-top:4px}
#p-build .mark-grid.sp .triad div:last-child{padding-bottom:4px}
#p-build .mark-grid.sp .triad b{font-size:15px;margin-bottom:10px}
@media (max-width:1100px){#p-build .mark-grid.sp{grid-template-columns:auto minmax(0,1fr)}
#p-build .mark-grid.sp .triad{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:0 28px;padding:0;border-left:0;border-top:3px solid var(--copper)}
#p-build .mark-grid.sp .triad div, #p-build .mark-grid.sp .triad div:first-child{border-top:0;padding:20px 0 0}}
@media (max-width:820px){#p-build .mark-grid.sp .triad{grid-template-columns:1fr}
#p-build .mark-grid.sp .triad div{font-size:17px}
#p-build .mark-grid.sp .col p:not(.eyebrow):not(.link){font-size:18px}}
@media (max-width:640px){#p-build .mark-grid.sp{grid-template-columns:1fr}}

/* Services, The fit: much larger type, spacing to match (her word 2026-10-04). */
#p-services table.map th{font-size:17px;padding:16px 32px 16px 0}
#p-services table.map td{padding:26px 32px 26px 0;vertical-align:top}
#p-services table.map td:first-child{font-size:23px;line-height:1.3;width:25%}
#p-services table.map td:nth-child(2){font-size:21px;line-height:1.55}
#p-services table.map td:nth-child(3){font-size:18px;line-height:1.4;width:25%;padding-right:0}
#p-services table.map th:last-child{padding-right:0}
#p-services table.map td:nth-child(3) a{display:block}
#p-services table.map td:nth-child(3) a+a{margin-top:12px}
@media (max-width:820px){#p-services table.map td{padding:16px 14px 16px 0}
#p-services table.map td:first-child{font-size:19px;width:auto}
#p-services table.map td:nth-child(2){font-size:17px}
#p-services table.map td:nth-child(3){font-size:16px;width:auto}
#p-services table.map th{font-size:14px;padding-right:14px}}

/* Services catalogue: the copy runs wider; the three points sit at the right edge in the Build Spine-module format, a Copper rule at the left and hairlines between (her word 2026-10-04). */
@media (min-width:901px){#p-services .svc{grid-template-columns:minmax(0,1fr) clamp(300px,28vw,420px);align-items:center}}
#p-services .svc .svc-main p{max-width:none}
#p-services .svc .svc-main p:not(.lede){font-size:19px;line-height:1.6}
#p-services .svc .triad{margin:0;padding:0 0 0 clamp(20px,2.4vw,36px);border:0;border-left:3px solid var(--copper)}
#p-services .svc .triad div{font-size:18px;line-height:1.5;padding:20px 0;border-top:1px solid var(--stone);border-bottom:0}
#p-services .g-stone .svc .triad div{border-top-color:#A9A296}
#p-services .svc .triad div:first-child{border-top:0;padding-top:4px}
#p-services .svc .triad div:last-child{padding-bottom:4px;border-bottom:0}
#p-services .svc .triad b{font-size:15px;margin-bottom:10px}

/* Build, What you own: the paragraph at the left, the three points in a column beside it, same format as the Spine module (her word 2026-10-04). */
#p-build .own{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;text-align:left;margin:36px auto 0;max-width:66rem}
#p-build .own p.big{margin:0;max-width:none;font-family:var(--sans);font-size:20px;line-height:1.6}
#p-build .own .triad{grid-template-columns:1fr;gap:0;margin:0;padding:0 0 0 clamp(20px,2.4vw,36px);border:0;border-left:3px solid var(--copper)}
#p-build .own .triad div{font-size:18px;line-height:1.5;padding:20px 0;border-top:1px solid var(--stone)}
#p-build .own .triad div:first-child{border-top:0;padding-top:4px}
#p-build .own .triad div:last-child{padding-bottom:4px}
#p-build .own .triad b{font-size:15px;margin-bottom:10px}
@media (max-width:900px){#p-build .own{grid-template-columns:1fr}
#p-build .own p.big{font-size:18px}
#p-build .own .triad div{font-size:17px}}

/* Phone: the Build layers table and the Services fit table stack, one row per block; the riser stays, as a band above the layers (2026-10-04). */
@media (max-width:640px){#p-build table.layers thead, #p-services table.map thead{display:none}
#p-build table.layers, #p-build table.layers tbody, #p-build table.layers tr, #p-build table.layers td, #p-services table.map, #p-services table.map tbody, #p-services table.map tr, #p-services table.map td{display:block;width:auto;max-width:none;min-width:0}
#p-build table.layers tr:first-child{display:flex;flex-direction:column}
#p-build table.layers td.riser{order:-1;width:auto;padding:24px 18px;margin-bottom:8px}
#p-build table.layers td.riser img{width:64px;margin-bottom:16px}
#p-build table.layers td:first-child, #p-services table.map td:first-child{font-size:20px;padding:18px 0 4px;border-bottom-width:0!important}
#p-build table.layers td:not(.riser):not(:first-child){font-size:17px;padding:0 0 18px}
#p-services table.map td:nth-child(2){font-size:17px;padding:2px 0 10px;border-bottom-width:0!important}
#p-services table.map td:nth-child(3){font-size:16px;padding:0 0 18px}}

/* Spine, executive summary sample: the same width as the CEO letter on About, 66rem (her word 2026-10-04). */
#p-spine .facs-wrap .facs{max-width:66rem}
#p-spine .facs p, #p-spine .facs li, #p-spine .facs ul{max-width:none}

/* Inner-page heroes: larger photograph, up to 540 px wide; the hero still fills the first screen (her word 2026-10-04). */
@media (min-width:901px){.cgp .hero.short.two{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);padding-top:clamp(28px,4vh,56px);padding-bottom:clamp(28px,4vh,56px)}
.cgp .hero.short.two .art .spineimg{max-width:min(540px,60vh)}}

/* Build, How to build it: eight steps, the rule at the left and its Sentinel proof at the right behind a Copper rule (her words 2026-10-04: principles / framework; how to build an end to end system). */
#p-build .steps{margin:44px auto 0;max-width:82rem;text-align:left}
#p-build .step{display:grid;grid-template-columns:clamp(56px,6vw,96px) minmax(0,1.25fr) minmax(0,1fr);column-gap:clamp(20px,3vw,48px);align-items:start;padding:30px 0;border-top:1px solid var(--stone)}
#p-build .step:last-child{border-bottom:1px solid var(--stone)}
#p-build .step .num{font-size:clamp(26px,2.6vw,40px);letter-spacing:.04em;margin:4px 0 0}
#p-build .step h3{font-size:clamp(24px,2.2vw,32px);line-height:1.2;margin:0 0 10px;color:var(--ink)}
#p-build .step .rule p{font-size:20px;line-height:1.55;margin:0}
#p-build .step .proof{font-size:18px;line-height:1.55;padding:2px 0 2px clamp(18px,2vw,30px);border-left:3px solid var(--copper)}
#p-build .step .proof b{display:block;font:600 14px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copper);margin:0 0 10px}
@media (max-width:900px){#p-build .step{grid-template-columns:48px minmax(0,1fr);row-gap:16px;padding:24px 0}
#p-build .step .proof{grid-column:2}
#p-build .step .rule p{font-size:18px}
#p-build .step .proof{font-size:17px}}
/* Services, The fit: the table held to 80rem and centred; it ran the full 1,566 px (her word 2026-10-04: "a little too wide now"). */
#p-services table.map{max-width:80rem;margin-inline:auto}
/* Inner heroes tied to Home's Bone (her word 2026-10-04: "the bone mat on the photograph is an excellent touch"; the risers stay as they are; About included, her word): a 10 px Bone mat on the photograph. */
.cgp .hero.short.two .art .spineimg{border:10px solid var(--bone);box-sizing:border-box}
/* VALUE is set apart from DELIVERED by a Copper Light chip, as the flyer and deck set it (her word 2026-10-04). */
.cgp .engb .engb-dv>div:nth-child(2) .engb-lb{display:inline-block;background:var(--copperl);color:var(--ink);padding:5px 9px 5px 11px}
/* Bone at the top, white in the middle (her rule 2026-10-04): the reading sections sit on white. Services: delivery 01-03 and How we engage. Build: the eight steps. Spine: The Report. About: the CEO letter and Who We Serve. */
#p-services>section:nth-of-type(6), #p-services>section#engage, #p-build>section:nth-of-type(2), #p-spine>section:nth-of-type(6), #p-about>section:nth-of-type(8), #p-about>section:nth-of-type(10){background:#FFFFFF}
/* About, Credentials and partners on Oxide Deep under a Copper seam (her word 2026-10-04: "it needs a punch"): type Bone, the row heads and eyebrow Copper Light at 19 px semibold and larger (3.73:1, the large-text bar), links Bone on a Copper Light rule. */
#p-about>section:nth-of-type(5){background:var(--oxdeep);color:var(--bone);border-top:6px solid var(--copper)}
#p-about>section:nth-of-type(5) h2, #p-about>section:nth-of-type(5) .row span, #p-about>section:nth-of-type(5) .sublabel{color:var(--bone)}
#p-about>section:nth-of-type(5) .eyebrow, #p-about>section:nth-of-type(5) .row b{color:var(--copperl)}
#p-about>section:nth-of-type(5) .row b{font-size:19px;font-weight:600}
#p-about>section:nth-of-type(5) .row, #p-about>section:nth-of-type(5) .rows{border-color:rgba(241,238,232,.28)}
#p-about>section:nth-of-type(5) a{color:var(--bone);border-bottom-color:var(--copperl)}
/* Services, The fit on Bone (her word 2026-10-04: "the fit should be on bone"; was Stone). */
#p-services>section:nth-of-type(4){background:var(--bone)}
/* Phone (her iPhone screenshots 2026-10-04: "misaligned title, missing spacing"): on a phone a centred section head sat over left-set copy, so at 640 px and under the eyebrow, title and lead line set left with the copy. */
@media (max-width:640px){.cgp section.hc>.eyebrow, .cgp section.hc>h2, .cgp section.hc>.col>.eyebrow, .cgp section.hc>.col>h2, .cgp section.hc>p.lead:not(.cu-line), .cgp section.hc>p.link, .cgp section.hc .facs-wrap>.col>.eyebrow, .cgp section.hc .facs-wrap>.col>h2{text-align:left;margin-inline:0}}
/* About, credentials on a phone: the certifications block had lost its gap above (the two-column rule set the row gap to 0). */
@media (max-width:900px){#p-about .cred-grid{gap:36px 0}}
/* Same phone pass, second cut: the body copy under those heads (the half-width lead, the column paragraphs, the big paragraph) was still centred; the closing cu-line stays centred by design. */
@media (max-width:640px){.cgp section.hc>p.halves, .cgp section.hc>.col>p:not(.cu-line), .cgp section.hc .facs-wrap>.col>p:not(.cu-line){text-align:left;margin-inline:0}}
/* 2026-10-06 punch: Spine: Why on Oxide, the principles on Oxide Deep (The Report back to white; Ink is for the header and footer, her words 2026-10-06); About leadership on the Oxide field */
#p-spine .g-oxide .node{border-color:transparent}
#p-spine .g-oxide .arr{stroke:var(--copperl)}
#p-spine .g-oxide .chain-side div{border-top-color:rgba(241,238,232,.4)}
#p-spine .g-oxide .chain-side b, #p-spine .g-oxide .chain-side span{color:var(--bone)}
#p-spine .g-deep{border-top:6px solid var(--copper)}
#p-spine .g-deep .princ h3{color:var(--bone)}
#p-spine .g-deep .princ>div{border-top-color:rgba(241,238,232,.3)}
#p-spine .g-deep .num{color:var(--copperl)}
#p-about .g-oxide .card{background:var(--bone);border-color:transparent;border-top:4px solid var(--copper)}
#p-about .g-oxide .card p{color:var(--ink)}
#p-spine .g-oxide .node b{color:var(--ink)}
@media (max-width:640px) and (min-height:520px){.cgp .hero.short.two{min-height:0;height:calc(100svh - var(--chrome,96px));grid-template-rows:auto minmax(0,1fr);align-items:stretch;align-content:stretch;gap:20px;padding-top:28px;padding-bottom:20px}.cgp .hero.short.two .art{min-height:0;height:100%;justify-content:flex-start;align-items:stretch}.cgp .hero.short.two .art .spineimg{height:100%;width:auto;max-width:100%}} /* phone: inner hero ends at the fold, photograph whole at 4:5 (2026-10-06) */
@media (min-width:641px) and (max-width:900px){.cgp .hero.short.two{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:32px}.cgp .hero.short.two .art{justify-content:flex-end}.cgp .hero.short.two .art .spineimg{max-width:min(100%,60vh)}} /* tablet portrait: text and photograph side by side, as on desktop (2026-10-06) *//* End custom CSS */