/* Layout: editorial single page in the deck's identity — burgundy bands bracket cream sections, arch motif for imagery. Single deliberate light look. */
:root{
  --wine:#5a1f2b; --wine-deep:#47171f; --cream:#f4eee6; --blush:#e8cfc6; --rose:#e9cfc6;
  --ink:#241a1b; --ink-soft:#4a3b3a; --rule:#cdb3ab;
  --serif:"Cormorant Garamond",Georgia,"Songti SC",serif;
  --sans:"Jost","Helvetica Neue",Helvetica,"PingFang SC",sans-serif;
  --wrap:1200px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.08;color:var(--wine);text-wrap:balance}
h2{font-size:clamp(34px,4.6vw,58px)}
h2 i,h1 i{font-style:italic}
a{color:inherit}
a:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.eyebrow{font-size:13px;font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:var(--wine)}
section{padding-block:clamp(72px,10vw,128px)}
.head{display:flex;flex-direction:column;gap:18px;max-width:820px}
.lede{font-size:19px;color:var(--ink-soft);max-width:62ch}

/* header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--wine)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--wine);color:var(--cream)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px}
.brand{font-size:14px;font-weight:400;letter-spacing:.42em;text-decoration:none;white-space:nowrap}
nav{display:flex;gap:28px;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
nav a{text-decoration:none;opacity:.82}
nav a:hover{opacity:1}
@media (max-width:860px){nav{display:none}}

/* hero */
.hero{background:var(--wine);color:var(--cream);padding:0}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:min(78vh,720px)}
.hero-copy{display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding-block:clamp(56px,8vw,104px);padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:48px;max-width:640px;margin-left:auto;width:100%}
.hero h1{color:var(--cream);font-size:clamp(46px,6.4vw,92px);line-height:1.02}
.hero .rule{width:72px;height:1px;background:var(--blush)}
.hero .cities{font-size:13px;letter-spacing:.3em;color:var(--blush)}
.hero .cta{display:inline-flex;align-self:flex-start;align-items:center;gap:14px;border:1px solid var(--blush);color:var(--cream);text-decoration:none;padding:14px 26px;font-size:13px;letter-spacing:.24em;text-transform:uppercase;transition:background .25s,color .25s}
.hero .cta:hover{background:var(--cream);color:var(--wine)}
.hero-img{position:relative;min-height:320px}
.hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding-right:max(24px,env(safe-area-inset-right,0px));max-width:none}.hero-img{min-height:300px;order:-1}}

/* what we bring */
.bring{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(40px,6vw,96px);align-items:start}
.arch{border-radius:999px 999px 0 0;overflow:hidden;aspect-ratio:7/10;max-width:100%}
.arch img{width:100%;height:100%;object-fit:cover}
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 36px;margin-top:56px}
.pillar{border-top:1px solid var(--wine);padding-block:18px 26px;display:flex;flex-direction:column;gap:8px}
.pillar h3{font-size:27px}
.pillar p{font-size:15.5px;color:var(--ink-soft)}
.founded{margin-top:28px;font-family:var(--serif);font-style:italic;font-size:21px;color:var(--wine)}
@media (max-width:860px){.bring{grid-template-columns:1fr}.bring .arch{max-width:340px}}

/* why china */
.why{background:var(--rose)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.stat{background:var(--cream);display:flex;flex-direction:column}
.stat img{aspect-ratio:4/3;object-fit:cover;width:100%}
.stat .body{padding:22px 22px 26px;display:flex;flex-direction:column;gap:4px}
.stat .cat{font-size:12px;letter-spacing:.3em;color:var(--wine)}
.stat .num{font-family:var(--serif);font-size:48px;line-height:1.1;color:var(--wine);font-variant-numeric:tabular-nums}
.stat .who{font-family:var(--serif);font-size:21px;color:var(--ink)}
.stat .more{font-size:14px;color:var(--ink-soft)}
.why .note{margin-top:36px;max-width:72ch;font-size:16px;color:var(--ink-soft)}
.sources{margin-top:12px;font-size:12.5px;color:var(--ink-soft);opacity:.85}
@media (max-width:960px){.stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.stats{grid-template-columns:1fr}}

/* approach */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:64px}
.step{display:flex;flex-direction:column;gap:14px}
.step img{aspect-ratio:4/3;object-fit:cover;width:100%}
.step .label{display:flex;gap:12px;align-items:baseline;border-bottom:1px solid var(--wine);padding-bottom:10px}
.step .n{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--wine)}
.step .t{font-size:14px;letter-spacing:.26em;color:var(--wine)}
.step p{font-size:15.5px;color:var(--ink-soft)}
@media (max-width:960px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}

