/*
Theme Name: Vasile Conta Blue
Theme URI: https://liceulvasileconta.ro/
Author: OpenAI
Description: Tema WordPress moderna, responsive, in nuante de albastru, creata pentru Liceul „Vasile Conta” Targu-Neamt.
Version: 1.3.7
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: vasile-conta-blue
*/

:root {
  --vc-navy:#064b86;
  --vc-deep:#063e70;
  --vc-blue:#0a66aa;
  --vc-bright:#0b82c6;
  --vc-light:#eaf5ff;
  --vc-pale:#f8fbfe;
  --vc-white:#fff;
  --vc-text:#17364f;
  --vc-muted:#63778a;
  --vc-border:#cbddeb;
  --vc-shadow:0 10px 28px rgba(6,62,112,.12);
  --vc-max:1540px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--vc-text);background:#fff;line-height:1.55}
a{color:var(--vc-blue);text-decoration:none} a:hover{color:var(--vc-deep)} img{max-width:100%;height:auto}
.container{width:min(calc(100% - 48px),var(--vc-max));margin-inline:auto}.screen-reader-text{position:absolute;left:-9999px}

.site-header{background:#fff;position:relative;z-index:50;box-shadow:0 1px 0 rgba(6,62,112,.12)}
.top-strip{background:linear-gradient(90deg,#07538f,#0868ab);color:#fff;font-size:.88rem}
.top-strip-inner{width:min(calc(100% - 56px),1600px);margin:auto;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.top-contact,.top-audience{display:flex;align-items:center;gap:22px;white-space:nowrap}.top-audience{gap:12px}.top-strip a{color:#fff;font-weight:700}.top-strip a:hover{opacity:.8}
.header-search form{display:flex;margin:0}.header-search label{margin:0}.header-search input[type="search"]{width:240px;height:34px;border:0;border-radius:6px 0 0 6px;padding:0 12px}.header-search input[type="submit"]{height:34px;border:0;border-radius:0 6px 6px 0;background:#fff;color:#07538f;font-weight:800;padding:0 12px;cursor:pointer}

.brand-nav-row{width:min(calc(100% - 48px),1600px);margin:auto;min-height:138px;display:flex;align-items:center;gap:28px;padding-top:22px}
.site-branding{display:flex;align-items:center;gap:16px;min-width:390px;flex:0 1 auto}.site-logo img{max-height:118px;width:auto;display:block}.brand-copy{min-width:0}
.site-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.28rem,1.65vw,1.85rem);font-weight:800;line-height:1.08;margin:0;white-space:nowrap;text-transform:uppercase;letter-spacing:.015em}.site-title a{color:#0b4c99}
.site-description{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1rem;color:#0b4c99;margin:5px 0 0;white-space:nowrap}
.main-navigation{margin-left:auto;align-self:flex-end;margin-bottom:2px}.main-navigation>ul,.main-navigation .menu{display:flex;align-items:center;gap:10px;list-style:none;margin:0;padding:0}.main-navigation li{position:relative;list-style:none}
.main-navigation a{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:42px;padding:0 13px;border:1.5px solid #0b66b0;border-radius:6px;background:linear-gradient(180deg,#fff,#eef7ff);color:#07509b;font-family:Georgia,"Times New Roman",serif;font-size:.90rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 6px rgba(6,62,112,.06);transition:.18s ease}
.main-navigation a:hover,.main-navigation .current-menu-item>a,.main-navigation .current-menu-ancestor>a,.main-navigation .submenu-open>a{background:#0b66a5;color:#fff;transform:translateY(-1px)}
.main-navigation .menu-highlight>a{background:linear-gradient(180deg,#1479b6,#07588f);color:#fff;border-color:#07588f;box-shadow:0 4px 10px rgba(6,62,112,.2)}
.submenu-indicator{font-size:.7em;transition:transform .18s ease}.menu-item-has-children.submenu-open>a .submenu-indicator{transform:rotate(180deg)}
.main-navigation .sub-menu{position:absolute;z-index:100;top:calc(100% + 7px);left:0;min-width:240px;margin:0;padding:8px;display:none;background:#fff;border:1px solid var(--vc-border);border-radius:9px;box-shadow:0 16px 34px rgba(6,62,112,.2)}.main-navigation .submenu-open>.sub-menu{display:block}.main-navigation .sub-menu li+li{margin-top:4px}.main-navigation .sub-menu a{width:100%;min-height:42px;padding:9px 12px;border-color:transparent;border-radius:6px;background:#fff;box-shadow:none;color:#074e88;white-space:normal;font-family:Inter,system-ui,sans-serif;font-size:.92rem}.main-navigation .sub-menu a:hover{background:#edf7ff;color:#063e70;transform:none}.menu-toggle{display:none;border:0;background:#0b66a5;color:#fff;padding:11px 15px;border-radius:6px;font-weight:800}


.school-hero{min-height:452px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(104deg,#084978 0%,#0a68a6 55%,#66a6ca 100%)}
.school-hero:before{content:"";position:absolute;z-index:0;left:-7%;bottom:-155px;width:70%;height:305px;border-radius:50%;background:rgba(7,86,142,.92);transform:rotate(2deg)}
.school-hero:after{content:"";position:absolute;z-index:0;left:-8%;bottom:-174px;width:73%;height:330px;border-radius:50%;border-top:17px solid rgba(116,198,239,.78);transform:rotate(2deg);pointer-events:none}
.school-hero-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(3,54,92,.38) 0%,rgba(7,96,155,.12) 48%,rgba(87,164,205,.04) 100%)}
.school-hero-content{position:relative;z-index:2;min-height:452px;width:min(calc(100% - 120px),1700px);padding:0;display:grid;grid-template-columns:minmax(0,52%) minmax(520px,48%);align-items:center;gap:54px}
.hero-copy{align-self:center;max-width:760px;padding-left:38px;transform:translateY(4px)}
.school-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.65rem,3.15vw,3.45rem);font-weight:700;line-height:1.03;max-width:760px;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.11);letter-spacing:-.018em}
.hero-title-name,.hero-title-place{display:block;white-space:nowrap}.hero-title-place{margin-top:3px}
.hero-title-rule{display:block;width:285px;height:2px;background:rgba(138,208,244,.78);margin:15px 0 11px}
.school-hero p{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(1.55rem,1.9vw,2rem);line-height:1.1;margin:0;color:rgba(255,255,255,.92);white-space:nowrap}
.hero-photo-frame{justify-self:end;width:min(100%,760px);height:402px;border:2px solid rgba(218,243,255,.63);border-radius:27px;background-image:linear-gradient(90deg,rgba(64,154,205,.62) 0%,rgba(64,154,205,.17) 18%,rgba(64,154,205,.03) 50%,rgba(71,165,213,.36) 100%),var(--hero-photo,linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03)));background-size:cover;background-position:center 48%;background-repeat:no-repeat;box-shadow:inset 0 0 48px rgba(70,164,214,.38),0 7px 24px rgba(2,55,92,.08);position:relative;overflow:hidden}
.hero-photo-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(52,149,203,.50) 0%,rgba(52,149,203,.08) 20%,transparent 48%,rgba(88,176,220,.25) 100%);pointer-events:none}
.hero-photo-frame:after{content:"";position:absolute;inset:-1px;background:radial-gradient(ellipse at center,transparent 54%,rgba(85,176,220,.20) 78%,rgba(78,168,214,.46) 100%);pointer-events:none}
.hero-wave{display:none}

.news-section{padding:26px 0 48px;background:#fff}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.news-heading-left{display:flex;align-items:center;gap:18px}.news-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#07569a;color:#fff;font-size:0;position:relative}.news-icon:after{content:"◆";font-size:1.25rem;transform:rotate(-18deg)}.section-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:2rem;line-height:1;margin:0;color:#064b86}.section-heading p{margin:7px 0 0;color:#4f6a82;font-size:1rem}.link-button{display:inline-flex;align-items:center;gap:22px;padding:12px 18px;border:1.5px solid #0a61a6;border-radius:6px;color:#07509b;background:#fff;font-weight:800;white-space:nowrap}.link-button:hover{background:#edf7ff}
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.news-card{background:#fff;border:1px solid #d7e3ed;border-radius:8px;overflow:hidden;box-shadow:0 5px 16px rgba(6,62,112,.08);display:flex;flex-direction:column;min-width:0;transition:.2s ease}.news-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(6,62,112,.15)}.news-thumb{aspect-ratio:16/7.5;display:block;overflow:hidden;background:linear-gradient(135deg,#0b5ca0,#7bb9dd)}.news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card:hover .news-thumb img{transform:scale(1.035)}.news-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-family:Georgia,"Times New Roman",serif;font-weight:800}.news-body{padding:13px 14px 15px;display:flex;flex-direction:column;flex:1}.news-meta{font-size:.82rem;color:#506b82;margin-bottom:7px}.news-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.12rem;line-height:1.08;margin:0 0 9px;color:#074b84}.news-card h3 a{color:inherit}.news-card p{font-size:.88rem;line-height:1.45;margin:0 0 12px;color:#5b6e80}.read-more{display:inline-flex;align-items:center;gap:18px;align-self:flex-start;margin-top:auto;padding:9px 14px;border-radius:5px;background:#0781c1;color:#fff;font-size:.88rem;font-weight:800}.read-more:hover{background:#075b99;color:#fff}

.quick-links{padding:36px 0 52px;background:#f6fbff}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-card{background:#fff;border:1px solid var(--vc-border);border-radius:10px;padding:20px;box-shadow:0 6px 18px rgba(6,62,112,.06)}.quick-card h3{margin:0 0 7px;color:#064b86}.quick-card p{margin:0;color:#64798b;font-size:.92rem}
.content-area{padding:48px 0}.content-card{background:#fff;border:1px solid var(--vc-border);border-radius:12px;padding:clamp(22px,4vw,44px);box-shadow:var(--vc-shadow)}.entry-title{color:#064b86;margin-top:0}.entry-meta{color:#64798b;margin-bottom:20px}.post-list{display:grid;gap:18px}
.site-footer{background:#05375f;color:#ddecf8;margin-top:0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding:42px 0}.site-footer h3,.site-footer h4{color:#fff;margin-top:0}.site-footer a{color:#ddecf8}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:16px 0;color:#b9d2e6;font-size:.9rem}

@media(max-width:1220px){.brand-nav-row{gap:16px}.site-branding{min-width:320px}.site-logo img{max-height:95px}.site-title{font-size:1.2rem}.main-navigation a{padding:0 12px;font-size:.94rem}.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.main-navigation{align-self:auto;margin-bottom:0}.top-contact span:nth-child(2){display:none}.header-search{display:none}.brand-nav-row{min-height:96px}.site-branding{min-width:0}.menu-toggle{display:inline-flex;margin-left:auto}.main-navigation{position:absolute;left:18px;right:18px;top:100%;background:#fff;border:1px solid var(--vc-border);border-radius:10px;padding:10px;box-shadow:var(--vc-shadow);display:none}.main-navigation.is-open{display:block}.main-navigation>ul,.main-navigation .menu{flex-direction:column;align-items:stretch;gap:7px}.main-navigation a{width:100%;text-align:left;min-height:46px}.main-navigation .sub-menu{position:static;min-width:0;margin-top:6px;padding:5px 0 0 14px;border:0;border-left:2px solid #c9e3f4;border-radius:0;box-shadow:none}.school-hero{min-height:360px}.school-hero-content{min-height:360px;padding-top:45px;grid-template-columns:1fr;gap:26px}.hero-photo-frame{height:260px}.quick-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.top-strip-inner{width:calc(100% - 24px);min-height:40px}.top-contact span:not(:first-child),.top-audience{display:none}.brand-nav-row{width:calc(100% - 24px);min-height:84px}.site-logo img{max-height:68px}.site-title{font-size:.95rem;white-space:normal}.site-description{display:none}.school-hero{min-height:300px}.school-hero-content{padding-top:38px}.school-hero h1{font-size:2.15rem}.school-hero p{font-size:1.3rem}.hero-photo-frame{height:220px;border-radius:20px}.section-heading{align-items:flex-start;flex-direction:column}.news-grid,.quick-grid,.footer-grid{grid-template-columns:1fr}.news-heading-left{align-items:flex-start}.news-icon{width:46px;height:46px;flex:0 0 46px}}

@media(max-width:1220px){
  .school-hero-content{width:min(calc(100% - 56px),1180px);grid-template-columns:minmax(0,48%) minmax(430px,52%);gap:34px}
  .hero-copy{padding-left:0}.hero-photo-frame{height:350px}.school-hero p{white-space:normal}
}
@media(max-width:980px){
  .school-hero,.school-hero-content{min-height:auto}.school-hero-content{grid-template-columns:1fr;padding:46px 0 54px;gap:30px}.hero-copy{transform:none}
  .hero-photo-frame{justify-self:center;width:100%;height:330px}.hero-title-name,.hero-title-place{white-space:normal}.school-hero p{white-space:normal}
}
@media(max-width:680px){
  .school-hero-content{width:calc(100% - 28px);padding:34px 0 42px}.school-hero h1{font-size:2.05rem}.hero-title-rule{width:210px;margin:12px 0 10px}.school-hero p{font-size:1.22rem}.hero-photo-frame{height:235px;border-radius:20px}
}


/* === Hero v1.2.5: layout matched to supplied reference === */
.school-hero{
  min-height:450px;
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(101deg,#075181 0%,#086da9 55%,#68a9cb 100%);
}
.school-hero-overlay{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(1,46,79,.20) 0%,rgba(4,92,148,.08) 51%,rgba(105,175,211,.02) 100%);
}
/* broad dark blue wave */
.school-hero:before{
  content:"";
  position:absolute;
  z-index:0;
  left:-9%;
  bottom:-155px;
  width:76%;
  height:330px;
  border-radius:0 0 62% 50% / 0 0 78% 48%;
  background:#075b92;
  transform:rotate(2.1deg);
  box-shadow:none;
}
/* thin light-blue ribbon following the wave */
.school-hero:after{
  content:"";
  position:absolute;
  z-index:1;
  left:-10%;
  bottom:-172px;
  width:78%;
  height:352px;
  border-radius:0 0 62% 50% / 0 0 78% 48%;
  border-top:14px solid rgba(102,193,238,.74);
  background:transparent;
  transform:rotate(2.1deg);
  pointer-events:none;
}
.school-hero-content{
  position:relative;
  z-index:3;
  min-height:450px;
  width:min(calc(100% - 150px),1700px);
  margin-inline:auto;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,51.5%) minmax(560px,48.5%);
  align-items:center;
  gap:52px;
}
.hero-copy{
  align-self:center;
  max-width:760px;
  padding-left:26px;
  transform:translateY(2px);
}
.school-hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.7rem,3.05vw,3.42rem);
  font-weight:700;
  line-height:1.03;
  letter-spacing:-.018em;
  max-width:760px;
  margin:0;
  text-shadow:0 2px 7px rgba(0,0,0,.10);
}
.hero-title-name,
.hero-title-place{
  display:block;
  white-space:nowrap;
}
.hero-title-place{margin-top:2px;}
.hero-title-rule{
  display:block;
  width:285px;
  height:2px;
  margin:15px 0 11px;
  background:rgba(143,210,243,.70);
}
.school-hero p{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:clamp(1.55rem,1.82vw,1.96rem);
  line-height:1.12;
  color:rgba(255,255,255,.90);
  white-space:nowrap;
}
.hero-photo-frame{
  justify-self:end;
  width:min(100%,770px);
  height:402px;
  position:relative;
  overflow:hidden;
  border:2px solid rgba(219,242,253,.56);
  border-radius:28px;
  background-image:
    linear-gradient(90deg,rgba(69,158,205,.54) 0%,rgba(69,158,205,.25) 11%,rgba(69,158,205,.03) 34%,rgba(69,158,205,.01) 68%,rgba(75,164,209,.26) 100%),
    var(--hero-photo,linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02)));
  background-size:100% 100%,var(--hero-photo-size,100% auto);
  background-position:center center,var(--hero-photo-x,50%) var(--hero-photo-y,50%);
  background-repeat:no-repeat,no-repeat;
  background-color:#4b9dca;
  box-shadow:
    inset 0 0 44px rgba(65,160,209,.26),
    0 6px 22px rgba(2,55,92,.07);
}
/* soft cyan veil on the left and edges of the uploaded photo */
.hero-photo-frame:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(70,163,211,.52) 0%,rgba(70,163,211,.20) 13%,rgba(70,163,211,.04) 31%,transparent 50%,rgba(96,181,220,.12) 82%,rgba(96,181,220,.32) 100%);
  pointer-events:none;
}
.hero-photo-frame:after{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(ellipse at 56% 48%,transparent 48%,rgba(83,173,217,.10) 68%,rgba(82,172,216,.38) 100%),
    linear-gradient(0deg,rgba(65,157,205,.28) 0%,transparent 16%,transparent 85%,rgba(65,157,205,.13) 100%);
  pointer-events:none;
}
.hero-wave{display:none;}

@media(max-width:1220px){
  .school-hero-content{width:min(calc(100% - 56px),1180px);grid-template-columns:minmax(0,46%) minmax(430px,54%);gap:32px}
  .hero-copy{padding-left:0}.hero-photo-frame{height:350px}.school-hero p{white-space:normal}
}
@media(max-width:980px){
  .school-hero,.school-hero-content{min-height:auto}
  .school-hero-content{grid-template-columns:1fr;padding:44px 0 52px;gap:30px}
  .hero-copy{transform:none}
  .hero-photo-frame{justify-self:center;width:100%;height:330px}
  .hero-title-name,.hero-title-place,.school-hero p{white-space:normal}
}
@media(max-width:680px){
  .school-hero-content{width:calc(100% - 28px);padding:34px 0 42px}
  .school-hero h1{font-size:2.05rem}
  .hero-title-rule{width:210px;margin:12px 0 10px}
  .school-hero p{font-size:1.22rem}
  .hero-photo-frame{height:235px;border-radius:20px}
}


/* v1.2.6 - fotografie banner reglabila din Personalizare */
.hero-photo-frame{
  background-size:100% 100%,var(--hero-photo-size,100% auto)!important;
  background-position:center center,var(--hero-photo-x,50%) var(--hero-photo-y,50%)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-color:#4b9dca;
}
\n\n/* v1.2.7 - control separat pentru zoomul fotografiei din banner */
.hero-photo-frame{
  background-image:none!important;
  background-color:#4b9dca;
}
.hero-photo-image{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  background-image:var(--hero-photo,linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02)));
  background-size:var(--hero-photo-size,100% auto);
  background-position:var(--hero-photo-x,50%) var(--hero-photo-y,50%);
  background-repeat:no-repeat;
  transform:scale(var(--hero-photo-zoom,1));
  transform-origin:center center;
  transition:transform .2s ease,background-size .2s ease,background-position .2s ease;
}
.hero-photo-frame:before{z-index:1;}
.hero-photo-frame:after{z-index:2;}


/* === v1.2.8 - fotografie liceu: blenduire mai eleganta si stilizare reglabila === */
.hero-photo-frame{
  --hero-blend-opacity: .62;
  --hero-photo-brightness: 1;
  --hero-photo-saturation: 1.02;
  --hero-photo-contrast: 1.03;
  border-radius:var(--hero-photo-radius,28px)!important;
  border:1px solid rgba(226,246,255,.66)!important;
  background:rgba(74,159,207,.18)!important;
  box-shadow:
    0 18px 42px rgba(1,45,78,.16),
    inset 0 0 0 1px rgba(255,255,255,.16),
    inset 0 0 55px rgba(64,157,208,.18)!important;
  isolation:isolate;
}
.hero-photo-image{
  inset:-1px;
  border-radius:inherit;
  filter:brightness(var(--hero-photo-brightness,1)) saturate(var(--hero-photo-saturation,1.02)) contrast(var(--hero-photo-contrast,1.03));
  transform:scale(var(--hero-photo-zoom,1));
  transform-origin:center;
  will-change:transform;
}
/* strat de culoare pentru integrarea fotografiei in fundal */
.hero-photo-frame:before{
  z-index:1!important;
  opacity:var(--hero-blend-opacity,.62);
  background:
    linear-gradient(90deg,
      rgba(39,139,196,.92) 0%,
      rgba(46,148,202,.68) 5%,
      rgba(49,151,205,.35) 13%,
      rgba(57,157,208,.12) 25%,
      rgba(57,157,208,0) 43%,
      rgba(77,170,216,.02) 70%,
      rgba(77,170,216,.16) 86%,
      rgba(77,170,216,.42) 100%),
    linear-gradient(180deg,
      rgba(93,181,222,.16) 0%,
      rgba(93,181,222,0) 24%,
      rgba(93,181,222,0) 73%,
      rgba(68,161,209,.24) 100%)!important;
  pointer-events:none;
}
/* vigneta fina: centrul ramane clar, marginile se topesc in albastru */
.hero-photo-frame:after{
  z-index:2!important;
  opacity:var(--hero-blend-opacity,.62);
  inset:0!important;
  border-radius:inherit;
  background:
    radial-gradient(ellipse at 56% 49%,
      rgba(255,255,255,0) 44%,
      rgba(72,165,212,.04) 59%,
      rgba(72,165,212,.18) 76%,
      rgba(70,162,210,.52) 100%),
    linear-gradient(90deg,
      rgba(54,153,205,.34) 0%,
      rgba(54,153,205,0) 19%,
      rgba(54,153,205,0) 82%,
      rgba(86,177,220,.26) 100%)!important;
  box-shadow:inset 0 0 30px rgba(132,211,244,.14);
  pointer-events:none;
}
/* luciu discret pe rama, fara sa incarce fotografia */
.hero-photo-frame .hero-photo-image:after{content:none;}

@media(max-width:980px){
  .hero-photo-frame{border-radius:min(var(--hero-photo-radius,28px),24px)!important;}
}


/* === v1.2.9 - blenduire organica a fotografiei, fara margini rigide === */
.hero-photo-frame{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate;
  /* estompeaza progresiv toate laturile, astfel incat fotografia sa se piarda in fundal */
  -webkit-mask-image:radial-gradient(ellipse 78% 82% at 54% 50%,
    #000 0%,
    #000 55%,
    rgba(0,0,0,.96) 64%,
    rgba(0,0,0,.78) 73%,
    rgba(0,0,0,.48) 83%,
    rgba(0,0,0,.18) 92%,
    transparent 100%);
  mask-image:radial-gradient(ellipse 78% 82% at 54% 50%,
    #000 0%,
    #000 55%,
    rgba(0,0,0,.96) 64%,
    rgba(0,0,0,.78) 73%,
    rgba(0,0,0,.48) 83%,
    rgba(0,0,0,.18) 92%,
    transparent 100%);
}
.hero-photo-image{
  inset:-2.5%!important;
  border-radius:calc(var(--hero-photo-radius,28px) * .72)!important;
  box-shadow:none!important;
}
/* ceata albastra foarte fina peste margini, fara contur vizibil */
.hero-photo-frame:before{
  inset:-7%!important;
  border-radius:34%!important;
  opacity:calc(var(--hero-blend-opacity,.62) * .82)!important;
  background:
    radial-gradient(ellipse at 55% 49%,
      rgba(64,157,208,0) 0%,
      rgba(64,157,208,0) 48%,
      rgba(62,155,207,.12) 64%,
      rgba(54,149,203,.38) 82%,
      rgba(47,143,199,.72) 100%),
    linear-gradient(90deg,
      rgba(31,129,187,.58) 0%,
      rgba(43,143,199,.18) 17%,
      rgba(43,143,199,0) 39%,
      rgba(70,165,213,0) 71%,
      rgba(78,171,216,.30) 100%)!important;
  filter:blur(10px);
}
.hero-photo-frame:after{
  inset:-5%!important;
  border-radius:32%!important;
  opacity:calc(var(--hero-blend-opacity,.62) * .72)!important;
  background:
    linear-gradient(180deg,
      rgba(93,181,222,.34) 0%,
      rgba(93,181,222,.04) 17%,
      rgba(93,181,222,0) 35%,
      rgba(72,165,212,0) 68%,
      rgba(68,161,209,.32) 100%),
    radial-gradient(ellipse at 53% 49%,
      transparent 0%,
      transparent 55%,
      rgba(71,164,211,.13) 72%,
      rgba(65,158,207,.46) 100%)!important;
  box-shadow:none!important;
  filter:blur(7px);
}
@media(max-width:980px){
  .hero-photo-frame{
    -webkit-mask-image:radial-gradient(ellipse 84% 84% at 50% 50%,#000 0%,#000 58%,rgba(0,0,0,.82) 74%,rgba(0,0,0,.38) 88%,transparent 100%);
    mask-image:radial-gradient(ellipse 84% 84% at 50% 50%,#000 0%,#000 58%,rgba(0,0,0,.82) 74%,rgba(0,0,0,.38) 88%,transparent 100%);
  }
}


/* === v1.3.0 - hero modern: fotografie integrata organic, fara chenar rigid === */
.school-hero{
  background:
    radial-gradient(circle at 78% 28%,rgba(142,215,248,.18) 0,rgba(142,215,248,0) 30%),
    linear-gradient(102deg,#074a7d 0%,#086aa7 56%,#69acd0 100%);
}
.school-hero-overlay{
  background:
    radial-gradient(circle at 72% 50%,rgba(255,255,255,.08),transparent 34%),
    linear-gradient(90deg,rgba(2,44,76,.25) 0%,rgba(5,91,145,.07) 52%,rgba(105,176,212,.02) 100%);
}
.hero-photo-frame{
  position:relative!important;
  width:min(100%,790px)!important;
  height:408px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  isolation:isolate;
}
/* halou modern, translucid, in spatele fotografiei */
.hero-photo-frame:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:7% 2% 5% 5%!important;
  opacity:calc(.34 + var(--hero-blend-opacity,.62) * .34)!important;
  border-radius:38% 26% 34% 24% / 28% 38% 25% 36%!important;
  background:
    radial-gradient(circle at 30% 28%,rgba(196,237,255,.42),transparent 28%),
    linear-gradient(135deg,rgba(164,221,248,.34),rgba(20,117,177,.08) 54%,rgba(255,255,255,.18))!important;
  filter:blur(22px)!important;
  transform:rotate(-1.2deg) scale(1.02);
  pointer-events:none;
}
.hero-photo-image{
  position:absolute!important;
  z-index:1!important;
  inset:-1.5% -1.5% -1.5% -1.5%!important;
  display:block!important;
  border-radius:0!important;
  background-image:var(--hero-photo,linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02)))!important;
  background-size:var(--hero-photo-size,100% auto)!important;
  background-position:var(--hero-photo-x,50%) var(--hero-photo-y,50%)!important;
  background-repeat:no-repeat!important;
  filter:brightness(var(--hero-photo-brightness,1)) saturate(var(--hero-photo-saturation,1.02)) contrast(1.035)!important;
  transform:scale(var(--hero-photo-zoom,1))!important;
  transform-origin:center!important;
  box-shadow:none!important;
  /* masca organica: centrul clar, marginile dispar treptat in banner */
  -webkit-mask-image:
    radial-gradient(ellipse 88% 90% at 52% 49%,
      #000 0%,
      #000 52%,
      rgba(0,0,0,.98) 61%,
      rgba(0,0,0,.88) 69%,
      rgba(0,0,0,.66) 77%,
      rgba(0,0,0,.38) 85%,
      rgba(0,0,0,.14) 92%,
      transparent 100%);
  mask-image:
    radial-gradient(ellipse 88% 90% at 52% 49%,
      #000 0%,
      #000 52%,
      rgba(0,0,0,.98) 61%,
      rgba(0,0,0,.88) 69%,
      rgba(0,0,0,.66) 77%,
      rgba(0,0,0,.38) 85%,
      rgba(0,0,0,.14) 92%,
      transparent 100%);
}
/* strat de culoare foarte fin peste fotografie, pentru integrarea in paleta temei */
.hero-photo-frame:after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:-4% -3%!important;
  border-radius:40% 32% 38% 30% / 34% 42% 30% 38%!important;
  opacity:calc(.24 + var(--hero-blend-opacity,.62) * .38)!important;
  background:
    linear-gradient(90deg,
      rgba(13,101,160,.72) 0%,
      rgba(22,119,177,.20) 13%,
      rgba(22,119,177,0) 30%,
      rgba(22,119,177,0) 71%,
      rgba(96,185,226,.18) 88%,
      rgba(104,190,229,.44) 100%),
    linear-gradient(180deg,
      rgba(149,215,244,.24) 0%,
      rgba(149,215,244,0) 24%,
      rgba(149,215,244,0) 74%,
      rgba(51,145,198,.26) 100%)!important;
  filter:blur(8px)!important;
  pointer-events:none;
}
/* accent discret, ca fotografia sa para parte din compozitie, nu o poza lipita */
.hero-copy{position:relative;z-index:4}
.hero-title-rule{
  width:250px;
  height:2px;
  background:linear-gradient(90deg,rgba(176,226,249,.92),rgba(176,226,249,.18));
  box-shadow:0 0 14px rgba(129,207,243,.18);
}
@media(max-width:1220px){
  .hero-photo-frame{height:360px!important}
}
@media(max-width:980px){
  .hero-photo-frame{height:330px!important;width:100%!important}
  .hero-photo-image{
    -webkit-mask-image:radial-gradient(ellipse 92% 88% at 50% 50%,#000 0%,#000 55%,rgba(0,0,0,.88) 70%,rgba(0,0,0,.50) 84%,rgba(0,0,0,.16) 93%,transparent 100%);
    mask-image:radial-gradient(ellipse 92% 88% at 50% 50%,#000 0%,#000 55%,rgba(0,0,0,.88) 70%,rgba(0,0,0,.50) 84%,rgba(0,0,0,.16) 93%,transparent 100%);
  }
}
@media(max-width:680px){
  .hero-photo-frame{height:240px!important}
}


/* === v1.3.1 - blenduire ca in model: rama fina + margini topite in fundal === */
.hero-photo-frame{
  position:relative!important;
  width:min(100%,780px)!important;
  height:400px!important;
  overflow:hidden!important;
  border:2px solid rgba(218,243,255,.55)!important;
  border-radius:var(--hero-photo-radius,30px)!important;
  background:rgba(99,181,222,.10)!important;
  box-shadow:
    inset 0 0 42px rgba(77,166,212,.20),
    0 0 34px rgba(71,166,214,.13)!important;
  isolation:isolate;
}
.hero-photo-image{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  display:block!important;
  border-radius:inherit!important;
  background-image:var(--hero-photo,linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02)))!important;
  background-size:var(--hero-photo-size,100% auto)!important;
  background-position:var(--hero-photo-x,50%) var(--hero-photo-y,50%)!important;
  background-repeat:no-repeat!important;
  filter:brightness(var(--hero-photo-brightness,1)) saturate(var(--hero-photo-saturation,1.02)) contrast(1.02)!important;
  transform:scale(var(--hero-photo-zoom,1))!important;
  transform-origin:center center!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
/* Ceata albastra progresiva: mai intensa spre stanga si foarte fina pe celelalte margini. */
.hero-photo-frame:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:-2px!important;
  border-radius:inherit!important;
  opacity:var(--hero-blend-opacity,.68)!important;
  background:
    linear-gradient(90deg,
      rgba(57,154,207,.88) 0%,
      rgba(57,154,207,.62) 7%,
      rgba(57,154,207,.34) 16%,
      rgba(57,154,207,.12) 27%,
      rgba(57,154,207,0) 40%,
      rgba(57,154,207,0) 78%,
      rgba(103,188,227,.15) 91%,
      rgba(103,188,227,.38) 100%),
    linear-gradient(180deg,
      rgba(126,204,239,.24) 0%,
      rgba(126,204,239,0) 16%,
      rgba(126,204,239,0) 78%,
      rgba(54,147,199,.30) 100%)!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
}
/* Vigneta luminoasa foarte fina, pentru ca fotografia sa para parte din gradient. */
.hero-photo-frame:after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  inset:-1px!important;
  border-radius:inherit!important;
  opacity:calc(.32 + var(--hero-blend-opacity,.68) * .38)!important;
  background:
    radial-gradient(ellipse 86% 92% at 57% 48%,
      rgba(255,255,255,0) 48%,
      rgba(109,194,232,.05) 66%,
      rgba(93,181,222,.18) 82%,
      rgba(76,165,211,.34) 100%),
    linear-gradient(125deg,
      rgba(255,255,255,.08) 0%,
      rgba(255,255,255,0) 34%,
      rgba(255,255,255,0) 72%,
      rgba(141,211,242,.10) 100%)!important;
  filter:none!important;
  pointer-events:none!important;
}
@media(max-width:1220px){.hero-photo-frame{height:355px!important}}
@media(max-width:980px){.hero-photo-frame{height:325px!important;width:100%!important}}
@media(max-width:680px){.hero-photo-frame{height:235px!important;border-radius:min(var(--hero-photo-radius,30px),22px)!important}}

