/* Maison Perl — one visual language, all screen sizes. */
:root,[data-theme="dark"]{--bg:#211019;--bg-2:#2d1521;--bg-card:#351a27;--card:#351a27;--card-2:#452431;--fg:#f5f0e6;--text:#f5f0e6;--heading-color:#faf6ed;--muted:#b6b3a6;--line:#ffffff22;--line-light:#ffffff18;--accent:#d3ad9f;--accent-light:#ead0bf;--accent-strong:#b9897e;--sheen:#dac79b;--band-bg:#11130f;--band-fg:#f5f0e6;--band-hi:#fffaf0;--band-muted:#b6b3a6;--band-line:#ffffff22;--band-accent:#cdb784;--f-body:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;--f-brand:"Playfair Display",Georgia,serif;--f-display:"Playfair Display",Georgia,serif;--f-mono:"Be Vietnam Pro",system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-behavior:smooth;scroll-padding-top:100px;color-scheme:dark}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:var(--f-body)}h1,h2,h3,.m-display{font-family:var(--f-display);text-wrap:balance}p{line-height:1.75}img{max-width:100%;height:auto}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,.btn,.m-btn{transition:background .22s,color .22s,border-color .22s,transform .22s;min-height:44px}button:active,.btn:active,.m-btn:active{transform:translateY(1px)}:focus-visible{outline:2px solid #dfc995!important;outline-offset:5px}::selection{background:#cdb784;color:#141612}.nav.dark,.m-top,.m-tabs{background:#141612ed!important;border-color:var(--line)!important;backdrop-filter:blur(18px)}.m-brand{color:var(--fg)}.m-hero{background:radial-gradient(ellipse at top right,#cdb78416,transparent 65%),#1b1e18;border-radius:4px;padding:34px 24px}.m-display{line-height:1.19;font-weight:400;letter-spacing:-.035em}.m-display em,em{color:#d9c59a}.m-lede{font-size:14px;line-height:1.8}.m-btn,.btn{border-radius:4px!important}.m-btn.primary,.btn.primary{background:#cdb784!important;color:#191b16!important;border-color:#cdb784!important;box-shadow:none!important}.m-card,.card{border-color:var(--line);border-radius:6px}.m-eyebrow,.eyebrow{font-family:var(--f-body);letter-spacing:.18em;font-size:10px}.m-tabs{padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 30px #0002}.m-tabs button{position:relative;gap:0;min-width:0}.m-tabs button svg{display:none}.m-tabs button span{font-size:10px;font-weight:500;white-space:nowrap}.m-tabs button.active{color:#e7d7b2!important;background:transparent!important}.m-tabs button.active:before{content:"";height:2px;width:22px;background:#cdb784;position:absolute;top:9px;left:calc(50% - 11px)}.m-contact-direct-card{background:transparent!important;border:1px solid var(--line)!important;box-shadow:none!important}.m-contact-icon{display:none!important}.m-contact-tile{background:transparent!important;border-color:var(--line)!important}.m-contact-live-status{display:none}.m-contact-name{color:var(--fg)!important}.m-contact-sub{color:var(--muted)!important}.m-more-grid button svg{display:none}.m-sheet{background:#1b1e18!important;color:#f5f0e6}.m-sheet-grip{background:#cdb78466}.m-input,input,select,textarea{color:var(--fg);background:var(--bg-2);border-color:var(--line)}.ambient-aurora,.cert-float-sparkle,.cert-edge-sparkle,.cert-corner-sparkle{display:none!important}.btn-mobile-shortcut,.nav a[title*="điện thoại"],.nav a[href="mobile.html"]{display:none!important}.m-look{border-radius:5px!important;background:#20231d!important}.m-look-img img{aspect-ratio:3/4;object-fit:cover;transition:transform .6s var(--ease)}.m-look-body{padding:20px 16px}.m-look-body h4{font-family:var(--f-display);font-size:23px}.m-main{padding-inline:20px}.m-sec-head{margin-top:36px;margin-bottom:18px}.m-row{gap:10px}.atelier-admin-link{color:#cdb784;font:12px var(--f-body);text-decoration:none;padding:12px}.atelier-reveal{animation:atelier-enter .55s var(--ease) both}@keyframes atelier-enter{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:none}}.network-status{position:fixed;top:0;inset-inline:0;background:#8a6531;color:white;text-align:center;padding:8px;z-index:10000;font-size:12px}.network-status[hidden]{display:none}.skip-link{position:fixed;left:12px;top:-80px;padding:12px;background:#cdb784;color:#141612;z-index:10000}.skip-link:focus{top:12px}
@media(hover:hover){.m-look:hover img{transform:scale(1.035)}.btn:hover,.m-btn:hover{filter:brightness(1.08)}}
@media(max-width:820px){body{overflow-wrap:break-word}.wrap{max-width:100%;padding-inline:20px}.nav ul{overflow-x:auto;max-width:100%;gap:18px}.nav .wrap{flex-wrap:wrap}.nav-actions{margin-left:auto}.grid,.grid-2,.grid-3{grid-template-columns:1fr}input,textarea,select{font-size:16px!important}dialog,.modal-content{max-width:calc(100vw - 24px)}.m-tabs button{min-height:52px}.m-sheet{max-height:88dvh;overscroll-behavior:contain}.m-hero .m-row{margin-top:24px}.m-hero .m-btn{flex:1;font-size:12px;padding-inline:12px}.m-contact-grid{gap:8px}.m-contact-tile{padding:12px!important}.m-contact-head h3{font-family:var(--f-body);font-size:13px!important}.m-contact-head .m-eyebrow{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}
/* Quiet editorial presentation, without decorative neon or fake metrics. */
#wordmark,.wordmark{animation:none!important;text-shadow:none!important;background:none!important;-webkit-text-fill-color:#f5f0e6!important;color:#f5f0e6!important;font-weight:400!important;letter-spacing:-.04em!important}.hero-aura-glow,.hero-light-beam,.hero-prism-leak,.hero-art-echo,.hero-art-sheen,.hero-macro-light-beam,.hero-macro-sheen{display:none!important}.hero-art-card,.hero-art-stage,.hero-macro-frame{box-shadow:none!important;filter:none!important}.hero-art-badge{box-shadow:none!important;border-color:#cdb78455!important}.hero-art-primary img{border-radius:3px}.hero{background:#141612!important}.hero-side-art{opacity:.9}.btn.accent{background:#cdb784!important;color:#141612!important;border-color:#cdb784!important}.corner-contact-dock{opacity:.9}#live-traffic-box,#google-sheet-modal,#google-security-modal,#admin-login-modal,#studio-drawer{display:none!important}.dock-icons-panel{background:#1b1e18!important}.dock-icons-panel a{background:#292d25!important;box-shadow:none!important}#nav-mobile-drawer:not(.open){visibility:hidden}
.m-sec-head{gap:12px;align-items:center}.m-sec-head h2{font-size:clamp(20px,5.5vw,25px);line-height:1.3}.m-sec-head .m-mono{font-size:9px;max-width:105px;flex-shrink:0}.m-menu-list a,.m-menu-list button{font-size:13px;min-height:48px}body.studio{color-scheme:light}
:root{--f-sans:var(--f-body);--f-sub:var(--f-display);--f-cinzel:var(--f-display)}.m-portal b{display:none}.m-portal{min-height:54px!important;justify-content:center;font-size:12px!important}.m-portal-grid{gap:8px}.m-sheet button:focus-visible{outline-offset:2px}

#wordmark *{text-shadow:none!important;filter:none!important;animation:none!important}#dock-icons-panel a{background:#292d25!important;box-shadow:none!important}

.mobile-admin-link{font:500 12px var(--font-body, sans-serif);color:#f5f0e6;padding:10px 12px;border:1px solid #cdb78460;border-radius:24px;text-decoration:none;white-space:nowrap}

.m-top .mobile-admin-link{margin-left:auto;margin-right:12px;order:1}.m-top #m-more-btn{order:2}
