:root{
  --primary:#8b1739;
  --primary-dark:#651027;
  --primary-light:#b35f78;
  --background:#ffffff;
  --background-soft:#fff7f9;
  --surface:#ffffff;
  --surface-alt:#f9edf1;
  --text:#322c2f;
  --text-light:#77686d;
  --border:#ead9df;
  --white:#ffffff;
  --shadow:0 18px 50px rgba(122,31,61,.12);
  --shadow-hover:0 24px 60px rgba(122,31,61,.18);
  --radius:24px;
  --transition:.28s ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--background);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.65}
body.modal-open{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1240px,calc(100% - 48px));margin:0 auto}
.section{padding:110px 0}
.eyebrow{margin:0 0 15px;color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.18em}
h1,h2{margin:0;color:var(--text);font-family:"Playfair Display",serif;line-height:1.08}
h2{font-size:clamp(2.3rem,4.5vw,4.4rem);letter-spacing:-.035em}
h3{margin:0}
p{color:var(--text-light)}

.site-header{position:fixed;top:0;left:0;z-index:100;width:100%;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(122,31,61,.1);backdrop-filter:blur(16px);transition:var(--transition)}
.site-header.scrolled{box-shadow:0 10px 30px rgba(122,31,61,.08)}
.nav-wrap{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand-text-logo{font-family:"Parisienne",cursive;font-size:clamp(2.15rem,3.3vw,3.5rem);line-height:1;color:var(--primary);white-space:nowrap}
.main-nav{display:flex;align-items:center;gap:34px}
.main-nav a{position:relative;color:#211d1f;font-size:.98rem;font-weight:700;transition:var(--transition)}
.main-nav a:hover,.main-nav a.active{color:var(--primary)}
.main-nav a.active::after{content:"";position:absolute;left:20%;right:20%;bottom:-16px;height:2px;background:var(--primary)}
.main-nav .nav-cta{padding:14px 25px;border-radius:999px;background:var(--primary);color:var(--white)}
.main-nav .nav-cta:hover{background:var(--primary-dark);color:var(--white)}
.main-nav .nav-cta::after{display:none}
.menu-toggle{display:none;border:0;background:transparent;padding:8px}
.menu-toggle span{width:25px;height:2px;display:block;margin:5px;background:var(--primary)}

.hero{min-height:930px;padding:165px 0 76px;display:flex;align-items:center;overflow:hidden;background:
  radial-gradient(circle at 76% 25%,rgba(139,23,57,.06),transparent 30%),
  linear-gradient(180deg,#fffafb 0%,#fff7f9 100%)}
.hero-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}
.hero-copy{position:relative;z-index:2}
.quote-block{text-align:center;margin-bottom:34px}
.hero-quote{margin:0;color:var(--primary);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(1.35rem,2vw,2rem);line-height:1.28}
.quote-author{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--primary);text-transform:uppercase;letter-spacing:.24em;font-size:.74rem}
.quote-author span{width:48px;height:1px;background:rgba(139,23,57,.45)}
.quote-author strong{font-weight:600}
.heart-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px 0}
.heart-divider span{width:155px;height:1px;background:rgba(139,23,57,.45)}
.heart-divider b{color:var(--primary);font-size:1.55rem;font-weight:400;line-height:1}
.heart-divider.lower{margin:26px 0 30px}
.hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(3rem,4.5vw,5.1rem);font-weight:500;letter-spacing:-.025em;line-height:1.08}
.hero h1 strong{display:block;color:var(--primary);font-weight:600}
.hero-actions{display:flex;gap:16px}
.btn{border:0;padding:15px 27px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}
.btn:hover{transform:translateY(-2px)}
.btn-icon{font-size:1rem}
.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 14px 35px rgba(122,31,61,.2)}
.btn-primary:hover{background:var(--primary-dark)}
.btn-secondary{border:1px solid var(--primary);background:rgba(255,255,255,.72);color:var(--primary)}
.btn-secondary:hover{background:var(--surface-alt)}
.hero-logo-wrap{display:grid;place-items:center}
.hero-logo{width:min(820px,100%);padding:10px;filter:drop-shadow(0 22px 32px rgba(122,31,61,.1))}

