@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Source+Sans+3:wght@400;500;600&display=swap');
:root{--nen:#F9F8F4;--muc:#2D3A31;--muc-nhat:#4a574c;--vien:#E6E2DA;--la:#59664f;--la-sau:#2D3A31;--trang:#F2F0EB;--sage:#8C9A84;--clay:#DCCFC2;--terracotta:#C27B66}
body{font-family:'Source Sans 3',sans-serif;font-size:18px;--preview-accent:#2D3A31;--preview-bg:#F9F8F4;--preview-ink:#2D3A31}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");opacity:.075;pointer-events:none;z-index:40}
h1,h2,h3{font-family:'Playfair Display',serif;font-weight:600;line-height:1.25}.mo h1{font-size:clamp(44px,5.8vw,80px)}
.sans,.nhan,.nut,.mo p.dan,.the p,.gia,.ai,.doi b,.doi p,dl.hoi dd,footer,nav.top ul{font-family:'Source Sans 3',sans-serif}
.muc{padding-block:112px}.hai{gap:64px}.nut{min-height:48px;transition:background .3s,transform .3s;background:#2D3A31}.nut:hover{background:#C27B66;color:#1e281f}
.the{gap:32px;margin-bottom:48px}.the>div{border-radius:24px;border:0;padding:32px;box-shadow:0 4px 6px -1px #2d3a310d;transition:box-shadow .5s ease-out,transform .5s ease-out}.the>div:nth-child(2){transform:translateY(48px)}.the>div:hover{box-shadow:0 20px 40px -10px #2d3a3126}
.vom{border-radius:200px 200px 40px 40px;transition:transform .7s ease-out}.vom:hover{transform:scale(1.02)}
.vine{display:block;width:100%;height:64px;margin:32px auto;color:#8C9A84}
@media(max-width:767px){.muc{padding-block:64px}.hai{gap:48px}.the{grid-template-columns:1fr}.the>div:nth-child(2){transform:none}.mo h1{font-size:48px}.the>div{padding:24px}}