/* === v1.3.2 - fotografie fara chenar, topita complet in fundal === */
.hero-photo-frame{
  width:min(100%,800px)!important;
  height:410px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hero-photo-image{
  inset:-3% -2% -3% -5%!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-mask-image:radial-gradient(ellipse 92% 94% at 58% 50%,#000 0%,#000 50%,rgba(0,0,0,.98) 60%,rgba(0,0,0,.82) 72%,rgba(0,0,0,.52) 82%,rgba(0,0,0,.20) 91%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 92% 94% at 58% 50%,#000 0%,#000 50%,rgba(0,0,0,.98) 60%,rgba(0,0,0,.82) 72%,rgba(0,0,0,.52) 82%,rgba(0,0,0,.20) 91%,transparent 100%)!important;
}
.hero-photo-frame:before{
  inset:-8% -7% -8% -12%!important;
  border-radius:0!important;
  opacity:calc(.42 + var(--hero-blend-opacity,.68) * .40)!important;
  background:linear-gradient(90deg,rgba(9,103,165,.92) 0%,rgba(18,119,180,.58) 12%,rgba(31,137,194,.22) 25%,transparent 42%,transparent 78%,rgba(91,181,223,.14) 91%,rgba(101,190,230,.34) 100%),linear-gradient(180deg,rgba(106,195,235,.28) 0%,transparent 18%,transparent 80%,rgba(48,149,204,.32) 100%)!important;
  filter:blur(18px)!important;
}
.hero-photo-frame:after{
  inset:-9% -8% -9% -10%!important;
  border-radius:0!important;
  opacity:calc(.24 + var(--hero-blend-opacity,.68) * .28)!important;
  background:radial-gradient(ellipse 90% 90% at 58% 50%,transparent 48%,rgba(83,176,220,.08) 66%,rgba(71,165,212,.26) 82%,rgba(62,157,207,.48) 100%)!important;
  filter:blur(12px)!important;
}
@media(max-width:1220px){.hero-photo-frame{height:360px!important}}
@media(max-width:980px){.hero-photo-frame{height:330px!important;width:100%!important}}
@media(max-width:680px){.hero-photo-frame{height:240px!important}.hero-photo-image{inset:-2%!important}}

/* === v1.3.3 - chenar fotografie identic cu imaginea de referinta === */
.hero-photo-frame{
  justify-self:end!important;
  width:min(100%,770px)!important;
  height:402px!important;
  position:relative!important;
  overflow:hidden!important;
  border:2px solid rgba(219,242,253,.62)!important;
  border-radius:30px!important;
  background:rgba(81,169,216,.12)!important;
  box-shadow:
    inset 0 0 42px rgba(65,160,209,.20),
    0 6px 22px rgba(2,55,92,.06)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  isolation:isolate;
}
.hero-photo-image{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  display:block!important;
  border-radius:inherit!important;
  background-image:var(--hero-photo,linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02)))!important;
  background-size:var(--hero-photo-size,100% auto)!important;
  background-position:var(--hero-photo-x,50%) var(--hero-photo-y,50%)!important;
  background-repeat:no-repeat!important;
  filter:brightness(var(--hero-photo-brightness,1)) saturate(var(--hero-photo-saturation,1.02)) contrast(1.02)!important;
  transform:scale(var(--hero-photo-zoom,1))!important;
  transform-origin:center center!important;
  box-shadow:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
/* Strat albastru translucid ca in model: mai intens in stanga, discret pe restul fotografiei. */
.hero-photo-frame:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  border-radius:inherit!important;
  opacity:var(--hero-blend-opacity,.68)!important;
  background:
    linear-gradient(90deg,
      rgba(58,151,203,.78) 0%,
      rgba(58,151,203,.56) 7%,
      rgba(58,151,203,.31) 16%,
      rgba(58,151,203,.12) 27%,
      rgba(58,151,203,.03) 42%,
      rgba(69,164,213,.02) 70%,
      rgba(87,178,220,.13) 88%,
      rgba(87,178,220,.28) 100%),
    linear-gradient(180deg,
      rgba(126,204,239,.18) 0%,
      rgba(126,204,239,0) 20%,
      rgba(126,204,239,0) 76%,
      rgba(59,154,205,.22) 100%)!important;
  filter:none!important;
  pointer-events:none!important;
}
/* Vigneta foarte fina pe margini, fara sa ascunda cladirea. */
.hero-photo-frame:after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  inset:0!important;
  border-radius:inherit!important;
  opacity:calc(.28 + var(--hero-blend-opacity,.68) * .34)!important;
  background:
    radial-gradient(ellipse 88% 92% at 58% 49%,
      transparent 50%,
      rgba(98,185,226,.05) 68%,
      rgba(91,179,221,.16) 83%,
      rgba(74,164,212,.31) 100%),
    linear-gradient(125deg,
      rgba(255,255,255,.08) 0%,
      transparent 34%,
      transparent 72%,
      rgba(143,213,244,.10) 100%)!important;
  filter:none!important;
  box-shadow:inset 0 0 24px rgba(166,222,247,.09)!important;
  pointer-events:none!important;
}
@media(max-width:1220px){.hero-photo-frame{height:350px!important}}
@media(max-width:980px){.hero-photo-frame{height:330px!important;width:100%!important}}
@media(max-width:680px){.hero-photo-frame{height:235px!important;border-radius:22px!important}}