.trust-strip{padding:28px 0;background:var(--primary)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.trust-grid article{display:flex;align-items:baseline;justify-content:center;gap:9px;color:var(--white)}
.trust-grid strong{font-size:1.22rem}
.trust-grid span{color:rgba(255,255,255,.8);font-size:.82rem}

.about{background:var(--white)}
.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:100px;align-items:center}
.portrait-card{position:relative}
.portrait-placeholder{min-height:610px;border:1px solid rgba(122,31,61,.14);border-radius:180px 180px 36px 36px;display:grid;place-items:center;align-content:center;gap:16px;background:linear-gradient(145deg,#f8edf1,#ecd4dd 60%,#7a1f3d);overflow:hidden}
.portrait-placeholder span{width:160px;height:160px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:var(--white);font-family:"Playfair Display",serif;font-size:4rem}
.portrait-placeholder p{color:var(--primary-dark);font-size:.82rem}
.portrait-badge{position:absolute;right:-30px;bottom:45px;padding:18px 24px;border-radius:18px;background:var(--primary);color:var(--white);box-shadow:var(--shadow);transform:rotate(-4deg);font-weight:800}
.about-copy h2{margin-bottom:25px}
.about-copy .lead{color:var(--text);font-size:1.25rem}
.about-points{margin-top:36px;display:grid;gap:22px}
.about-points article{display:grid;grid-template-columns:50px 1fr;gap:16px}
.about-points article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--surface-alt);color:var(--primary);font-size:.76rem;font-weight:800}
.about-points p{margin:5px 0 0;font-size:.92rem}

.benefits{background:var(--background-soft)}
.section-heading{max-width:790px;margin-bottom:50px}
.section-heading.centered{margin-left:auto;margin-right:auto;text-align:center}
.section-heading.centered>p:last-child{max-width:650px;margin:22px auto 0}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.benefit-card{min-height:300px;padding:30px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:0 12px 30px rgba(122,31,61,.06);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.benefit-card:hover{transform:translateY(-6px);border-color:rgba(122,31,61,.35);box-shadow:var(--shadow-hover)}
.icon-box{width:58px;height:58px;margin-bottom:55px;display:grid;place-items:center;border-radius:18px;background:var(--surface-alt);color:var(--primary);font-size:1.5rem}
.benefit-card h3{font-size:1.16rem}
.benefit-card p{font-size:.9rem}

.materials{background:var(--white)}
.grade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grade-card{min-height:330px;padding:28px;position:relative;overflow:hidden;border:1px solid rgba(122,31,61,.16);border-radius:30px;background:var(--background-soft);color:var(--text);text-align:left;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}
.grade-card:hover{transform:translateY(-8px);background:var(--surface-alt);box-shadow:var(--shadow-hover)}
.grade-card::after{content:"";display:none}
.grade-number{display:block;color:var(--primary);font-family:"Playfair Display",serif;font-size:7rem;line-height:.85}
.grade-word{display:block;margin-top:10px;font-size:1.25rem;font-weight:800}
.grade-action{position:absolute;left:28px;bottom:27px;color:var(--primary);font-size:.86rem;font-weight:800}

.success{background:var(--background-soft)}
.success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.student-card{overflow:hidden;border:1px solid var(--border);border-radius:26px;background:var(--white);box-shadow:0 12px 35px rgba(122,31,61,.08)}
.student-photo{aspect-ratio:4/3;display:grid;place-items:center;background:linear-gradient(135deg,#f8edf1,#ecd7df);color:var(--primary)}
.student-copy{padding:25px}
.student-copy span{color:var(--primary);font-size:.66rem;font-weight:800;letter-spacing:.12em}
.student-copy h3{margin-top:8px}
.student-copy p{margin:5px 0 0}
.privacy-note{margin-top:30px;text-align:center;font-size:.78rem}

.contact{background:var(--white)}
.contact-box{padding:70px;display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center;border-radius:38px;background:var(--primary);box-shadow:var(--shadow)}
.contact-copy h2,.contact-copy p,.contact-links a{color:var(--white)}
.contact-copy p{color:rgba(255,255,255,.78)}
.light{color:#f6dce4}
.contact-links{margin-top:30px;display:grid;gap:6px;font-weight:700}
.contact-links a:hover{color:#f6dce4}
.contact-form{padding:28px;display:grid;gap:16px;border-radius:24px;background:var(--white)}
.contact-form label{color:var(--text);font-size:.8rem;font-weight:800}
.contact-form input,.contact-form textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--border);border-radius:13px;outline:none;resize:vertical;background:var(--white)}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(122,31,61,.1)}
.btn-light{background:var(--primary);color:var(--white)}
.btn-light:hover{background:var(--primary-dark)}
.form-message{margin:0;font-size:.8rem}

.site-footer{padding:60px 0 25px;background:var(--primary-dark);color:var(--white)}
.footer-main{padding-bottom:40px;display:flex;align-items:center;justify-content:space-between}
.footer-brand{font-family:"Parisienne",cursive;font-size:2.5rem}
.footer-links{display:flex;gap:24px;color:rgba(255,255,255,.78);font-size:.85rem}
.footer-links a:hover{color:var(--white)}
.footer-bottom{padding-top:23px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.62);font-size:.78rem}

.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:200;padding:20px;display:grid;place-items:center}
.modal-backdrop{position:absolute;inset:0;background:rgba(53,12,28,.74);backdrop-filter:blur(7px)}
.modal-panel{position:relative;width:min(720px,100%);max-height:85vh;overflow:auto;padding:40px;border:1px solid var(--border);border-radius:30px;background:var(--white);box-shadow:var(--shadow)}
.modal-close{position:absolute;top:18px;right:22px;width:38px;height:38px;border:0;border-radius:50%;background:var(--primary);color:var(--white);font-size:1.5rem}
.modal-subtitle{margin-bottom:25px}
.pdf-list{display:grid;gap:12px}
.pdf-item{padding:15px 16px;display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--border);border-radius:16px}
.pdf-item a{color:var(--primary);font-weight:800}
.empty-state{padding:38px;border-radius:20px;background:var(--background-soft);text-align:center}
.empty-state>span{width:58px;height:58px;margin:0 auto 15px;display:grid;place-items:center;border-radius:16px;background:var(--primary);color:var(--white);font-weight:800}
.empty-state h3{margin-bottom:5px}
.empty-state p{font-size:.85rem}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1050px){
  .nav-wrap{min-height:92px}
  .brand-text-logo{font-size:2.55rem}
  .main-nav{gap:20px}
  .hero-grid,.about-grid,.contact-box{grid-template-columns:1fr}
  .hero{padding-top:135px}
  .hero-copy{text-align:center}
  .hero-actions{justify-content:center}
  .hero-logo{width:min(760px,100%)}
  .about-grid{gap:55px}
  .portrait-card{width:100%;max-width:560px;margin:auto}
  .benefit-grid,.grade-grid{grid-template-columns:repeat(2,1fr)}
  .success-grid{grid-template-columns:1fr 1fr}
  .contact-box{padding:50px;gap:40px}
}

