.top-contact{background:#0b3b82;color:#fff;font-size:12px}.top-contact .container{display:flex;gap:26px;padding:8px 0}.site-header{background:#fff;border-bottom:1px solid #eceff2}.header-inner{min-height:78px}.brand{display:flex;align-items:center;gap:10px}.brand img{max-height:52px}.brand small{display:block;font-size:10px;color:#52606d}.nav{gap:25px;font-size:11px;letter-spacing:.04em}.nav a{color:#172433}.serim-hero{position:relative;height:610px;overflow:hidden}.serim-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.serim-hero-caption{position:absolute;right:10%;bottom:90px;background:rgba(6,39,79,.82);color:#fff;padding:28px 38px;min-width:310px}.serim-hero-caption h1{font-size:34px;margin:8px 0}.serim-hero-caption p{margin:0}.serim-intro{max-width:760px;margin:auto;padding:105px 20px 80px;text-align:center;line-height:1.9;color:#3f5060}.serim-product-list{padding:40px 0}.serim-product-list> .container>h2,.serim-business h2,.serim-capability h2,.serim-news h2{text-align:center;font-size:30px;letter-spacing:.08em;font-weight:600}.serim-product-row{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:start;padding:95px 0;border-bottom:1px solid #eef1f3}.serim-product-row h3{font-size:27px;font-weight:600;margin:0 0 18px}.serim-product-row p{line-height:1.8;color:#52606d}.serim-product-row ul{padding-left:18px;color:#52606d;line-height:2}.serim-app-label{margin-bottom:0}.serim-product-media img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.serim-product-media small{display:block;color:#8b98a4;margin-top:8px}.serim-business{padding:105px 0;text-align:center}.serim-business> .container>p{color:#687789}.serim-business-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:28px;margin-top:45px}.serim-business-grid a{color:#172433;text-decoration:none}.serim-business-grid img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1);border-radius:50%}.serim-business-grid span{display:block;margin-top:12px}.serim-capability{padding:100px 0;background:#f7f9fb}.serim-split{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;margin-top:45px}.serim-split img{width:100%}.serim-split li{line-height:2;color:#52606d}.serim-news{padding:90px 0}.serim-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.serim-news article{border-top:2px solid #0b3b82;padding-top:18px}.serim-cta{background:#0b3b82;color:#fff;text-align:center;padding:65px 20px}.serim-cta h2{font-size:32px;margin:0 0 22px}.serim-cta .button{background:#fff;color:#0b3b82;border-radius:0}@media(max-width:800px){.nav{gap:12px}.serim-hero{height:520px}.serim-hero-caption{right:20px;left:20px;bottom:45px}.serim-hero-caption h1{font-size:27px}.serim-product-row,.serim-split{grid-template-columns:1fr;gap:30px;padding:65px 0}.serim-business-grid{grid-template-columns:repeat(2,1fr)}.serim-news-grid{grid-template-columns:1fr}}
.nav ul{list-style:none;margin:0;padding:0}.primary-menu{display:flex;align-items:center;gap:25px}.primary-menu>li{position:relative}.primary-menu a{display:block;color:#172433;text-decoration:none;font-size:11px;letter-spacing:.04em;padding:30px 0}.primary-menu .sub-menu{display:none;position:absolute;top:100%;left:-14px;min-width:220px;background:#fff;border-top:3px solid #0b3b82;box-shadow:0 8px 18px rgba(20,35,50,.12);z-index:30}.primary-menu .sub-menu a{padding:12px 16px;font-size:11px;white-space:nowrap}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block}.serim-intro strong{color:#0b3b82}@media(max-width:800px){.primary-menu{display:block}.primary-menu a{padding:12px 0}.primary-menu .sub-menu{position:static;box-shadow:none;border-top:0;padding-left:16px}.nav.open .primary-menu .sub-menu{display:block}}
.products-showcase{padding:30px 0}.product-showcase-row{min-height:560px;align-items:center}.product-showcase-row .product-copy h2{font-size:30px;font-weight:600}.product-media-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product-media-item{margin:0}.product-media-item.media-main{grid-column:1/-1}.product-media-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.product-media-video{grid-column:1/-1}.product-media-video video{width:100%;display:block}.media-note{grid-column:1/-1;color:#8b98a4;font-size:12px;margin-top:3px}@media(max-width:800px){.product-showcase-row{min-height:0}.product-showcase-row .product-copy{order:1}.product-showcase-row .product-media-wrap{order:2}.product-media-gallery{grid-template-columns:1fr 1fr}}

/* Foam overview hero: isolated from the true homepage hero. */
.serim-foam-hero{
    height:clamp(620px,calc(100vh - 105px),900px);
    background:#dce7f1;
}
.serim-foam-hero .serim-hero-image{object-position:center center}
.serim-foam-hero .serim-hero-caption{
    top:50%;
    right:9.5%;
    bottom:auto;
    left:auto;
    min-width:0;
    padding:0;
    transform:translateY(-50%);
    background:transparent;
    color:rgba(255,255,255,.56);
    text-shadow:0 1px 8px rgba(9,37,66,.22);
}
.serim-foam-hero .serim-hero-caption h1{
    margin:0;
    font-size:clamp(27px,1.75vw,35px);
    font-weight:500;
    line-height:1;
    letter-spacing:-.02em;
}
.serim-product-list{overflow-x:clip}
@media(max-width:800px){
    .serim-foam-hero{height:clamp(430px,68vh,620px)}
    .serim-foam-hero .serim-hero-image{object-position:56% center}
    .serim-foam-hero .serim-hero-caption{
        top:56%;
        right:7%;
        bottom:auto;
        left:auto;
    }
    .serim-foam-hero .serim-hero-caption h1{font-size:25px}
}

/* Final Hero viewport sizing and tight Wordmark asset. */
:root{--utility-bar-height:32px;--header-height:clamp(70px,5vw,86px)}
.site-header .brand-wordmark,.site-footer .footer-brand .brand-wordmark,.serim-intro-wordmark img{height:auto;width:auto;max-height:32px;max-width:420px;margin:0;object-fit:contain}
.site-header .brand-wordmark{max-height:30px}.site-footer .footer-brand .brand-wordmark{max-height:30px}
@media(min-width:1201px){.home-summary-hero{height:calc(100dvh - var(--utility-bar-height) - var(--header-height));min-height:0;max-height:none}}
@media(min-width:801px) and (max-width:1200px){.home-summary-hero{height:clamp(520px,66dvh,650px);min-height:520px;max-height:650px}}
@media(max-width:800px){.home-summary-hero{height:clamp(400px,56dvh,540px);min-height:400px;max-height:540px}.site-header .brand-wordmark{max-height:24px;max-width:190px}.site-footer .footer-brand .brand-wordmark{max-height:24px;max-width:240px}.serim-intro-wordmark img{max-height:28px;max-width:360px}}

/* Shared light footer for home, product, archive and single-post templates. */
.site-footer{background:#f5f7fa;color:#425466}
.site-footer .footer-grid strong{color:#18324f}
.site-footer a{color:#153f7d}
.site-footer .demo-disclaimer,.site-footer .copyright{color:#425466}
.site-footer .copyright{border-top-color:#dce3eb}

/* Final brand-point correction: only header, product intro and footer. */
.site-header .brand{height:56px;gap:10px;overflow:hidden}
.site-header .brand-mark{height:36px;max-width:48px}
.site-header .brand-wordmark{height:150px;max-width:none;margin-top:-62px}
.serim-intro-wordmark{height:42px;overflow:hidden;text-align:center;margin:0 auto 20px}
.serim-intro-wordmark img{height:150px;width:auto;max-width:none;margin-top:-62px}
.site-footer{background:#12242a}
.site-footer .footer-brand{height:52px;min-height:52px;gap:10px;overflow:hidden}
.site-footer .footer-brand .brand-mark{height:34px;max-width:48px}
.site-footer .footer-brand .brand-wordmark{height:142px;max-width:none;margin-top:-58px}
@media(max-width:800px){
  .site-header .brand{height:46px;max-width:205px}
  .site-header .brand-mark{height:32px;max-width:42px}
  .site-header .brand-wordmark{height:112px;margin-top:-52px}
  .serim-intro-wordmark{height:36px;margin-bottom:16px}
  .serim-intro-wordmark img{height:112px;margin-top:-52px}
  .site-footer .footer-brand{height:44px;min-height:44px}
  .site-footer .footer-brand .brand-mark{height:30px;max-width:42px}
  .site-footer .footer-brand .brand-wordmark{height:104px;margin-top:-48px}
}
.top-contact{min-height:30px;background:#0b3b82}.top-contact .container{min-height:30px;box-sizing:border-box;align-items:center;justify-content:flex-start;padding:0}.site-header{border-bottom:1px solid #dbe3ea}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px}.brand{flex:0 0 270px;max-width:270px;line-height:1.15;font-size:18px;font-weight:700;color:#172433}.brand small{display:block;margin-top:4px;line-height:1.25;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.nav{display:flex;align-items:center;justify-content:flex-end;flex:1}.primary-menu{gap:26px}.primary-menu a{padding:28px 0;font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.menu-toggle{display:none}@media(max-width:800px){.header-inner{min-height:64px}.brand{flex-basis:auto;max-width:210px;font-size:16px}.brand small{font-size:8px}.menu-toggle{display:block;margin-left:auto}.nav{display:none}.nav.open{display:block;position:absolute;left:0;right:0;top:94px;background:#fff;padding:12px 20px;border-bottom:1px solid #dbe3ea;z-index:40}.primary-menu{gap:0}.primary-menu a{padding:11px 0}}
.top-contact>.container,.site-header>.container{width:calc(100% - 40px);max-width:none}.header-inner{min-height:76px}.brand{flex-basis:360px;max-width:360px;font-size:21px}.brand small{font-size:10px;letter-spacing:.2em}.primary-menu{gap:34px}.primary-menu a{padding:29px 0;font-size:12px;letter-spacing:.03em}@media(max-width:800px){.top-contact>.container,.site-header>.container{width:calc(100% - 28px)}.header-inner{min-height:68px}.brand{flex-basis:auto;max-width:230px;font-size:17px}.brand small{font-size:8px}.primary-menu a{font-size:12px}}

/* Responsive scale calibration: keep the header spacious and usable on narrow screens. */
.top-contact>.container,.site-header>.container{width:100%;max-width:none;padding-inline:clamp(24px,4vw,80px)}
.header-inner{min-height:clamp(76px,5vw,96px)}
.brand{flex-basis:auto;max-width:none;font-size:clamp(20px,1vw + 12px,27px)}
.brand small{font-size:clamp(9px,.15vw + 8px,12px)}
.primary-menu{gap:clamp(24px,2.2vw,44px)}
.primary-menu a{font-size:clamp(13px,.2vw + 11px,16px);padding-block:clamp(29px,2.4vw,40px)}
@media(max-width:800px){.top-contact>.container,.site-header>.container{width:100%;padding-inline:14px}.header-inner{position:relative;min-height:76px;height:auto;gap:12px;overflow:visible}.brand{min-width:0;max-width:190px;flex:1 1 0;font-size:16px;line-height:1.12}.brand small{font-size:8px}.menu-toggle{display:block;position:absolute;left:calc(100vw - 64px);right:auto;top:20px;z-index:2;padding:7px 10px;font-size:14px}.nav{display:none}.nav.open{display:flex}}

/* Harmoni brand scale calibration: the supplied transparent wordmark has generous
   vertical padding, so it is clipped inside a stable visual-height wrapper. */
.site-header .brand{display:flex;align-items:center;gap:clamp(8px,.7vw,14px);height:56px;overflow:hidden;min-width:0}
.site-header .brand-mark{width:auto;height:clamp(34px,2.4vw,40px);max-width:56px;object-fit:contain;flex:0 0 auto}
.site-header .brand-wordmark{width:auto;height:clamp(120px,8vw,150px);max-width:none;object-fit:contain;flex:0 0 auto;margin-top:-57px}
.site-footer .footer-brand{display:flex;align-items:center;gap:clamp(8px,.7vw,14px);height:50px;overflow:hidden;min-height:50px}
.site-footer .footer-brand .brand-mark{width:auto;height:clamp(32px,2.2vw,38px);max-width:52px;object-fit:contain;flex:0 0 auto}
.site-footer .footer-brand .brand-wordmark{width:auto;height:clamp(108px,7vw,136px);max-width:none;object-fit:contain;flex:0 0 auto;margin-top:-51px}
.home-summary-intro-wordmark{text-align:center;height:42px;overflow:hidden;margin:0 auto clamp(18px,2vw,28px)}
.home-summary-intro-wordmark img{width:auto;height:clamp(120px,8vw,150px);max-width:none;margin-top:-57px}
.history-wordmark{height:42px;overflow:hidden;text-align:center}
.history-wordmark img{width:auto;height:clamp(120px,8vw,150px);max-width:none;margin-top:-57px}
.office-wordmark{height:42px;overflow:hidden;margin:0 0 16px}
.office-wordmark img{width:auto;height:clamp(110px,7vw,138px);max-width:none;margin-top:-52px}
@media(max-width:800px){
  .site-header .brand{height:46px;max-width:205px}
  .site-header .brand-mark{height:32px;max-width:44px}
  .site-header .brand-wordmark{height:104px;margin-top:-49px}
  .site-footer .footer-brand{height:44px;min-height:44px}
  .site-footer .footer-brand .brand-mark{height:32px;max-width:44px}
  .site-footer .footer-brand .brand-wordmark{height:94px;margin-top:-44px}
  .home-summary-intro-wordmark{height:36px}
  .home-summary-intro-wordmark img{height:108px;margin-top:-51px}
  .history-wordmark{height:36px}
  .history-wordmark img{height:108px;margin-top:-51px}
  .office-wordmark{height:36px}
  .office-wordmark img{height:100px;margin-top:-47px}
}

/* Final Harmoni brand and navigation corrections. Keep these after legacy calibration rules. */
.site-header{background:#edf3f8!important;border-bottom:1px solid #dce5ef!important}
.site-header .brand{height:56px;overflow:visible;min-width:0;max-width:none;display:flex;align-items:center;gap:clamp(8px,.7vw,14px)}
.site-header .brand-mark{width:auto;height:clamp(32px,2.4vw,38px);max-width:52px;object-fit:contain;margin:0;flex:0 0 auto}
.site-header .brand-wordmark{width:min(360px,100%);height:auto;max-height:none;max-width:360px;object-fit:contain;margin:0;flex:0 1 auto}
.site-footer{background:#f5f7fa!important;color:#425466!important}
.site-footer .footer-brand{height:auto;min-height:50px;overflow:visible;display:flex;align-items:center;gap:clamp(8px,.7vw,14px)}
.site-footer .footer-brand .brand-mark{width:auto;height:clamp(30px,2.2vw,36px);max-width:50px;object-fit:contain;margin:0;flex:0 0 auto}
.site-footer .footer-brand .brand-wordmark{width:min(360px,100%);height:auto;max-height:none;max-width:360px;object-fit:contain;margin:0;flex:0 1 auto}
.site-footer .footer-grid strong{color:#18324f!important}.site-footer a{color:#153f7d!important}.site-footer .demo-disclaimer,.site-footer .copyright{color:#425466!important}.site-footer .copyright{border-top-color:#dce3eb!important}
.serim-intro-brand{display:flex;align-items:center;justify-content:center;gap:12px;width:min(520px,100%);margin:0 auto 26px}
.serim-intro-brand .brand-mark{width:auto;height:clamp(34px,3vw,48px);max-width:62px;object-fit:contain;flex:0 0 auto}
.serim-intro-brand .brand-wordmark{width:min(360px,calc(100% - 76px));height:auto;max-width:360px;object-fit:contain;flex:0 1 auto}
.home-summary-hero-brand-lockup{display:block;width:min(460px,68vw);height:auto;max-width:100%;object-fit:contain;filter:none}
@media(max-width:800px){
 .site-header .brand{height:46px;max-width:calc(100vw - 84px);gap:8px}
 .site-header .brand-mark{height:30px;max-width:40px}
 .site-header .brand-wordmark{width:min(190px,calc(100vw - 140px));max-width:190px}
 .site-footer .footer-brand{min-height:44px;gap:8px;flex-wrap:wrap}
 .site-footer .footer-brand .brand-mark{height:30px;max-width:40px}
 .site-footer .footer-brand .brand-wordmark{width:min(240px,calc(100vw - 72px));max-width:240px}
 .serim-intro-brand{gap:8px;margin-bottom:20px}
 .serim-intro-brand .brand-mark{height:32px;max-width:44px}
 .serim-intro-brand .brand-wordmark{width:min(250px,calc(100% - 56px))}
 .home-summary-hero-brand-lockup{width:min(360px,calc(100vw - 48px))}
}
@media(min-width:801px) and (max-width:1400px){.site-header .brand-wordmark{width:min(285px,100%);max-width:285px}.site-header .brand{max-width:330px}.home-summary-hero-brand-lockup{width:min(420px,45vw)}}