/* ALMA MEEO V10.04 — ČISTI FOKUS NARAVE
   Brez novih slik. Hero ne prekriva fotografije; potrjena slika se le kadrira tako,
   da je fokus na Meeo, Mateji in naravi, ne na predmetih v spodnjem robu. */

/* Naslovnica: tekst je samostojen, slika diha */
.v1002-hero{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden;
  background:#fff!important;
  border-bottom:1px solid rgba(20,104,122,.1);
}
.v1002-hero-copy{
  order:1!important;
  position:static!important;
  width:min(1480px,calc(100% - 2rem))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:clamp(2.6rem,5.3vw,5.8rem) 0 clamp(2rem,4vw,4rem)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr)!important;
  column-gap:clamp(2rem,7vw,7rem)!important;
  row-gap:.65rem!important;
  align-items:start!important;
}
.v1002-hero-copy>*{max-width:none!important}
.v1002-hero-copy .v1002-overline{grid-column:1;grid-row:1;margin:0 0 .45rem}
.v1002-hero-copy h1{grid-column:1;grid-row:2 / span 4;margin:0!important;font-size:clamp(4rem,7vw,8rem)!important;line-height:.82!important;letter-spacing:-.065em!important}
.v1002-hero-question{grid-column:2;grid-row:2;margin:.1rem 0 0!important;font-size:clamp(1.55rem,2.3vw,2.5rem)!important;line-height:1.12!important}
.v1002-hero-lead{grid-column:2;grid-row:3;margin:.7rem 0 0!important;font-size:clamp(1rem,1.25vw,1.18rem)!important;line-height:1.58!important}
.v1002-keywords{grid-column:2;grid-row:4;margin:.75rem 0 0!important}
.v1002-actions{grid-column:2;grid-row:5;margin-top:.7rem!important}

.v1002-hero-image{
  order:2!important;
  position:relative;
  width:min(1600px,calc(100% - 2rem));
  height:clamp(360px,40vw,610px);
  margin:0 auto clamp(1.25rem,2.5vw,2.2rem);
  overflow:hidden;
  border-radius:clamp(1.1rem,2.2vw,2.1rem);
  background:#eef8f6;
  box-shadow:0 24px 65px rgba(21,78,92,.12);
}
.v1002-hero-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 16%!important;
  max-height:none!important;
}
.v1002-hero-image:after{
  content:"";
  position:absolute;inset:auto 0 0;height:8%;pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.05));
}

/* Manifest ni nova velika tabla, ampak kratek prehod */
.v1002-manifest{padding:clamp(2rem,4vw,3.5rem) 0!important}
.v1002-manifest .site-shell{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1.1rem;align-items:baseline}
.v1002-manifest p:first-child{grid-column:1 / -1;margin:0!important;font-size:.82rem!important;letter-spacing:.16em!important}
.v1002-manifest h2{margin:0!important;font-size:clamp(2rem,4.5vw,4.5rem)!important;line-height:.95!important}
.v1002-manifest-sub{margin:0!important;max-width:42rem;font-size:clamp(1rem,1.3vw,1.2rem)!important}

/* Nižji svetli bloki: manj občutka "boxov", več zraka */
.v1002-story-flow,.v1002-five-senses a,.v1002-location-choice a,.v1002-community-links a,.v1000-quote-card,
.v1001-first-signal-prompt,.v1001-verify-section,.v1002-mateja-grid article,.v1002-mateja-paths a,
.v1002-teacher-gallery article,.v1002-workshop-choice a{
  border-radius:1.1rem!important;
  box-shadow:0 8px 24px rgba(25,91,107,.055)!important;
}
.v1002-teacher-card{box-shadow:0 9px 26px rgba(28,94,109,.075)!important}

/* Tehnologija ni vizualni protagonist */
.v1002-phone-card{background:linear-gradient(145deg,#fff,#f5fbfd)!important;border-width:1px!important;box-shadow:0 12px 34px rgba(31,92,105,.09)!important}
.v1002-phone-card:before{display:none!important}

/* Heroji notranjih strani: brez prekrivanja slike z veliko belo ploščo */
.v1002-teachers-hero{
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
}
.v1002-teachers-hero>img{
  order:2;
  width:min(1600px,calc(100% - 2rem))!important;
  height:clamp(350px,40vw,610px)!important;
  margin:0 auto clamp(1.6rem,3vw,2.8rem)!important;
  object-fit:cover!important;
  object-position:center 20%!important;
  border-radius:clamp(1rem,2vw,2rem);
}
.v1002-teachers-hero-copy{
  order:1;
  position:static!important;
  width:min(1480px,calc(100% - 2rem))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:clamp(2.4rem,5vw,4.8rem) 0 clamp(1.5rem,3vw,2.7rem)!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
}
.v1002-teachers-hero-copy h1{font-size:clamp(3.3rem,6.3vw,7rem)!important;line-height:.88!important;max-width:11ch}
.v1002-teachers-hero-copy>p:not(.v1002-overline){max-width:52rem}

@media(max-width:900px){
  .v1002-hero-copy{grid-template-columns:1fr!important;width:min(100% - 1.5rem,760px)!important;padding:2.2rem 0 1.6rem!important}
  .v1002-hero-copy .v1002-overline,.v1002-hero-copy h1,.v1002-hero-question,.v1002-hero-lead,.v1002-keywords,.v1002-actions{grid-column:1!important;grid-row:auto!important}
  .v1002-hero-copy h1{font-size:clamp(3.45rem,16vw,6.6rem)!important;margin-bottom:.7rem!important}
  .v1002-hero-question{font-size:clamp(1.35rem,6vw,2rem)!important}
  .v1002-hero-image{width:calc(100% - 1rem);height:clamp(220px,54vw,360px);border-radius:1.1rem;}
  .v1002-hero-image img{object-position:center 16%!important}
  .v1002-manifest .site-shell{grid-template-columns:1fr}
  .v1002-teachers-hero>img{width:calc(100% - 1rem)!important;height:clamp(220px,54vw,360px)!important;object-position:center 20%!important}
  .v1002-teachers-hero-copy{width:calc(100% - 1.5rem)!important;padding:2.1rem 0 1.4rem!important}
}

@media(max-width:560px){
  .v1002-keywords span{font-size:.72rem!important}
  .v1002-actions{flex-direction:column;align-items:stretch}
  .v1002-actions .v1002-btn{justify-content:center}
  .v1002-hero-image{height:54vw;min-height:210px;max-height:330px}
}
