@import 'basic.css';*{box-sizing:border-box}body,html{margin:0;font-family:var(--font-roboto);color:var(--accent-light);background:var(--accent-light)}.hero{position:relative;min-height:70vh;height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,4rem);text-align:center;overflow:hidden}.hero-inner{z-index:2;max-width:1100px;width:100%;display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.site-name{position:relative;display:inline-block;color:var(--accent-light);font-family:var(--font-triodion);font-weight:400;letter-spacing:0.02em;font-size:2.5rem;padding:0.25rem 1rem;isolation:isolate}.site-name::before,.site-name::after{content:"";position:absolute;transform:translateX(-50%) translateY(0);width:100%;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0.9),rgba(255,255,255,0.6));opacity:0;border-radius:2px}.site-name::before{top:-10px;left:0}.site-name::after{bottom:-10px;left:0}@keyframes slideInFromLeft{0%{transform:translateX(-140%) translateY(0);opacity:0} 60%{transform:translateX(12%) translateY(0);opacity:1} 100%{transform:translateX(0) translateY(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translateX(140%) translateY(0);opacity:0} 60%{transform:translateX(-12%) translateY(0);opacity:1} 100%{transform:translateX(0) translateY(0);opacity:1}}.hero.animate .site-name::before{animation:slideInFromLeft 1s cubic-bezier(.22,.9,.18,1) forwards}.hero.animate .site-name::after{animation:slideInFromRight 1s cubic-bezier(.22,.9,.18,1) forwards}.hero.animate .site-name::before{animation-delay:0.05s}.hero.animate .site-name::after{animation-delay:0.12s}.scroll-down{position:absolute;left:50%;transform:translateX(-50%);bottom:clamp(2rem,4vh,3.5rem);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.06);border-radius:999px;backdrop-filter:blur(3px);cursor:pointer;transition:transform var(--transition-fast) ease,background var(--transition-fast) ease;border:1px solid rgba(255,255,255,0.08)}.scroll-down svg{width:22px;height:22px;fill:none;stroke:var(--accent-light);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.scroll-down:hover{transform:translateX(-50%) translateY(-2px) scale(1.01);background:rgba(255,255,255,0.09)}.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}@media (prefers-reduced-motion:reduce){.hero.animate .site-name::before,.hero.animate .site-name::after,.hero.animate .hero-sub,.scroll-down .arrow{animation:none !important;transition:none !important}}@media (max-width:420px){.scroll-down{width:42px;height:42px;bottom:1.6rem} .site-name{padding:0.12rem .6rem}}.news-section{padding:48px 16px;background:transparent}.news-container{max-width:1500px;margin:0 auto}.news-title{font-size:1.75rem;margin:0 0 40px;color:var(--brown-dark);text-align:center;font-family:var(--font-triodion);font-weight:300}.carousel-wrapper{position:relative;overflow:hidden;margin-top:8px}.main-swiper{padding-bottom:18px;display:flex}.swiper-wrapper{display:grid;grid-auto-flow:column;align-items:stretch}.swiper-slide.carousel-slide{display:flex;flex-direction:column;align-items:center;width:auto;flex:0 0 auto}.card{background:var(--bg-card);border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);width:90%;display:flex;flex-direction:column;height:100%}.card-media img{width:100%;height:200px;object-fit:cover;display:block}.image-placeholder{height:200px;background:linear-gradient(90deg,#f3f3f3,#e9e9e9)}.card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px;width:100%;flex:1 1 auto}.card-title{margin:0;font-size:1.05rem;color:var(--brown-dark)}.card-excerpt{margin:0;color:var(--brown-medium);font-size:0.95rem;line-height:1.4;width:100%;white-space:pre-line;word-wrap:break-word}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}.card-meta time{color:#999;font-size:0.85rem}.card-more{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:6px 10px;border-radius:6px;text-decoration:none;font-size:0.9rem;transition:background .14s,color .14s}.card-more:hover{background:var(--primary);color:#fff}.news-footer{display:flex;justify-content:center;margin-top:18px}.all-news-btn{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--brown-medium);color:#fff;text-decoration:none;font-weight:600}.all-news-btn:hover,.all-news-btn:focus{background:var(--brown-light);box-shadow:var(--shadow-lg)}@media (prefers-reduced-motion:reduce){.swiper-wrapper,.swiper-slide,.icon-item,.card{transition:none !important;animation:none !important}}.timeline{display:flex;flex-direction:column}.timeline .line{display:flex;flex-direction:row;justify-content:center;margin-bottom:1em}.line .icon2{position:relative;display:flex;align-items:center;justify-content:center;width:45px;border-radius:100px;background-color:#402717;aspect-ratio:1/1}.swiper-button-next,.swiper-button-prev{border-radius:100px !important;background-color:#402717 !important;aspect-ratio:1/1 !important;width:45px !important;top:22px !important} .swiper-button-next{right:0 !important} .swiper-button-prev{left:0 !important} .swiper-button-next::after{content:'' !important;background-image:url(/static/images/right.svg) !important;background-repeat:no-repeat !important;background-position:center !important;background-size:contain !important;display:block;height:80%;position:absolute;width:80%;z-index:20;filter:#fff !important} .swiper-button-prev::after{content:'' !important;background-image:url(/static/images/left.svg) !important;background-repeat:no-repeat !important;background-position:center !important;background-size:contain !important;display:block;height:80%;position:absolute;width:80%;z-index:20;filter:#fff !important}.date{font-size:small;color:#402717 !important}.lline{position:absolute;border-bottom:2px solid #211107;height:22.5px;min-width:40%;margin-right:10px;left:0}.rline{position:absolute;border-bottom:2px solid #211107;height:22.5px;min-width:40%;margin-left:10px;right:0}:root{--ss-bg:linear-gradient(180deg,#0b0b0c 0,#121212 100%);--ss-card-bg:rgba(255,255,255,0.03);--ss-accent:#e9e6df;--ss-muted:rgba(233,230,223,0.7);--ss-line:#2b1a12}.ss-section{background:var(--brown-medium);padding:clamp(2rem,4vw,4rem) 16px;color:var(--accent-light)}.ss-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:22px;align-items:center}#ss-title{color:var(--accent-light);font-family:var(--font-triodion);font-weight:300}.ss-cards{display:flex;gap:5rem;max-width:900px;width:100%;justify-content:center;margin-top:8px}@media screen and (max-width:560px){.ss-cards{flex-wrap:wrap}}.ss-card{display:block;width:calc(50% - 9px);min-width:240px;text-decoration:none;background:var(--brown-light);border-radius:12px;border:1px solid rgba(255,255,255,0.04);box-shadow:0 10px 30px rgba(2,2,2,0.5);transition:transform .18s ease,background .14s ease,box-shadow .14s ease;overflow:hidden}.ss-card:focus,.ss-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(2,2,2,0.6);outline:none}.ss-card .card-body{padding:18px}.ss-card .card-title{margin:0 0 6px;font-size:1.1rem;color:var(--ss-accent)}.ss-card .card-excerpt{margin:0 0 10px;color:var(--ss-muted);font-size:0.95rem;line-height:1.45}.card-body .card-img{border-radius:10px}.ss-card .card-more{display:inline-block;color:var(--accent-light);font-weight:600;font-size:0.95rem;margin-top:6px;text-decoration:none}@media screen and (max-width:480px){.ss-card{width:calc(90% - 9px)}}@media (prefers-reduced-motion:reduce){.icon2,.ss-card,.ss-nav-btn{transition:none !important;animation:none !important}}.school-section{display:flex;flex-direction:column;align-items:center;background:var(--brown-medium);padding:80px 16px;color:var(--accent-light);width:100%}.school-section__title{margin:0 0 80px;letter-spacing:0.15rem;font-family:var(--font-triodion);font-size:clamp(2rem,2.5vw,2.5rem);color:var(--accent-light);text-align:center;text-transform:uppercase;font-weight:300}.school-section__inner{padding:0;max-width:1200px;margin:0 auto;width:100%}.school-section__cards{display:grid;justify-content:center;grid-template-columns:1fr;gap:48px;padding:0;margin:0;list-style:none;width:100%}.school-section__card{display:block;position:relative;height:340px;border-radius:8px;overflow:hidden;text-decoration:none;color:var(--accent-light);transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 6px 20px rgba(10,20,40,0.12);cursor:pointer;outline:none}#first-card{background:linear-gradient(180deg,rgba(17,11,7,.4) 0,rgba(17,11,7,.65) 85%),url(/static/images/o_v_s.webp);background-repeat:no-repeat;background-size:cover;background-position:40% center}#second-card{background:linear-gradient(180deg,rgba(17,11,7,.4) 0,rgba(17,11,7,.65) 85%),url(/static/images/sobytiya_v_s.webp);background-repeat:no-repeat;background-size:cover;background-position:40% center}#third-card{background:linear-gradient(180deg,rgba(17,11,7,.4) 0,rgba(17,11,7,.65) 85%),url(/static/images/bibliya.png);background-repeat:no-repeat;background-size:cover;background-position:40% center}.school-section__card:focus-visible{box-shadow:0 0 0 4px rgba(43,88,122,0.22),0 6px 20px rgba(10,20,40,0.12)}.school-section__card:hover,.school-section__card:focus{box-shadow:0 12px 34px rgba(10,20,40,0.18)}.school-section__card-body{position:absolute;left:0;right:0;bottom:20px;padding:20px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100px}.school-section__card-title{margin:0;color:var(--accent-light);font-weight:700;text-transform:uppercase;font-size:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,0.35);min-height:48px}.school-section__card-more{display:inline-flex;align-items:center;margin-top:20px;padding:8px 16px;border-radius:8px;background:var(--accent-dark);color:var(--brown-medium);font-weight:700;box-shadow:0 2px 6px rgba(2,12,40,0.15);transform:translateY(8px);opacity:1;transition:opacity 0.2s,transform 0.2s;cursor:pointer}.school-section__card:hover .school-section__card-more,.school-section__card:focus .school-section__card-more{opacity:1}.school-section__card-body > *{max-width:92%}@media (min-width:720px){.school-section__cards{grid-template-columns:.8fr} }@media (min-width:1200px){.school-section__cards{grid-template-columns:repeat(3,1fr)} .school-section__card-more{opacity:0} }.contacts{display:flex;gap:48px;max-width:900px;width:100%;margin-top:8px;justify-content:center;flex-wrap:wrap}@media screen and (max-width:560px){.contacts{flex-wrap:wrap}}.contacts__card{display:flex;flex-direction:column;align-items:center;width:calc(25% - 9px);min-width:240px;background:var(--brown-light);border-radius:12px;border:1px solid rgba(255,255,255,0.04);box-shadow:0 10px 30px rgba(2,2,2,0.5);overflow:hidden}.contacts__title{margin:0 0 8px;font-size:1.1rem;color:var(--accent-dark)}.contacts__excerpt{margin:0 0 10px;color:var(--ss-muted);font-size:0.95rem;line-height:1.45}.contacts__body{padding:18px;padding-top:12px;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}@media screen and (max-width:480px){.contacts__card{width:calc(90% - 9px)}}.contacts__link{color:var(--accent-light);font-weight:600;font-size:0.95rem;text-decoration:none;display:inline-block;transition:color .12s ease,text-decoration .12s ease;outline:none}.contacts__link:hover,.contacts__link:focus{color:var(--ss-accent);text-decoration:underline}.contacts__link{cursor:pointer}@media screen and (max-width:480px){.contacts__excerpt .contacts__link{word-break:break-word}}.schedule-section{background:var(--brown-medium);padding:clamp(2rem,4vw,3rem) 16px;color:var(--accent-light);scroll-margin:70px}#schedule-title{color:var(--accent-light);font-family:var(--font-triodion);font-weight:300}.schedule-actions{display:flex;justify-content:center;margin-top:4rem}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600}.btn-primary:hover{transform:translateY(-3px);box-shadow:rgba(2,2,2,0.5) 0 10px 30px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-item{border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.grid-item .img-wrap{width:100%;aspect-ratio:4 / 3;display:block}.grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s,opacity .18s}.grid-item img:hover{transform:scale(1.03);opacity:.95}@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.gallery{grid-template-columns:repeat(1,1fr)} .container{margin:1rem}}.fancybox-inner{bottom:10%;left:15%;position:absolute;right:15%;top:10%;background-color:#000;border-radius:10px}.fancybox-button--fsenter{border-bottom-left-radius:10px !important}.fancybox-button--close{border-top-right-radius:10px !important}.fancybox-navigation .fancybox-button--arrow_right,.fancybox-navigation .fancybox-button--arrow_left{padding:0}.fancybox-navigation .fancybox-button{height:44px;aspect-ratio:1/1 !important;width:auto !important;border-radius:10px;top:calc(50% - 22px)}.fancybox-infobar{padding:0 15px} .flip-card{background-color:var(--accent-dark);width:200px;height:120px;perspective:1000px;border-radius:12px;box-shadow:0 10px 30px rgba(2,2,2,0.5)} .flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.6s;transform-style:preserve-3d;border-radius:12px} .flip-card:hover .flip-card-inner,.flip-card:focus-within .flip-card-inner{transform:rotateY(-180deg)} .flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center} .flip-card-front{background:var(--brown-medium);color:var(--accent-light)} .flip-card-back{background:var(--brown-very-light);color:#fff;transform:rotateY(-180deg)} .flip-card .card-body{padding:16px} .flip-card .card-title{margin:0 0 8px;font-size:1.2rem;font-family:var(--font-triodion);font-weight:400;color:#fff} .flip-card .card-excerpt{font-size:1rem;line-height:1.4;color:#fff} .contacts-cards{flex-wrap:wrap} @media (max-width:560px){.flip-card{width:100%;max-width:280px;margin:0 auto;margin-bottom:1.5rem} } .cta-hero{position:relative;height:75vh;width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,5vw,5rem);text-align:center;background-image:linear-gradient(180deg,rgba(17,11,7,0.6) 0,rgba(17,11,7,0.85) 85%),url('/static/images/xram.webp');background-size:cover;background-position:center 30%;color:var(--accent-light);font-family:var(--font-triodion);overflow:hidden} .cta-inner{max-width:900px;z-index:2} .cta-title{font-size:2.5rem;font-weight:400;letter-spacing:0.05em;margin:0 0 0.6em;color:var(--accent-light);text-shadow:0 2px 8px rgba(0,0,0,0.8);position:relative} .cta-title::before,.cta-title::after{content:"";position:absolute;width:100%;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0.6));border-radius:2px;opacity:0.8} .cta-title::before{top:-12px;left:0} .cta-title::after{bottom:-12px;left:0} .cta-subtitle{font-size:clamp(.8rem,3vw,1.2rem);margin-bottom:2rem;color:var(--accent-light);font-family:var(--font-roboto);font-weight:300;text-shadow:0 1px 5px rgba(0,0,0,0.5)} .cta-button{display:inline-block;background-color:var(--brown-medium);color:#fff;font-family:var(--font-roboto);font-weight:100;font-size:1rem;padding:0.75rem 2.5rem;border-radius:10px;text-decoration:none;box-shadow:0 6px 20px rgba(var(--shadow-lg,61,133,198),0.6);transition:background-color 0.3s ease,box-shadow 0.3s ease,transform 0.2s ease} .cta-button:hover,.cta-button:focus{background-color:var(--brown-light);box-shadow:0 10px 30px var(--shadow-lg);transform:translateY(-3px);outline:none} .cta-hero::after{content:"";position:absolute;inset:0;background:rgba(17,11,7,0.4);z-index:1;pointer-events:none} @media (max-width:480px){.cta-title{font-size:1.5rem} .cta-subtitle{font-size:1rem} .cta-button{font-size:1rem;padding:0.6rem 2rem} }