:root{--navy:#0a1c30;--deep:#071726;--gold:#d3ae6d;--cream:#f3f0e9;--muted:#a9b3c0;--line:rgba(206,178,129,.23)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--navy);color:var(--cream);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:var(--gold);color:var(--navy)}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 5.3%;border-bottom:1px solid var(--line);background:#0e294d}.brand{display:block;width:270px;height:35px;position:relative;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:145.45%;max-width:none;left:-22.64%;top:-515%;height:auto}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--gold)}.nav-contact{padding:12px 20px;border:1px solid #a48a61;margin-left:10px}.nav-contact span{margin-left:25px}.menu-toggle{display:none}.hero{position:relative;min-height:790px;overflow:hidden;background:#081a2d}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#081a2d 0%,rgba(8,26,45,.9) 29%,rgba(8,26,45,0) 60%),url('assets/hero.png');background-size:cover,auto 105%;background-position:center,right center;background-repeat:no-repeat}.hero-content{position:relative;max-width:680px;padding:102px 0 130px;margin-left:8.3%;z-index:1}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.1px;display:flex;align-items:center;gap:12px;margin:0 0 29px}.eyebrow span{width:27px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-2.5px;line-height:1.1}h1{font-size:clamp(66px,7.3vw,112px);margin-bottom:30px}em{font-weight:400;color:var(--gold)}.hero-copy{color:#c0c8d1;max-width:385px;font-size:17px;line-height:1.8;margin-bottom:35px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;padding:16px 23px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.gold{background:linear-gradient(110deg,#ddbf84,#c8a060);color:#0b1c2f}.button:hover{background:#ead09f;transform:translateY(-2px)}.button span{font-size:21px;font-weight:400}.hero-bottom{position:absolute;bottom:0;left:8.3%;right:5.3%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:29px 0}.hero-bottom p{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin:0}.hero-bottom strong{font-size:13px;letter-spacing:.2px;color:var(--cream);font-weight:400}.scroll-link{font-size:12px;letter-spacing:.4px}.scroll-link span{display:inline-flex;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;align-items:center;justify-content:center;margin-left:25px}.hero-index{font-size:12px;letter-spacing:3px;color:#b7a584}.section{padding:100px 8.3%}.section-label{display:flex;align-items:center;gap:24px;font-size:11px;letter-spacing:2.1px;color:var(--gold);margin-bottom:55px}.section-label i{height:1px;background:var(--line);flex:1}h2{font-size:clamp(38px,4vw,60px);margin-bottom:25px;line-height:1.2;letter-spacing:-1.8px}.about{background:var(--cream);color:var(--navy)}.about .section-label{color:#826336}.about .section-label i{background:#d6cbb7}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.about h2 em{color:#97733e}.about-copy{max-width:440px}.about-copy .lead{font-size:22px;line-height:1.5;color:var(--navy);margin-bottom:22px}.about-copy p{color:#5f6770;font-size:15px;line-height:1.85}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:14px;padding:12px 0;border-bottom:1px solid #9c8055}.text-link:hover{color:var(--gold)}.text-link span{font-size:20px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8d0c3;margin-top:65px;padding-top:32px;gap:40px}.principles>div{border-right:1px solid #d8d0c3}.principles>div:last-child{border:0}.principles span{color:#a58149;font-size:12px}.principles h3{font-size:17px;font-weight:500;margin:10px 0 3px}.principles p{font-size:14px;color:#6c7177;margin:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.section-heading p{font-size:15px;color:var(--muted);padding-bottom:10px}.expertise{background:var(--deep)}.expertise-list details{border-top:1px solid var(--line);padding:25px 0}.expertise-list details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:34px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.number{font-size:12px;color:var(--gold);width:28px}summary h3{font-family:'Playfair Display',Georgia,serif;font-size:29px;line-height:1.3;font-weight:400;margin:0}.detail-icon{margin-left:auto;font-size:25px;color:var(--gold);transition:transform .2s}details[open] .detail-icon{transform:rotate(45deg)}.detail-body{margin:18px 0 3px 62px;display:flex;gap:50px;align-items:center;justify-content:space-between}.detail-body p{font-size:15px;color:var(--muted);max-width:500px;margin:0}.detail-body a{font-size:13px;color:var(--gold);white-space:nowrap}.detail-body a span{margin-left:20px}.ecosystem{background:#102941}.ecosystem-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.muted{color:#aab5c0;font-size:10px}.ecosystem-intro{color:var(--muted);max-width:330px;font-size:16px}.zonga{border:1px solid #6a6654;padding:35px 38px;background:linear-gradient(130deg,rgba(220,187,116,.09),transparent);position:relative}.zonga-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#bec5cc;gap:20px}.zonga-top>span:last-child{font-size:23px;color:var(--gold)}.zonga h3{font-family:'Manrope',sans-serif;font-size:65px;letter-spacing:-4px;font-weight:800;margin:22px 0 12px;line-height:1.2}.zonga h3 span{font-size:14px;letter-spacing:0;vertical-align:top;margin-left:6px}.zonga>p{font-size:20px;line-height:1.45}.zonga-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 22px}.zonga-tags span{border:1px solid #4c5b67;padding:4px 9px;font-size:11px;color:#c4cbd2}.zonga .text-link{width:100%;color:var(--gold)}.perspectives{background:#0a1c30}.perspectives .section-heading{margin-bottom:35px;align-items:center}.perspectives h2{margin:0}.articles{display:grid;grid-template-columns:1fr 1fr;gap:50px}.article{border-top:1px solid var(--line);padding-top:25px}.article-category{font-size:10px;letter-spacing:1.6px;color:var(--gold);display:flex;justify-content:space-between}.article-category>span{font-size:24px}.article h3{font-family:'Playfair Display',Georgia,serif;font-size:29px;font-weight:400;line-height:1.4;margin:23px 0 20px;max-width:430px;transition:color .2s}.article:hover h3{color:var(--gold)}.article p{font-size:15px;color:var(--muted);max-width:420px}.article-link{font-size:12px;color:var(--gold)}.contact{background:#102941;border-top:1px solid var(--line);padding-bottom:85px}.contact-main{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-main .eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--muted)}.contact h2{font-size:clamp(48px,5.5vw,82px);margin:0}.contact-main .button{white-space:nowrap}footer{display:flex;align-items:center;padding:40px 5.3%;gap:30px;background:#0e294d}footer .brand{width:225px;height:29px}footer p{font-size:10px;color:#b8c3d2;margin:0 auto}footer>a:not(.brand){font-size:12px;white-space:nowrap}.skip{position:absolute;top:-100px;left:20px;z-index:20;background:var(--gold);color:var(--deep);padding:10px}.skip:focus{top:10px}@media(min-width:1600px){.hero-content{padding-top:140px}.hero{min-height:890px}}@media(max-width:1100px){header{padding:0 5%;height:95px}.brand{width:230px;height:30px}nav{gap:18px;font-size:12px}.nav-contact{margin-left:0;padding:10px}.nav-contact span{margin-left:12px}.hero-content{margin-left:6%;max-width:570px}.hero-bottom{left:6%}.section{padding:80px 6%}footer{flex-wrap:wrap}footer p{margin-left:auto;margin-right:0}.back-top{display:none}}@media(max-width:800px){header{height:88px}.brand{width:230px;height:30px}.menu-toggle{display:flex;gap:20px;background:none;color:var(--cream);border:1px solid var(--line);padding:7px 12px;font-size:13px}nav{display:none;position:absolute;top:88px;left:0;right:0;z-index:10;background:#102941;padding:25px 6%;box-shadow:0 20px 30px #0004;align-items:stretch;font-size:16px}nav.open{display:flex;flex-direction:column;gap:20px}.nav-contact{align-self:flex-start;padding:10px 18px}.hero{min-height:810px}.hero-art{background-size:cover,auto 72%;background-position:center,65% 105%;opacity:.68;background-image:linear-gradient(180deg,#081a2d 2%,rgba(8,26,45,.9) 20%,rgba(8,26,45,.25) 65%,#081a2d 95%),url('assets/hero.png')}.hero-content{padding:60px 0 270px;margin:0 6%;max-width:480px}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:25px}h1{font-size:76px}.hero-copy{font-size:16px;max-width:350px;margin-bottom:25px}.hero-bottom{right:6%;padding:20px 0}.hero-bottom p{font-size:9px}.hero-index{display:none}.scroll-link{font-size:11px}.scroll-link span{margin-left:10px}.section{padding:64px 6%}.section-label{margin-bottom:35px;font-size:10px}.about-grid,.ecosystem-grid{grid-template-columns:1fr;gap:28px}.about h2{font-size:43px}.about-copy{max-width:100%}.principles{gap:20px;margin-top:38px}.principles h3{font-size:15px}.principles p{font-size:12px;padding-right:10px}.section-heading{align-items:start;flex-direction:column;gap:5px}.section-heading p{margin-bottom:0}.detail-body{display:block;margin-left:43px}.detail-body a{display:inline-block;margin-top:20px}summary{gap:15px}summary h3{font-size:25px}.articles{gap:28px}.article h3{font-size:25px}.perspectives .section-heading{align-items:start;gap:15px}.contact-main{align-items:start;flex-direction:column}.contact-main .button{margin-top:10px}footer{gap:22px;padding:30px 6%}footer p{order:3;width:100%;margin:0}footer>a:not(.brand){margin-left:auto}.zonga{max-width:550px}.ecosystem-intro{max-width:440px}}@media(max-width:480px){.brand{width:205px;height:27px}.menu-toggle{font-size:12px;padding:6px 9px;gap:9px}h1{font-size:66px;letter-spacing:-2px}.hero-content{padding-top:52px}.hero{min-height:800px}.hero-bottom p{max-width:180px}.scroll-link{max-width:95px;display:flex;align-items:center;line-height:1.4}.scroll-link span{flex-shrink:0;width:29px;height:29px}.principles{grid-template-columns:1fr;gap:20px}.principles>div{border-right:none;border-bottom:1px solid #d8d0c3;padding-bottom:18px;display:grid;grid-template-columns:30px 1fr;gap:0 12px}.principles span{grid-row:span 2;padding-top:4px}.principles h3{margin:0}.principles p{font-size:13px}.articles{grid-template-columns:1fr;gap:35px}.article h3{max-width:100%}.zonga{padding:27px}.zonga-top{font-size:8px}.contact-main .eyebrow{line-height:1.9;max-width:250px}.section-label{letter-spacing:1.3px}.hero-art{background-position:center,62% 100%}.about h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Preserve the original editorial artwork; motion is restrained and brief. */
.hero-art{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.018);transition:transform 1.2s cubic-bezier(.2,.65,.3,1);animation:art-arrive 1.8s cubic-bezier(.2,.65,.3,1) backwards}
.hero-content>.eyebrow,.hero-content>h1,.hero-content>.hero-copy,.hero-content>.button{animation:hero-arrive 1s cubic-bezier(.2,.65,.3,1) backwards}
.hero-content>.eyebrow{animation-delay:.12s}.hero-content>h1{animation-delay:.22s}.hero-content>.hero-copy{animation-delay:.34s}.hero-content>.button{animation-delay:.44s}
@keyframes art-arrive{from{opacity:.5;transform:scale(1.055)}to{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.018)}}
@keyframes hero-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.hero-art{animation:none;transform:none;transition:none}.hero-content>.eyebrow,.hero-content>h1,.hero-content>.hero-copy,.hero-content>.button{animation:none}}

