*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Segoe UI",Arial,sans-serif;color:#575757;background:#fff;font-size:16px;line-height:1.7;font-weight:300}a{text-decoration:none!important}img{max-width:100%;height:auto}.site-top{height:56px;background:#f5f5f5}.site-top .container{height:56px;display:flex;align-items:center;justify-content:flex-end;gap:30px}.site-top a{color:#70b8e8;font-size:15px}.site-top i{color:#999;margin-right:8px}.site-header{height:126px;background:rgba(255,255,255,.95);box-shadow:0 2px 5px rgba(0,0,0,.08);position:relative;z-index:100}.site-header.sticky{position:sticky;top:0}.header-inner{height:100%;max-width:1720px;margin:auto;display:flex}.brand-box{width:470px;display:flex;align-items:center;padding:0 44px;border-right:1px solid #cfcfcf}.brand-box img{width:335px;max-height:92px;object-fit:contain}.nav-desktop{display:flex;flex:1}.nav-item{position:relative;flex:1;min-width:135px;border-right:1px solid #cfcfcf}.nav-item>a{height:126px;display:flex;align-items:center;justify-content:center;color:#333;text-transform:uppercase;letter-spacing:1.1px;font-size:16px;font-weight:300;white-space:nowrap}.nav-item>a:hover,.nav-item.active>a{color:#61b9ed}.nav-item.dropdown>a:after{content:'⌄';font-size:18px;margin-left:8px;color:#111;transform:translateY(-2px)}.dropdown-menu-custom{display:none;position:absolute;top:126px;left:0;min-width:330px;background:#fff;padding:25px 0;box-shadow:0 5px 13px rgba(0,0,0,.18)}.dropdown:hover .dropdown-menu-custom{display:block}.dropdown-menu-custom a{display:block;padding:14px 42px;color:#666;font-size:17px;text-transform:uppercase}.dropdown-menu-custom a:hover{color:#61b9ed}.mobile-toggle{display:none;border:0;background:transparent;font-size:27px;margin-left:auto}.home-hero{height:230px;background:url('../img/studio-main.jpg') center 59%/cover no-repeat;position:relative}.home-hero:before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.18)}.cream{background:#f4f0c8}.about-home{padding:82px 0 55px}.section-title{font-weight:300;color:#303030;font-size:58px;line-height:1.1;margin:0 0 60px;text-align:center}.about-home .section-title{text-align:left;margin-bottom:48px}.about-photo{text-align:center}.about-photo img{width:370px;max-width:100%}.about-copy{font-size:20px;line-height:1.75}.about-copy .quote{font-weight:600;font-style:italic;color:#333;margin-bottom:28px}.classic-btn{display:inline-block;border:1px solid #55b9f1;color:#111;background:#fff;padding:15px 38px;text-transform:uppercase;font-size:16px;font-weight:500;margin-top:25px;min-width:190px;text-align:center}.classic-btn:hover{background:#55b9f1;color:#fff}.social-buttons .classic-btn{display:block;width:220px;margin:15px 0}.offer{padding:58px 0 0;background:#fff}.offer .section-title{text-align:left;font-size:58px;margin-bottom:16px}.offer p{font-size:19px;line-height:1.75}.offer-photo{height:600px;object-fit:cover;width:100%}.offer-actions{display:flex;gap:64px;margin-top:38px}.gallery-home{padding:68px 0 55px}.gallery-home .section-title{margin-bottom:65px}.filters{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:38px}.filters button{background:transparent;border:1px solid #4eb6ec;color:#929292;padding:10px 22px;font-size:16px;font-weight:300}.filters button.active{background:#3ea9d9;color:#fff}.gallery-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.gallery-tiles a{display:block;overflow:hidden}.gallery-tiles img{width:100%;height:310px;object-fit:cover;transition:.25s}.gallery-tiles a:nth-child(n+4) img{height:385px}.gallery-tiles a:hover img{transform:scale(1.02)}.teachers-home{padding:65px 0 0}.teacher-grid{display:grid;grid-template-columns:repeat(4,1fr)}.teacher-block{min-height:490px;text-align:center;color:#fff;padding:38px 28px 35px}.teacher-block:nth-child(4n+1){background:#20c1ad}.teacher-block:nth-child(4n+2){background:#ff315d}.teacher-block:nth-child(4n+3){background:#8ad023}.teacher-block:nth-child(4n+4){background:#ff7418}.teacher-block img{width:190px;height:190px;border-radius:50%;object-fit:cover;border:5px solid #19b9ab;margin:0 auto 36px}.teacher-block:nth-child(4n+2) img{border-color:#14bba7}.teacher-block:nth-child(4n+3) img{border-color:#f83c58}.teacher-block:nth-child(4n+4) img{border-color:#12c2b0}.teacher-block h3{font-weight:300;font-size:47px;line-height:1.05;margin:0 0 20px}.teacher-block p{font-size:17px}.prices-home{padding:58px 0}.price-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.price-choice{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:center;margin:45px 0}.price-choice img{width:108px;height:108px;border-radius:50%;object-fit:cover}.price-choice h4{font-size:18px;font-weight:300;text-transform:uppercase;text-align:center;margin:0 0 20px}.price-image img{width:100%;height:520px;object-fit:cover}.site-footer{background:#f5f5f5;padding:72px 0 0;color:#555}.site-footer h3{font-weight:300;color:#202020;font-size:31px;margin:0 0 25px}.site-footer p,.site-footer a{font-size:18px;color:#555}.footer-news{border-bottom:1px solid #ddd;padding:7px 0}.footer-facebook img{width:345px;max-width:100%}.footer-contact{text-align:center;font-weight:600;font-style:italic}.copyright{margin-top:65px;background:#5eb2dd;color:#fff;text-align:center;padding:23px;font-size:17px}.page-banner{height:206px;background:url('../img/studio-main.jpg') center 77%/cover no-repeat}.content-page{padding:58px 0 10px}.content-page.cream{padding:80px 0}.content-page p{font-size:19px;line-height:1.65}.intro-green{font-size:21px!important;font-weight:700;color:#25b673;font-style:italic;line-height:1.6!important;margin-bottom:70px}.page-main-image{width:100%;height:530px;object-fit:cover;margin-bottom:55px}.course-page{max-width:1520px;margin:auto;background:#f4f0c8;padding:85px 65px}.course-page h1{font-size:42px;text-align:center;font-weight:400;margin:0 0 90px;color:#2e2e2e}.course-page h2{font-size:38px;text-align:center;font-weight:500;margin:48px 0 10px;color:#2e2e2e}.course-page p{font-size:18px;line-height:1.65}.all-gallery{padding:60px 8px;background:#f4f0c8}.all-gallery .section-title{font-size:56px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid a{display:block;overflow:hidden}.gallery-grid img{width:100%;height:330px;object-fit:cover}.gallery-filter{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:0 0 35px}.gallery-filter button{border:1px solid #55b8ed;background:transparent;color:#8a8a8a;padding:10px 20px;font-weight:300}.gallery-filter button.active{background:#3ea8d8;color:#fff}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;display:none;align-items:center;justify-content:center}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:88vh}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:42px;width:54px;height:54px}.lightbox-close{right:25px;top:20px}.lightbox-prev{left:20px;top:50%}.lightbox-next{right:20px;top:50%}.hidden-item{display:none!important}.contacts-page{padding:75px 0}.contacts-page h1{font-size:50px;font-weight:300}.contacts-page p{font-size:19px}.map-card img{width:100%}.mobile-menu{display:none}
@media(max-width:1200px){.brand-box{width:350px;padding:0 20px}.brand-box img{width:290px}.nav-item{min-width:110px}.nav-item>a{font-size:13px}.teacher-block h3{font-size:38px}}
@media(max-width:900px){.site-top{display:none}.site-header{height:82px}.header-inner{padding:0 15px}.brand-box{width:auto;border:0;padding:0}.brand-box img{width:255px}.nav-desktop{display:none}.mobile-toggle{display:block}.mobile-menu{position:absolute;top:82px;left:0;right:0;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.15);padding:15px 0}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:12px 24px;color:#333;text-transform:uppercase}.home-hero{height:170px}.section-title,.about-home .section-title,.offer .section-title{font-size:40px}.about-home{padding:45px 0}.about-photo{margin-bottom:35px}.offer-photo{height:400px;margin-top:35px}.offer-actions{gap:15px;flex-wrap:wrap}.gallery-tiles,.gallery-grid{grid-template-columns:repeat(2,1fr)}.teacher-grid{grid-template-columns:repeat(2,1fr)}.price-layout{grid-template-columns:1fr}.page-banner{height:140px}.course-page{padding:55px 25px}.course-page h1{font-size:32px;margin-bottom:50px}.site-footer .col-sm-3{margin-bottom:35px}}
@media(max-width:560px){.brand-box img{width:220px}.home-hero{height:120px}.about-copy,p{font-size:16px!important}.section-title,.about-home .section-title,.offer .section-title{font-size:34px}.gallery-tiles,.gallery-grid,.teacher-grid{grid-template-columns:1fr}.teacher-block{min-height:auto}.teacher-block h3{font-size:36px}.price-choice{grid-template-columns:85px 1fr}.price-choice img{width:82px;height:82px}.course-page{padding:40px 18px}.course-page h1{font-size:28px}.course-page h2{font-size:28px}.copyright{font-size:13px}}