@media(max-width:760px){
  .container{width:min(100% - 26px,1240px)}
  .section{padding:80px 0}
  .nav-wrap{min-height:78px}
  .brand-text-logo{font-size:2rem;white-space:normal}
  .menu-toggle{display:block}
  .main-nav{position:absolute;top:80px;left:13px;right:13px;display:none;padding:18px;flex-direction:column;align-items:stretch;gap:5px;border:1px solid var(--border);border-radius:20px;background:var(--white);box-shadow:var(--shadow)}
  .main-nav.open{display:flex}
  .main-nav a{padding:11px 12px}
  .main-nav a.active::after{display:none}
  .main-nav .nav-cta{text-align:center}
  .hero{min-height:auto;padding-top:115px}
  .hero-grid{gap:35px}
  .hero h1{font-size:clamp(2.8rem,13vw,4rem)}
  .hero-logo{width:100%}
  .heart-divider span{width:34%}
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-grid article{flex-direction:column;align-items:center;gap:0;text-align:center}
  .portrait-placeholder{min-height:480px;border-radius:130px 130px 30px 30px}
  .portrait-badge{right:10px}
  .benefit-grid,.grade-grid,.success-grid{grid-template-columns:1fr}
  .benefit-card{min-height:auto}
  .icon-box{margin-bottom:28px}
  .grade-card{min-height:255px}
  .contact-box{padding:36px 20px;border-radius:28px}
  .footer-main{flex-direction:column;align-items:flex-start;gap:25px}
  .footer-links{flex-wrap:wrap;gap:12px 20px}
  .footer-bottom{flex-direction:column;gap:5px}
  .modal-panel{padding:32px 20px}
}


/* =========================================================
   V6 — TRANSPARENT LOGO + IMPROVED RESPONSIVE DESIGN
   ========================================================= */

.hero-logo-wrap {
  min-width: 0;
  overflow: visible;
}

.hero-logo {
  width: min(760px, 100%);
  height: auto;
  padding: 0;
  object-fit: contain;
  background: transparent;
  filter: drop-shadow(0 16px 26px rgba(122, 31, 61, 0.12));
}

