/* Product ranges: existing CMS categories, desktop hover and mobile accordion. */
.manan-site .site-header{position:relative;z-index:40}
.nav-products{position:relative;align-self:center}
.nav-products-heading{display:flex;align-items:center;gap:3px}
.nav-products-heading>a{position:relative;display:block;padding:9px 0}
.product-menu-toggle{display:grid;place-items:center;width:28px;height:36px;background:transparent;color:#17354a;padding:0}
.product-menu-toggle svg{transition:transform .18s}
.product-menu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.product-submenu{display:none;position:absolute;top:100%;left:-24px;min-width:295px;max-width:min(360px,85vw);background:#fff;padding:19px 12px 10px;border:1px solid #e1e6e7;border-top:3px solid #aa7b47;box-shadow:0 22px 50px #0c223426;z-index:50}
.nav-products.is-open>.product-submenu{display:block}
.submenu-label{display:block;padding:3px 14px 13px;font-size:10px;font-weight:750;color:#7a8a95;letter-spacing:.17em}
.product-submenu>a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:11px 14px;font-weight:600;font-size:14px;line-height:1.45;border-radius:2px;transition:background .18s,color .18s}
.product-submenu>a>span:last-child{color:#aa7b47}
.product-submenu>a:hover,.product-submenu>a:focus-visible,.product-submenu>a.current-range{background:#f3f1ec;color:#0c2234}
.product-submenu>a.all-product-ranges{margin-top:9px;border-top:1px solid #e4e8e9;padding-top:15px;font-size:12px}
.submenu-empty{display:block;padding:12px;font-size:13px;color:#617685}
.about-principles .principles-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0}
.about-principles .principles-heading .eyebrow{justify-content:center}
.about-principles .principles-heading h2{width:100%;margin-bottom:0}
/* Editorial journal, with real CMS content and no fabricated posts. */
.journal-hero{position:relative;overflow:hidden;padding:100px 0 88px}
.journal-hero .container{position:relative;z-index:1}
.journal-hero:after{content:'';position:absolute;width:430px;height:430px;right:8%;top:-80px;border:1px solid #ffffff19;box-shadow:0 0 0 65px #ffffff05,0 0 0 130px #ffffff03;border-radius:50%;pointer-events:none}
.journal-hero h1{font-size:clamp(48px,6.5vw,90px);max-width:850px}
.journal-hero p{max-width:580px}
.journal-hero-note{display:inline-block;color:#d5b68e;font-size:10px;letter-spacing:.2em;border-top:1px solid #ffffff30;margin-top:30px;padding-top:18px}
.journal-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}
.journal-toolbar h2{font-size:clamp(32px,3.5vw,49px);margin:0}
.journal-toolbar .eyebrow{margin-bottom:18px}
.journal-search{min-width:280px;max-width:100%;margin-bottom:4px}
.journal-search label{display:block;font-size:12px;font-weight:650;margin-bottom:10px;color:#5f7483}
.journal-search>div{display:flex;border-bottom:1px solid #a4b2ba}
.journal-search input{min-width:0;width:100%;padding:13px 0;border:0;background:transparent;outline-offset:4px;font-size:15px;color:#17354a}
.journal-search button{width:45px;flex:none;background:transparent;color:#986c38;font-size:24px}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}
.journal-card{min-width:0;background:#fff;border:1px solid #e4e8e8}
.journal-card-link{display:flex;flex-direction:column;height:100%}
.journal-card-image{position:relative;aspect-ratio:1.48;overflow:hidden;background:#153248}
.journal-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.journal-card:hover img{transform:scale(1.035)}
.journal-card-arrow{position:absolute;bottom:0;right:0;display:grid;place-items:center;width:48px;height:48px;background:#ac8051;color:#fff;font-size:23px}
.journal-placeholder{height:100%;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 90% 10%,#34576a,transparent 70%),#102b40;color:#d4b38c}
.journal-placeholder .icon{width:65px;height:65px}
.journal-placeholder>span{font-size:10px;letter-spacing:.2em;font-weight:650}
.journal-card-copy{padding:25px;display:flex;flex-direction:column;flex:1}
.journal-meta{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;font-size:10px;letter-spacing:.08em;color:#718390;margin-bottom:18px}
.journal-meta>span{font-weight:750;color:#9d7342}
.journal-card h2{font-size:26px;line-height:1.17;letter-spacing:-.035em;margin-bottom:15px;overflow-wrap:anywhere}
.journal-card p{font-size:14px;line-height:1.8;margin-bottom:24px;overflow-wrap:anywhere}
.journal-read{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:750;border-top:1px solid #e8eced;padding-top:17px;margin-top:auto}
.journal-read span{font-size:22px;color:#9d7342}
.journal-empty{grid-column:1/-1;background:#f5f4ef;border-left:3px solid #ac8051;padding:45px}
.journal-empty h3{font-size:30px;max-width:700px}
.journal-results{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;font-size:14px}
.journal-results a{font-weight:700;color:#9d7342}
.journal-article-header{display:block;padding:65px 0 60px;min-height:0;background:#f4f3ee;border:0}
.journal-article-header .container{max-width:1120px}
.journal-back{display:inline-block;font-size:12px;font-weight:700;margin-bottom:38px;color:#617685}
.journal-article-header .journal-meta{margin-bottom:25px}
.journal-article-header h1{font-size:clamp(36px,4.7vw,66px);max-width:990px;line-height:1.07;margin-bottom:25px;overflow-wrap:anywhere}
.journal-deck{max-width:800px;font-size:19px;line-height:1.7;margin-bottom:0;overflow-wrap:anywhere}
.journal-cover{margin:48px 0 0}
.journal-cover img{display:block;width:100%;height:auto;max-height:650px;object-fit:cover}
.journal-reading{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;padding:65px 0 85px;max-width:1120px;margin:auto}
.journal-reading>aside{border-top:2px solid #ac8051;padding-top:25px}
.journal-reading>aside p{font-size:21px;line-height:1.7;font-weight:650;color:#263f51}
.journal-reading>aside .text-link{font-size:12px}
.journal-article-body>p{font-size:18px;line-height:1.95;margin:0 0 26px;white-space:pre-line;color:#3c5262;overflow-wrap:anywhere}
.journal-article-end{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid #dce2e5;margin-top:40px;padding-top:25px;font-size:11px;font-weight:750;letter-spacing:.05em}
@media(max-width:1200px){
 .nav-products{align-self:stretch;width:100%}
 .nav-products-heading{justify-content:space-between;width:100%}
 .nav-products-heading>a{flex:1}
 .product-menu-toggle{width:44px;height:44px}
 .product-submenu{position:static;min-width:0;max-width:100%;width:100%;box-shadow:none;border:0;border-left:2px solid #aa7b47;background:#f7f6f2;padding:16px 10px 8px;margin-top:8px}
 .product-submenu>a{min-height:44px}
}
@media(max-width:1000px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-reading{grid-template-columns:170px minmax(0,1fr);gap:35px}.journal-card-copy{padding:22px}}
@media(max-width:650px){
 .journal-hero{padding:65px 0 55px}.journal-hero h1{font-size:49px}.journal-hero:after{right:-250px}.journal-hero-note{font-size:8px;letter-spacing:.13em}
 .journal-toolbar{align-items:stretch;flex-direction:column;gap:30px;margin-bottom:32px}.journal-search{min-width:0;width:100%}.journal-toolbar h2{font-size:37px}
 .journal-grid{grid-template-columns:minmax(0,1fr);gap:25px}.journal-card h2{font-size:28px}.journal-card-copy{padding:24px}.journal-empty{padding:30px 24px}.journal-empty h3{font-size:28px}
 .journal-article-header{padding:38px 0 40px}.journal-back{margin-bottom:28px}.journal-article-header h1{font-size:38px}.journal-deck{font-size:17px}.journal-cover{margin-top:28px}
 .journal-reading{display:flex;flex-direction:column-reverse;gap:30px;padding:35px 0 55px}.journal-article-body>p{font-size:17px;line-height:1.85}.journal-reading>aside p{font-size:17px}.journal-reading>aside .eyebrow br{display:none}
}
@media(prefers-reduced-motion:reduce){.product-menu-toggle svg,.product-submenu>a,.journal-card-image img{transition:none}}

/* Use the supplied complete wordmark once, without duplicate company text.
   The original image remains unchanged; its surrounding white space is clipped in layout. */
.manan-site .wordmark-brand{position:relative;display:block;width:340px;height:76px;overflow:hidden;flex-shrink:0}
.manan-site .wordmark-brand>img{position:absolute;left:0;top:50%;width:100%;height:auto;max-width:none;object-fit:contain;transform:translateY(-50%);mix-blend-mode:multiply}
.manan-site .global-footer .wordmark-brand{width:360px;height:84px;max-width:100%}
@media(min-width:1201px) and (max-width:1350px){.manan-site .site-header .wordmark-brand{width:285px}.manan-site .site-header nav{gap:14px}}
@media(max-width:1200px){.manan-site .site-header .wordmark-brand{width:320px;height:72px}}
@media(max-width:700px){.manan-site .site-header .wordmark-brand{width:min(270px,calc(100vw - 100px));height:62px}.manan-site .global-footer .wordmark-brand{width:320px;height:76px;max-width:100%}}
