:root{--ink:#171513;--red:#df1f2d;--cream:#f4f0e8;--paper:#fffaf2}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.5 Inter,Arial,sans-serif;background:var(--cream);background-image:radial-gradient(rgba(60,48,35,.12) 1px,transparent 1px);background-size:24px 24px}a{color:inherit}.site-nav{max-width:1240px;margin:auto;padding:20px 28px;display:flex;justify-content:flex-end;gap:30px;font:19px Georgia,serif}.site-nav a{text-decoration:none}.site-nav a:hover{color:var(--red)}main{max-width:1240px;margin:auto;padding:8px 28px 75px}.guide-head{text-align:center;margin:4px 0 62px;position:relative}.guide-head img{display:block;width:min(590px,72vw);height:auto;margin:0 auto 8px}.guide-head h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.guide-head p{font:25px/1.15 Georgia,serif;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px 28px}.card{position:relative;background:var(--paper);padding:28px 28px 70px;min-height:275px;border:1px solid #cfc4b3;box-shadow:5px 8px 0 rgba(50,37,25,.14);transform:rotate(var(--r,0deg));overflow:visible}.card:nth-child(3n+1){--r:-1deg}.card:nth-child(3n+2){--r:.7deg}.card:nth-child(3n){--r:-.4deg}.card h2{font:400 clamp(26px,2.5vw,38px)/.98 Georgia,serif;margin:0 0 13px;max-width:62%;position:relative;z-index:2}.card p{max-width:61%;font-size:15px;line-height:1.35;margin:0;position:relative;z-index:2}.card img{position:absolute;right:1%;bottom:12px;width:46%;max-height:190px;object-fit:contain;mix-blend-mode:multiply;z-index:1}.tag{position:absolute;left:26px;bottom:19px;background:var(--red);color:#fff;padding:7px 13px;font:800 13px/1 Inter,sans-serif;letter-spacing:.04em;z-index:3}.button{position:absolute;right:22px;bottom:15px;background:var(--ink);color:#fff;text-decoration:none;padding:10px 20px;border-radius:4px;font-weight:800;z-index:4;box-shadow:2px 3px 0 rgba(0,0,0,.18)}.button:hover{background:var(--red)}.button.muted{opacity:.55;pointer-events:none}.more-title{font:400 40px Georgia,serif;margin:88px 0 30px}.extra-grid{gap:22px}.extra-grid .card{min-height:190px;padding:21px 20px 57px}.extra-grid .card h2{font-size:25px}.extra-grid .card p{font-size:13px}.extra-grid .tag{left:18px;bottom:15px;font-size:11px;padding:6px 10px}.extra-grid .button{right:14px;bottom:11px;padding:8px 15px;font-size:14px}.telegram-line{margin:40px 0 0;color:var(--red);font-weight:800}.telegram-line a{text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.site-nav{justify-content:center;gap:17px;font-size:16px;padding:17px 12px}.site-nav a:last-child{display:none}main{padding:10px 14px 55px}.guide-head{margin-bottom:39px}.guide-head img{width:88vw}.guide-head p{font-size:20px}.guide-grid{grid-template-columns:1fr;gap:28px}.card{min-height:255px;padding:24px 22px 67px}.card h2{font-size:34px;max-width:66%}.card p{font-size:15px;max-width:63%}.card img{width:43%;max-height:175px;right:2%;bottom:11px}.tag{left:20px;bottom:17px}.button{right:18px;bottom:13px}.more-title{font-size:32px;margin:61px 0 23px}.extra-grid{gap:18px}.extra-grid .card{min-height:174px}.extra-grid .card h2{font-size:24px}.extra-grid .card p{max-width:68%}}@media(max-width:430px){.guide-head p{font-size:18px}.card{min-height:245px;padding:22px 18px 64px}.card h2{font-size:29px}.card p{font-size:14px}.card img{width:45%;max-height:160px}.tag{left:17px;font-size:11px;padding:6px 10px}.button{right:15px;padding:9px 15px;font-size:14px}.telegram-line{font-size:14px}}

.guide-head{min-height:245px}.guide-head .guide-mascot{position:absolute;width:300px;right:5%;top:-8px;z-index:1}.guide-head>img:first-child{position:relative;z-index:2}.guide-grid .card{min-height:300px}.guide-grid .card img{width:49%;max-height:220px;right:0;bottom:25px}.guide-grid .card .tag{bottom:18px}.guide-grid .card .button{bottom:14px}.guide-grid .card .tag{max-width:40%;white-space:nowrap}.guide-grid .card .button{min-width:106px;text-align:center}@media(max-width:760px){.guide-head{min-height:180px}.guide-head .guide-mascot{width:180px;right:-3px;top:18px}.guide-grid .card{min-height:285px}.guide-grid .card img{width:48%;max-height:190px;bottom:28px}}@media(max-width:430px){.guide-head{min-height:155px}.guide-head .guide-mascot{width:150px;right:-6px;top:22px}.guide-grid .card{min-height:265px}.guide-grid .card img{width:49%;max-height:175px}}
