:root{--ink:#493c34;--muted:#81736b;--brown:#9b6a4d}*{box-sizing:border-box}body{margin:0;background:#fbf8f3;color:var(--ink);font-family:Prompt,sans-serif}a{color:inherit;text-decoration:none}.hero{min-height:295px;background:linear-gradient(120deg,#f6ddc5,#faead8 55%,#efe6d8)}.hero-in{position:relative;max-width:1280px;margin:auto;padding:50px 42px}.brand{display:flex;align-items:center;gap:18px}.brand-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:25px;font-size:38px}.brand h1{margin:0;font-size:3.25rem}.brand p{margin:4px 0;color:#806a5d}.search{position:absolute;left:50%;bottom:-40px;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:min(760px,calc(100% - 40px));height:64px;padding:0 22px;background:#fff;border-radius:22px;box-shadow:0 15px 40px #583f2f24}.search input{width:100%;border:0;outline:0;font:1rem Prompt}.wrap{max-width:1280px;margin:auto;padding:34px}.categories{display:flex;gap:12px;overflow:auto;padding-bottom:0}.categories a{white-space:nowrap;border:1px solid #eadfd4;background:#fff;border-radius:16px;padding:12px 18px}.categories a.active{background:var(--brown);color:#fff}.toolbar{display:flex;justify-content:space-between;align-items:end;margin:22px 0 25px}.toolbar small{color:#b17c59;font-weight:600}.toolbar h2{margin:4px 0}.toolbar i{font-size:.75rem;font-style:normal;font-weight:400}.sort{background:#fff;border:1px solid #eadfd4;border-radius:14px;padding:9px 12px}.sort select{border:0;background:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{overflow:hidden;background:#fff;border:1px solid #eee5dc;border-radius:25px;box-shadow:0 7px 22px #50392b0f;transition:.25s}.card:hover{transform:translateY(-7px);box-shadow:0 18px 38px #50392b21}.cover{height:176px;position:relative;display:grid;place-items:center}.cover img{width:100%;height:100%;object-fit:cover}.cover>span{font-size:67px}.cover time{position:absolute;left:15px;top:14px;background:#ffffffe8;border-radius:30px;padding:6px 11px;font-size:.7rem}.peach{background:#f8d8bd}.blue{background:#c6e4ed}.yellow{background:#f6e3ae}.green{background:#d3e5cf}.aqua{background:#bde3df}.lavender{background:#e1d5ec}.rose{background:#efd0d2}.card-body{padding:20px}.badge{display:inline-block;background:#f3eadb;border-radius:30px;padding:5px 10px;font-size:.72rem}.card h3{margin:12px 0 7px}.card-body>p{height:48px;margin:0;color:var(--muted);font-size:.8rem;line-height:1.75;overflow:hidden}.card footer{display:flex;justify-content:space-between;border-top:1px solid #f0e9e3;margin-top:16px;padding-top:14px}.card footer small{color:#9e938b}.card footer b{color:#a36d4d;font-weight:400}.empty{grid-column:1/-1;text-align:center;padding:80px}.pagination{display:flex;justify-content:center;margin-top:35px}.detail{max-width:900px;margin:40px auto;padding:20px}.back{display:inline-block;margin-bottom:20px;color:#9b6a4d}.detail article{overflow:hidden;background:#fff;border-radius:28px;box-shadow:0 18px 50px #50392b18}.detail-cover{width:100%;max-height:480px;object-fit:cover}.detail-body{padding:35px clamp(24px,7vw,70px) 55px}.detail h1{font-size:clamp(2rem,5vw,3rem);margin:14px 0}.meta{color:#9a8c83}.lead{font-size:1.1rem;color:#8a624d;border-left:3px solid #d6aa89;padding-left:18px}.prose{font-size:1.05rem;line-height:2}.prose img{max-width:100%;height:auto}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.hero{min-height:260px}.hero-in{padding:36px 20px}.brand h1{font-size:1.8rem}.wrap{padding:34px 16px}.grid{grid-template-columns:1fr}.toolbar{align-items:center}.toolbar h2{font-size:1.25rem}}.card{overflow:hidden}.card .cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:200px;padding:10px;overflow:hidden;background-color:linear-gradient(120deg,#f6ddc5,#faead8 55%,#efe6d8)}.card .cover img{display:block;width:100%;height:100%;max-width:280px;object-fit:contain;object-position:center}.card .cover time{position:absolute;z-index:2;top:20px;left:20px;padding:8px 18px;background:#ffffffeb;border-radius:999px}.detail article{overflow:hidden;background:#fff;border:1px solid #eee5dc;border-radius:28px;box-shadow:0 18px 50px #50392b1a}.detail-cover-frame{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(320px,48vw,520px);margin:0;padding:clamp(30px,6vw,70px);overflow:hidden}.detail-cover-frame.peach{background:linear-gradient(135deg,#f8cdb3,#f8e0c6)}.detail-cover-frame.blue{background:linear-gradient(135deg,#b9dce9,#d9edf0)}.detail-cover-frame.yellow{background:linear-gradient(135deg,#f6dc9e,#f7ecc6)}.detail-cover-frame.green{background:linear-gradient(135deg,#c5ddc3,#e2edd6)}.detail-cover-frame.aqua{background:linear-gradient(135deg,#9edbd7,#d8eeea)}.detail-cover-frame.lavender{background:linear-gradient(135deg,#d8c9e8,#eee4f1)}.detail-cover-frame.rose{background:linear-gradient(135deg,#edbdc1,#f4dfe0)}.detail-cover{display:block;width:100%;height:100%;max-width:600px;max-height:400px;object-fit:contain;object-position:center}@media(max-width:768px){.detail{margin:20px auto;padding:16px}.detail-cover-frame{height:320px;padding:30px}.detail-cover{max-width:280px;max-height:260px}.detail-body{padding:28px 22px 40px}}@media(max-width:480px){.detail-cover-frame{height:260px;padding:24px}.detail-cover{max-width:220px;max-height:210px}}.search{font:31px Georgia;color:#a27b62;box-shadow:0 15px 40px #583f2f24}.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:20px}.empty b{font:65px Georgia;color:#c7b2a5}