*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.55 Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--display);line-height:1.03;letter-spacing:-.045em}h1{font-size:clamp(2.8rem,6.8vw,7rem);text-wrap:balance}h2{font-size:clamp(2rem,4.4vw,4rem);margin-bottom:1rem}p{max-width:58ch}.wrap{width:min(91%,1240px);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:86px}nav{display:flex;gap:1rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:bold;text-decoration:none}.mark{width:2.75rem;height:2.75rem;display:grid;place-items:center;background:var(--accent);color:var(--on);flex:none;font:700 1.45rem Georgia}.button{display:inline-block;padding:.8rem 1.2rem;background:var(--accent);color:var(--on);text-decoration:none;border:0;font:700 1rem Arial;cursor:pointer}.lead{padding:clamp(1.35rem,4vw,4rem);align-self:center}.lead p{margin:1.2rem 0 1.5rem;font-size:1.15rem}.hero img{width:100%;aspect-ratio:3/2;object-fit:cover}.hero figure{min-width:0}.hero figcaption{font-size:.78rem;padding:.55rem 0}.guide,.brief{margin-block:clamp(3rem,8vw,7rem)}.guide ul{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.guide li{padding:1.1rem;background:var(--panel);border-top:2px solid var(--accent)}.brief{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--panel);padding:clamp(1rem,5vw,4rem)}form,label{display:grid;gap:.6rem}input,textarea{width:100%;padding:.7rem;font:inherit;border:1px solid var(--ink);background:var(--paper);color:var(--ink)}form button{justify-self:start}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}footer{padding:2rem 0 3rem;border-top:1px solid var(--ink)}footer details{padding:.75rem 0;border-bottom:1px solid currentColor}footer summary{font-weight:bold;cursor:pointer}footer details p{margin-top:.5rem}:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.hresko{--paper:#fff5e8;--ink:#3b211a;--accent:#a03826;--on:#fff7eb;--panel:#f1d8c4;--display:Georgia,serif}.hresko .hero{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--panel);padding-right:1rem}.hresko .hero img{aspect-ratio:1.2}.hresko .mark{border-radius:48% 48% 0 0}.hresko .guide ul{grid-template-columns:repeat(3,1fr)}
.milevska{--paper:#edf1fb;--ink:#15213c;--accent:#243cb5;--on:#fff;--panel:#dce4fa;--display:Arial,sans-serif}.milevska .lead{background:var(--accent);color:white;padding-block:clamp(1.5rem,5vw,5rem)}.milevska .lead .button{background:white;color:var(--accent)}.milevska .hero img{aspect-ratio:2.45;object-position:center 48%}.milevska .mark{border-radius:.2rem}.milevska .guide{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem}.milevska .brief{border-left:6px solid var(--accent)}
.onopriichuk{--paper:#ecf8ef;--ink:#10392d;--accent:#14644c;--on:#fff;--panel:#d3ebdc;--display:Georgia,serif}.onopriichuk .hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.onopriichuk .lead{grid-column:2;grid-row:1}.onopriichuk .hero figure{grid-column:1;grid-row:1}.onopriichuk .hero img{border-radius:50% 50% .5rem .5rem / 30% 30% .5rem .5rem;aspect-ratio:1.15}.onopriichuk .mark,.onopriichuk .button{border-radius:99rem}.onopriichuk .guide ul{max-width:720px;margin-left:auto}
@media(max-width:740px){header{align-items:flex-start;flex-direction:column;padding:1rem 0}.hresko .hero,.onopriichuk .hero,.brief,.milevska .guide,.hresko .guide ul{grid-template-columns:1fr}.hresko .hero{padding:0}.onopriichuk .hero figure,.onopriichuk .lead{grid-column:auto;grid-row:auto}.milevska .hero img{aspect-ratio:4/3}.hresko figcaption{padding-inline:.6rem}}