/* 0.3.7 - focused, reversible home hero and article card polish.
   This file is loaded after clean-032.css with a new URL + filemtime version. */
main.witb032-home { overflow-x: clip; }
main.witb032-home .witb032-hero {
  background: linear-gradient(110deg,#f0f8f9 0%,#f8fbfa 54%,#f2f9f7 100%);
  overflow: hidden;
}
main.witb032-home .witb032-hero-grid {
  display: grid;
  width: min(1470px,calc(100% - 56px));
  max-width: 1470px;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center;
  gap: clamp(18px,2.2vw,42px);
  min-height: clamp(440px,36vw,520px);
}
main.witb032-home .witb032-hero-content {
  min-width: 0;
  position: relative;
  z-index: 2;
  padding: 41px 0 43px;
}
main.witb032-home .witb032-hero h1 {
  font-size: clamp(40px,4.3vw,66px);
  line-height: 1.085;
  letter-spacing: -.058em;
  margin: 16px 0 20px;
  font-weight: 850;
  overflow-wrap: normal;
}
main.witb032-home .witb032-hero-content > p {
  max-width: 600px;
  color:#50687a;
  font-size: clamp(15px,1.12vw,18px);
  line-height:1.62;
  margin:0 0 23px;
}
main.witb032-home .witb032-hero-search {
  max-width:650px;
  width:100%;
  min-height:59px;
  box-shadow:0 12px 29px rgba(16,62,69,.05);
}
main.witb032-home .witb032-hero-search input {font-size:14px;min-height:46px;}
main.witb032-home .witb032-hero-search button {min-height:47px;font-size:13px;}
main.witb032-home .witb032-hero-media {
  display:flex;
  position:relative;
  align-items:center;
  justify-content:center;
  min-height:0;
  max-height:none;
  height:clamp(375px,34vw,505px);
  isolation:isolate;
  overflow:visible;
}
main.witb032-home .witb032-hero-media::before { display:none; }
main.witb032-home .witb032-hero-media > img {
  position:relative;
  inset:auto;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  mix-blend-mode:multiply;
}
/* Avoid a promotional pill obscuring real items in the hero image. */
main.witb032-home .witb032-hero-photo-label { display:none; }
main.witb032-home .witb032-principles { gap:10px 17px; }
/* Articles: restrained cards and legible categories, no background-image guessing. */
main.witb032-home .witb032-guides .guide-card {
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 4px 18px rgba(13,42,58,.035);
}
main.witb032-home .witb032-guides .guide-art {
  height:168px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:10px;
  background:#f5f8f9;
}
main.witb032-home .witb032-guides .guide-art img {
  position:relative;
  z-index:0;
  object-fit:contain;
  width:100%;
  height:100%;
  max-height:160px;
  padding:3px;
  background:transparent;
}
main.witb032-home .witb032-guides .guide-art .art-label {
  z-index:2;
  font-size:10px;
  font-weight:750;
  text-transform:none;
  letter-spacing:0;
  padding:7px 11px;
  left:12px;
  bottom:12px;
  background:rgba(255,255,255,.96);
}
main.witb032-home .witb032-guides .guide-content {padding:19px 20px 22px;}
main.witb032-home .witb032-guides .guide-content h3 {font-size:17px;line-height:1.4;}
@media (max-width:1100px) and (min-width:681px) {
  main.witb032-home .witb032-hero-grid {
    width:calc(100% - 46px);
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    gap:14px;
    min-height:405px;
  }
  main.witb032-home .witb032-hero-content {padding:34px 0;}
  main.witb032-home .witb032-hero h1 {font-size:clamp(35px,4.1vw,48px);}
  main.witb032-home .witb032-hero-media {height:355px;}
}
@media (max-width:680px) {
  main.witb032-home .witb032-hero-grid {
    width:calc(100% - 32px);
    grid-template-columns:minmax(0,1fr);
    min-height:0;
    gap:0;
  }
  main.witb032-home .witb032-hero-content {padding:33px 0 12px;}
  main.witb032-home .witb032-hero h1 {
    font-size:clamp(34px,9vw,46px);
    line-height:1.1;
    margin:13px 0 15px;
    letter-spacing:-.045em;
  }
  main.witb032-home .witb032-hero-content > p {font-size:14px;line-height:1.57;margin-bottom:18px;}
  main.witb032-home .witb032-hero-search {min-height:53px;}
  main.witb032-home .witb032-hero-search button {min-height:42px;padding:8px 12px;font-size:12px;}
  main.witb032-home .witb032-hero-search button span {display:inline;}
  main.witb032-home .witb032-principles {gap:7px 11px;margin:16px 0 0;}
  main.witb032-home .witb032-principles span {font-size:10px;white-space:normal;}
  main.witb032-home .witb032-hero-media {
    margin:0 auto 8px;
    width:min(100%,430px);
    height:clamp(245px,74vw,340px);
    overflow:visible;
  }
  main.witb032-home .witb032-guides .guide-art {height:180px;}
}
@media (max-width:390px) {
  main.witb032-home .witb032-hero h1 {font-size:34px;}
  main.witb032-home .witb032-hero-search input {font-size:12px;}
  main.witb032-home .witb032-hero-search button {padding:8px 9px;}
}