/* models */
.models{background:var(--wine);color:var(--cream);padding:0}
.models-grid{display:grid;grid-template-columns:2fr 3fr}
.models-img{position:relative;min-height:360px}
.models-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.models-copy{padding-block:clamp(64px,9vw,112px);padding-left:clamp(32px,6vw,96px);padding-right:max(24px,env(safe-area-inset-right,0px));max-width:820px}
.models h2{color:var(--cream)}
.models .eyebrow{color:var(--blush)}
.models .sub{margin-top:14px;font-family:var(--serif);font-style:italic;font-size:21px;color:var(--blush)}
.model-list{margin-top:44px;display:flex;flex-direction:column}
.model{border-top:1px solid rgba(232,207,198,.45);padding-block:20px;display:grid;grid-template-columns:240px 1fr;gap:24px}
.model:last-child{border-bottom:1px solid rgba(232,207,198,.45)}
.model h3{color:var(--cream);font-style:italic;font-size:28px}
.model p{font-size:15.5px;color:#eadbd5}
@media (max-width:860px){.models-grid{grid-template-columns:1fr}.models-img{min-height:260px}.models-copy{padding-left:max(24px,env(safe-area-inset-left,0px))}.model{grid-template-columns:1fr;gap:6px}}

/* ecosystem */
.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px}
.cap{border-top:1px solid var(--wine);padding-top:18px;display:flex;flex-direction:column;gap:12px}
.cap .t{font-size:14px;letter-spacing:.26em;color:var(--wine);font-weight:400}
.cap p{font-size:15.5px;color:var(--ink-soft)}
.channels{margin-top:56px;display:grid;grid-template-columns:1fr 2.2fr;background:var(--wine);color:var(--cream)}
.channels img{width:100%;height:100%;object-fit:cover;min-height:240px}
.channels .body{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;gap:18px;justify-content:center}
.channels .eyebrow{color:var(--blush)}
.channels .list{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.5}
.channels .big{border-top:1px solid rgba(232,207,198,.45);padding-top:16px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.channels .big b{font-family:var(--serif);font-weight:300;font-size:56px;line-height:1}
.channels .big span{font-size:15px;letter-spacing:.14em;color:var(--blush)}
@media (max-width:860px){.caps{grid-template-columns:1fr;gap:28px}.channels{grid-template-columns:1fr}.channels img{max-height:280px}}

/* track record */
.record{background:var(--rose)}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:56px}
.case{display:flex;flex-direction:column;gap:12px}
.case img{aspect-ratio:3/2;object-fit:cover;width:100%}
.case h3{font-style:italic;font-size:32px;margin-top:6px}
.case .tag{font-size:12.5px;letter-spacing:.24em;color:var(--wine);font-weight:400}
.case p{font-size:15.5px;color:var(--ink-soft)}
.record .fine{margin-top:40px;font-size:13px;color:var(--ink-soft)}
@media (max-width:860px){.cases{grid-template-columns:1fr;max-width:520px}}

/* team */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:56px}
.member{display:flex;flex-direction:column;gap:8px;min-width:0}
.member .role{font-size:13px;letter-spacing:.24em;color:var(--wine);font-weight:400;min-height:2.8em}
.member .yrs{display:flex;align-items:baseline;gap:12px}
.member .yrs b{font-family:var(--serif);font-weight:300;font-size:58px;line-height:1;color:var(--wine)}
.member .yrs span{font-size:13px;letter-spacing:.2em;color:var(--ink-soft)}
.member h3{font-style:italic;font-size:36px;padding-block:4px 10px}
.member ul{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--rule)}
.member li{border-top:1px solid var(--rule);padding:11px 0;font-size:15.5px}
@media (max-width:860px){.team{grid-template-columns:1fr;max-width:520px}.member .role{min-height:0}}

/* contact */
.contact{background:var(--wine);color:var(--cream)}
.contact-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:center}
.contact h2{color:var(--cream);font-size:clamp(44px,6vw,88px);line-height:1.02}
.contact .eyebrow{color:var(--blush)}
.contact-light{position:relative;justify-self:end;width:min(320px,100%)}
.contact-light svg{position:absolute;left:0;right:0;top:-56px;margin:auto;width:70%;height:90px;overflow:visible}
.details{margin-top:56px;display:flex;flex-wrap:wrap;gap:24px 72px}
.details div{display:flex;flex-direction:column;gap:6px}
.details .k{font-size:12px;letter-spacing:.3em;color:var(--blush)}
.details .v{font-size:19px;user-select:all}
.details a.v{text-decoration:none;border-bottom:1px solid rgba(232,207,198,.5)}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}.contact-light{justify-self:start;width:min(240px,70%);margin-top:56px}}
footer{background:var(--wine-deep);color:var(--blush);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:24px}