/* === v1.3.4 - rama ramane vizibila, fotografia continua in exterior si se topeste in fundal === */
.hero-photo-frame{
  width:min(100%,770px)!important;
  height:402px!important;
  position:relative!important;
  overflow:visible!important;
  border:0!important;
  border-radius:30px!important;
  background:transparent!important;
  box-shadow:none!important;
  isolation:isolate!important;
}

/* Fotografia trece dincolo de conturul ramei si dispare gradual in gradientul bannerului. */
.hero-photo-image{
  position:absolute!important;
  z-index:1!important;
  inset:-8% -7% -9% -9%!important;
  border-radius:34px!important;
  background-image:var(--hero-photo,linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02)))!important;
  background-size:var(--hero-photo-size,100% auto)!important;
  background-position:var(--hero-photo-x,50%) var(--hero-photo-y,50%)!important;
  background-repeat:no-repeat!important;
  filter:brightness(var(--hero-photo-brightness,1)) saturate(var(--hero-photo-saturation,1.02)) contrast(1.02)!important;
  transform:scale(var(--hero-photo-zoom,1))!important;
  transform-origin:center center!important;
  box-shadow:none!important;
  -webkit-mask-image:radial-gradient(ellipse 96% 94% at 57% 49%,
    #000 0%,
    #000 56%,
    rgba(0,0,0,.98) 64%,
    rgba(0,0,0,.86) 73%,
    rgba(0,0,0,.62) 82%,
    rgba(0,0,0,.34) 89%,
    rgba(0,0,0,.12) 95%,
    transparent 100%)!important;
  mask-image:radial-gradient(ellipse 96% 94% at 57% 49%,
    #000 0%,
    #000 56%,
    rgba(0,0,0,.98) 64%,
    rgba(0,0,0,.86) 73%,
    rgba(0,0,0,.62) 82%,
    rgba(0,0,0,.34) 89%,
    rgba(0,0,0,.12) 95%,
    transparent 100%)!important;
}

