@font-face{font-family:"VinaPage Serif";src:url('/static/fonts/noto-serif-vietnamese.woff2') format('woff2');font-display:swap;font-weight:100 900}@font-face{font-family:"VinaPage Serif";src:url('/static/fonts/noto-serif-latin.woff2') format('woff2');font-display:swap;font-weight:100 900;unicode-range:U+0000-024F}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e9;color:#172019;font:17px/1.65 "VinaPage Serif",serif;overflow-x:hidden}.announcement{text-align:center;background:#172019;color:#fff;padding:7px 16px;font-size:13px}.demo-header{min-height:72px;padding:12px clamp(16px,4vw,64px);display:flex;align-items:center;gap:24px;justify-content:space-between;background:var(--surface);border-bottom:1px solid currentColor;position:relative;z-index:2}.demo-header nav{display:flex;gap:20px}.demo-header a,footer a{color:inherit}.demo-logo{font-weight:900;text-decoration:none;font-size:22px}.btn,.text-link,.demo-header nav a,summary{min-height:44px;display:inline-flex;align-items:center;padding:10px 18px}.btn{background:var(--accent);color:var(--button-text,#fff)!important;text-decoration:none;font-weight:800;border:2px solid transparent}.demo-layout{--display-font:"VinaPage Serif",serif;--surface:#f5f1e9;--accent:#9a351e;--ink:#172019;color:var(--ink);background:var(--surface)}section{padding:clamp(56px,8vw,120px) clamp(18px,7vw,110px)}h1,h2,h3{font-family:var(--display-font);line-height:1.05;margin-top:0}h1{font-size:clamp(42px,7.5vw,104px);max-width:12ch}h2{font-size:clamp(32px,5vw,66px);max-width:15ch}h3{font-size:22px}.hero{min-height:78vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw}.hero__copy>p{max-width:62ch}.hero__media img,.demo-photo,img{display:block;width:100%;height:auto}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:900}.collection__item,.service-chapters__item,.catalog-grid__item,.menu-ledger__item,.unit-grid__item,.case-index__item,.treatment-finder__item{padding:24px;border-top:1px solid currentColor}.trust-evidence{background:var(--ink);color:var(--surface)}.faq-list{max-width:900px}.faq-list details{border-bottom:1px solid;padding:10px 0}.faq-list summary{cursor:pointer;font-weight:800;padding-inline:0}.final-cta{text-align:center;background:var(--accent);color:var(--button-text,#fff)}.final-cta h2{margin-inline:auto}footer{padding:54px clamp(18px,7vw,110px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;background:#111;color:#fff}footer div{display:flex;flex-direction:column;gap:8px}.footer-legal{grid-column:1/-1;border-top:1px solid #555;padding-top:20px}
/* service editorial: asymmetric chapters and generous reading column */.layout-editorial{--surface:#f3efe5;--accent:#a33d28;--ink:#15241d}.layout-editorial .hero{grid-template-columns:1.2fr .8fr}.service-chapters{background:#ded8ca}.service-chapters__item{display:grid;grid-template-columns:60px 1fr 1fr;gap:24px}.editorial-quote{font-size:clamp(26px,4vw,54px);font-style:italic;padding-left:18vw}.editorial-process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;padding:0}
/* premium product catalog */.layout-catalog{--surface:#e8e3da;--accent:#bb5b24;--ink:#181818}.layout-catalog .hero{background:#171717;color:#f7f2e8}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#777}.catalog-grid__item{background:#eee9df}.spec-comparison table{width:100%;border-collapse:collapse;font-size:clamp(20px,3vw,40px)}th,td{border:1px solid;padding:18px;text-align:left}.material-study{display:grid;grid-template-columns:1fr 1fr;gap:6vw;background:#c8b8a2}
/* restaurant organic ledger */.layout-ledger{--surface:#f4ebd9;--accent:#a73f22;--ink:#1f3829}.layout-ledger .hero__media img{border-radius:50% 50% 6px 6px}.menu-ledger{background:#1f3829;color:#f4ebd9}.menu-ledger__item{display:grid;grid-template-columns:52px minmax(180px,.8fr) 1.2fr;gap:20px}.ingredient-board{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw}.season-note{border-block:8px double}
/* architectural blueprint */.layout-blueprint{--surface:#e8eef0;--accent:#c5442c;--ink:#123b4a;background-image:linear-gradient(#123b4a18 1px,transparent 1px),linear-gradient(90deg,#123b4a18 1px,transparent 1px);background-size:24px 24px}.layout-blueprint section{border-bottom:2px solid}.layout-blueprint .hero{grid-template-columns:1fr 1fr}.unit-blueprints{background:#e8eef0}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.unit-grid__item{border:2px solid;min-height:280px}.orientation-list{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;font-size:26px}
/* brutalist designer case index */.layout-case-index{--surface:#f4f128;--accent:#ff3c00;--ink:#0b0b0b;--button-text:#000;font-family:Arial,sans-serif}.layout-case-index h1,.layout-case-index h2,.layout-case-index h3{font-family:"VinaPage Serif",serif;font-weight:900;text-transform:uppercase}.layout-case-index section{border-bottom:5px solid #000}.layout-case-index .hero{grid-template-columns:1fr .72fr}.manifesto{background:#ff3c00}.case-index__item{display:grid;grid-template-columns:80px 1fr 1.4fr;border-top:4px solid;padding-block:32px}.capability-stack{background:#0b0b0b;color:#fff}.capability-list{font-size:clamp(24px,4vw,52px)}
/* organic spa treatment finder */.layout-treatment-finder{--surface:#eef0e6;--accent:#765442;--ink:#264238}.layout-treatment-finder .hero{grid-template-columns:.85fr 1.15fr}.layout-treatment-finder .hero__media img{border-radius:46% 46% 4px 4px}.treatment-finder{background:#dbe5d8}.treatment-finder__item{display:grid;grid-template-columns:50px 1fr 1.5fr;gap:20px;border-color:#8da28d}.sensory-room{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.contraindication{background:#765442;color:#fff;border-radius:90px 0 90px 0;margin:3vw}
.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.js [data-reveal].is-visible,.no-js [data-reveal]{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.demo-header nav{display:none}.hero,.material-study,.ingredient-board,.sensory-room{grid-template-columns:1fr}.hero{min-height:auto}.catalog-grid,.unit-grid{grid-template-columns:1fr 1fr}.editorial-process ol{grid-template-columns:1fr 1fr}.service-chapters__item,.menu-ledger__item,.case-index__item,.treatment-finder__item{grid-template-columns:42px 1fr}.service-chapters__item p,.menu-ledger__item p,.case-index__item p,.treatment-finder__item p{grid-column:2}.editorial-quote{padding-left:8vw}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{font-size:16px}.demo-header{gap:10px}.demo-header .btn{display:none}section{padding:52px 18px}.catalog-grid,.unit-grid,.orientation-list{grid-template-columns:1fr}.editorial-process ol{grid-template-columns:1fr}.hero{display:flex;flex-direction:column}.layout-catalog .hero,.layout-case-index .hero{flex-direction:column-reverse}footer{grid-template-columns:1fr}.btn{width:100%;justify-content:center}}