/* Consistent vector icons and a proportional, padded logo viewport. */
.line-icon{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle}
.button>span,.text-link>span,.nav-contact>span,.detail-icon{display:inline-flex;align-items:center;justify-content:center}
.button .line-icon{width:20px;height:20px}.detail-icon .line-icon{width:22px;height:22px}
.brand,footer .brand{height:auto;aspect-ratio:1140 / 180}
.brand img{width:140.350877%;height:auto;left:-20.175439%;top:-393.333333%;max-width:none}
.menu-toggle{align-items:center;min-height:44px}.menu-toggle>span{display:inline-flex}.menu-toggle .line-icon{width:15px;height:15px;transition:transform .25s}.menu-toggle[aria-expanded="true"] .line-icon{transform:rotate(45deg)}
@media(max-width:800px){header{gap:20px}.brand{width:230px;max-width:calc(100% - 98px)}nav a{min-height:44px;display:flex;align-items:center}.hero-bottom{gap:20px}}
@media(max-width:480px){header{height:84px;padding:0 5%;gap:15px}.brand{width:215px;max-width:calc(100% - 91px)}nav{top:84px}.menu-toggle{font-size:12px;padding:8px 11px;gap:10px;flex-shrink:0}h1{font-size:clamp(43px,13.3vw,63px);letter-spacing:-1.8px;line-height:1.13}.hero-content{padding-top:45px}.hero-copy{font-size:16px;line-height:1.85}.button{gap:28px;padding:15px 20px;min-height:54px}.eyebrow{font-size:9px;letter-spacing:1.3px;gap:10px}.hero-bottom p{max-width:170px}.scroll-link{max-width:120px}.hero-bottom strong{font-size:12px}.scroll-link span{margin-left:8px}footer .brand{width:225px;max-width:100%}}

/* Carry the spacious wide-screen composition down to everyday laptop widths. */
@media(min-width:801px){
 .hero{min-height:clamp(660px,46.4vw,890px)}
 .hero-content{width:44%;max-width:680px;padding-top:clamp(68px,7.3vw,140px);padding-bottom:132px}
 .hero h1{font-size:clamp(56px,5.85vw,112px);letter-spacing:-.022em;margin-bottom:clamp(24px,1.56vw,30px)}
 .hero-content>.eyebrow{margin-bottom:clamp(24px,1.5vw,29px)}
 .hero-copy{max-width:clamp(330px,20vw,385px);font-size:16px;line-height:1.85;margin-bottom:clamp(28px,1.82vw,35px)}
 .hero-art{background-size:cover,auto clamp(620px,48.7vw,935px)}
}
@media(min-width:1101px){
 header{height:clamp(90px,5.75vw,110px)}
 header>.brand{width:clamp(220px,14.1vw,270px)}
}