#vanao-about-design .ab-hero{padding:65px 0 60px;background:radial-gradient(ellipse at right,#352a20,transparent 60%),#101113}#vanao-about-design .ab-breadcrumb{font-size:12px;color:#b9a892;margin-bottom:30px}#vanao-about-design .ab-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}#vanao-about-design .ab-hero h1{font-size:clamp(39px,5.5vw,64px)}#vanao-about-design .ab-hero p{font-size:17px;margin-top:25px;max-width:560px}#vanao-about-design .ab-mark{background:#000;border:1px solid #725c44;border-radius:16px;padding:26px;display:flex;flex-direction:column;justify-content:center;min-height:340px}#vanao-about-design .ab-mark img{width:100%;object-fit:contain}#vanao-about-design .ab-mark span{border-top:1px solid #554634;padding-top:24px;margin-top:20px;display:block;text-align:center;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#d4bda3}#vanao-about-design .ab-hero-footer{display:flex;gap:30px;flex-wrap:wrap;margin-top:45px;padding-top:24px;border-top:1px solid #554634;color:#c9b196;font-size:13px}#vanao-about-design .ab-statement .va-grid2{grid-template-columns:.6fr 1.4fr;gap:55px}#vanao-about-design .ab-statement h2{font-size:clamp(32px,4.4vw,48px);max-width:760px}#vanao-about-design .ab-statement p{max-width:650px;font-size:17px}#vanao-about-design .ab-title{max-width:700px;margin-bottom:35px}#vanao-about-design .ab-lines{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}#vanao-about-design .ab-line{border:1px solid #514535;border-radius:12px;padding:32px;background:#191a1c}#vanao-about-design .ab-line:first-child{background:linear-gradient(120deg,#30291f,#191a1c);border-color:#917759}#vanao-about-design .ab-line h3{font-size:32px}#vanao-about-design .ab-line p{font-size:16px}#vanao-about-design .ab-line .va-mini{margin-bottom:27px}#vanao-about-design .ab-line ul{padding-left:19px;margin:24px 0;color:#c4b8a8;font-size:15px;line-height:1.9}#vanao-about-design .ab-combo{display:grid;grid-template-columns:.65fr 1.35fr;gap:35px;align-items:center;margin-top:27px;padding-top:27px;border-top:1px solid #514535}#vanao-about-design .ab-combo h3{font-size:23px}#vanao-about-design .ab-combo p{font-size:16px}#vanao-about-design .ab-approach-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}#vanao-about-design .ab-switch{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0}#vanao-about-design .ab-switch button{padding:12px 18px;min-height:44px;border:1px solid #a08a6d;border-radius:100px;background:transparent;color:#61513e;font-size:14px}#vanao-about-design .ab-switch button[aria-pressed=true]{background:#28231e;color:#f3f0eb}#vanao-about-design .ab-approach-detail{border-top:1px solid #b9a68d;padding-top:26px;min-height:310px}#vanao-about-design .ab-approach-detail h3{font-size:31px;margin-bottom:20px}#vanao-about-design .ab-approach-detail p{font-size:17px}#vanao-about-design .ab-approach-detail ul{padding-left:19px;font-size:16px;line-height:1.85;color:#625a50;margin:25px 0 0}#vanao-about-design .ab-detail-kicker{color:#806a53;margin-bottom:22px}#vanao-about-design .ab-principles{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}#vanao-about-design .ab-principle{padding:24px 0;border-top:1px solid #554735;display:grid;grid-template-columns:30px 1fr;gap:18px}#vanao-about-design .ab-principle>span{font-size:12px;color:#c9ac89}#vanao-about-design .ab-principle h3{font-size:21px}#vanao-about-design .ab-principle p{font-size:16px}#vanao-about-design .ab-evolution{background:#e7ddd0}#vanao-about-design .ab-evolution .va-grid2{align-items:center;gap:50px}#vanao-about-design .ab-evolution p{font-size:17px}#vanao-about-design .ab-evolution ol{padding:0;margin:0;list-style:none}#vanao-about-design .ab-evolution li{display:grid;grid-template-columns:30px 1fr;gap:20px;padding:22px 0;border-top:1px solid #bba88f}#vanao-about-design .ab-evolution li>span{font-size:12px;color:#806a53}#vanao-about-design .ab-evolution h3{font-size:23px}#vanao-about-design .ab-evolution li p{font-size:15px}#vanao-about-design .ab-audience .va-grid2{gap:45px}#vanao-about-design .ab-audience article{border-top:1px solid #65503a;padding-top:30px}#vanao-about-design .ab-audience h3{font-size:28px}#vanao-about-design .ab-audience p{font-size:16px}#vanao-about-design .ab-audience .va-mini{margin-bottom:22px}#vanao-about-design .ab-cta{background:radial-gradient(ellipse at bottom,#382c20,transparent 70%),#0d0e10;text-align:center}#vanao-about-design .ab-cta h2,#vanao-about-design .ab-cta p{margin-left:auto;margin-right:auto}#vanao-about-design .ab-cta .va-actions{justify-content:center}#vanao-about-design .ab-active{border-bottom:1px solid #d4bda3;color:#d4bda3}#vanao-about-design .va-navlinks a:first-child{border-bottom:0}#vanao-about-design .va-link:after{content:none}#vanao-about-design button.va-link{background:transparent;border-width:0 0 1px;border-style:solid}#vanao-about-design .ab-brief{position:sticky;bottom:15px;z-index:20;width:calc(100% - 30px);max-width:630px;background:#1c1d1f;border:1px solid #a98c69;border-radius:14px;padding:30px;margin:-330px auto 15px;box-shadow:0 20px 60px #000b}#vanao-about-design .ab-brief[hidden]{display:none}#vanao-about-design .ab-brief h2{font-size:27px}#vanao-about-design .ab-brief ul{font-size:15px;padding-left:20px;color:#c8baa8}#vanao-about-design .ab-close{float:right;width:44px;height:44px;background:#31291f;color:#f3f0eb;border:1px solid #a98c69;border-radius:50%;font-size:21px}#vanao-about-design .ab-note{font-size:12px;margin-top:20px}
@media(max-width:760px){#vanao-about-design .ab-hero-grid,#vanao-about-design .ab-lines,#vanao-about-design .ab-approach-layout,#vanao-about-design .ab-principles,#vanao-about-design .ab-combo,#vanao-about-design .ab-statement .va-grid2{grid-template-columns:1fr;gap:30px}#vanao-about-design .ab-hero{padding-top:45px}#vanao-about-design .ab-mark{min-height:0;max-width:460px}#vanao-about-design .ab-hero-footer{gap:18px}#vanao-about-design .ab-approach-detail{min-height:0}#vanao-about-design .va-nav{flex-wrap:wrap;padding:18px 0;gap:16px}#vanao-about-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-about-design .va-navlinks a{padding:10px 0;min-height:44px}#vanao-about-design .va-navright{margin-left:auto}}
@media(max-width:420px){#vanao-about-design .ab-line{padding:25px}#vanao-about-design .ab-mark{padding:20px}}