/* Nor de culoare in jurul fotografiei pentru o trecere lina, in special spre stanga si jos. */
.hero-photo-frame:before{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:-12% -10% -13% -15%!important;
  border-radius:42px!important;
  opacity:calc(.30 + var(--hero-blend-opacity,.68) * .52)!important;
  background:
    linear-gradient(90deg,
      rgba(14,105,166,.92) 0%,
      rgba(26,126,185,.62) 12%,
      rgba(43,145,199,.30) 25%,
      rgba(43,145,199,.08) 39%,
      transparent 52%,
      transparent 76%,
      rgba(93,184,225,.11) 90%,
      rgba(105,194,232,.28) 100%),
    linear-gradient(180deg,
      rgba(126,205,239,.20) 0%,
      transparent 20%,
      transparent 74%,
      rgba(54,151,203,.34) 100%)!important;
  filter:blur(18px)!important;
  pointer-events:none!important;
}

/* Rama fina ramane deasupra fotografiei, exact ca in model, dar nu o mai decupeaza. */
.hero-photo-frame:after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  inset:0!important;
  border-radius:30px!important;
  opacity:1!important;
  background:transparent!important;
  filter:none!important;
  box-shadow:
    inset 0 0 0 2px rgba(219,242,253,.62),
    inset 0 0 24px rgba(166,222,247,.08),
    0 0 26px rgba(112,195,232,.08)!important;
  pointer-events:none!important;
}