/* Prevent long text and grid items from overflowing. */
.hero-copy,
.about-copy,
.contact-copy,
.contact-form,
.student-card,
.benefit-card,
.grade-card {
  min-width: 0;
}

.hero h1,
.hero-quote,
.contact-links a {
  overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
  .nav-wrap {
    min-height: 90px;
  }

  .brand-text-logo {
    max-width: 390px;
    font-size: clamp(2rem, 4vw, 2.8rem);
  }

  .main-nav {
    gap: 18px;
  }

  .hero {
    min-height: auto;
    padding-top: 135px;
    padding-bottom: 72px;
  }

  .hero-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 38px;
  }

  .hero h1 {
    font-size: clamp(2.8rem, 5vw, 4.2rem);
  }

  .hero-logo {
    width: min(680px, 100%);
  }
}

@media (max-width: 900px) {
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .hero-copy {
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
  }

  .hero-actions,
  .quote-author,
  .heart-divider {
    justify-content: center;
  }

  .hero-logo-wrap {
    order: 2;
  }

  .hero-logo {
    width: min(720px, 92vw);
    margin: 0 auto;
  }

  .trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-grid,
  .contact-box {
    grid-template-columns: 1fr;
  }

  .benefit-grid,
  .grade-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .success-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html {
    scroll-padding-top: 82px;
  }

  .container {
    width: min(100% - 28px, 1240px);
  }

  .site-header {
    backdrop-filter: blur(12px);
  }

  .nav-wrap {
    min-height: 76px;
    gap: 12px;
  }

  .brand-text-logo {
    max-width: calc(100% - 58px);
    font-size: clamp(1.7rem, 8vw, 2.25rem);
    line-height: 1.05;
  }

  .menu-toggle {
    flex: 0 0 auto;
  }

  .main-nav {
    top: 78px;
    max-height: calc(100vh - 94px);
    overflow-y: auto;
  }

  .hero {
    padding-top: 108px;
    padding-bottom: 54px;
  }

  .hero-grid {
    gap: 26px;
  }

  .quote-block {
    margin-bottom: 20px;
  }

  .hero-quote {
    font-size: clamp(1.25rem, 6.2vw, 1.65rem);
  }

  .quote-author {
    gap: 9px;
    letter-spacing: 0.15em;
    font-size: 0.66rem;
  }

  .quote-author span {
    width: 30px;
  }

  .heart-divider {
    margin: 20px 0;
    gap: 9px;
  }

  .heart-divider span {
    width: min(31vw, 130px);
  }

  .hero h1 {
    font-size: clamp(2.6rem, 12vw, 3.8rem);
    line-height: 1.02;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 10px;
  }

  .btn {
    width: 100%;
    min-height: 52px;
    padding: 13px 14px;
  }

  .hero-logo {
    width: min(640px, 100%);
    filter: drop-shadow(0 10px 18px rgba(122, 31, 61, 0.1));
  }

  .section {
    padding: 72px 0;
  }

  .trust-grid {
    gap: 14px;
  }

  .trust-grid article {
    min-height: 84px;
    padding: 9px;
  }

  .portrait-placeholder {
    min-height: 420px;
  }

  .benefit-grid,
  .grade-grid,
  .success-grid {
    grid-template-columns: 1fr;
  }

  .contact-box {
    padding: 30px 17px;
    gap: 28px;
  }

  .contact-form {
    padding: 20px 16px;
  }

  .footer-brand {
    font-size: 2rem;
  }
}

@media (max-width: 430px) {
  .container {
    width: min(100% - 20px, 1240px);
  }

  .brand-text-logo {
    font-size: 1.55rem;
  }

  .hero {
    padding-top: 96px;
  }

  .hero-quote br {
    display: none;
  }

  .hero h1 {
    font-size: clamp(2.35rem, 12.5vw, 3.15rem);
  }

  .hero-actions {
    grid-template-columns: 1fr;
  }

  .heart-divider.lower {
    margin-bottom: 22px;
  }

  .trust-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grade-card {
    min-height: 225px;
  }

  .modal {
    padding: 10px;
  }

  .modal-panel {
    padding: 30px 16px 20px;
    border-radius: 22px;
  }
}


/* V7 — sharper hero logo rendering */
.hero-logo {
  image-rendering: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
  width: min(820px, 100%);
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 900px) {
  .hero-logo {
    width: min(760px, 96vw);
  }
}

@media (max-width: 760px) {
  .hero-logo {
    width: 100%;
    max-width: 620px;
  }
}


