@import url('/assets/learning-room.css');
body{background:#f7f5ea;background-image:radial-gradient(#c7d6c655 .7px,transparent .7px);background-size:18px 18px}.catalog-head{max-width:1180px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}.catalog-head a{color:var(--ink);text-decoration:none}.catalog{max-width:1180px;margin:auto;padding:0 28px 60px}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:45px;padding:38px 0 45px}.hero h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.04em;line-height:1.3;margin:12px 0 20px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:520px;font-size:17px;line-height:1.9;color:var(--muted)}.hero-art{border-radius:38px;background:#deeadc;padding:38px 18px;transform:rotate(2deg);box-shadow:10px 10px 0 #e8bd7b55}.hero-art .illustration{height:180px}.hero-art p{font-size:14px;text-align:center;margin:4px;letter-spacing:.08em}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 24px;border-bottom:1px solid #d4ddcf;margin-bottom:28px}.filters a{background:#fffdf5;color:var(--ink);border:1px solid #cbd8c9;border-radius:30px;padding:10px 18px;text-decoration:none;font-size:14px}.filters a[aria-current=page]{background:var(--ink);color:white}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.room-card{color:var(--ink);text-decoration:none;background:#fffdf7;border:1px solid #d4ddcf;border-radius:24px;overflow:hidden;box-shadow:0 4px 0 #d5dfd030;transition:transform .15s,box-shadow .15s}.room-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #234b4312}.card-art{background:var(--tone,#e7efdf);padding:24px 25px 10px;border-bottom:1px solid #d4ddcf}.card-art .illustration{height:130px}.card-copy{padding:22px 24px 24px}.room-card h2{font-size:23px;line-height:1.4;margin:7px 0 12px}.room-card p{font-size:14px;line-height:1.85;color:var(--muted);margin:8px 0 18px}.room-card .enter{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4e9df;padding-top:16px;font-size:13px;color:var(--accent);font-weight:700}.room-card .enter b{font-size:22px}.footnote{margin-top:36px;border-top:1px solid #d4ddcf;padding:24px 0;color:var(--muted);font-size:13px;line-height:1.9}.soon-note{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:14px}.soon-note span{border:1px dashed #bdcbb8;border-radius:12px;padding:10px 16px}@media(max-width:850px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hero{gap:20px}.hero-art{padding:25px 5px}.hero-art .illustration{height:130px}.catalog{padding:0 18px 40px}.catalog-head{padding:18px}.hero h1{font-size:40px}}@media(max-width:550px){.hero{display:block;padding:22px 0}.hero-art{display:none}.hero h1{font-size:38px}.cards-grid{grid-template-columns:1fr}.card-art{padding:14px 30px 6px}.card-art .illustration{height:115px}.card-copy{padding:20px}.filters{gap:6px}.filters a{padding:8px 12px}.catalog-head .brand{display:flex}.hero p{font-size:15px}}