:root{--bg:#0e0d0c;--panel:#1c1a18;--panel-2:#24211e;--line:#34302b;--text:#f2ede4;--muted:#b3a999;--dim:#8e857a;--sand:#c9ae88;--rec:#e0533d;--font:"Prompt", "Noto Sans Thai", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--max:1280px;--pad:clamp(16px, 4.5vw, 64px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-weight:300;line-height:1.65}img,video{max-width:100%;display:block}a{color:inherit}a:hover{color:var(--sand)}:focus-visible{outline:2px solid var(--sand);outline-offset:3px}.wrap{max-width:var(--max);padding-inline:var(--pad);margin:0 auto}.mono{font-family:var(--mono);font-weight:400}.eyebrow{font-family:var(--mono);letter-spacing:.2em;color:var(--sand);text-transform:uppercase;margin:0;font-size:12px}.section{padding-block:clamp(72px,10vw,128px)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.section-head h2{letter-spacing:-.01em;margin:10px 0 0;font-size:clamp(32px,4.4vw,52px);font-weight:700;line-height:1.12}.section-head p{max-width:440px;color:var(--muted);margin:0}.btn{cursor:pointer;border:1px solid #0000;border-radius:2px;align-items:center;gap:10px;min-height:48px;padding:0 28px;font-family:inherit;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.btn-light{background:var(--text);color:var(--bg)}.btn-light:hover{background:var(--sand);color:var(--bg)}.btn-ghost{color:var(--text);background:0 0;border-color:#0000;padding-inline:8px}.btn-outline{color:var(--text);border-color:var(--text);background:0 0}.nav{z-index:20;backdrop-filter:blur(10px);background:#0e0d0cdb;border-bottom:1px solid #0000;position:sticky;top:0}.nav .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.nav img{width:auto;height:32px}.nav-links{letter-spacing:.03em;flex-wrap:wrap;align-items:center;gap:clamp(16px,3vw,40px);font-size:14px;display:flex}.nav-links a{text-decoration:none}.nav-cta{border:1px solid var(--text);border-radius:2px;align-items:center;min-height:44px;padding:10px 20px;display:inline-flex}.hero{padding-top:8px}.screen{background:var(--panel);border-radius:4px;align-items:flex-end;min-height:min(78vh,760px);display:flex;position:relative;overflow:hidden}.screen video,.screen .poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.screen:after{content:"";pointer-events:none;background:linear-gradient(#0e0d0c1a 0%,#0e0d0c40 45%,#0e0d0ce0 100%);position:absolute;inset:0}.screen-empty{justify-content:flex-end;align-items:center;padding-right:clamp(24px,7vw,120px);display:flex;position:absolute;inset:0}.screen-empty img{opacity:.07;width:clamp(160px,26vw,380px)}.hud{z-index:2;font-family:var(--mono);color:var(--sand);justify-content:space-between;font-size:13px;display:flex;position:absolute;top:22px;left:26px;right:26px}.rec-dot{color:var(--rec);animation:1.6s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.hero-copy{z-index:2;flex-direction:column;gap:22px;max-width:980px;padding:clamp(24px,4vw,52px);display:flex;position:relative}.hero-copy h1{letter-spacing:-.02em;white-space:pre-line;margin:0;font-size:clamp(44px,7.4vw,104px);font-weight:800;line-height:1.03}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.credits{font-family:var(--mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase;flex-wrap:wrap;gap:14px 48px;padding-block:26px 8px;font-size:12px;display:flex}.credits span:first-child{color:var(--sand)}dialog.reel{aspect-ratio:16/9;background:#000;border:0;width:min(1100px,94vw);padding:0}dialog.reel::backdrop{background:#000000d9}dialog.reel iframe{border:0;width:100%;height:100%;display:block}.reel-close{color:var(--text);cursor:pointer;background:0 0;border:0;min-height:44px;font-family:inherit;font-size:15px;position:absolute;top:-48px;right:0}dialog.reel{overflow:visible}.works{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:40px 24px;display:grid}.work{flex-direction:column;gap:14px;text-decoration:none;display:flex}.cover{aspect-ratio:1;background:var(--panel);border-radius:3px;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.work:hover .cover img{transform:scale(1.04)}.cover-fallback{background:var(--panel);border:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:absolute;inset:0}.cover-fallback img{opacity:.12;align-self:center;width:42%;height:auto;margin-block:auto}.cover-fallback span{font-family:var(--mono);color:var(--dim);font-size:11px}.work h3{margin:0;font-size:18px;font-weight:600;line-height:1.35}.work p{color:var(--muted);margin:0;font-size:14px}.roles{font-family:var(--mono);letter-spacing:.04em;color:var(--sand);font-size:11px}.ab{background:var(--panel);border:1px solid var(--line);border-radius:4px;gap:28px;padding:clamp(20px,3vw,36px);display:grid}.ab-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ab-top h3{margin:4px 0 0;font-size:24px;font-weight:600}.ab-switch{border:1px solid var(--line);border-radius:2px;padding:3px;display:inline-flex}.ab-switch button{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:1px;min-height:40px;padding:8px 18px;font-size:13px}.ab-switch button[aria-pressed=true]{background:var(--text);color:var(--bg)}.ab-row{align-items:center;gap:18px;display:flex}.ab-play{border:1px solid var(--text);width:56px;height:56px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.ab-play:hover{background:var(--text);color:var(--bg)}.ab-bar{background:var(--line);cursor:pointer;border-radius:2px;flex:1;height:4px;position:relative}.ab-bar i{background:var(--sand);border-radius:2px;width:0;position:absolute;inset:0 auto 0 0}.ab-time{font-family:var(--mono);color:var(--muted);text-align:right;min-width:96px;font-size:13px}.ab-list{flex-wrap:wrap;gap:8px;display:flex}.ab-list button{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:2px;min-height:40px;padding:8px 14px;font-family:inherit;font-size:14px}.ab-list button[aria-pressed=true]{color:var(--text);border-color:var(--text)}.services{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));display:grid}.service{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:28px 24px 32px 0;display:flex}.service h3{margin:0;font-size:22px;font-weight:600;line-height:1.3}.service p{color:var(--muted);flex-grow:1;margin:0;font-size:15px}.price{color:var(--text)!important;flex-grow:0!important;margin-top:8px!important;font-size:15px!important}.price strong{font-weight:600}.process{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.process li{border-top:1px solid var(--text);counter-increment:step;flex-direction:column;gap:8px;padding-top:18px;display:flex}.process li:before{content:counter(step, decimal-leading-zero);font-family:var(--mono);color:var(--sand);font-size:13px}.process h3{margin:0;font-size:20px;font-weight:600}.process p{color:var(--muted);margin:0;font-size:15px}.about{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:clamp(32px,6vw,80px);display:grid}.about-text{flex-direction:column;gap:18px;display:flex}.about-text h2{margin:0;font-size:clamp(32px,4.4vw,52px);font-weight:700;line-height:1.12}.about-text p{color:var(--muted);white-space:pre-line;margin:0;font-size:17px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{border:1px solid var(--line);font-family:var(--mono);color:var(--muted);border-radius:2px;padding:6px 12px;font-size:12px}.cat{background:var(--text);color:var(--bg);border-radius:4px;flex-direction:column;gap:16px;padding:clamp(24px,3.4vw,40px);display:flex}.cat img.icon{width:88px;height:88px}.cat img.photo{aspect-ratio:4/3;object-fit:cover;border-radius:2px;width:100%}.cat h3{margin:0;font-size:24px;font-weight:700}.cat p{color:#4a433b;white-space:pre-line;margin:0}.faq{max-width:880px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:22px 0;font-size:18px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{flex-shrink:0;transition:transform .2s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{color:var(--muted);margin:0 0 22px}.contact{border-top:1px solid var(--line)}.contact h2{letter-spacing:-.02em;margin:12px 0 16px;font-size:clamp(40px,6.4vw,88px);font-weight:800;line-height:1.04}.contact-lead{color:var(--muted);max-width:620px;margin:0 0 48px;font-size:18px}.channels{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.channel{border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:6px;min-height:44px;padding:24px;text-decoration:none;display:flex}.channel:hover{border-color:var(--sand);color:var(--text)}.channel.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.channel.primary .mono{color:#6b6156}.channel.primary:hover{background:var(--sand);color:var(--bg)}.channel .mono{color:var(--sand);letter-spacing:.08em;font-size:12px}.channel strong{word-break:break-word;font-size:20px;font-weight:600}footer{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:80px;padding-block:28px;font-size:14px;display:flex}footer img{width:auto;height:26px}@media (width<=640px){.nav-links .hide-sm{display:none}.screen{min-height:560px}.works{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.work h3{font-size:15px}.work p{font-size:13px}.roles{font-size:10px}.cover-fallback{padding:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rec-dot{animation:none}}