/* Calm global corporate theme — homepage only */
body{background:#f8f8f5;color:#17262a}
.brand-logos{display:flex!important;flex-direction:row!important;align-items:center;gap:7px;direction:ltr!important}
.brand-logos img{width:46px!important;height:46px!important;object-fit:contain;background:#fff}
.site-header{
  height:78px;
  background:rgba(255,255,252,.97);
  color:#17262a;
  border-bottom:1px solid #e4e7e3;
  box-shadow:none;
}
.site-header .brand strong{color:#17262a}
.site-header .brand small{color:#6f7c7f}
.site-header nav a{color:#3e4c50;font-size:.86rem}
.site-header nav a:hover{color:#000}
.site-header .language-link{color:#8a6800!important}
.site-header .nav-cta{border-color:#173138;color:#173138!important;background:transparent}
.menu-button{color:#173138;border-color:#9ba6a8}

.hero{
  height:610px;
  min-height:610px;
  background:#f3f1eb;
  color:#17262a;
  overflow:hidden;
}
.hero-image{
  top:42px;
  right:max(4vw,30px);
  left:auto;
  width:51%;
  height:calc(100% - 84px);
  border-radius:3px;
  object-fit:cover;
  object-position:58% center;
}
.hero-shade{display:none}
.hero-content{
  width:min(590px,40vw);
  margin-left:max(7vw,40px);
  margin-top:-26px;
  color:#17262a;
}
.hero .eyebrow{color:#8b6808;margin-bottom:15px}
.hero h1{
  color:#17262a;
  font-size:clamp(2.7rem,3.7vw,3.85rem);
  line-height:1.06;
  letter-spacing:-.04em;
  margin-bottom:20px;
}
.hero h1 span{color:#9a7000}
.hero-content>p:not(.eyebrow){color:#5a686b;font-size:1rem;line-height:1.7;max-width:535px}
.hero-image,.hero-content{transition:opacity .22s ease,transform .22s ease}
.hero-image.changing,.hero-content.changing{opacity:.25;transform:translateY(3px)}
.hero-actions{margin-top:26px}
.hero .button.primary{background:#173138;color:#fff}
.hero .button.secondary{border:1px solid #7d898b;color:#17262a;background:transparent}
.hero-proof{
  right:max(4vw,30px);
  bottom:42px;
  width:51%;
  max-width:none;
  background:rgba(255,255,252,.96);
  color:#17262a;
  border-top:1px solid #e2e5e1;
}
.hero-proof div{padding:17px 22px;border-left:1px solid #e2e5e1}
.hero-proof b{color:#8b6808;font-size:1.05rem}
.hero-proof span{color:#647174;font-size:.7rem}
.hero-news-controls{display:flex;align-items:center;gap:11px;margin-top:22px;direction:ltr}
.hero-news-controls>button{width:34px;height:34px;border:1px solid #b9c1bf;background:transparent;color:#173138;cursor:pointer}
#heroNewsDots{display:flex;gap:6px;align-items:center}
#heroNewsDots button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#aeb8b6;cursor:pointer}
#heroNewsDots button.active{width:22px;border-radius:7px;background:#9a7000}

.news-section{background:#fff;padding-top:74px;padding-bottom:74px}
.news-slider{background:#f6f6f2;border-color:#e3e6e2;min-height:360px}
.news-image-wrap{min-height:360px}
.news-copy{padding:46px}
.news-copy h3{font-weight:600;letter-spacing:-.025em}
.news-controls>button{border-color:#d8deda;background:#fff}

.intro{background:#f8f8f5}
.section{padding-top:82px;padding-bottom:82px}
.section-heading{margin-bottom:36px}
.section h2,.contact h2{font-size:clamp(1.8rem,2.55vw,2.5rem);font-weight:600;letter-spacing:-.025em}
.solution-grid{gap:14px}
.solution-grid article{background:#fff;border-color:#e2e6e2;min-height:215px;padding:29px}
.solution-grid h3{margin-top:22px;font-size:1.14rem}
.products{background:#f0f1ee}
.product-grid article{box-shadow:none;border:1px solid #e1e5e1}
.brands{background:#1c3035}
.about{background:#fff}
.credential-card{background:#e9c75b}
.contact{background:#20363b}

@media(max-width:1100px){
  .hero-content{width:43vw}
  .hero-image,.hero-proof{width:49%}
}
@media(max-width:900px){
  .site-header nav{background:#fff;border-top:1px solid #e4e7e3}
  .hero{height:680px;min-height:680px;color:#fff}
  .hero-image{inset:0;width:100%;height:100%;border-radius:0;object-position:62% center}
  .hero-shade{display:block;background:linear-gradient(90deg,rgba(16,35,40,.94),rgba(16,35,40,.75) 58%,rgba(16,35,40,.2))}
  .hero-content{width:min(620px,84vw);margin-top:85px;color:#fff}
  .hero h1{color:#fff}
  .hero-content>p:not(.eyebrow){color:#e0e7e8}
  .hero .button.secondary{color:#fff;border-color:rgba(255,255,255,.65)}
  .hero-news-controls>button{color:#fff;border-color:rgba(255,255,255,.55)}
  .hero-proof{right:0;bottom:0;width:100%;background:rgba(255,255,252,.96)}
  .news-image-wrap{min-height:310px;height:310px}
}
@media(max-width:600px){
  .site-header{height:72px}
  .hero{height:660px;min-height:660px}
  .hero-content{margin:65px 22px 0;width:auto}
  .hero h1{font-size:clamp(2.25rem,10.5vw,2.85rem)}
  .hero-proof div{padding:14px 8px}
  .news-section{padding-top:58px;padding-bottom:58px}
  .news-image-wrap{min-height:220px;height:220px}
  .news-copy{padding:28px 23px}
  .section{padding-top:68px;padding-bottom:68px}
}