/* School identity: original emblem, warm neutrals, compact navigation. */
body#st-page {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;color:#32302e}
body#st-page .kamerton-header {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body#st-page .kamerton-header .container {max-width:1200px}
body#st-page #st-top.kamerton-utility {display:block;background:#faf8f4;color:#74665D;border-bottom:1px solid #e9e2d8}
.kamerton-utility-inner {display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:38px;position:relative;font-size:12px}
.kamerton-tools {display:flex;gap:22px;align-items:center}
body#st-page .kamerton-tools a,body#st-page .kamerton-tools button {color:#74665D;display:inline-flex;align-items:center;gap:8px;background:none;border:0;border-radius:0;font:inherit;line-height:1.5;padding:9px 0!important;margin:0;cursor:pointer;text-decoration:none}
body#st-page .kamerton-tools a:hover,body#st-page .kamerton-tools button:hover {color:#7C2812;text-decoration:underline}
body#st-page .kamerton-tools #StandartBtn {display:none}
body#st-page .kamerton-tools #btn-search {display:inline-flex}
body#st-page #st-top .search-module {display:none!important;position:absolute;top:100%;right:15px;width:min(480px,calc(100vw - 30px));padding:18px;background:#fffefa;border:1px solid #e2d6c5;border-radius:0 0 4px 4px;z-index:1100;box-shadow:0 8px 24px #33201218}
body#st-page #st-top .search-module.is-open {display:block!important}
body#st-page #st-head.kamerton-brand-area {height:auto;min-height:0;background:#fffefa;background-image:none;padding:0}
.kamerton-brand-inner {display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:24px;padding-bottom:24px}
body#st-page .kamerton-brand {display:flex;align-items:center;gap:21px;text-decoration:none;color:#6d3422}
.kamerton-emblem {display:grid;place-items:center;width:88px;height:94px;flex:none;background:#7C2812;border-radius:3px}
.kamerton-emblem img {width:68px;height:74px;object-fit:contain}
.kamerton-wordmark {display:flex;flex-direction:column}
.kamerton-eyebrow {font-size:14px;letter-spacing:.045em;color:#6d625b;line-height:1.6}
.kamerton-name {font-family:Georgia,"Times New Roman",serif;font-size:43px;line-height:1.08;letter-spacing:-.025em;margin:3px 0 7px;font-weight:400}
.kamerton-city {font-size:13px;color:#83756a;line-height:1.6}
.kamerton-contacts {display:flex;flex-direction:column;align-items:flex-end;line-height:1.65}
body#st-page .kamerton-phone {font-size:21px;font-weight:600;letter-spacing:.01em;color:#7C2812}
.kamerton-address {font-size:13px;color:#665f58;margin-top:3px}
body#st-page .kamerton-email {font-size:13px;color:#887663}
body#st-page #horizontal-menu {background:#7C2812;border-bottom:3px solid #D7B56D;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body#st-page #horizontal-menu>.container {max-width:1200px}
body#st-page #horizontal-menu ul.mod-menu.mod-list.nav {justify-content:space-between}
body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li>a {font-family:inherit;font-size:13px;font-weight:500;line-height:20px;text-transform:none;color:#fffaf2;padding:17px 12px!important}
body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li.deeper.parent>a {padding-right:32px!important}
body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li.current>a,body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li.active>a,body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li>a:hover {background:#64311e;color:#f7dbac}
body#st-page #horizontal-menu .mod-menu__toggle-sub {color:#f7dbac;min-height:54px}
body#st-page #horizontal-menu .mod-menu__sub {background:#fffefa;border:1px solid #e2d6c5;box-shadow:0 6px 16px #33201218}
body#st-page #horizontal-menu .mod-menu__sub a {color:#7C2812;border-bottom-color:#e9e2d8;font-family:inherit;font-size:13px;text-transform:none;line-height:1.5}
body#st-page #horizontal-menu .mod-menu__sub a:hover {background:#f1e9dd;color:#7C2812}
body#st-page #horizontal-menu .mod-menu__sub .mod-menu__toggle-sub {color:#7C2812}
body#st-page #horizontal-menu-button {width:100%;border:0;border-bottom:2px solid #D7B56D;border-radius:0;background:#7C2812;color:#fffaf2;text-align:left;padding:15px 22px;font-size:15px;line-height:24px}
body#st-page #horizontal-menu-button span {margin-right:10px}
body#st-page #breadcrumbs-section {background:#f5f4f1;color:#8c8278}
body#st-page #breadcrumbs-section a {color:#8c8278}
body#st-page .widget>h3 {background:#ece8e1;color:#655548;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;text-transform:none}
body#st-page .widget ul.mod-menu.mod-list.nav>li>a {font-size:13px;color:#756a60}
body#st-page .widget ul.mod-menu.mod-list.nav>li.current>a {color:#743d28;font-weight:600;background:#faf6ee}
body#st-page .com-content-article h1 {font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:400;text-transform:none;color:#4B2C20;line-height:1.25}
body#st-page #footer {background:#5b463b;color:#fffaf2}
body#st-page #footer .widget>h3 {background:#6b574c;color:#fffaf2}
.kamerton-header a:focus-visible,.kamerton-header button:focus-visible {outline:2px solid #D7B56D;outline-offset:4px}
@media(max-width:991.98px){
 .kamerton-brand-inner{gap:16px}.kamerton-name{font-size:37px}.kamerton-address{max-width:260px;text-align:right}
 body#st-page #horizontal-menu {position:static}
 body#st-page #horizontal-menu .mod-menu__sub {box-shadow:none}
 body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li>a {font-size:14px;padding:13px 12px!important}
 body#st-page #horizontal-menu .mod-menu__toggle-sub {min-height:46px}
}
@media(max-width:720px){
 .kamerton-official{display:none}.kamerton-utility-inner{justify-content:flex-end}.kamerton-tools{width:100%;justify-content:space-between;gap:14px;font-size:11px}
 .kamerton-brand-inner{display:block;padding-top:20px;padding-bottom:20px}body#st-page .kamerton-brand{gap:14px}
 .kamerton-emblem{width:64px;height:74px}.kamerton-emblem img{width:52px;height:58px}.kamerton-eyebrow{font-size:12px}.kamerton-name{font-size:34px}.kamerton-city{font-size:11px}
 .kamerton-contacts{align-items:flex-start;flex-flow:row wrap;gap:4px 16px;margin-top:18px}body#st-page .kamerton-phone{font-size:18px}.kamerton-address{font-size:12px;text-align:left;max-width:none;order:3;width:100%}body#st-page .kamerton-email{font-size:12px}
 body#st-page .com-content-article h1{font-size:27px}
}

body#st-page .kamerton-official { color:#74665D; text-decoration:none; }
body#st-page .kamerton-official:hover { color:#7C2812; text-decoration:underline; text-underline-offset:3px; }
@media(min-width:992px) { body#st-page #mod-menu1 > .item-102 { display:none; } }
@media(max-width:991.98px) { body#st-page #mod-menu1 > .item-102 { display:list-item; } .kamerton-official { display:none; } }

/* Dark arts-school header. The original emblem silhouette is preserved. */
body#st-page .kamerton-header { background:#321e18; }
body#st-page #st-top.kamerton-utility { background:#2d1b16; border-bottom:1px solid #D7B56D26; color:#eadcc9; }
body#st-page .kamerton-official, body#st-page .kamerton-tools a, body#st-page .kamerton-tools button { color:#eadcc9; }
body#st-page .kamerton-official:hover, body#st-page .kamerton-tools a:hover, body#st-page .kamerton-tools button:hover { color:#D7B56D; }
body#st-page #st-head.kamerton-brand-area { position:relative; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 54% 50%,#D7B56D38,transparent 65%),linear-gradient(115deg,#382019,#4c2c1e 67%,#321e18); }
body#st-page #st-head.kamerton-brand-area::before { content:""; position:absolute; pointer-events:none; z-index:-1; left:24%; top:30px; width:65%; height:180px; border-top:1px solid #D7B56D25; border-radius:50%; box-shadow:0 -13px 0 -12px #D7B56D25,0 -26px 0 -25px #D7B56D25,0 -39px 0 -38px #D7B56D25,0 -52px 0 -51px #D7B56D25; transform:rotate(-7deg); }
.kamerton-brand-inner { padding-top:22px; padding-bottom:22px; }
body#st-page .kamerton-brand { color:#fff4e3; gap:22px; }
.kamerton-emblem { width:92px;height:106px;background:none;border-radius:0; }
.kamerton-emblem img { width:88px;height:100px; filter:grayscale(1) brightness(0) invert(.83) sepia(.4) saturate(1.3); }
.kamerton-name { font-size:49px; color:#fff4e3; }
.kamerton-eyebrow { color:#e9d6ba;font-size:14px;letter-spacing:.06em; }
.kamerton-city { color:#D7B56D;font-size:11px;letter-spacing:.055em; }
.kamerton-contacts { border-left:1px solid #D7B56D5c; padding-left:26px; }
body#st-page .kamerton-phone { color:#f6e7cd; font-size:21px;font-weight:500; }
.kamerton-address { color:#D7B56D; }
body#st-page .kamerton-email { color:#D7B56D; }
body#st-page #horizontal-menu { background:linear-gradient(110deg,#382019,#48291e 67%,#321e18); border-bottom:1px solid #D7B56D; }
body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li>a { padding-top:13px!important;padding-bottom:13px!important; color:#f4e7d4; }
body#st-page #horizontal-menu .mod-menu__toggle-sub { min-height:46px; }
body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li.current>a, body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li.active>a, body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li>a:hover { background:#D7B56D14;color:#D7B56D;box-shadow:inset 0 -2px #D7B56D; }
body#st-page #horizontal-menu-button { background:#382019;color:#f4e7d4;border-bottom:1px solid #D7B56D; }
@media(max-width:991.98px) { body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li>a { padding-top:13px!important;padding-bottom:13px!important; } }
@media(max-width:720px) { .kamerton-brand-inner { padding-top:20px;padding-bottom:20px; }.kamerton-emblem { width:66px;height:80px; }.kamerton-emblem img { width:64px;height:76px; }.kamerton-name { font-size:36px; }.kamerton-eyebrow { font-size:12px; }.kamerton-city { font-size:10px;letter-spacing:0; }.kamerton-contacts { border-left:0;padding-left:0;margin-top:16px; } }

.kamerton-emblem img,.kamerton-welcome-logo { filter:brightness(0) saturate(100%) invert(73%) sepia(28%) saturate(517%) hue-rotate(352deg) brightness(92%) contrast(87%); }

/* Refined warm header with a discreet musical quotation. */
body#st-page .kamerton-header { background:#5b3b29; }
body#st-page #st-top.kamerton-utility { background:#563724; border-bottom-color:#D7B56D38; }
body#st-page #st-head.kamerton-brand-area { background:radial-gradient(ellipse at 53% 45%,#D7B56D40,transparent 70%),linear-gradient(110deg,#573725,#725033 65%,#573a29); overflow:visible; }
body#st-page #st-head.kamerton-brand-area::before { display:none; }
.kamerton-brand-inner { position:relative; gap:24px; padding-top:20px; padding-bottom:20px; }
body#st-page .kamerton-brand { position:relative;z-index:1;flex:none;gap:18px; }
.kamerton-name { font-size:47px; }
.kamerton-city { font-size:10px;letter-spacing:.04em; }
.kamerton-header-melody { flex:1;min-width:100px;height:115px;background:url(../../../images/brand/header-melody.svg?v=2) center/100% auto no-repeat;opacity:.84;pointer-events:none; }
.kamerton-contacts { position:relative;z-index:1;flex:none;padding-left:22px; }
body#st-page #horizontal-menu { background:linear-gradient(110deg,#573725,#68452e 65%,#573a29);border-bottom-color:#D7B56D; }
body#st-page .kamerton-official::before { content:"i";display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #D7B56D;border-radius:50%;font-family:Georgia,serif;font-size:11px;margin-right:8px;line-height:1; }
@media(max-width:1199.98px) and (min-width:992px) { .kamerton-brand-inner { gap:15px; }.kamerton-name { font-size:40px; }.kamerton-emblem { width:76px; }.kamerton-emblem img { width:74px; }.kamerton-header-melody { min-width:90px; }.kamerton-contacts { padding-left:16px; }body#st-page .kamerton-phone { font-size:19px; }.kamerton-city { font-size:9px; } }
@media(max-width:991.98px) { .kamerton-header-melody { position:absolute;width:38%;height:80px;left:36%;bottom:8px;opacity:.18;z-index:0; }.kamerton-brand { z-index:1; } }
@media(max-width:720px) { .kamerton-name { font-size:36px; }.kamerton-header-melody { width:44%;height:90px;left:auto;right:10px;bottom:34px;opacity:.26; }.kamerton-city { font-size:10px; }.kamerton-contacts { padding-left:0; } }

/* Slim editorial navigation, matching the approved panorama sketch. */
body#st-page #horizontal-menu { background:#3c251c;border-top:1px solid #D7B56D2b;border-bottom:1px solid #D7B56D; }
body#st-page #horizontal-menu ul.mod-menu.mod-list.nav { justify-content:center;gap:10px; }
body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li>a { font-family:Georgia,"Times New Roman",serif;font-size:14px;font-weight:400;line-height:20px;padding:10px 14px!important;color:#f3e5ce; }
body#st-page #horizontal-menu .mod-menu__toggle-sub { min-height:40px;color:#D7B56D; }
body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li.current>a,body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li.active>a,body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li>a:hover { background:#D7B56D10;color:#D7B56D;box-shadow:inset 0 -2px #D7B56D; }
@media(max-width:1199.98px) and (min-width:992px) { body#st-page #horizontal-menu ul.mod-menu.mod-list.nav {gap:0;}body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li>a {font-size:13px;padding-left:10px!important;padding-right:10px!important;}body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li.deeper.parent>a {padding-right:29px!important;} }
@media(max-width:991.98px) { body#st-page #horizontal-menu ul.mod-menu.mod-list.nav {gap:0;justify-content:flex-start;}body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li>a {font-family:inherit;font-size:14px;padding:13px 12px!important;}body#st-page #horizontal-menu .mod-menu__toggle-sub {min-height:46px;} }

/* Compact school footer */
body#st-page #footer.kamerton-footer{background:linear-gradient(110deg,#735032,#583b29);color:#fff9ee;padding:28px 0 0;position:relative;overflow:hidden;border-top:1px solid #D7B56D}
.kamerton-footer:before{content:"";position:absolute;right:-35px;top:12px;width:240px;height:130px;background:url('/images/brand/header-melody.svg?v=2') center/contain no-repeat;opacity:.2;pointer-events:none}
.kamerton-footer-main{display:grid;grid-template-columns:220px 310px minmax(0,1fr);gap:30px;padding:0 16px 24px;position:relative}
body#st-page .kamerton-footer a{color:#fff9ee;text-decoration:none;line-height:1.6}
body#st-page .kamerton-footer a:hover,body#st-page .kamerton-footer a:focus-visible{color:#D7B56D;text-decoration:underline;text-underline-offset:4px}
.kamerton-footer-brand{border-right:1px solid #D7B56D;padding-right:24px}
body#st-page .kamerton-footer-brand>a{font:36px Georgia,serif;line-height:1.3}
.kamerton-footer-brand p{font-size:14px;margin:6px 0 0;color:#eee0ce}
.kamerton-footer-contacts{display:flex;flex-direction:column;gap:3px;font-size:14px;font-style:normal;margin:0;padding-right:20px;border-right:1px solid #D7B56D}
.kamerton-footer-links{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,auto);grid-template-columns:1fr 1fr;gap:3px 20px;font-size:14px}
.kamerton-footer-bottom{border-top:1px solid #D7B56D;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;font-size:11px;color:#eee0ce;position:relative}
@media(max-width:1100px){.kamerton-footer-main{grid-template-columns:180px 270px minmax(0,1fr);gap:20px}.kamerton-footer-links{font-size:13px;gap:4px 14px}.kamerton-footer-brand>a{font-size:30px!important}}
@media(max-width:767px){.kamerton-footer-main{grid-template-columns:1fr;gap:20px;padding:0 12px 22px}.kamerton-footer-brand,.kamerton-footer-contacts{border-right:0;padding-right:0}.kamerton-footer-contacts{grid-row:2}.kamerton-footer-links{border-top:1px solid #D7B56D;padding-top:18px;font-size:14px;gap:9px 20px}.kamerton-footer-bottom{flex-direction:column;align-items:flex-start;gap:9px;padding:15px 12px}.kamerton-footer:before{top:0;right:-70px}}

/* Official brandbook palette, October 2026. */
:root{--kamerton-burgundy:#7C2812;--kamerton-gold:#D7B56D}
body#st-page .kamerton-header,body#st-page #st-head.kamerton-brand-area{background:#7C2812}
body#st-page #st-top.kamerton-utility{background:#702310;border-bottom-color:#D7B56D66}
body#st-page #horizontal-menu,body#st-page #horizontal-menu-button{background:#61200F;border-color:#D7B56D}
body#st-page .kamerton-phone,body#st-page .kamerton-name{color:#fff9ee}
body#st-page .kamerton-email,body#st-page .kamerton-city,body#st-page .kamerton-eyebrow,body#st-page .kamerton-address{color:#faead1}
body#st-page #footer.kamerton-footer{background:#7C2812;border-top-color:#D7B56D}
body#st-page .kamerton-footer a:hover,body#st-page .kamerton-footer a:focus-visible{color:#fff0c9}
body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li.current>a,body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li.active>a,body#st-page #horizontal-menu ul.mod-menu.mod-list.nav>li>a:hover{color:#fff2d5;box-shadow:inset 0 -2px #D7B56D}

/* Soft illumination behind the musical staff, within the warm brand palette. */
body#st-page #st-head.kamerton-brand-area{background:radial-gradient(ellipse at 54% 44%,rgba(215,181,109,.18) 0%,rgba(215,181,109,.07) 30%,transparent 66%),linear-gradient(110deg,#55200F 0%,#64200F 32%,#713018 60%,#5C200F 100%)}
body#st-page #st-top.kamerton-utility{background:#692411;border-bottom-color:#D7B56D40}
body#st-page #horizontal-menu,body#st-page #horizontal-menu-button{background:#54200F;border-top:1px solid #D7B56D30;border-bottom-color:#D7B56D}

/* Identity remains legible in each accessibility palette, including image-off. */
html body#st-page.accessibility #main-page .kamerton-emblem,
html body#st-page.accessibility #main-page .kamerton-emblem img{background:transparent!important;box-shadow:none!important}
html body#st-page.accessibility #main-page .kamerton-emblem img{display:block!important;filter:brightness(0)!important}
html body#st-page.accessibility.blackStyle #main-page .kamerton-emblem img{filter:brightness(0) invert(1)!important}
html body#st-page.accessibility.blueStyle #main-page .kamerton-emblem img{filter:brightness(0) saturate(100%) invert(16%) sepia(42%) saturate(1900%) hue-rotate(177deg)!important}
html body#st-page.accessibility.greenStyle #main-page .kamerton-emblem img{filter:brightness(0) saturate(100%) invert(86%) sepia(54%) saturate(588%) hue-rotate(26deg)!important}
html body#st-page.accessibility #main-page .kamerton-emblem image-caption{display:none!important}