.editorial-mode .site-menu{background:#fff;color:#252521}
.editorial-mode .header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#e6e3dc}
#editorial-page[hidden]{display:none}
.ed-page{--ed-muted:#74736b;--ed-line:#deddd5;--ed-tint:#f1f0eb;padding-top:110px;color:#252521;background:#fff}
.ed-wrap{max-width:1440px;padding-left:6%;padding-right:6%;margin:auto}
.ed-breadcrumb{display:flex;gap:12px;padding-top:34px;color:var(--ed-muted);font-size:12px;line-height:20px;flex-wrap:wrap}
.ed-breadcrumb a:hover{text-decoration:underline}
.ed-intro{padding-top:66px;padding-bottom:64px;display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:end}
.ed-kicker{display:block;font-size:11px;letter-spacing:.17em;line-height:1.6;text-transform:uppercase;margin-bottom:24px;color:#7e7054}
.ed-page h1{font-size:clamp(48px,6.4vw,92px);letter-spacing:-.055em;line-height:1.04;font-weight:400}
.ed-lead{font-size:17px;line-height:1.8;color:#6e6d64;max-width:460px}
.ed-photo{margin:0;overflow:hidden;background:#ddd8cd}
.ed-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ed-panorama{height:530px;margin:0 3%}
.ed-panorama img{object-position:50% 50%}
.ed-caption{font-size:11px;color:var(--ed-muted);padding:12px 0 0;line-height:1.6}
.ed-section{padding-top:105px;padding-bottom:105px;border-bottom:1px solid var(--ed-line)}
.ed-two{display:grid;grid-template-columns:1fr 1.3fr;gap:12%}
.ed-page h2{font-size:clamp(32px,3.3vw,48px);line-height:1.18;letter-spacing:-.035em;font-weight:400}
.ed-copy p{font-size:17px;line-height:1.85;color:#66665e;margin-bottom:23px}
.ed-copy p:last-child{margin-bottom:0}
.ed-principles{margin-top:64px}
.ed-principle{display:grid;grid-template-columns:70px 1fr 1fr;gap:38px;align-items:start;padding:36px 0;border-top:1px solid var(--ed-line)}
.ed-no{font-size:12px;color:#8c7c59;letter-spacing:.08em;line-height:30px}
.ed-page h3{font-size:25px;line-height:1.3;letter-spacing:-.02em;font-weight:400}
.ed-principle p{font-size:15px;line-height:1.85;color:#727268}
.ed-quote{background:#eeece5;padding:100px 6%;text-align:center}
.ed-quote blockquote{font-size:clamp(29px,3.5vw,49px);line-height:1.35;letter-spacing:-.025em;max-width:950px;margin:0 auto 24px}
.ed-quote p{font-size:11px;letter-spacing:.17em;color:#7e7054}
.ed-links{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px}
.ed-link{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #96948a;padding:0 0 16px;font-size:16px}
.ed-link span{font-size:24px}
.ed-cta{padding-top:85px;padding-bottom:85px;background:#f4f3ee}
.ed-cta .ed-wrap{display:flex;justify-content:space-between;align-items:end;gap:40px}
.ed-cta p{font-size:15px;color:#727268;margin-top:20px}
.ed-cta .ed-link{min-width:230px;flex:none}
.ed-filterbar{display:flex;gap:30px;border-bottom:1px solid var(--ed-line);margin-bottom:42px;flex-wrap:wrap}
.ed-filterbar button{font-size:14px;color:#77766d;border-bottom:1px solid transparent;padding:12px 0 16px}
.ed-filterbar button[aria-pressed=true]{color:#252521;border-bottom-color:#252521}
.ed-feature{display:grid;grid-template-columns:1.4fr 1fr;background:var(--ed-tint);margin-bottom:62px}
.ed-feature-photo{min-height:400px;overflow:hidden}
.ed-feature-photo img{height:100%;width:100%;object-fit:cover;object-position:38% 48%;transition:transform .7s}
.ed-feature:hover img,.ed-card:hover img{transform:scale(1.025)}
.ed-feature-copy{padding:52px 45px;display:flex;flex-direction:column;justify-content:center;align-items:start}
.ed-feature h2{font-size:38px;margin-bottom:22px}
.ed-feature p{font-size:15px;color:#727268;line-height:1.8;margin-bottom:28px}
.ed-meta{display:flex;gap:15px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7e7054;margin-bottom:20px}
.ed-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 30px}
.ed-card-visual{height:300px;background:var(--ed-tint);overflow:hidden;margin-bottom:22px}
.ed-card-visual img{height:100%;width:100%;object-fit:cover;transition:transform .7s}
.ed-card-visual.is-product img{object-fit:contain;padding:30px;mix-blend-mode:multiply}
.ed-card h3{font-size:25px;margin:0 0 15px}
.ed-card p{font-size:14px;line-height:1.8;color:#727268;margin-bottom:20px}
.ed-card .ed-meta{margin-bottom:15px}
.ed-card[hidden],.ed-feature[hidden]{display:none}
.ed-inline-link{display:inline-flex;gap:24px;font-size:13px;border-bottom:1px solid #b3afa1;padding-bottom:6px}
.ed-project-hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-top:55px;padding-bottom:75px}
.ed-project-hero .ed-photo{height:550px}
.ed-project-hero .ed-photo img{object-position:75% center}
.ed-project-hero h1{font-size:clamp(48px,5.8vw,80px)}
.ed-project-hero .ed-lead{margin-top:30px}
.ed-empty{padding:55px 0 0;border-top:1px solid var(--ed-line);display:grid;grid-template-columns:1fr 1fr;gap:10%}
.ed-empty p{font-size:15px;line-height:1.8;color:#727268}
.ed-empty .ed-inline-link{margin-top:22px}
.ed-process{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}
.ed-process article{border-top:1px solid #c9c6ba;padding-top:24px}
.ed-process h3{font-size:24px;margin:17px 0}
.ed-process p{font-size:15px;color:#727268;line-height:1.8}
.ed-reading{max-width:850px;margin:auto;padding-top:65px;padding-bottom:85px}
.ed-reading h1{font-size:clamp(42px,5.5vw,70px);margin-bottom:30px}
.ed-reading .ed-lead{max-width:740px;font-size:20px;line-height:1.7}
.ed-article-body{max-width:700px;margin:auto;padding:65px 0 90px}
.ed-article-body h2{font-size:29px;margin:42px 0 18px}
.ed-article-body h2:first-child{margin-top:0}
.ed-article-body p{font-size:17px;line-height:1.9;color:#66665e;margin:0 0 22px}
.ed-article-body .ed-inline-link{margin-top:32px}
.ed-page a:focus-visible,.ed-page button:focus-visible{outline:2px solid #a48d57;outline-offset:5px}
@media(max-width:1023px){.ed-intro{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:45px}.ed-lead{max-width:650px}.ed-panorama{height:420px}.ed-project-hero{gap:5%}.ed-project-hero .ed-photo{height:470px}.ed-cards{grid-template-columns:1fr 1fr}.ed-feature-copy{padding:35px}.ed-feature h2{font-size:31px}.ed-card-visual{height:260px}.ed-principle{grid-template-columns:40px 1fr 1.2fr;gap:24px}.ed-two{gap:7%}.ed-reading{padding-top:45px}}
@media(max-width:640px){.ed-wrap{padding-left:7%;padding-right:7%}.ed-breadcrumb{font-size:10px;padding-top:24px}.ed-intro{padding-top:38px}.ed-page h1{font-size:48px}.ed-kicker{font-size:10px;margin-bottom:20px}.ed-lead{font-size:15px}.ed-panorama{height:340px;margin:0}.ed-section{padding-top:65px;padding-bottom:65px}.ed-two,.ed-project-hero{grid-template-columns:1fr;gap:30px}.ed-principle{grid-template-columns:30px 1fr;gap:12px;padding:27px 0}.ed-principle p{grid-column:2}.ed-principles{margin-top:35px}.ed-quote{padding:70px 7%}.ed-links{grid-template-columns:1fr;gap:26px;margin-top:32px}.ed-cta{padding-top:60px;padding-bottom:60px}.ed-cta .ed-wrap{align-items:start;flex-direction:column;gap:30px}.ed-cta .ed-link{width:100%}.ed-feature{grid-template-columns:1fr;margin-bottom:40px}.ed-feature-photo{min-height:300px;height:300px}.ed-feature-copy{padding:30px}.ed-feature h2{font-size:31px}.ed-cards{grid-template-columns:1fr;gap:40px}.ed-card-visual{height:330px}.ed-filterbar{gap:23px}.ed-filterbar button{font-size:12px}.ed-project-hero{padding-top:38px;padding-bottom:55px}.ed-project-hero h1{font-size:48px}.ed-project-hero .ed-photo{height:380px}.ed-empty{grid-template-columns:1fr;gap:25px}.ed-process{grid-template-columns:1fr;gap:30px;margin-top:35px}.ed-reading{padding-top:40px;padding-bottom:45px}.ed-reading h1{font-size:43px}.ed-reading .ed-lead{font-size:17px}.ed-article-body{padding:42px 0 60px}.ed-article-body p{font-size:16px}.ed-caption{font-size:10px}.ed-page h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.ed-page *{transition:none!important}}

.site-menu .header nav.vn-architect-nav,.vn-architect-mobile{display:none}
.architect-mode .site-menu .header nav:not(.vn-architect-nav){display:none}
.architect-mode .site-menu .header nav.vn-architect-nav{display:flex}
.architect-mode [data-page="landing"] .vn-mobile-scroll>.vn-mobile-main-link,.architect-mode [data-page="landing"] .vn-mobile-additional{display:none!important}
.architect-mode .vn-architect-mobile{display:block}
@media(min-width:1280px){.architect-mode .site-menu .consult{display:inline-flex;font-size:12px}.architect-mode .site-menu .brand{margin-right:28px}.architect-mode .site-menu .header nav.vn-architect-nav>a{padding-left:12px;padding-right:12px}}
@media(max-width:1023px){.architect-mode .site-menu .header nav.vn-architect-nav{display:none}}

/* Architectural journal: generous portrait imagery and readable sources. */
#journal .story-image,.story-grid .story-image{aspect-ratio:4/5;background:#e9e7e2} .story-grid .story-image img{height:100%;object-fit:cover}.story-grid>a.story{display:block;text-align:left}.world-article-photo{margin-top:30px;margin-bottom:35px;text-align:center}.world-article-photo>img{width:min(100%,720px);height:auto;margin:auto}.world-article-photo figcaption{margin-top:14px}.world-sources{border-top:1px solid #deddd5;margin-top:45px;padding-top:20px}.world-sources a{text-decoration:underline;text-underline-offset:4px}.world-sources li{margin:12px 0;font-size:14px}.world-sources p{font-size:13px}.world-sources+.ed-links{flex-wrap:wrap;gap:20px}

/* Culture and business philosophy, with a calm editorial rhythm. */
.vn-spirit .ed-intro{grid-template-columns:1.6fr 1fr;gap:7%;padding-top:70px;padding-bottom:75px}
.vn-spirit h1{font-size:clamp(43px,5.2vw,76px);line-height:1.13}
.vn-spirit .spirit-panorama{height:clamp(350px,46vw,670px)}
.vn-spirit .spirit-panorama img{object-position:center 58%}
.vn-spirit .spirit-beliefs{border-bottom:0;padding-top:90px;padding-bottom:85px}
.vn-spirit .spirit-beliefs>.ed-two{grid-template-columns:1fr 1.4fr;align-items:start}
.vn-spirit .spirit-beliefs>.ed-two .ed-lead{max-width:600px;font-size:22px;line-height:1.65;color:#4d5545}
.vn-spirit .ed-principle{grid-template-columns:45px 1fr 1.25fr;gap:35px;padding:43px 0}
.vn-spirit .ed-principle h2{font-size:clamp(26px,2.6vw,38px);max-width:340px}
.vn-spirit .ed-principle .ed-copy p{font-size:15px;margin-bottom:16px;line-height:1.85}
.spirit-values{padding:90px 0;background:#f0f1ea}
.spirit-values-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 70px;margin:55px 0}
.spirit-values-grid>p{font-size:clamp(24px,2.5vw,35px);letter-spacing:-.025em;line-height:1.4;color:#556447}
.spirit-values-note{max-width:650px;font-size:15px;line-height:1.9;color:#72796a}
.vn-spirit .ed-cta h2{max-width:690px}
@media(max-width:900px){.vn-spirit .ed-intro{grid-template-columns:1fr;gap:28px}.vn-spirit .ed-principle{grid-template-columns:30px 1fr;gap:16px}.vn-spirit .ed-principle .ed-copy{grid-column:2}.vn-spirit .ed-principle h2{max-width:none}.vn-spirit .spirit-beliefs>.ed-two{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.vn-spirit .ed-intro{padding-top:38px;padding-bottom:40px}.vn-spirit h1{font-size:40px}.vn-spirit .spirit-beliefs{padding-top:55px;padding-bottom:45px}.vn-spirit .spirit-beliefs>.ed-two .ed-lead{font-size:19px}.vn-spirit .ed-principle{padding:28px 0}.spirit-values{padding:60px 0}.spirit-values-grid{grid-template-columns:1fr;gap:22px;margin:35px 0}.spirit-values-note{font-size:14px}}

/* One contextual image for each philosophy, alternating across the page. */
.vn-spirit .ed-principles{margin-top:65px}
.vn-spirit .ed-principle.spirit-principle{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(35px,6vw,85px);padding:55px 0;align-items:center}
.vn-spirit .spirit-principle-photo{position:relative;aspect-ratio:1.22;margin:0}
.vn-spirit .spirit-principle-photo img{height:100%;width:100%;object-fit:cover}
.vn-spirit .spirit-principle-photo figcaption{position:absolute;bottom:12px;left:14px;padding:4px 8px;background:#ffffffe8;color:#646b5a;font-size:9px;line-height:1.5}
.vn-spirit .spirit-principle-copy .ed-no{display:block;margin-bottom:15px}
.vn-spirit .spirit-principle-copy h2{max-width:420px;margin-bottom:23px}
.vn-spirit .spirit-principle-copy .ed-copy{max-width:470px}
.vn-spirit .spirit-principle:nth-child(even) .spirit-principle-photo{order:2}
.vn-spirit .spirit-principle:nth-child(even) .spirit-principle-copy{order:1}
@media(max-width:900px){.vn-spirit .ed-principle.spirit-principle{grid-template-columns:1fr;gap:28px;padding:38px 0}.vn-spirit .spirit-principle:nth-child(even) .spirit-principle-photo,.vn-spirit .spirit-principle:nth-child(even) .spirit-principle-copy{order:initial}.vn-spirit .spirit-principle-photo{aspect-ratio:1.5}.vn-spirit .spirit-principle-copy .ed-copy{max-width:none}.vn-spirit .ed-principles{margin-top:40px}}

/* Stacked, quieter introduction for the VNTrust philosophy page. */
.vn-spirit .ed-intro{grid-template-columns:1fr;gap:25px;align-items:start;padding-top:55px;padding-bottom:55px}
.vn-spirit .ed-intro h1{font-size:clamp(35px,3.7vw,54px);line-height:1.15;max-width:850px}
.vn-spirit .ed-intro>.ed-lead{max-width:760px;font-size:15px;line-height:1.85}
@media(max-width:600px){.vn-spirit .ed-intro{gap:22px;padding-top:35px;padding-bottom:38px}.vn-spirit .ed-intro h1{font-size:34px}.vn-spirit .ed-intro>.ed-lead{font-size:14px}}

/* Image-led opening, followed by a quiet centred statement. */
.vn-spirit .spirit-panorama{position:relative;margin-top:32px;isolation:isolate}
.vn-spirit .spirit-panorama:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,24,14,.65),rgba(18,24,14,0) 75%);z-index:1;pointer-events:none}
.vn-spirit .spirit-panorama h1{position:absolute;z-index:2;bottom:clamp(35px,6vw,85px);left:6%;right:6%;font-size:clamp(36px,4.5vw,66px);line-height:1.15;color:#fff;letter-spacing:-.04em}
.spirit-opening{max-width:700px;margin:0 auto;text-align:center}
.spirit-opening p{font-size:15px;line-height:1.9;color:#72796a}
.vn-spirit .spirit-beliefs{padding-top:65px}
@media(max-width:600px){.vn-spirit .spirit-panorama{margin-top:24px}.vn-spirit .spirit-panorama h1{font-size:32px;left:7%;right:7%}.spirit-opening p{font-size:14px}.vn-spirit .spirit-beliefs{padding-top:40px}}

/* Single-line philosophy headings without numbered labels. */
.vn-spirit .spirit-principle-copy h2{max-width:none;font-size:clamp(20px,2.05vw,30px);white-space:nowrap;letter-spacing:-.04em}
.vn-spirit .spirit-panorama h1{font-size:clamp(23px,4.2vw,62px);white-space:nowrap}
.vn-spirit .spirit-values h2{font-size:clamp(25px,3.3vw,48px);white-space:nowrap}
.vn-spirit .ed-cta h2{max-width:none;font-size:clamp(22px,2.7vw,39px)}
@media(max-width:600px){.vn-spirit .spirit-principle-copy h2{font-size:clamp(17px,4.4vw,25px)}.vn-spirit .spirit-panorama h1{font-size:clamp(17px,4.15vw,25px)}.vn-spirit .spirit-values h2{font-size:clamp(22px,5.4vw,30px)}}

/* Keep the opening slogan on two lines. */
.vn-spirit .spirit-panorama h1{white-space:normal;font-size:clamp(36px,4.5vw,66px);line-height:1.15}
@media(max-width:600px){.vn-spirit .spirit-panorama h1{font-size:32px}}

.vn-spirit .spirit-principle-photo{aspect-ratio:3/2}
.vn-spirit .ed-cta .ed-wrap{flex-direction:column;align-items:center;text-align:center;gap:30px}
.vn-spirit .ed-cta .ed-link{width:260px;max-width:100%;text-align:left}

.vn-spirit .ed-cta{background:transparent}
.vn-spirit .ed-cta .spirit-connect-button{display:flex;justify-content:center;align-items:center;width:260px;max-width:100%;box-sizing:border-box;padding:8px 15px;border:1px solid #39432f;border-radius:2px;background:#39432f;color:#fff;font-size:11px;line-height:18px;text-decoration:none}
.vn-spirit .ed-cta .spirit-connect-button:hover{background:#505d41;border-color:#505d41}
.vn-spirit .ed-cta .spirit-connect-button:focus-visible{outline:2px solid #86956f;outline-offset:5px}
.vn-spirit .ed-cta .spirit-connect-button{background:#a93232;border-color:#a93232;color:#fff}
.vn-spirit .ed-cta .spirit-connect-button:hover{background:#8e2727;border-color:#8e2727}

.vn-spirit .ed-cta h2{white-space:nowrap;font-size:clamp(16px,3.15vw,42px);letter-spacing:-.04em}
/* Full-bleed opening image on the philosophy page. */
.vn-spirit .ed-photo.spirit-panorama{margin-left:0;margin-right:0;width:100%}
.vn-spirit .ed-cta .spirit-connect-button{padding-top:12px;padding-bottom:12px}

/* Architects landing: quiet scale, clear paths into the editorial collections. */
.ar-studio h1{font-size:clamp(32px,3.5vw,50px);line-height:1.18;letter-spacing:-.035em;max-width:540px;text-wrap:balance}
.ar-studio h2{font-size:clamp(27px,2.7vw,38px);line-height:1.23;letter-spacing:-.03em;text-wrap:balance}
.ar-studio p{font-size:16px;line-height:1.8;color:#6e6d64;max-width:600px}
.ar-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:54px;padding-bottom:50px;align-items:end}
.ar-intro .ed-inline-link{margin-top:23px}.ar-studio .ed-kicker{margin-bottom:18px}
.ar-hero{margin:0 auto}.ar-hero img{width:100%;height:auto;max-height:560px;object-fit:contain;background:#f3f1ed}
.ar-section{padding-top:80px;padding-bottom:80px}.ar-section-head{margin-bottom:32px}.ar-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ar-topic{display:block;min-width:0}.ar-topic figure{margin:0 0 20px;aspect-ratio:3/2;background:#f3f1ed}.ar-topic img{height:100%;width:100%;object-fit:contain}.ar-topic-no{font-size:11px;color:#8a8272}.ar-topic h3{font-size:21px;line-height:1.35;letter-spacing:-.02em;display:flex;justify-content:space-between;gap:10px;margin:10px 0}.ar-topic h3 span{font-size:17px}.ar-topic p{font-size:14px;line-height:1.75}.ar-topic:hover h3{text-decoration:underline;text-underline-offset:5px}
.ar-readings{background:#f5f4f0;padding:64px 0}.ar-reading-grid,.ar-choice{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;align-items:start}.ar-reading-grid p{margin-top:20px}.ar-reading{display:grid;grid-template-columns:24px 1fr 18px;gap:18px;align-items:center;border-top:1px solid #d9d7ce;padding:25px 0}.ar-reading:last-child{border-bottom:1px solid #d9d7ce}.ar-reading>span{font-size:12px;color:#8a8272}.ar-reading h3{font-size:21px;line-height:1.4;letter-spacing:-.02em;text-wrap:balance}.ar-actions{display:flex;flex-wrap:wrap;gap:18px 32px;margin-top:27px}.ar-actions .ed-link{font-size:14px;min-width:0;gap:22px}.ar-connect{background:#eeeee7;padding:65px 0}.ar-connect p{margin-top:0}.ar-studio a:focus-visible{outline:2px solid #a48d57;outline-offset:5px}
@media(max-width:1000px){.ar-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.ar-intro{gap:6%}.ar-reading-grid,.ar-choice{gap:6%}}
@media(max-width:640px){.ar-intro,.ar-reading-grid,.ar-choice{grid-template-columns:1fr;gap:25px}.ar-intro{padding-top:34px;padding-bottom:32px}.ar-studio h1{font-size:34px;max-width:360px}.ar-studio h2{font-size:29px}.ar-studio p{font-size:15px}.ar-topics{gap:30px 17px}.ar-topic h3{font-size:18px;display:block}.ar-topic h3 span{margin-left:8px}.ar-topic p{font-size:13px}.ar-topic figure{margin-bottom:14px}.ar-section{padding-top:48px;padding-bottom:48px}.ar-readings,.ar-connect{padding:45px 0}.ar-reading h3{font-size:19px}.ar-reading{gap:10px;padding:20px 0}.ar-actions{gap:20px}.ar-actions .ed-link{font-size:13px}}

/* Preserve each source image's natural proportions without empty frame strips. */
.ar-hero img{max-height:none;height:auto;object-fit:initial;background:transparent}
.ar-topic figure{aspect-ratio:auto;background:transparent}.ar-topic img{height:auto;object-fit:initial}
.ar-reading{grid-template-columns:132px minmax(0,1fr) 18px;gap:22px}.ar-reading img{width:100%;height:auto;display:block}.ar-reading>span{align-self:center}
.ar-support-photo{margin:28px 0 0}.ar-support-photo img{width:100%;height:auto;display:block}
@media(max-width:640px){.ar-reading{grid-template-columns:94px minmax(0,1fr) 12px;gap:14px}.ar-reading h3{font-size:17px}.ar-support-photo{margin-top:22px}}