@media(max-width:1220px){
  .hero-photo-frame{height:350px!important}
  .hero-photo-image{inset:-7% -6% -8% -8%!important}
}
@media(max-width:980px){
  .hero-photo-frame{height:330px!important;width:100%!important}
  .hero-photo-image{inset:-6% -5% -7% -6%!important}
}
@media(max-width:680px){
  .hero-photo-frame{height:235px!important;border-radius:22px!important}
  .hero-photo-frame:after{border-radius:22px!important}
  .hero-photo-image{inset:-5% -4% -6% -5%!important;border-radius:26px!important}
}

/* === v1.3.5 - margini organice, nedefinite, topite in fundal === */
.hero-photo-image{
  inset:-12% -10% -13% -15%!important;
  border-radius:0!important;
  -webkit-mask-image:radial-gradient(ellipse 88% 86% at 58% 49%,#000 0%,#000 48%,rgba(0,0,0,.96) 58%,rgba(0,0,0,.78) 68%,rgba(0,0,0,.48) 78%,rgba(0,0,0,.22) 87%,rgba(0,0,0,.07) 94%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 88% 86% at 58% 49%,#000 0%,#000 48%,rgba(0,0,0,.96) 58%,rgba(0,0,0,.78) 68%,rgba(0,0,0,.48) 78%,rgba(0,0,0,.22) 87%,rgba(0,0,0,.07) 94%,transparent 100%)!important;
}
.hero-photo-frame:before{
  inset:-17% -14% -18% -21%!important;
  opacity:calc(.38 + var(--hero-blend-opacity,.68) * .48)!important;
  background:
    radial-gradient(ellipse 72% 78% at 58% 49%,transparent 46%,rgba(64,158,207,.10) 61%,rgba(49,145,199,.30) 76%,rgba(28,126,185,.58) 91%,rgba(19,112,174,.72) 100%),
    linear-gradient(90deg,rgba(13,102,163,.90) 0%,rgba(25,124,184,.56) 16%,rgba(42,144,198,.20) 31%,transparent 48%,transparent 78%,rgba(96,185,224,.16) 100%)!important;
  filter:blur(30px)!important;
}
/* Conturul ramane doar ca accent decorativ; fotografia nu este decupata de el. */
.hero-photo-frame:after{
  box-shadow:inset 0 0 0 2px rgba(219,242,253,.54),0 0 34px rgba(112,195,232,.07)!important;
}
@media(max-width:980px){.hero-photo-image{inset:-9% -8% -10% -10%!important}.hero-photo-frame:before{inset:-13% -11% -14% -14%!important;filter:blur(24px)!important}}
@media(max-width:680px){.hero-photo-image{inset:-7% -6% -8% -8%!important}.hero-photo-frame:before{inset:-10% -8% -11% -10%!important;filter:blur(18px)!important}}


/* Banner principal incarcat ca imagine completa din Personalizare */
.school-hero.school-hero--image{min-height:0;background:none;overflow:hidden;line-height:0}
.school-hero.school-hero--image:before,.school-hero.school-hero--image:after{display:none}
.school-hero-banner-image{display:block;width:100%;height:auto;max-width:none;margin:0;padding:0}
@media(max-width:980px){.school-hero.school-hero--image{min-height:0}.school-hero-banner-image{width:100%;height:auto}}
@media(max-width:680px){.school-hero.school-hero--image{min-height:0}.school-hero-banner-image{width:100%;height:auto}}