/* ===== DESIGN MATCH: original studia.kiev.ua ===== */
:root{--menu-border:#c8c8c8;--menu-active:#6fc2f4;--footer-blue:#5eb0dc;--cream:#f4f0c8}
body{font-family:'Segoe UI',Arial,sans-serif;font-weight:300;color:#575757;background:#fff}

/* Header is kept as a separate component: components/header.html */
.site-header{height:160px;background:rgba(255,255,255,.97);box-shadow:0 2px 5px rgba(0,0,0,.10);z-index:1000}
.site-header.sticky{position:sticky;top:0}
.header-inner{width:100%;max-width:none;height:160px;margin:0;display:flex;background:rgba(255,255,255,.97)}
.brand-box{width:27%;min-width:430px;height:160px;padding:0 48px;display:flex;align-items:center;border-right:1px solid var(--menu-border);background:#fff}
.brand-box img{width:365px;max-width:100%;max-height:105px;object-fit:contain;object-position:left center}
.nav-desktop{flex:1;display:flex;height:160px}
.nav-item{position:relative;flex:1;min-width:0;border-right:1px solid var(--menu-border)}
.nav-item>a{height:160px;padding:0 15px;display:flex;align-items:center;justify-content:center;color:#242424;font-size:17px;line-height:1;text-transform:uppercase;letter-spacing:1.25px;font-weight:300;white-space:nowrap;transition:color .2s,background .2s}
.nav-item>a:hover,.nav-item.active>a{color:var(--menu-active)}
.nav-item.dropdown>a:after{content:'';width:7px;height:7px;margin-left:11px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transform-origin:center;transition:transform .2s ease,color .2s ease;opacity:.9}.nav-item.dropdown:hover>a:after{transform:translateY(1px) rotate(225deg)}
.dropdown-menu-custom{top:160px;left:0;min-width:330px;background:#fff;padding:26px 0 28px;box-shadow:0 5px 13px rgba(0,0,0,.20);border:0}
.dropdown-menu-custom a{padding:15px 42px;color:#686868;font-size:18px;font-weight:300;text-transform:uppercase;letter-spacing:.4px}
.dropdown-menu-custom a:hover{color:var(--menu-active);background:#fafafa}
.mobile-toggle{display:none}

/* Full width homepage slider */
.hero-slider{position:relative;width:100%;height:640px;background:#ddd;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease}
.hero-slide.active{opacity:1;visibility:visible}
.hero-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.hero-slide:nth-child(1) img{object-position:center 46%}
.hero-slide:nth-child(2) img{object-position:center 52%}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:62px;height:62px;border:0;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font:300 58px/50px Arial,sans-serif;text-align:center;padding:0;cursor:pointer;box-shadow:none}
.hero-prev{left:30px}.hero-next{right:30px}.hero-arrow:hover{background:rgba(0,0,0,.82)}
.hero-dots{position:absolute;bottom:18px;left:0;right:0;z-index:5;text-align:center;opacity:0;transition:opacity .2s}
.hero-slider:hover .hero-dots{opacity:1}
.hero-dot{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:rgba(0,0,0,.35);margin:0 4px;padding:0}
.hero-dot.active{background:#fff}

/* Footer is kept as a separate component: components/footer.html */
.site-footer{background:#f5f5f5;padding:0;color:#515151}
.footer-main{min-height:430px;padding:76px 4.8% 55px;background:#f5f5f5}
.footer-grid{max-width:1730px;margin:0 auto;display:grid;grid-template-columns:1.02fr 1.08fr 1.08fr 1.18fr;gap:55px}
.footer-col h3{margin:0 0 27px;color:#202020;font-size:36px;line-height:1.15;font-weight:300}
.footer-col p{margin:0;color:#555;font-size:20px;line-height:1.78;font-weight:300}
.footer-news{padding:0 0 17px;margin:0 0 13px;border-bottom:1px solid #dedede;color:#111;font-size:19px;line-height:1.45}
.footer-news strong{font-weight:400}
.footer-news small{display:block;color:#777;font-size:16px;margin-top:7px;font-weight:300}
.footer-facebook img{display:block;width:355px;max-width:100%;height:auto}
.footer-social-links{display:flex;gap:10px;margin-top:14px}
.footer-social-links a{width:35px;height:35px;border:1px solid #5eb0dc;color:#5eb0dc;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:18px}
.footer-social-links a:hover{background:#5eb0dc;color:#fff}
.footer-contact{text-align:center!important;color:#171717!important;font-style:italic;font-weight:600!important;line-height:1.8!important}
.footer-contact strong{font-weight:600}
.copyright{margin:0;background:var(--footer-blue);height:90px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:0 20px;font-size:20px;font-weight:300}

/* Contact map */
.map-card iframe{width:100%;height:520px;display:block;border:0!important}
.contacts-page{padding:72px 0 80px}
.contacts-page h1{font-size:52px;font-weight:300;color:#303030;margin-top:0}

/* Make the existing content begin immediately after the new header */
.home-hero{display:none!important}

@media(max-width:1450px){
 .brand-box{width:26%;min-width:350px;padding:0 28px}.brand-box img{width:320px}
 .nav-item>a{font-size:15px;letter-spacing:.8px;padding:0 8px}
 .footer-grid{gap:35px}.footer-col h3{font-size:31px}.footer-col p{font-size:18px}
}
@media(max-width:1050px){
 .site-header,.header-inner{height:95px}.brand-box{height:95px;min-width:0;width:auto;flex:1;border-right:0;padding:0 20px}.brand-box img{width:300px;max-height:76px}
 .nav-desktop{display:none}.mobile-toggle{display:flex;width:52px;height:52px;margin:auto 20px auto 0;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px;padding:8px}
 .mobile-toggle span{display:block;height:2px;width:30px;background:#333}
 .mobile-menu{display:none;position:absolute;top:95px;left:0;right:0;background:#fff;box-shadow:0 5px 12px rgba(0,0,0,.18);padding:10px 0;max-height:calc(100vh - 95px);overflow:auto}
 .mobile-menu.open{display:block}.mobile-menu a{display:block;padding:13px 25px;color:#333;text-transform:uppercase;font-size:15px;border-bottom:1px solid #eee}
 .hero-slider{height:500px}.hero-arrow{width:54px;height:54px;font-size:50px}.hero-prev{left:18px}.hero-next{right:18px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:45px}.footer-main{padding:55px 35px}.footer-col h3{font-size:30px}
}
@media(max-width:620px){
 .site-header,.header-inner{height:78px}.brand-box{height:78px;padding-left:14px}.brand-box img{width:245px;max-height:64px}.mobile-toggle{margin-right:10px}.mobile-menu{top:78px}
 .hero-slider{height:310px}.hero-arrow{width:44px;height:44px;font-size:40px;line-height:38px}.hero-prev{left:10px}.hero-next{right:10px}
 .footer-grid{grid-template-columns:1fr;gap:38px}.footer-main{padding:45px 22px}.footer-col h3{font-size:28px}.footer-col p{font-size:17px}.footer-news{font-size:17px}.footer-facebook img{width:100%;max-width:360px}.copyright{height:auto;min-height:78px;font-size:15px;padding:20px}
 .map-card iframe{height:390px}
}

/* ===== HOME PAGE MATCH FROM ORIGINAL SCREENSHOTS ===== */
.home-wide{width:100%;max-width:1895px;margin:0 auto}.home-main-title{margin:0;color:#303030;font-weight:300;font-size:68px;line-height:1.12;text-align:center;letter-spacing:-1px}.home-about-original{background:#f4f0c8;padding:106px 0 0}.home-about-grid{display:grid;grid-template-columns:1fr 1fr;min-height:930px}.home-about-left{padding:145px 70px 0;text-align:center}.director-portrait-wrap{width:400px;height:400px;margin:0 auto;overflow:hidden;border-radius:50%;background:#f4f0c8}.director-portrait{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.17)}.director-caption{margin-top:54px;color:#28b87a;font-size:22px;font-weight:600;line-height:1.15}.director-caption strong{font-size:23px}.home-about-right{padding:0 250px 0 65px}.home-about-right .home-main-title{text-align:left;margin:0 0 82px}.home-quote{font-size:20px;line-height:1.9;font-weight:700;font-style:italic;color:#2d2d2d;margin:0 0 36px;max-width:650px}.home-about-text{font-size:20px;line-height:1.86;color:#606060;max-width:670px}.home-about-text p{margin:0}.home-about-actions{display:flex;flex-direction:column;align-items:center;width:100%;gap:24px;padding-top:36px}.home-about-actions .original-outline-btn:first-child{align-self:flex-end;margin-right:145px}.home-about-actions .original-outline-btn:nth-child(2),.home-about-actions .original-outline-btn:nth-child(3){align-self:flex-start;margin-left:0}.original-outline-btn{display:inline-flex;align-items:center;justify-content:center;min-width:210px;height:66px;padding:0 38px;background:#fff;border:1px solid #55b9f1;color:#111;text-transform:uppercase;font-size:17px;font-weight:600;letter-spacing:.1px}.original-outline-btn:hover{background:#55b9f1;color:#fff}.home-offer-original{background:#fff;padding:89px 0 36px}.home-offer-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start}.home-offer-copy{padding:0 150px 0 305px}.home-offer-copy .home-offer-title{text-align:left;font-size:67px;margin:13px 0 22px}.home-offer-copy p{font-size:20px;line-height:1.82;color:#626262;max-width:590px}.home-offer-actions{display:flex;gap:70px;margin-top:43px}.home-offer-photo-wrap{padding:0}.home-offer-photo-wrap img{display:block;width:100%;height:620px;object-fit:cover;object-position:center 44%}.home-gallery-original{background:#f4f0c8;padding:70px 0 0;min-height:1300px}.home-gallery-original>.home-main-title{margin-bottom:105px}.home-gallery-filters{display:flex;gap:8px;align-items:center;padding:0 50px 40px;flex-wrap:wrap}.home-gallery-filters button{height:50px;border:1px solid #55b9f1;background:transparent;color:#9a9a9a;padding:0 23px;font-size:16px;font-weight:300;white-space:nowrap}.home-gallery-filters button.active{background:#36a9de;color:#fff;border-color:#36a9de}.home-gallery-grid{width:1460px;max-width:77vw;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:36px 8px 110px}.home-gallery-grid a{display:block;height:336px;overflow:hidden}.home-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block}.home-teachers-original{background:#fff}.home-teachers-heading{height:315px;display:flex;align-items:center;justify-content:center}.teacher-original-grid{display:grid;grid-template-columns:repeat(4,1fr)}.teacher-original-card{min-height:660px;padding:40px 28px 55px;text-align:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.75)}.teacher-original-card.t1{background:#18c0aa}.teacher-original-card.t2{background:#ff365e}.teacher-original-card.t3{background:#82cf28}.teacher-original-card.t4{background:#ff6f17}.teacher-original-card:nth-child(6){background:#ff365e}.teacher-original-card:nth-child(8){background:#7a5038}.teacher-original-card img{width:205px;height:205px;border-radius:50%;object-fit:cover;margin:0 auto 52px;border:5px solid rgba(255,112,16,.9)}.teacher-original-card:nth-child(1) img,.teacher-original-card:nth-child(2) img,.teacher-original-card:nth-child(3) img,.teacher-original-card:nth-child(4) img{border-color:#14bfa9}.teacher-original-card h3{font-size:52px;font-weight:300;line-height:1.05;margin:0}.teacher-original-card span{display:block;width:30px;border-top:3px solid #fff;margin:26px auto 18px}.teacher-original-card p{font-size:20px;line-height:1.72;font-weight:300;margin:0 auto;max-width:420px}.home-prices-original{background:#fff;padding:74px 0 0}.home-prices-original>.home-main-title{margin-bottom:105px}.home-prices-grid{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.home-price-options{padding:15px 70px 40px 315px}.home-price-row{display:grid;grid-template-columns:120px 1fr;gap:40px;align-items:center;margin-bottom:72px}.home-price-row img{width:120px;height:120px;border-radius:50%;object-fit:cover}.home-price-row h4{font-size:20px;line-height:1.4;font-weight:300;text-align:center;margin:0 0 30px;color:#666;max-width:390px}.home-price-row .original-outline-btn{min-width:290px}.home-price-image img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center}.home-prices-original + #site-footer-placeholder{margin-top:0}
@media(max-width:1500px){.home-about-right{padding-right:110px}.home-offer-copy{padding-left:180px;padding-right:90px}.home-price-options{padding-left:180px}.home-main-title{font-size:58px}.home-gallery-grid{width:1450px;max-width:76vw}.teacher-original-card h3{font-size:44px}.teacher-original-card p{font-size:18px}.teacher-original-card img{width:185px;height:185px}}
@media(max-width:1050px){.home-about-grid,.home-offer-grid,.home-prices-grid{grid-template-columns:1fr}.home-about-original{padding-top:60px}.home-about-grid{min-height:0}.home-about-left{padding:30px 20px 50px}.home-about-right{padding:20px 40px 70px}.home-about-right .home-main-title{text-align:center;margin-bottom:40px}.home-about-actions .original-outline-btn{align-self:center!important;margin-left:0!important;margin-right:0!important}.home-offer-copy{padding:40px}.home-offer-copy .home-offer-title{text-align:center}.home-offer-actions{justify-content:center;gap:20px}.home-offer-photo-wrap img{height:500px}.home-gallery-grid{width:100%;max-width:100%;grid-template-columns:repeat(2,1fr)}.teacher-original-grid{grid-template-columns:repeat(2,1fr)}.home-price-options{padding:20px 40px}.home-price-image img{min-height:450px}.home-main-title{font-size:46px}.home-gallery-filters{padding-left:20px;padding-right:20px}.home-gallery-original>.home-main-title,.home-prices-original>.home-main-title{margin-bottom:55px}}
@media(max-width:620px){.home-main-title{font-size:38px}.director-portrait-wrap{width:280px;height:280px}.director-caption{font-size:18px}.home-about-left{padding-top:10px}.home-about-right{padding:10px 22px 50px}.home-quote,.home-about-text,.home-offer-copy p{font-size:16px}.home-offer-copy{padding:35px 22px}.home-offer-actions{flex-direction:column}.home-offer-photo-wrap img{height:340px}.home-gallery-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:22px}.home-gallery-grid{grid-template-columns:1fr;padding-top:20px}.home-gallery-grid a{height:300px}.teacher-original-grid{grid-template-columns:1fr}.teacher-original-card{min-height:auto;padding:40px 25px}.teacher-original-card h3{font-size:40px}.teacher-original-card img{width:170px;height:170px;margin-bottom:30px}.home-price-row{grid-template-columns:90px 1fr;gap:20px}.home-price-row img{width:90px;height:90px}.home-price-row .original-outline-btn{min-width:0;width:100%;padding:0 15px;font-size:14px}.home-price-options{padding:15px 20px}.home-price-image img{min-height:330px}.home-teachers-heading{height:220px}}

/* ===== TEACHERS PAGE — ORIGINAL JOOMLA SCREENSHOT MATCH ===== */
.teachers-profile-page{background:#fff;overflow:hidden}
.teacher-profile{width:100%;padding:72px 0 74px}
.teacher-profile.cream-profile{background:#f4f0c8}
.teacher-profile.white-profile{background:#fff}
.teacher-profile-inner{width:min(1510px,86vw);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:start}
.teacher-visual{text-align:center;padding-top:0}
.teacher-visual img{display:block;width:510px;height:510px;max-width:100%;border-radius:50%;object-fit:cover;border:4px solid #25b9a5;margin:0 auto 54px}
.teacher-visual h2{font-size:66px;line-height:1.08;font-weight:300;color:#28b878;margin:0;text-align:center;letter-spacing:-1.5px}
.teacher-bio{padding:10px 0 0;color:#666;font-size:20px;line-height:1.78;font-weight:300}
.teacher-bio h3{margin:0 0 18px;color:#303030;font-size:43px;line-height:1.1;font-weight:600;text-transform:none}
.teacher-bio h3:not(:first-child){margin-top:34px}
.teacher-bio p{margin:0 0 25px;font-size:20px;line-height:1.78}
.teacher-bio ul{margin:0 0 20px 20px;padding-left:18px}
.teacher-bio li{margin:2px 0 4px;padding-left:2px}
.teacher-profile.image-right .teacher-bio{order:1}.teacher-profile.image-right .teacher-visual{order:2}
.teacher-profile.image-left .teacher-visual{order:1}.teacher-profile.image-left .teacher-bio{order:2}
@media(max-width:1200px){.teacher-profile-inner{width:92vw;gap:55px}.teacher-visual img{width:400px;height:400px}.teacher-visual h2{font-size:52px}.teacher-bio{font-size:18px}.teacher-bio p{font-size:18px}.teacher-bio h3{font-size:38px}}
@media(max-width:850px){.teacher-profile{padding:50px 0}.teacher-profile-inner{grid-template-columns:1fr;gap:38px}.teacher-profile.image-right .teacher-bio,.teacher-profile.image-right .teacher-visual,.teacher-profile.image-left .teacher-bio,.teacher-profile.image-left .teacher-visual{order:initial}.teacher-profile.image-right .teacher-visual{order:-1}.teacher-visual img{width:320px;height:320px;margin-bottom:30px}.teacher-visual h2{font-size:43px}.teacher-bio{font-size:17px;line-height:1.65}.teacher-bio p{font-size:17px}.teacher-bio h3{font-size:34px}}
@media(max-width:520px){.teacher-profile-inner{width:90vw}.teacher-visual img{width:260px;height:260px}.teacher-visual h2{font-size:36px}.teacher-bio h3{font-size:30px}.teacher-bio{font-size:16px}.teacher-bio p{font-size:16px}.teacher-bio ul{padding-left:12px;margin-left:13px}}

/* ===== UNIFIED OPTIMIZED THEME 2026 ===== */
:root{--cream:#f4f0c8;--blue:#5eb2dd;--sky:#69bdf0;--green:#28b878;--text:#555;--line:#d4d4d4}
html{scroll-behavior:smooth}body{font-family:"Segoe UI",Arial,sans-serif;color:var(--text);font-weight:300;line-height:1.65;background:#fff}img{display:block}.container{max-width:1500px;width:88%;margin:auto}
.site-header{height:106px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 2px 7px rgba(0,0,0,.08)!important}.header-inner{height:106px!important;max-width:1900px!important;margin:auto!important}.brand-box{width:400px!important;min-width:330px!important;height:106px!important;padding:0 42px!important}.brand-box img{width:285px!important;max-height:76px!important}.nav-desktop{height:106px!important}.nav-item>a{height:106px!important;font-size:15px!important;letter-spacing:1px!important}.dropdown-menu-custom{top:106px!important;min-width:250px!important;padding:12px 0!important}.dropdown-menu-custom a{padding:11px 25px!important;font-size:15px!important}.mobile-toggle span{display:block;width:26px;height:2px;background:#333;margin:5px 0}
.section-title,.home-main-title{font-weight:300;color:#333;letter-spacing:-1px}.classic-btn,.original-outline-btn{border:1px solid var(--sky)!important;background:#fff!important;color:#111!important;border-radius:2px;transition:.2s}.classic-btn:hover,.original-outline-btn:hover{background:var(--sky)!important;color:#fff!important}
.hero-slider,.about-slider{max-width:100%;overflow:hidden}.hero-slide img,.about-slider img{width:100%;object-fit:cover}.about-page-original{background:#fff}.about-page-inner{max-width:1500px;width:86%;margin:auto;padding:65px 0}.about-page-text{font-size:18px;line-height:1.75}.about-intro-green,.intro-green{color:var(--green)!important;font-weight:700;font-style:italic}.about-social-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:45px}
.content-page{padding:70px 0}.content-page>.container{background:#fff}.content-page h1{margin-bottom:50px}.content-page h2{color:#333;font-weight:400}.content-page img{border-radius:2px}.course-page{border-radius:0;box-shadow:none;max-width:1500px}.course-page p{font-size:18px}.contacts-page{padding:70px 0}.contacts-page h1{font-size:46px;font-weight:300;color:#333}.contacts-page iframe{width:100%;height:480px;border:0!important}.map-card{overflow:hidden}
.all-gallery{padding:65px 2.5%;background:var(--cream)}.gallery-grid{gap:12px}.gallery-grid img{height:340px;transition:transform .25s}.gallery-grid a:hover img{transform:scale(1.02)}
.teacher-profile{padding:70px 0!important}.teacher-profile-inner{width:min(1460px,88vw)!important;gap:80px!important}.teacher-visual img{width:430px!important;height:430px!important;border:4px solid #24bba9!important;margin-bottom:36px!important}.teacher-visual h2{font-size:56px!important;color:var(--green)!important}.teacher-bio{font-size:18px!important;line-height:1.72!important}.teacher-bio p{font-size:18px!important}.teacher-bio h3{font-size:40px!important;color:#333!important}
.site-footer{background:#f5f5f5!important;padding:58px 0 0!important}.footer-main{max-width:1500px;width:88%;margin:auto}.footer-grid{display:grid;grid-template-columns:1.05fr 1fr 1.15fr 1fr;gap:55px}.site-footer h3{font-size:29px!important;margin-bottom:22px!important;color:#222}.site-footer p,.site-footer a{font-size:16px!important;line-height:1.7}.footer-news{padding:10px 0}.footer-news small{display:block;margin-top:6px}.footer-facebook img{width:100%;max-width:340px}.footer-contacts{text-align:center}.copyright{display:flex;justify-content:center;align-items:center;gap:35px;margin-top:55px!important;background:var(--blue)!important;padding:18px 30px!important}.copyright-social{display:flex;gap:10px}.copyright-social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:16px!important}
@media(max-width:1250px){.brand-box{width:320px!important;min-width:280px!important;padding:0 25px!important}.brand-box img{width:245px!important}.nav-item>a{font-size:13px!important}.footer-grid{grid-template-columns:repeat(2,1fr)}.teacher-profile-inner{gap:45px!important}.teacher-visual img{width:360px!important;height:360px!important}}
@media(max-width:900px){.site-header,.header-inner{height:76px!important}.brand-box{height:76px!important;width:auto!important;min-width:0!important;border-right:0!important}.brand-box img{width:230px!important}.mobile-menu{top:76px!important}.container,.footer-main{width:92%}.teacher-profile-inner{grid-template-columns:1fr!important}.teacher-profile .teacher-visual{order:-1!important}.teacher-visual img{width:300px!important;height:300px!important}.footer-grid{grid-template-columns:1fr 1fr}.copyright{flex-direction:column;gap:12px}.contacts-page iframe{height:380px}}
@media(max-width:600px){.brand-box{padding:0 12px!important}.brand-box img{width:205px!important}.footer-grid{grid-template-columns:1fr}.site-footer{text-align:left}.footer-contacts{text-align:left}.teacher-visual h2{font-size:38px!important}.teacher-bio h3{font-size:31px!important}.teacher-bio,.teacher-bio p,.about-page-text,.course-page p{font-size:16px!important}.gallery-grid{grid-template-columns:1fr!important}.gallery-grid img{height:300px}.about-page-inner{width:90%;padding:45px 0}.copyright{text-align:center}.contacts-page{padding:45px 0}.contacts-page h1{font-size:38px}}


/* ===== GALLERY 2026: rebuilt from Joomla Advanced Portfolio Pro ===== */
.gallery-page{padding:56px 0 70px!important;background:#f4f0c8!important;overflow:visible}
.gallery-page-inner{width:min(1760px,96vw);margin:0 auto}
.gallery-page .section-title{margin:0 0 14px!important;font-size:clamp(38px,3.2vw,58px)!important;text-align:center}
.gallery-intro{max-width:980px;margin:0 auto 34px;text-align:center;color:#6d6d6d;font-size:17px;line-height:1.6}
.gallery-page .gallery-filter{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:0 auto 38px}
.gallery-page .gallery-filter button{appearance:none;border:1px solid #55b8ed;background:rgba(255,255,255,.48);color:#757575;padding:10px 16px;border-radius:2px;font-size:15px;font-weight:300;line-height:1.25;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s}
.gallery-page .gallery-filter button span{display:inline-block;margin-left:5px;opacity:.68;font-size:12px}
.gallery-page .gallery-filter button:hover{border-color:#3ea8d8;color:#3c9ecb;transform:translateY(-1px)}
.gallery-page .gallery-filter button.active{background:#3ea8d8;color:#fff;border-color:#3ea8d8}
.gallery-page .gallery-grid{display:block!important;columns:4;column-gap:14px}
.gallery-page .gallery-item{display:block!important;width:100%;margin:0 0 14px;break-inside:avoid;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.07);opacity:1;transform:translateZ(0)}
.gallery-page .gallery-item.hidden-item{display:none!important}
.gallery-page .gallery-item img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:#fff;transition:transform .25s ease,filter .25s ease}
.gallery-page .gallery-item:hover img{transform:scale(1.015);filter:saturate(1.04)}
.lightbox{padding:28px;background:rgba(18,18,18,.95)}
.lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:92vw;max-height:92vh}
.lightbox-figure img{display:block;max-width:92vw!important;max-height:84vh!important;width:auto!important;height:auto!important;object-fit:contain}
.lightbox-figure figcaption{min-height:28px;margin-top:10px;color:#eee;font-size:14px;text-align:center}
.lightbox-close,.lightbox-prev,.lightbox-next{display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.28);line-height:1;cursor:pointer;transition:background .18s,transform .18s}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:rgba(94,178,221,.78);transform:scale(1.04)}
.lightbox-close{z-index:2}
body.lightbox-open{overflow:hidden}

/* ===== MOBILE HEADER: always-visible hamburger ===== */
@media(max-width:900px){
  .site-header{overflow:visible!important}
  .site-header .header-inner{display:flex!important;align-items:center!important;width:100%!important;height:76px!important;padding:0 12px!important}
  .site-header .brand-box{display:flex!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;height:76px!important;padding:0 8px!important;overflow:hidden}
  .site-header .brand-box img{width:min(230px,72vw)!important;max-width:100%!important;max-height:62px!important}
  .site-header .nav-desktop{display:none!important}
  .site-header .mobile-toggle{display:flex!important;position:relative!important;z-index:1202!important;flex:0 0 44px!important;width:44px!important;height:44px!important;margin:0 2px 0 12px!important;padding:10px!important;border:1px solid #d6d6d6!important;border-radius:6px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.07)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;cursor:pointer!important}
  .site-header .mobile-toggle span{display:block!important;width:22px!important;height:2px!important;margin:0!important;border-radius:2px!important;background:#333!important;transition:transform .22s ease,opacity .18s ease!important;transform-origin:center!important}
  .site-header .mobile-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .site-header .mobile-toggle.is-open span:nth-child(2){opacity:0!important}
  .site-header .mobile-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
  .site-header .mobile-menu{display:none!important;position:absolute!important;z-index:1201!important;top:76px!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100vh - 76px)!important;overflow-y:auto!important;padding:6px 0!important;background:#fff!important;box-shadow:0 7px 16px rgba(0,0,0,.16)!important}
  .site-header .mobile-menu.open{display:block!important}
  .site-header .mobile-menu a{display:block!important;padding:13px 22px!important;border-bottom:1px solid #ececec!important;color:#333!important;font-size:14px!important;line-height:1.35!important;text-transform:uppercase!important}
  .site-header .mobile-menu a:last-child{border-bottom:0!important}
  .site-header .mobile-menu a:hover,.site-header .mobile-menu a:focus{color:#55afe2!important;background:#fafafa!important}
  .gallery-page .gallery-grid{columns:2!important}
}
@media(max-width:560px){
  .site-header .header-inner{padding:0 8px!important}
  .site-header .brand-box img{width:min(210px,70vw)!important}
  .site-header .mobile-toggle{flex-basis:42px!important;width:42px!important;height:42px!important;margin-left:8px!important}
  .gallery-page{padding:38px 0 52px!important}
  .gallery-page-inner{width:94vw}
  .gallery-page .gallery-filter{justify-content:flex-start;gap:6px;margin-bottom:24px}
  .gallery-page .gallery-filter button{padding:8px 11px;font-size:13px}
  .gallery-page .gallery-grid{columns:1!important}
  .gallery-page .gallery-item{margin-bottom:12px}
  .lightbox{padding:10px}
  .lightbox-prev,.lightbox-next{width:42px!important;height:42px!important;font-size:32px!important}
  .lightbox-prev{left:8px!important}.lightbox-next{right:8px!important}.lightbox-close{top:8px!important;right:8px!important}
}


/* Home gallery: synchronized with the full gallery */
.home-gallery-original{min-height:0!important;padding-bottom:72px!important}
.home-gallery-grid{margin:0 auto!important;padding-bottom:38px!important}
.home-gallery-item{display:block;height:336px;overflow:hidden;background:#fff}
.home-gallery-item.hidden-item{display:none!important}
.home-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease,filter .25s ease}
.home-gallery-item:hover img{transform:scale(1.02);filter:saturate(1.04)}
.home-gallery-more{text-align:center;padding:0 20px}
.home-gallery-more .original-outline-btn{min-width:290px}
@media(max-width:1050px){.home-gallery-item{height:310px}}
@media(max-width:620px){
  .home-gallery-filters{overflow:visible!important;flex-wrap:wrap!important;justify-content:flex-start!important}
  .home-gallery-filters button{height:auto!important;min-height:44px;padding:8px 12px!important;white-space:normal!important;font-size:14px!important}
  .home-gallery-grid{grid-template-columns:1fr!important;max-width:94vw!important;padding-left:0!important;padding-right:0!important}
  .home-gallery-item{height:auto!important;max-height:none!important}
  .home-gallery-item img{height:auto!important;object-fit:contain!important}
  .home-gallery-more .original-outline-btn{min-width:0;width:100%;max-width:330px}
}