/* Self-hosted, zero-script preview. No third-party fonts, images or tracking. */
:root{color-scheme:light;font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif;font-synthesis:none;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p,h1,h2,h3{margin:0}p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.2;letter-spacing:-.04em}h1{font-size:clamp(2.5rem,6vw,5.7rem);max-width:15ch}html[lang=th] h1{font-size:clamp(2.2rem,4.8vw,4.6rem);line-height:1.3;max-width:16ch}h2{font-size:clamp(1.9rem,3vw,3rem)}h3{font-size:1.25rem;letter-spacing:-.02em}a,button{-webkit-tap-highlight-color:transparent}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:12px;top:-100px;z-index:5;background:var(--ink);color:var(--paper);padding:12px 20px}.skip:focus{top:12px}.preview-note{padding:9px 20px;text-align:center;font-size:.8rem;letter-spacing:.04em;background:var(--ink);color:var(--paper)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px;border-bottom:1px solid var(--line)}.wordmark{font-size:1.9rem;font-weight:800;letter-spacing:-.07em;min-height:44px;display:flex;align-items:center}.wordmark span{color:var(--accent)}nav{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:600}nav a{min-height:44px;display:flex;align-items:center}.languages{display:flex;gap:3px;flex-shrink:0;padding:3px;border:1px solid var(--line);border-radius:99px}.languages a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:48px;padding:6px 12px;border-radius:99px;font-size:.85rem}.languages [aria-current=page]{background:var(--ink);color:var(--paper)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:22px}.hero{padding-block:72px 80px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:56px}.intro{font-size:1.1rem;max-width:46ch;margin-top:26px;color:var(--muted)}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;gap:18px;border-radius:99px;padding:12px 25px;background:var(--ink);color:var(--paper);font-size:.95rem;font-weight:700}.text-link{display:inline-flex;align-items:center;min-height:48px;border-bottom:1px solid var(--ink);font-size:.9rem}.small-note{font-size:.8rem;color:var(--muted);margin-top:22px}.art{position:relative;min-height:470px;overflow:hidden;border-radius:180px 180px 16px 16px;background:var(--surface);display:flex;align-items:center;justify-content:center}.art:before,.art:after{content:"";position:absolute;border:1px solid var(--art-line);border-radius:50%;width:340px;height:340px}.art:before{transform:translate(-65px,-15px)}.art:after{transform:translate(65px,45px)}.art-symbol{font-family:Georgia,serif;font-size:clamp(7rem,17vw,14rem);line-height:1;letter-spacing:-.14em;position:relative;z-index:1;color:var(--accent);padding-right:.14em}.art-top,.art-bottom{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;gap:12px;font-size:.7rem;letter-spacing:.12em;font-weight:700}.art-top{top:34px}.art-bottom{bottom:30px}.section{padding-block:65px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:35px}.section-heading p{max-width:38ch;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:28px;border:1px solid var(--line);border-radius:18px}.number{display:block;font-size:.8rem;font-weight:700;letter-spacing:.1em;margin-bottom:34px;color:var(--accent)}.card p{font-size:.95rem;color:var(--muted);margin-top:16px}.status{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:40px;border-radius:22px;background:var(--surface);margin-block:15px 72px}.status p{color:var(--muted)}.status .eyebrow{margin-bottom:16px}.status-copy{display:grid;gap:16px}.badge{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:700}.badge:before{content:"";width:8px;height:8px;background:var(--accent);border-radius:100%}footer{border-top:1px solid var(--line);padding-block:25px 38px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.8rem}footer a{display:inline-flex;align-items:center;min-height:44px}
.marbovo{--paper:#f7f6ef;--ink:#183e3c;--muted:#496461;--accent:#28665b;--surface:#dce9df;--line:#cbd3c9;--art-line:#92b4a5}.marbovo h1{font-family:Georgia,"Noto Serif Thai",Tahoma,serif;font-weight:400}.marbovo .card{border-radius:0;border-left:0;border-right:0}.marbovo .art-symbol{font-style:italic}.marbovo .status{border-radius:0}
.timivopo{--paper:#fff9f4;--ink:#472e30;--muted:#795c5d;--accent:#af493d;--surface:#f5e0d7;--line:#e8cec4;--art-line:#d79784}.timivopo header .wordmark{letter-spacing:-.055em}.timivopo .hero{display:block;text-align:center;padding-bottom:38px}.timivopo h1{max-width:17ch;margin-inline:auto}.timivopo .intro{margin-inline:auto;max-width:54ch}.timivopo .actions{justify-content:center}.timivopo .art{min-height:200px;border-radius:22px;margin-top:48px;background:linear-gradient(115deg,#f1c6b6,#f9e8ca)}.timivopo .art-symbol{font-size:8rem;font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.1em;color:#9e4438}.timivopo .art:before{left:4%;width:210px;height:210px;transform:rotate(30deg);border-radius:28%}.timivopo .art:after{right:4%;width:180px;height:180px;transform:rotate(-20deg);border-radius:32%}.timivopo .section-heading{display:block;text-align:center}.timivopo .section-heading p{margin:20px auto 0;max-width:60ch}.timivopo .card{background:white;border-radius:28px}.timivopo .number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--surface);margin-bottom:24px}.timivopo .status{grid-template-columns:1fr 1fr}
.cicivopo{--paper:#f6f3ff;--ink:#2e1a50;--muted:#615072;--accent:#743bb6;--surface:#e5daf6;--line:#d1c3e4;--art-line:#b69acc}.cicivopo .wordmark{font-size:1.7rem;text-transform:uppercase;letter-spacing:-.065em}.cicivopo h1{font-weight:800;max-width:12ch}.cicivopo .hero{grid-template-columns:1fr 1fr;gap:35px;padding-top:40px}.cicivopo .art{grid-column:1;grid-row:1;min-height:500px;border-radius:28px;background:#dfd0f5;transform:rotate(-2deg)}.cicivopo .hero-copy{grid-column:2;grid-row:1;padding:30px 0}.cicivopo .art-symbol{font-size:8rem;font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.1em;background:#e9ed94;width:250px;height:250px;display:flex;align-items:center;justify-content:center;border-radius:50%;transform:rotate(10deg);color:#442b67}.cicivopo .art:before{width:320px;height:320px;border-radius:22%;transform:rotate(22deg)}.cicivopo .art:after{width:350px;height:350px;border-radius:35%;transform:rotate(-12deg)}.cicivopo .button{background:#573281}.cicivopo .card:nth-child(2){background:#e9edb6}.cicivopo .card{border-radius:6px;box-shadow:3px 3px 0 var(--line)}.cicivopo .status{background:var(--ink);color:var(--paper);border-radius:8px}.cicivopo .status p{color:#e1d5ee}.cicivopo .status .badge:before{background:#e9ed94}
.marbovo .art-top{top:110px}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}header{flex-wrap:wrap;gap:8px;min-height:86px;padding-block:16px}nav{order:3;width:100%;justify-content:center;gap:28px}.hero,.cicivopo .hero{gap:26px;padding-block:44px}.art{min-height:360px}.cicivopo .art{min-height:400px}.status{gap:25px;padding:28px}.cards{gap:12px}.card{padding:22px}.section-heading{display:block}.section-heading p{margin-top:20px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}header{padding-block:12px}.wordmark{font-size:1.65rem}nav{gap:20px;font-size:.85rem}.hero,.cicivopo .hero{display:flex;flex-direction:column;align-items:stretch;padding-block:36px 42px;gap:32px}.hero-copy{padding:0!important}.art,.cicivopo .art{min-height:310px;transform:none;order:2}.art-symbol{font-size:9rem}.art:before,.art:after{width:240px;height:240px}.cicivopo .art-symbol{width:190px;height:190px;font-size:6rem}.cicivopo .art:before,.cicivopo .art:after{width:235px;height:235px}.art-top,.art-bottom{left:22px;right:22px;font-size:.65rem}.intro{font-size:1rem;margin-top:22px}.actions{gap:16px;margin-top:25px}.cards{grid-template-columns:1fr}.section{padding-block:42px}.section-heading{margin-bottom:26px}.card{padding:24px}.number{margin-bottom:18px}.status,.timivopo .status{grid-template-columns:1fr;gap:24px;margin-bottom:44px;padding:25px}.preview-note{font-size:.72rem}.timivopo .hero{display:block}.timivopo .art{min-height:185px;margin-top:34px}.timivopo .art-symbol{font-size:6rem}.timivopo .art-top{top:17px}.timivopo .art-bottom{bottom:17px}footer{flex-direction:column;gap:5px}.small-note{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}