/* ---- multi-page sizing: each view fits a laptop screen ---- */
body{font-size:16px;min-height:100svh;display:flex;flex-direction:column}
main{flex:1;display:flex;flex-direction:column}
main>section:last-child{flex:1}
section{padding-block:clamp(44px,5.5vw,72px)}
h2{font-size:clamp(30px,3.3vw,46px)}
.head{gap:12px}
.lede{font-size:17px}
nav a[aria-current="page"]{opacity:1;border-bottom:1px solid var(--blush);padding-bottom:3px}
.hero{display:flex}
.hero-grid{min-height:0;width:100%}
.hero h1{font-size:clamp(40px,4.8vw,74px)}
.hero-copy{gap:32px;padding-block:clamp(44px,6vw,80px)}
.bring{grid-template-columns:1.7fr 1fr;align-items:center}
.bring .arch{max-height:calc(100svh - 220px);width:auto;justify-self:end}
.pillars{margin-top:28px}
.pillar{padding-block:12px 18px}
.pillar h3{font-size:23px}
.pillar p,.step p,.cap p,.case p{font-size:15px}
.founded{margin-top:16px;font-size:19px}
.stats{margin-top:32px;gap:16px}
.stat img{aspect-ratio:16/10}
.stat .body{padding:14px 18px 18px}
.stat .num{font-size:38px}
.stat .who{font-size:19px}
.why .note{margin-top:24px;font-size:15px}
.steps{margin-top:36px;gap:24px}
.step img{aspect-ratio:3/2}
.models-copy{padding-block:clamp(44px,6vw,72px)}
.model-list{margin-top:28px}
.model{padding-block:14px}
.model h3{font-size:24px}
.caps{margin-top:32px}
.channels{margin-top:36px}
.channels img{min-height:200px}
.channels .list{font-size:20px}
.channels .big b{font-size:44px}
.cases{margin-top:36px}
.case img{aspect-ratio:16/10}
.case h3{font-size:28px}
.record .fine{margin-top:28px}
.team{margin-top:36px}
.member .yrs b{font-size:48px}
.member h3{font-size:30px}
.member li{padding:9px 0;font-size:15px}
.contact{display:flex;align-items:center}
.contact>.wrap{width:100%}
.contact h2{font-size:clamp(38px,4.6vw,72px)}
.contact-light{width:min(260px,100%)}
.details{margin-top:40px}
.pagehead{margin-bottom:8px}
@media (max-width:860px){.bring .arch{max-height:none;width:100%;justify-self:start}}
section{padding-block:clamp(32px,4vw,56px)}
footer .wrap{padding-block:14px}
.hero h1{font-size:clamp(38px,4.1vw,64px)}
.hero-copy{padding-block:40px;gap:32px}
.bring .arch{max-height:calc(100svh - 250px)}
.stat img{aspect-ratio:16/9}
.models-copy{padding-block:40px}
.channels img{min-height:180px}
/* one view per page: centre content in the remaining height */
main>section{display:flex;flex-direction:column;justify-content:center}
main>section>.wrap{width:100%}
.models-grid,.hero-grid{flex:1}
/* hero aligned to the header grid */
.hero-grid{grid-template-columns:1fr 1fr}
.hero-copy{margin-left:0;max-width:none;justify-content:center;gap:40px;padding-left:max(24px,calc((100vw - 1200px)/2 + 24px));padding-right:56px}
/* dropdown nav */
nav{align-items:center}
.dd{position:relative}
.dd>a::after{content:"";display:inline-block;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-left:9px;vertical-align:3px}
.dd .menu{position:absolute;top:100%;left:-20px;padding-top:18px;display:none;min-width:230px;z-index:40}
.dd .menu div{background:var(--wine);border-top:1px solid rgba(232,207,198,.35);box-shadow:0 18px 40px rgba(36,26,27,.25);display:flex;flex-direction:column;padding:8px 0}
.dd .menu a{padding:11px 20px;letter-spacing:.14em;opacity:.85;white-space:nowrap}
.dd .menu a:hover,.dd .menu a[aria-current="page"]{opacity:1;background:var(--wine-deep)}
.dd .menu a[aria-current="page"]{border-bottom:0;padding-bottom:11px}
.dd:hover .menu,.dd:focus-within .menu{display:block}
.dd.on>a{opacity:1;border-bottom:1px solid var(--blush);padding-bottom:3px}
/* mobile menu */
.mnav{display:none;position:relative}
.mnav summary{list-style:none;cursor:pointer;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.mnav summary::-webkit-details-marker{display:none}
.mnav .panel{position:absolute;right:0;top:calc(100% + 16px);background:var(--wine);min-width:240px;padding:10px 0;box-shadow:0 18px 40px rgba(36,26,27,.3);display:flex;flex-direction:column;z-index:40}
.mnav .panel a{padding:10px 20px;text-decoration:none;font-size:14px;letter-spacing:.1em}
.mnav .panel .grp{padding:12px 20px 4px;font-size:11px;letter-spacing:.3em;color:var(--blush)}
.mnav .panel .sub{padding-left:32px}
.mnav .panel a[aria-current="page"]{background:var(--wine-deep)}
/* app frame on desktop: header and footer identical on every page, content fits between */
footer{background:var(--wine);color:var(--blush);font-size:12.5px;letter-spacing:.06em;flex:none}
footer .wrap{padding-block:16px;border-top:1px solid rgba(232,207,198,.18)}
@media (min-width:861px) and (min-height:600px){
  html,body{height:100%}
  body{min-height:0;display:grid;grid-template-rows:auto 1fr}
  header{position:static}
  main{min-height:0;overflow-y:auto;display:flex;flex-direction:column}
  main>section{flex:1 0 auto}
}
/* how we work: same side margins as every other page */
.models{padding-block:clamp(32px,4vw,56px)}
.models-grid{max-width:var(--wrap);margin:0 auto;width:100%;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,72px);align-items:center;flex:none}
.models-img{min-height:0;aspect-ratio:4/5;max-height:calc(100svh - 230px);width:100%}
.models-copy{padding:0;max-width:none}
@media (max-width:860px){.models-img{aspect-ratio:3/2;max-height:none}}
section,.models{padding-block:clamp(28px,3.4vw,48px)}
.lede{font-size:16px}
.pillars{margin-top:20px}
.pillar{padding-block:10px 14px}
.pillar p{font-size:14px}
.bring .arch{max-height:calc(100svh - 290px)}
.stats{margin-top:24px}
.stat img{aspect-ratio:2/1}
.why .note{margin-top:16px}
.models h2{font-size:clamp(28px,2.8vw,40px)}
.model-list{margin-top:20px}
.model{padding-block:10px;grid-template-columns:200px 1fr}
.model h3{font-size:21px}
.model p{font-size:14.5px}
.models-img{max-height:calc(100svh - 260px)}
.caps{margin-top:24px}
.channels{margin-top:28px}
.legal{margin-top:40px;font-size:12.5px;letter-spacing:.06em;color:var(--ink-soft);opacity:.8}
/* how we work + contact now share the About layout on cream */
.pillars.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.hww .pillar h3{font-style:italic}
.contact{background:var(--cream);color:var(--ink)}
.contact h2{color:var(--wine);font-size:clamp(34px,3.8vw,56px)}
.contact .eyebrow{color:var(--wine)}
.contact .details{margin-top:40px}
.contact .details .k{color:var(--wine)}
.contact .details .v{color:var(--ink)}
.contact .details a.v{border-bottom-color:var(--rule)}
.contact-light{position:relative;justify-self:end;width:auto;margin-top:60px}
.contact-light .arch{max-height:calc(100svh - 360px);width:auto}
.contact-light svg{top:-60px}
@media (max-width:860px){.pillars.two{grid-template-columns:1fr}.contact-light{justify-self:start;width:min(260px,70%)}.contact-light .arch{max-height:none;width:100%}}
/* ---- split pages: content left on the header grid, colour panel to the right edge ---- */
main>section.split{padding:0;display:grid;align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,40%);justify-content:stretch}
.split-main{display:flex;flex-direction:column;justify-content:center;gap:44px;padding-block:40px;padding-left:max(24px,calc((100vw - 1200px)/2 + 24px));padding-right:clamp(32px,4vw,64px);min-width:0}
.split-panel{display:flex;align-items:center;justify-content:center;padding:40px clamp(28px,4vw,64px)}
.split-panel.blush{background:var(--blush)}
.split-panel.wine{background:var(--wine);color:var(--cream)}
.split-panel .arch{height:min(68vh,560px);max-height:calc(100svh - 160px);width:auto;aspect-ratio:7/10}
h2.big{font-size:clamp(38px,4vw,62px)}
h2.huge{font-size:clamp(44px,5vw,80px);line-height:1.02}
.split .founded{margin-top:4px}
.pillars.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 22px;margin-top:0}
.pillars.five .pillar h3{font-size:20px}
.pillars.five .pillar p{font-size:13.5px}
/* how we work cards */
.mcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px}
.mcard{background:var(--wine);color:var(--cream);padding:30px 26px 34px;display:flex;flex-direction:column;gap:18px;min-height:300px;transition:transform .3s ease}
.mcard:hover{transform:translateY(-4px)}
.mcard h3{color:var(--cream);font-style:italic;font-size:28px;line-height:1.1;min-height:2.2em}
.mcard p{font-size:15px;color:#eadbd5}
@media (prefers-reduced-motion:reduce){.mcard{transition:none}}
.mcard{padding:0;gap:0;background:var(--blush);min-height:0}
.mtop{background:var(--wine);padding:30px 28px 26px;min-height:132px;display:flex;align-items:flex-end}
.mcard h3{font-size:31px;font-weight:400;min-height:0;color:var(--cream)}
.mcard p{font-family:var(--sans);font-size:16.5px;font-weight:300;line-height:1.65;color:var(--ink);padding:26px 28px 34px;flex:1}
/* contact panel */
.contact{background:var(--cream);color:var(--ink)}
.contact h2{color:var(--wine)}
.contact .eyebrow{color:var(--wine)}
.panel-inner{display:flex;flex-direction:column;align-items:center;gap:36px;width:100%}
.split-panel .contact-light{position:relative;justify-self:auto;margin:56px 0 0;width:auto}
.split-panel .contact-light svg{top:-58px}
.split-panel .contact-light .arch{height:min(42vh,360px);max-height:none}
.contact .split-panel .details{margin-top:0;flex-direction:column;align-items:center;text-align:center;gap:14px}
.contact .split-panel .details .k{color:var(--blush)}
.contact .split-panel .details .v{color:var(--cream);font-size:17px}
.contact .split-panel .details a.v{border-bottom-color:rgba(232,207,198,.5)}
.contact .legal{margin-top:0}
.split-photo{position:relative;min-height:320px}
.split-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.contact .details{margin-top:0;gap:22px 56px}
.contact .details .k{color:var(--wine)}
.contact .details .v{color:var(--ink);font-size:17px}
.contact .details a.v{border-bottom:1px solid var(--rule)}
@media (max-width:860px){.split-photo{min-height:280px;order:-1}}
/* what we bring: larger type, 3 + 2 grid, narrower panel */
#about.split{grid-template-columns:minmax(0,1fr) minmax(0,34%)}
#about .split-main{gap:36px}
#about h2.big{font-size:clamp(42px,4.4vw,68px)}
#about .lede{font-size:18.5px;max-width:52ch}
#about .founded{font-size:21px}
.pillars.five{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 36px}
.pillars.five .pillar{padding-block:14px 16px;gap:8px}
.pillars.five .pillar h3{font-size:25px}
.pillars.five .pillar p{font-size:15.5px;line-height:1.55}
/* team emphasis */
.member h3{font-weight:500}
.member .yrs b{font-weight:400}
.member .role{font-weight:500}

/* what we bring: balance the column around the middle */
#about .split-main{gap:28px;padding-block:48px}
#about .head{gap:10px}
#about h2.big{font-size:clamp(40px,4vw,60px)}
#about .lede{font-size:17.5px}
#about .founded{font-size:19px}
.pillars.five{gap:0 32px}
.pillars.five .pillar{padding-block:12px 12px;gap:6px}
.pillars.five .pillar h3{font-size:23px}
.pillars.five .pillar p{font-size:15px}
#about .split-panel .arch{height:min(62vh,520px)}
@media (max-width:1100px){.pillars.five{grid-template-columns:repeat(3,minmax(0,1fr))}.mcards{grid-template-columns:repeat(2,minmax(0,1fr))}.mcard{min-height:0}}
@media (max-width:860px){main>section.split{grid-template-columns:1fr}.split-main{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}.split-panel .arch{height:auto;width:min(300px,80%);max-height:none}.pillars.five{grid-template-columns:1fr 1fr}.mcards{grid-template-columns:1fr}.split-panel .contact-light .arch{height:auto;width:220px}}
@media (max-width:860px){.model{grid-template-columns:1fr}.models-grid{grid-template-columns:1fr}}
@media (max-width:860px){.mnav{display:block}.hero-copy{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}}