/* V8 — true vector logo */
.hero-logo {
  width: min(820px, 100%);
  height: auto;
  object-fit: contain;
  image-rendering: auto;
  filter: drop-shadow(0 14px 24px rgba(122, 31, 61, 0.10));
}

@media (max-width: 900px) {
  .hero-logo {
    width: min(760px, 96vw);
  }
}

@media (max-width: 760px) {
  .hero-logo {
    width: 100%;
    max-width: 640px;
  }
}

.trust-strip{display:none!important}
.values-section{padding:54px 0 62px;background:linear-gradient(180deg,#fffdfd 0%,#fff8fa 100%);border-top:1px solid rgba(139,23,57,.08);border-bottom:1px solid rgba(139,23,57,.08)}
.values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.value-card{min-height:235px;padding:30px 24px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(139,23,57,.13);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(122,31,61,.07);transition:.28s ease}
.value-card:hover{transform:translateY(-7px);border-color:rgba(139,23,57,.32);box-shadow:0 24px 52px rgba(122,31,61,.13)}
.value-icon{width:68px;height:68px;margin-bottom:22px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#fff,#f9edf1);border:1px solid rgba(139,23,57,.12);color:var(--primary)}
.value-icon svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.value-card h3{margin:0 0 8px;color:var(--primary-dark);font-family:"Playfair Display",serif;font-size:1.45rem}
.value-card p{margin:0;max-width:230px;color:var(--text-light);font-style:italic;font-size:.96rem;line-height:1.55}
.values-ornament{width:min(520px,calc(100% - 40px));margin:38px auto 0;display:flex;align-items:center;gap:13px;color:var(--primary)}
.values-ornament span{flex:1;height:1px;background:rgba(139,23,57,.4)}
.values-ornament b{font-size:1.45rem;font-weight:400}
@media(max-width:980px){.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.values-section{padding:40px 0 46px}.values-grid{grid-template-columns:1fr;gap:14px}.value-card{min-height:0;padding:24px 20px}.value-icon{width:60px;height:60px;margin-bottom:17px}}


/* =========================================================
   V11 — CITAT DESNO, VEĆI LOGO, BEZ ORNAMENTA ISPOD KARTICA
   ========================================================= */

.values-ornament {
  display: none !important;
}

.hero {
  min-height: 900px;
  padding-top: 155px;
  padding-bottom: 78px;
}

.hero-grid {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 64px;
  align-items: center;
}

.hero-copy {
  text-align: left;
}

.hero-top-divider {
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 30px;
}

.hero-top-divider span,
.hero-copy .heart-divider.lower span {
  max-width: 150px;
}

.hero-copy .heart-divider.lower {
  justify-content: flex-start;
  margin-top: 28px;
  margin-bottom: 30px;
}

.hero-copy h1 {
  max-width: 600px;
  font-size: clamp(3.6rem, 5.1vw, 6rem);
}

.hero-visual {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.quote-right {
  width: min(720px, 100%);
  margin: 0 auto 18px;
  padding: 0 20px;
  text-align: center;
}

.quote-right .hero-quote {
  margin: 0;
  color: var(--primary);
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-style: italic;
  line-height: 1.32;
}

.quote-right .quote-author {
  margin-top: 16px;
}

.hero-logo-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-logo {
  width: min(900px, 100%);
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  object-fit: contain;
  background: transparent;
  filter: none;
  transform: none;
}

.values-section {
  padding-bottom: 52px;
}

@media (max-width: 1050px) {
  .hero {
    min-height: auto;
    padding-top: 135px;
  }

  .hero-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .hero-copy {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
  }

  .hero-copy h1 {
    max-width: 760px;
    margin: 0 auto;
  }

  .hero-top-divider,
  .hero-copy .heart-divider.lower,
  .hero-actions {
    justify-content: center;
  }

  .hero-visual {
    width: 100%;
  }

  .quote-right {
    margin-bottom: 12px;
  }

  .hero-logo {
    width: min(820px, 96vw);
  }
}

@media (max-width: 760px) {
  .hero {
    padding-top: 105px;
    padding-bottom: 54px;
  }

  .hero-grid {
    gap: 28px;
  }

  .hero-copy h1 {
    font-size: clamp(2.7rem, 12vw, 4rem);
    line-height: 1.03;
  }

  .hero-top-divider,
  .hero-copy .heart-divider.lower {
    margin-top: 18px;
    margin-bottom: 22px;
  }

  .hero-top-divider span,
  .hero-copy .heart-divider.lower span {
    width: min(29vw, 120px);
  }

  .quote-right {
    padding: 0 8px;
    margin-bottom: 8px;
  }

  .quote-right .hero-quote {
    font-size: clamp(1.2rem, 5.8vw, 1.6rem);
  }

  .quote-right .quote-author {
    gap: 8px;
    letter-spacing: 0.14em;
    font-size: 0.65rem;
  }

  .quote-right .quote-author span {
    width: 28px;
  }

  .hero-logo {
    width: 100%;
    max-width: 680px;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 10px;
  }
}

@media (max-width: 430px) {
  .hero-copy h1 {
    font-size: clamp(2.35rem, 12.5vw, 3.2rem);
  }

  .hero-actions {
    grid-template-columns: 1fr;
  }

  .quote-right .hero-quote br {
    display: none;
  }
}

/* v11 no hero logo */
.hero-logo,.hero-logo-wrap,.hero-logo-illustration,.hero-logo-title,.hero-logo-flourish{display:none!important;}


/* V11 — ubačen novi hero logo sa desne strane */
.hero-logo-wrap {
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  overflow: visible;
}

.hero-logo {
  display: block !important;
  width: min(920px, 100%);
  max-width: 100%;
  height: auto;
  object-fit: contain;
  background: transparent;
  padding: 0;
  margin: 0 auto;
  filter: none;
  transform: none;
}

@media (max-width: 1050px) {
  .hero-logo {
    width: min(820px, 96vw);
  }
}

@media (max-width: 760px) {
  .hero-logo-wrap {
    margin-top: 6px;
  }

  .hero-logo {
    width: 100%;
    max-width: 680px;
  }
}

.about-points{display:none!important;}
.about-copy h2{font-size:clamp(3rem,4.8vw,5rem)!important;}
.about-copy .lead{font-size:1.45rem!important;color:#7f1d3f;line-height:1.7}
.about-copy p:not(.lead){font-size:1.08rem;line-height:1.9;color:#444}


/* =========================================================
   FINALNA SEKCIJA O MENI
   ========================================================= */

.about-grid-final {
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(52px, 7vw, 100px);
  align-items: center;
}

.about-photo {
  width: 100%;
  max-width: 520px;
  aspect-ratio: 4 / 5;
  display: block;
  object-fit: cover;
  object-position: center 18%;
  border-radius: 42px;
  border: 1px solid rgba(122, 31, 61, 0.14);
  box-shadow: 0 24px 60px rgba(122, 31, 61, 0.14);
}

.about-copy h2 {
  margin-bottom: 26px;
  font-size: clamp(3.2rem, 5vw, 5.2rem) !important;
  line-height: 1.02;
}

.about-copy .lead {
  margin: 0 0 24px;
  color: var(--primary) !important;
  font-family: "Cormorant Garamond", "Playfair Display", serif;
  font-size: clamp(1.45rem, 2.1vw, 2rem) !important;
  font-weight: 500;
  line-height: 1.55 !important;
}

.about-copy p:not(.lead):not(.eyebrow) {
  margin: 0 0 20px;
  color: #4a4145 !important;
  font-family: "DM Sans", sans-serif;
  font-size: 1.06rem !important;
  line-height: 1.9 !important;
}

.about-points,
.portrait-placeholder,
.portrait-badge {
  display: none !important;
}

@media (max-width: 900px) {
  .about-grid-final {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .portrait-card {
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
  }

  .about-photo {
    max-width: 520px;
    margin: 0 auto;
  }

  .about-copy {
    text-align: left;
  }
}

@media (max-width: 600px) {
  .about-grid-final {
    gap: 30px;
  }

  .about-photo {
    border-radius: 28px;
    aspect-ratio: 4 / 5;
  }

  .about-copy h2 {
    font-size: clamp(2.7rem, 13vw, 4rem) !important;
  }

  .about-copy .lead {
    font-size: clamp(1.3rem, 6.2vw, 1.65rem) !important;
  }

  .about-copy p:not(.lead):not(.eyebrow) {
    font-size: 1rem !important;
    line-height: 1.75 !important;
  }
}


/* =========================================================
   O MENI — TIPOGRAFIJA KAO NA REFERENTNOJ SLICI
   ========================================================= */

.about-copy {
  max-width: 760px;
}

.about-copy .eyebrow {
  margin-bottom: 12px;
  color: var(--primary);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.about-copy h2 {
  margin: 0 0 24px;
  color: #211d1f;
  font-family: "Playfair Display", serif;
  font-size: clamp(3.8rem, 5.7vw, 6.5rem) !important;
  font-weight: 700;
  line-height: 0.96;
  letter-spacing: -0.045em;
}

.about-copy .lead {
  margin: 0 0 24px;
  color: var(--primary) !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: clamp(1.05rem, 1.4vw, 1.3rem) !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

.about-copy p:not(.lead):not(.eyebrow) {
  margin: 0 0 20px;
  color: #4b4548 !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: clamp(0.96rem, 1.05vw, 1.08rem) !important;
  font-weight: 400;
  line-height: 1.75 !important;
}

.about-copy strong {
  color: var(--primary);
  font-weight: 700;
}

@media (max-width: 900px) {
  .about-copy {
    max-width: 100%;
  }

  .about-copy h2 {
    font-size: clamp(3.3rem, 10vw, 5.2rem) !important;
  }
}

@media (max-width: 600px) {
  .about-copy h2 {
    font-size: clamp(2.9rem, 14vw, 4.1rem) !important;
    line-height: 1;
  }

  .about-copy .lead {
    font-size: 1.02rem !important;
    line-height: 1.65 !important;
  }

  .about-copy p:not(.lead):not(.eyebrow) {
    font-size: 0.96rem !important;
    line-height: 1.7 !important;
  }
}

.contact-note{text-align:center;color:#777;margin-top:12px;font-size:.9rem}
.success-v13{background:linear-gradient(180deg,#fffdfd,#fff8fa);overflow:hidden}
.success-v13::before,.success-v13::after{display:none!important;content:none!important}
.success-heading{max-width:860px;margin-bottom:52px}
.success-heading h2{font-size:clamp(3rem,5.2vw,5.6rem);line-height:1.03}
.success-heading p{max-width:780px;margin:24px auto 0;font-family:"Cormorant Garamond","Playfair Display",serif;font-size:clamp(1.2rem,1.8vw,1.55rem);font-style:italic;line-height:1.65}
.success-grid-v13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.student-card-v13{overflow:hidden;border:1px solid rgba(139,23,57,.12);border-radius:28px;background:#fff;box-shadow:0 18px 44px rgba(122,31,61,.09);transition:.28s}
.student-card-v13:hover{transform:translateY(-7px);box-shadow:0 26px 58px rgba(122,31,61,.14)}
.student-photo-v13{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;display:block}
.student-copy-v13{padding:26px 24px 28px;text-align:center}
.student-copy-v13 h3{margin:0 0 18px;color:var(--primary-dark);font-family:"Playfair Display",serif;font-size:2rem}
.student-copy-v13 p{margin:6px 0;color:#544c50}
.budget-badge{width:fit-content;margin:18px auto 0;padding:8px 18px;border-radius:999px;background:var(--surface-alt);color:var(--primary);border:1px solid rgba(139,23,57,.14);font-weight:800}
.success [class*="triangle"],.success [class*="formula"],.success .math-decoration,.success .math-doodle{display:none!important}
@media(max-width:980px){.success-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr))}.student-card-v13:last-child{grid-column:1/-1;width:min(520px,100%);justify-self:center}}
@media(max-width:620px){.success-grid-v13{grid-template-columns:1fr}.student-card-v13:last-child{grid-column:auto;width:100%}.success-heading h2{font-size:clamp(2.55rem,12vw,4rem)}}


/* =========================================================
   V14 — DODATNA RESPONSIVE PROVERA ZA TABLET, MOBILNI I MINI
   ========================================================= */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
}

.container,
.hero-grid,
.about-grid,
.success-grid,
.grade-grid,
.benefit-grid,
.values-grid,
.contact-box {
  min-width: 0;
}

.main-nav,
.hero-copy,
.hero-visual,
.about-copy,
.contact-copy,
.contact-form,
.student-card,
.grade-card,
.benefit-card,
.value-card {
  min-width: 0;
}

.contact-links a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.contact-links {
  gap: 10px;
}

@media (max-width: 1024px) {
  .container {
    width: min(100% - 36px, 1240px);
  }

  .hero-grid,
  .about-grid,
  .contact-box {
    grid-template-columns: 1fr !important;
  }

  .success-grid-v13,
  .grade-grid,
  .benefit-grid,
  .values-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-copy,
  .hero-visual,
  .about-copy,
  .contact-copy {
    text-align: center;
  }

  .hero-actions,
  .heart-divider,
  .quote-author {
    justify-content: center;
  }

  .contact-links {
    align-items: center;
  }
}

@media (max-width: 768px) {
  .container {
    width: min(100% - 24px, 1240px);
  }

  .section {
    padding: 68px 0;
  }

  .main-nav {
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .hero h1,
  .about-copy h2,
  .success-heading h2,
  .section-heading h2 {
    overflow-wrap: anywhere;
  }

  .success-grid-v13,
  .grade-grid,
  .benefit-grid,
  .values-grid {
    grid-template-columns: 1fr;
  }

  .student-card-v13:last-child {
    width: 100% !important;
    grid-column: auto !important;
  }

  .contact-box {
    padding: 28px 18px;
    border-radius: 24px;
  }

  .contact-form {
    padding: 20px 16px;
  }

  .contact-form input,
  .contact-form textarea,
  .btn {
    width: 100%;
  }

  .hero-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .container {
    width: min(100% - 18px, 1240px);
  }

  .nav-wrap {
    min-height: 72px;
  }

  .brand-text-logo {
    font-size: 1.55rem;
    max-width: calc(100% - 56px);
  }

  .hero {
    padding-top: 96px;
  }

  .hero-quote br {
    display: none;
  }

  .hero h1 {
    font-size: clamp(2.25rem, 12.5vw, 3.1rem);
  }

  .about-copy h2,
  .success-heading h2,
  .section-heading h2 {
    font-size: clamp(2.35rem, 12vw, 3.4rem) !important;
  }

  .contact-box {
    padding: 24px 14px;
  }

  .contact-form {
    padding: 18px 14px;
  }

  .student-copy-v13,
  .student-copy {
    padding-left: 16px;
    padding-right: 16px;
  }

  .modal {
    padding: 8px;
  }

  .modal-panel {
    width: 100%;
    max-height: 92vh;
    padding: 28px 14px 18px;
    border-radius: 20px;
  }
}

@media (max-width: 360px) {
  .container {
    width: min(100% - 14px, 1240px);
  }

  .brand-text-logo {
    font-size: 1.35rem;
  }

  .hero h1 {
    font-size: 2.1rem;
  }

  .btn {
    min-height: 48px;
    padding: 12px 14px;
  }

  .contact-form label {
    font-size: 0.76rem;
  }
}

.students-page{min-height:100vh;background:linear-gradient(180deg,#fffdfd,#fff8fa)}
.students-hero{padding:180px 0 110px}
.students-heading{max-width:820px;margin:0 auto 58px;text-align:center}
.students-heading h1{margin:0;font-family:"Playfair Display",serif;font-size:clamp(3.8rem,7vw,7rem);line-height:1;color:#211d1f}
.students-heading>p:last-child{max-width:700px;margin:26px auto 0;font-family:"Cormorant Garamond","Playfair Display",serif;font-size:clamp(1.25rem,2vw,1.65rem);font-style:italic;line-height:1.6}
.students-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.student-memory-card{overflow:hidden;border:1px solid rgba(139,23,57,.12);border-radius:30px;background:#fff;box-shadow:0 18px 45px rgba(122,31,61,.1);transition:.28s}
.student-memory-card:hover{transform:translateY(-8px);box-shadow:0 28px 62px rgba(122,31,61,.15)}
.student-memory-card img{width:100%;aspect-ratio:4/5;display:block;object-fit:cover;object-position:center top}
.student-memory-name{padding:24px 18px 27px;color:var(--primary-dark);font-family:"Playfair Display",serif;font-size:2rem;text-align:center}
@media(max-width:980px){.students-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.student-memory-card:last-child{grid-column:1/-1;width:min(520px,100%);justify-self:center}}
@media(max-width:620px){.students-hero{padding:120px 0 76px}.students-gallery{grid-template-columns:1fr;gap:18px}.student-memory-card:last-child{grid-column:auto;width:100%}.students-heading h1{font-size:clamp(3rem,16vw,4.5rem)}}


/* =========================================================
   V17 — IVANA + 2x2 GALERIJA
   ========================================================= */

.students-gallery {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.student-memory-card:last-child {
  grid-column: auto !important;
  width: 100% !important;
  justify-self: stretch !important;
}

@media (max-width: 760px) {
  .students-gallery {
    grid-template-columns: 1fr !important;
    max-width: 560px;
  }
}

.students-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:980px;margin-left:auto;margin-right:auto}
.student-memory-card:last-child{grid-column:1/-1;width:min(480px,100%);justify-self:center}
@media(max-width:760px){.students-gallery{grid-template-columns:1fr!important;max-width:560px}.student-memory-card:last-child{grid-column:auto;width:100%}}