@keyframes page-enter{0%{opacity:0;translate:0 var(--enter-distance,5px)}to{opacity:1;translate:0}}@keyframes content-enter{0%{opacity:.45;translate:0 2px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:no-preference){[data-enter]{animation:page-enter .31s cubic-bezier(.2,.65,.3,1) var(--enter-delay,25ms) backwards}[data-enter=panel]{--enter-delay:65ms}[data-enter=last]{--enter-delay:.105s}img[data-enter]{--enter-distance:0px}img[data-enter][data-await-image]{opacity:0;animation:none}:where(button,summary,a){transition:background-color .14s,color .14s,border-color .14s,box-shadow .14s,scale .1s}:where(.menu-return,.teachers a,.past-lessons a,.journey a,.answers button,.pieces button,.clips button):active{scale:.985}.doses:not([hidden]){animation:.16s ease-out content-enter}[data-notice],.loading,dialog,dialog::backdrop{transition:opacity .145s ease-out, display .145s allow-discrete}[data-notice][hidden],.loading[hidden],dialog:not([open]),dialog:not([open])::backdrop{opacity:0;pointer-events:none}dialog,dialog::backdrop{transition:opacity .155s ease-out, display .155s allow-discrete, overlay .155s allow-discrete}@starting-style{[data-notice]:not([hidden]),dialog[open],dialog[open]::backdrop{opacity:0}}@supports not (transition-behavior:allow-discrete){[data-notice]:not([hidden]),dialog[open]{animation:.155s ease-out content-enter}}@supports (interpolate-size:allow-keywords) and selector(details::details-content){details::details-content{interpolate-size:allow-keywords;opacity:0;block-size:0;transition:block-size .185s ease-out, opacity .15s ease-out, content-visibility .185s allow-discrete;overflow:clip}details[open]::details-content{opacity:1;block-size:auto}}@supports not ((interpolate-size:allow-keywords) and selector(details::details-content)){details[open]>:not(summary){animation:.155s ease-out content-enter}}}:root{color:#253a34;-webkit-font-smoothing:antialiased;background:#f4f1e9;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 6% 0,#fffdf7,#0000 60%),#f4f1e9;min-height:100vh;margin:0}main{--card-gap:clamp(16px, 1.4vw, 24px);max-width:1920px;margin-inline:auto;padding:clamp(24px,3vw,48px) clamp(16px,5vw,100px) clamp(36px,4vw,72px)}.menu-intro{margin-bottom:clamp(38px,3.5vw,64px)}h1{letter-spacing:-.05em;margin:0;font:500 clamp(42px,5.6vw,72px)/1.1 Iowan Old Style,Georgia,serif}.menu-intro p{color:#2b493c;letter-spacing:-.015em;background:linear-gradient(90deg,#e1eadc,#e9ede3 76%,#0000);border-left:4px solid #3e6954;margin:clamp(24px,2.4vw,44px) 0 0;padding:14px clamp(15px,2vw,25px) 16px;font-size:clamp(18px,1.8vw,25px);font-weight:600;line-height:1.36}.menu-intro strong{color:#203d31;margin-bottom:3px;font-size:clamp(21px,2vw,28px);font-weight:750;display:block}h2{letter-spacing:-.025em;align-items:center;gap:24px;margin:0 0 20px;font-size:clamp(20px,2vw,23px);font-weight:600;display:flex}h2:after{content:"";background:#c9cdc0;flex:1;height:1px}.past-lessons{column-gap:var(--card-gap);grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px;margin-top:clamp(46px,4vw,76px);display:grid}.past-lessons section{flex-direction:column;display:flex}.past-lessons section:first-child{grid-column:span 2}.past-lessons h2{margin-bottom:7px}.past-lessons p{color:#47584e;max-width:78ch;margin:0 12px 16px 0;font-size:18px;line-height:1.4}.past-lessons ul{margin-top:auto}ul{gap:var(--card-gap);margin:0;padding:0;list-style:none;display:grid}.teachers{grid-template-columns:repeat(3,minmax(0,1fr))}.history-lessons{grid-template-columns:repeat(2,minmax(0,1fr))}li a{height:100%;color:inherit;background:#fffdf8;border:1px solid #c9cbbf;border-radius:16px;text-decoration:none;display:block;overflow:hidden;box-shadow:0 4px 12px -8px #34453d44}li a:hover{border-color:#688273;box-shadow:0 5px 17px -6px #34453d42}li a:focus-visible{outline-offset:4px;outline:3px solid #246652}.portrait{background:radial-gradient(ellipse at 49% 65%,var(--light),var(--base) 85%);justify-content:center;align-items:flex-end;height:174px;display:flex;overflow:hidden}.portrait img{filter:drop-shadow(3px 3px 6px #172a2820);width:auto;height:96%;display:block}.chemistry{--light:#a4c4ad;--base:#567c69}.biology{--light:#ced6aa;--base:#8eaa85}.robotics{--light:#e0e8fb;--base:#a4bad9}.dobot{--light:#f8e9b4;--base:#d6be7c}.dobot .portrait .menu-robot{height:63%;margin:0 0 10px -16px}.music{--light:#c28e87;--base:#795e79}.math{--light:#f2edc9;--base:#b7d7a8}.physics{--light:#b97d52;--base:#294650}.peter{--light:#ead7ac;--base:#b59e75}.alexander{--light:#bf7870;--base:#75404a}.dezhnev{--light:#93ada3;--base:#4b7577}.german{--light:#e2edf2;--base:#91adc2}.caption{gap:6px;padding:16px 55px 17px 25px;display:grid;position:relative}.caption strong{letter-spacing:-.03em;font:600 28px/1.13 Iowan Old Style,Georgia,serif}.lesson-topic{color:#425e4d;font:italic 20px/1.2 Iowan Old Style,Georgia,serif}.teachers .caption{padding-right:25px}.teachers .caption>strong{padding-right:30px}.description{color:#394b40;border-top:1px solid #d6dbce;margin-top:3px;padding-top:9px;font-size:16px;line-height:1.45}.caption:after{content:"→";color:#425b4f;font-size:22px;position:absolute;top:27px;right:23px}@media (prefers-reduced-motion:no-preference){.teachers li:nth-child(2){--enter-delay:90ms}.teachers li:nth-child(3){--enter-delay:.115s}.teachers li:nth-child(4){--enter-delay:.14s}.past-lessons section{--enter-delay:.155s}.caption:after{transition:translate .14s ease-out}}@media (hover:hover) and (prefers-reduced-motion:no-preference){li a:hover .caption:after{translate:3px}}@media (width>=116rem){.teachers{grid-template-columns:repeat(4,minmax(0,1fr))}.teachers .caption{padding-inline:18px}.teachers .caption strong{font-size:25px}}@media (width>=80rem){.past-lessons{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (64rem<=width<80rem){.past-lessons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<80rem){.teachers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<64rem){.past-lessons{grid-template-columns:minmax(0,1fr)}.past-lessons section:first-child{grid-column:auto}}@media (40rem<=width<64rem){.dezhnev,.german{grid-template-columns:36% minmax(0,1fr);align-items:center;display:grid}}@media (width<40rem){.teachers,.history-lessons{grid-template-columns:minmax(0,1fr)}.past-lessons p{margin-right:0;font-size:16px}.caption strong{font-size:26px}}
