#vanao-resources-design .res-hero{padding:65px 0 50px;background:radial-gradient(ellipse at top right,#34291e,transparent 65%),#101113}#vanao-resources-design .res-breadcrumb{font-size:12px;color:#b9a892;margin-bottom:30px}#vanao-resources-design .res-hero p{font-size:17px;margin-top:25px;max-width:620px}#vanao-resources-design .res-hero-bottom{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #554735;padding-top:24px;margin-top:40px;color:#c7ad8c;font-size:14px}#vanao-resources-design .res-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}#vanao-resources-design .res-feature h2{max-width:650px}#vanao-resources-design .res-feature p{font-size:17px}#vanao-resources-design .res-comparison{padding:30px;background:#25211d;border:1px solid #735c43;border-radius:14px;color:#f3f0eb}#vanao-resources-design .res-comparison>div+div{margin-top:25px;border-top:1px solid #68533c;padding-top:25px}#vanao-resources-design .res-comparison h3{font-size:25px}#vanao-resources-design .res-comparison p{font-size:15px;color:#cdbfae}#vanao-resources-design .res-comparison .va-mini{color:#d4bda3}#vanao-resources-design .res-title{max-width:700px;margin-bottom:30px}#vanao-resources-design .res-filters{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 18px}#vanao-resources-design .res-filters button{padding:12px 21px;min-height:44px;border-radius:100px;border:1px solid #9c8160;color:#cbb69b;background:transparent;font-size:14px}#vanao-resources-design .res-filters button[aria-pressed=true]{background:#d4bda3;color:#171717}#vanao-resources-design .res-count{font-size:13px;color:#b8b5b0;margin-bottom:28px}#vanao-resources-design .res-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}#vanao-resources-design .res-card{display:flex;flex-direction:column;border:1px solid #514332;border-radius:12px;background:#191a1c;padding:30px;min-height:300px}#vanao-resources-design .res-card[hidden]{display:none}#vanao-resources-design .res-card h3{font-size:27px;margin:22px 0 16px}#vanao-resources-design .res-card p{font-size:16px}#vanao-resources-design .res-card .va-link{align-self:flex-start;margin-top:auto;padding-top:25px}#vanao-resources-design .res-card-meta{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#c6a98a;font-size:12px}#vanao-resources-design .res-card-meta .va-mini{margin:0}#vanao-resources-design .res-editorial-note{font-size:13px;margin-top:30px;max-width:820px}#vanao-resources-design .res-quick .va-grid2{align-items:start;gap:55px}#vanao-resources-design .res-quick ul{padding-left:20px;font-size:16px;color:#625a50;line-height:1.9;margin:25px 0}#vanao-resources-design .res-quick h3{font-size:26px}#vanao-resources-design .res-cta{text-align:center;background:radial-gradient(ellipse at bottom,#382c20,transparent 70%),#101113}#vanao-resources-design .res-cta h2,#vanao-resources-design .res-cta p{margin-left:auto;margin-right:auto}#vanao-resources-design .res-cta .va-actions{justify-content:center}#vanao-resources-design .res-active{border-bottom:1px solid #d4bda3;color:#d4bda3}#vanao-resources-design .va-navlinks a:first-child{border-bottom:0}#vanao-resources-design .va-link:after{content:none}#vanao-resources-design .res-reader{padding:60px 0;background:#f3f0eb;color:#18191b}#vanao-resources-design .res-reader[hidden],#vanao-resources-design .res-library[hidden]{display:none}#vanao-resources-design .res-reading-wrap{width:88%;max-width:780px;margin:auto}#vanao-resources-design .res-back{display:inline-flex;min-height:44px;align-items:center;color:#806a53;font-size:14px;margin-bottom:32px}#vanao-resources-design .res-reader h1{font-size:clamp(34px,5vw,51px);max-width:760px}#vanao-resources-design .res-reader h2{font-size:27px;margin:35px 0 16px}#vanao-resources-design .res-reader h3{font-size:21px;margin:25px 0 12px}#vanao-resources-design .res-reader p,#vanao-resources-design .res-reader li{font-size:17px;line-height:1.75;color:#5c554d;max-width:none}#vanao-resources-design .res-reader p+p{margin-top:18px}#vanao-resources-design .res-reader ul{padding-left:23px;margin:18px 0}#vanao-resources-design .res-reader li+li{margin-top:10px}#vanao-resources-design .res-reader .va-mini,#vanao-resources-design .res-reader .va-kicker{color:#806a53}#vanao-resources-design .res-reader-meta{font-size:13px;color:#806a53;line-height:1.7;border-bottom:1px solid #c6b9a8;margin:26px 0;padding-bottom:24px}#vanao-resources-design .res-reader .res-callout{background:#e6ddd0;padding:25px;border-left:2px solid #a48a6a;margin:30px 0}#vanao-resources-design .res-reader .res-callout p{font-size:15px}#vanao-resources-design .res-reader .va-link{color:#806a53}#vanao-resources-design .res-reader .res-guide-action{border-top:1px solid #c6b9a8;margin-top:35px;padding-top:25px}#vanao-resources-design .res-page-brief{position:sticky;bottom:15px;z-index:20;width:calc(100% - 30px);max-width:590px;padding:30px;margin:-260px auto 15px;background:#1c1d1f;border:1px solid #a88b68;border-radius:14px}#vanao-resources-design .res-page-brief[hidden]{display:none}#vanao-resources-design .res-page-brief h2{font-size:27px}#vanao-resources-design .res-close{float:right;width:44px;height:44px;font-size:21px;background:#31291f;border:1px solid #a88b68;border-radius:50%;color:#f3f0eb}
@media(max-width:760px){#vanao-resources-design .res-feature,#vanao-resources-design .res-grid{grid-template-columns:1fr;gap:30px}#vanao-resources-design .res-hero{padding-top:45px}#vanao-resources-design .res-card{min-height:0}#vanao-resources-design .res-card .va-link{margin-top:20px}#vanao-resources-design .va-nav{flex-wrap:wrap;padding:18px 0;gap:16px}#vanao-resources-design .va-navlinks{display:flex;flex-wrap:wrap;order:3;width:100%;gap:8px 20px;font-size:14px;border-top:1px solid #554735;padding-top:9px}#vanao-resources-design .va-navlinks a{padding:10px 0;min-height:44px}#vanao-resources-design .va-navright{margin-left:auto}}
@media(max-width:420px){#vanao-resources-design .res-card,#vanao-resources-design .res-comparison{padding:25px}#vanao-resources-design .res-filters{gap:8px}#vanao-resources-design .res-filters button{padding:11px 15px}}