@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+3:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--navy:#1A1A1A;--muc:#1A1A1A;--muc-2:#5c5c5c;--muc-3:#5c5c5c;--vien:#E8E4DF;--nen-2:#F5F3F0;--trang:#FAFAF8}body{background:#FAFAF8;font-family:'Source Sans 3',sans-serif;--preview-accent:#8c6508;--preview-bg:#FAFAF8;--preview-ink:#1A1A1A;background-image:radial-gradient(ellipse at 20% 20%,#b8860b06,transparent 60%)}h1,h2,h3,blockquote,.pt b,.logo{font-family:'Playfair Display',serif}.mo{display:block!important;text-align:center;max-width:900px;margin:auto;padding-block:112px}.mo h1{font-size:clamp(44px,5vw,72px);font-weight:400;line-height:1.18;max-width:18ch;margin-inline:auto}.mo p{max-width:62ch;margin-inline:auto}.mo .panel{margin:64px auto 0;max-width:720px;text-align:left}.muc{padding-block:128px;border-top:1px solid #E8E4DF}.lab,.nhan{font-family:'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:#8c6508}.panel,.ba>div,.phi>div{border:1px solid #E8E4DF;border-radius:8px;background:#FAFAF8;box-shadow:0 4px 16px #00000006;padding:32px}.nut{background:#1A1A1A;color:#FAFAF8;border-radius:6px;border:1px solid #1A1A1A;min-height:56px;display:inline-flex;align-items:center;justify-content:center;transition:background .3s}.nut:hover{background:#8c6508;border-color:#8c6508}.dai{background:#F5F3F0;color:#1A1A1A}.dai p,.dai b{color:#1A1A1A}.cuoi{background:#1A1A1A;color:#FAFAF8;padding-block:96px}.cuoi h2,.cuoi p{color:#FAFAF8}.cuoi .nut{background:#B8860B;color:#1A1A1A}.pts{border-block:1px solid #E8E4DF}.pt b{color:#8c6508}.serif-quote{font:italic clamp(28px,3.5vw,48px)/1.4 'Playfair Display',serif;color:#8c6508;border-left:1px solid #B8860B;padding-left:32px;margin:48px 0}.anh-ban{filter:sepia(.2);border-radius:8px}@media(max-width:767px){.mo{padding-block:64px}.mo h1{font-size:44px}.muc{padding-block:72px}.panel,.ba>div,.phi>div{padding:24px}.cuoi{padding-block:64px}}

/* Final visual review */
.mo .hai{display:block}.mo .nut{margin-top:24px}.mo .panel{margin-top:48px}

/* Review pass 2 */
header .goi{color:#FAFAF8}.mo .hero-action{display:inline-flex;margin-top:24px}



/* Accessibility review */
body header.top a.goi{color:#FAFAF8}

/* Detail review */
body nav.top a.goi{color:#FAFAF8}
