*{box-sizing:border-box;margin:0;padding:0}
:root{--cream:#f7efd9;--brown:#4a2e1b;--sky1:#f6c874;--sky2:#ee8a4c;--m1:#3f2a22;--m2:#8c4a2f;--m3:#c9703d;--yellow:#f2d07a}
body{background:var(--cream);color:var(--brown);font-family:'Work Sans',Arial,sans-serif;line-height:1.65}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(1040px,92%);margin:0 auto}
h1,h2,h3,.logo,.big{font-family:'League Gothic','Arial Narrow',Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.03em}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0}
.logo{font-size:1.7rem;text-decoration:none}
.tel{font-weight:700;text-decoration:none;background:var(--brown);color:var(--cream);padding:4px 18px}
.poster{position:relative;height:520px;overflow:hidden;background:linear-gradient(180deg,var(--sky1),var(--sky2))}
.sun{position:absolute;right:14%;top:70px;width:170px;height:170px;border-radius:50%;background:#fff3c6;box-shadow:0 0 0 18px rgba(255,243,198,.35),0 0 0 40px rgba(255,243,198,.18)}
.m{position:absolute;left:0;right:0;bottom:0;display:block}
.m1{height:150px;background:var(--m1);clip-path:polygon(0 70%,12% 38%,26% 62%,40% 24%,58% 64%,74% 34%,88% 58%,100% 30%,100% 100%,0 100%)}
.m2{height:240px;background:var(--m2);clip-path:polygon(0 60%,16% 24%,32% 58%,52% 8%,70% 56%,86% 22%,100% 50%,100% 100%,0 100%)}
.m3{height:330px;background:var(--m3);clip-path:polygon(0 70%,22% 36%,40% 62%,62% 4%,82% 52%,100% 28%,100% 100%,0 100%)}
.pt{position:relative;padding-top:50px}
.tag{font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--brown);margin-bottom:6px}
h1{font-size:clamp(3.4rem,10vw,7.4rem);line-height:.9;max-width:9em;color:var(--brown)}
.intro{padding:46px 0 20px;display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.lead{max-width:36em;font-size:1.08rem;flex:1 1 380px}
.btn{display:inline-block;background:var(--m2);color:#fff;padding:13px 30px;font-weight:700;text-decoration:none}
.btn:hover{background:var(--brown)}
.trail{padding:40px 0 60px}
h2{font-size:2.8rem;line-height:1;margin-bottom:22px}
.signs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sign{background:#5b3a22;color:var(--yellow);border:5px solid #3a2415;border-radius:6px;padding:20px 22px 22px;box-shadow:inset 0 0 0 3px #5b3a22,inset 0 0 0 5px var(--yellow),4px 5px 0 rgba(0,0,0,.22);position:relative}
.sign h3{font-size:1.7rem;line-height:1;margin-bottom:6px}
.sign p{font-size:.92rem;color:#f4e6c0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding-bottom:70px}
.about img{border:10px solid #fff;box-shadow:6px 6px 0 var(--m3)}
.about p+p{margin-top:12px}
.band{background:var(--brown);color:#f3e6c9;padding:44px 0}
.cols{display:grid;grid-template-columns:1.2fr 1.3fr 1fr 1fr;gap:26px}
.k{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);font-weight:700}
.big{font-size:2rem;text-decoration:none;display:block;line-height:1.1}
footer{padding:18px 0;font-size:.85rem}
@media(max-width:840px){.signs,.about,.cols{grid-template-columns:1fr}.poster{height:440px}.sun{width:110px;height:110px;right:6%;top:90px}}