/* Shared fonts: Bodoni Moda titles, Open Sans reading copy, Fira Sans UI labels. */
:root{--serif:'Bodoni Moda',Georgia,serif;--body:'Open Sans',Arial,sans-serif;--ui:'Fira Sans',Arial,sans-serif}
.custom-page,.client-ticker,.finance-home-card,.next-project,.home-art-preview,.home-book-preview{font-family:var(--body)}
.custom-page h1,.custom-page h2,.custom-page h3,.next-project-title{font-family:var(--serif)}
.eyebrow,.project-meta dt{font-family:var(--ui)}
.finance-page .case-section div p,.finance-page .dbs-opening>p,.finance-page .detail-opening>p,.finance-page .dbs-figure figcaption,.finance-page .project-meta dd{font-family:var(--body)}
.custom-page .project-meta dd{color:#595956}
.unified-case-study h6.framer-text{font-family:var(--body)!important}
/* Hide the retired MOHT impact footer before hydration completes. */
body[data-portfolio-route="/moht-onecare"] footer[data-framer-name="Next Project"]{display:none!important}
/* Keep the Why Singtel section inside the same content column at every breakpoint. */
body[data-portfolio-route="/aeo-and-seo"] .framer-1yahmmw{width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important;box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:40px!important}
body[data-portfolio-route="/aeo-and-seo"] .framer-1yahmmw>div{width:100%!important;min-width:0!important;max-width:100%!important}
body[data-portfolio-route="/aeo-and-seo"] .framer-1yahmmw img{max-width:100%!important}
.replaced-navigation{visibility:hidden!important;pointer-events:none!important}
.portfolio-navigation{position:absolute;top:0;left:0;right:0;z-index:1000;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 6.25% 20px;min-height:84px;color:var(--initial-nav-color,#191919);font:400 16px/1.5 var(--ui);transition:transform .23s ease,background-color .2s ease;}
.portfolio-navigation a{font:inherit!important;color:inherit!important;text-decoration:none!important}
.portfolio-navigation .portfolio-wordmark{font-family:var(--body)!important}
.portfolio-navigation>div{display:flex;align-items:center;gap:28px}
.portfolio-navigation a:hover{text-decoration:underline!important;text-underline-offset:6px}
.portfolio-navigation a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.portfolio-navigation.is-sticky{position:fixed;background:#f5f3eef5;color:#191919;backdrop-filter:blur(14px);border-bottom:1px solid #19191915;padding-block:22px;min-height:68px}
.portfolio-navigation.is-hidden{transform:translateY(-110%);pointer-events:none}
.finance-page .carousel-controls{top:var(--revealed-nav-height,0px)!important;transition:top .23s ease}
@media(max-width:809px){
 body[data-portfolio-route="/aeo-and-seo"] .framer-1yahmmw{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
 .portfolio-navigation{padding:25px 24px 18px;min-height:74px;font-size:14px}
 .portfolio-navigation>div{gap:18px}
 .portfolio-navigation.is-sticky{padding-block:20px;min-height:64px}
}
@media(prefers-reduced-motion:reduce){.portfolio-navigation,.finance-page .carousel-controls{transition:none}}
/* Match portfolio titles in the artwork and homepage extensions too. */
.finance-home-card h2,.home-art-preview h2,.home-book-preview h2,.motion-about h2,.canvas-intro h1,.custom-page h4{font-family:var(--serif)}
.ticker-top p,.project-tabs,.dbs-subtabs,.card-number,.card-bottom{font-family:var(--ui)}