@font-face{font-family:Thai;src:url('tongjai-apps/assets/regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Thai;src:url('tongjai-apps/assets/bold.ttf') format('truetype');font-weight:700;font-display:swap}:root{--ink:#18191c;--red:#d9283b;--muted:#66666b;--line:#dededb;--paper:#f8f8f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 Thai,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:6px}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}.site-header,main,footer{max-width:1180px;margin:auto;padding-left:36px;padding-right:36px}.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:bold 29px/1 Arial,sans-serif;letter-spacing:-1.5px}.brand span{color:var(--red)}.contact{font-size:14px}.contact span{margin-left:20px;color:var(--red)}.intro{padding:65px 0 56px}.eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:2px;color:var(--red)}h1{font:700 clamp(44px,6.1vw,76px)/1.04 Arial,sans-serif;letter-spacing:-3px;margin:22px 0 28px}h1>span{color:var(--red)}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.intro-bottom p{color:var(--muted);font-size:17px}.jump{border-bottom:1px solid var(--ink);padding:8px 0;font-size:14px}.jump span{margin-left:25px}.section-heading{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.section-heading h2{font-size:18px}.section-heading>span{font-size:12px;color:var(--muted)}.document{background:white;border:1px solid var(--line);overflow:hidden;transition:box-shadow .18s,border-color .18s}.document:hover{border-color:#b2aaa9;box-shadow:0 7px 24px #18191c0b}.featured{display:grid;grid-template-columns:1.12fr 1fr}.portfolio-art{position:relative;background:#202125;color:white;min-height:390px;padding:26px 30px;overflow:hidden}.art-label{font:10px Arial;letter-spacing:1.4px;color:#c7c7cc}.art-title{font:bold 54px/.95 Arial;letter-spacing:-3px;margin-top:26px}.art-title span{color:#ff3c50}.art-images{position:absolute;right:24px;top:75px;width:49%;height:235px}.art-images img{height:148px;object-fit:cover;object-position:top;border:5px solid #fff;box-shadow:0 10px 20px #0006;transform:rotate(6deg)}.art-images img+img{margin-top:-15px;margin-left:-28px;transform:rotate(-6deg)}.art-foot{position:absolute;bottom:23px;font:9px Arial;letter-spacing:1.5px;color:#b4b4bc}.document-copy{padding:33px;display:flex;flex-direction:column}.document-copy h3{font:700 31px/1.2 Arial,sans-serif;letter-spacing:-1px;margin:15px 0}.document-copy>p:not(.eyebrow){font-size:15px;color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.tags span{font:10px Arial;border:1px solid var(--line);padding:7px 9px;border-radius:2px}.document-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:27px}.document-bottom>span{font-size:11px;color:var(--muted)}.document-bottom strong{font-size:13px}.document-bottom strong span{color:var(--red);margin-left:9px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.product{display:flex;flex-direction:column}.product-art{height:285px;overflow:hidden;padding:26px 30px 0;background:#faeceb}.product-art.care{background:#eaf1ed}.product-brand{font:700 29px Arial;letter-spacing:-1px}.product-brand span{font-weight:400;color:var(--red)}.care .product-brand span{color:#28765d}.product-art p{font-size:12px;margin-top:5px}.product-art img{margin-top:20px;border:5px solid white;border-radius:5px 5px 0 0;box-shadow:0 10px 30px #2222}.product .document-copy{flex:1;padding:29px}.pdf-note{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding:34px 0;margin-top:49px}.note-icon{font:30px Arial;flex:none;width:51px;height:51px;background:#ecece8;text-align:center;line-height:51px;border-radius:50%}.pdf-note h2{font-size:17px;margin-bottom:5px}.pdf-note p{font-size:13px;color:var(--muted)}footer{display:flex;align-items:center;gap:25px;min-height:120px;border-top:1px solid var(--line)}footer p{flex:1;font-size:12px;color:var(--muted)}footer a{font-size:13px}body #document-pdf-export{font-size:10px;position:static;margin:15px auto 30px}body #document-pdf-export-space{display:none}@media(max-width:760px){.site-header,main,footer{padding-left:22px;padding-right:22px}.site-header{height:78px}.intro{padding:43px 0 33px}h1{letter-spacing:-2px}.intro-bottom{display:block}.intro-bottom p{font-size:14px}.jump{display:inline-block;margin-top:21px}.section-heading{align-items:flex-start}.section-heading>span{font-size:10px}.featured,.product-grid{grid-template-columns:1fr}.portfolio-art{min-height:330px}.portfolio-art{min-height:375px}.art-title{font-size:44px}.art-images{top:150px;right:22px;width:65%}.art-images img{height:95px}.document-copy,.product .document-copy{padding:25px}.product-art{height:265px}.document-copy h3{font-size:28px}.document-bottom{padding-top:22px}.pdf-note{gap:16px;align-items:flex-start}.pdf-note p{font-size:12px}footer{gap:16px;flex-wrap:wrap;padding-top:26px;padding-bottom:26px}footer p{flex-basis:70%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.document{transition:none}}@page{size:A4 portrait;margin:12mm}@media print{html,body{background:white;font-size:10pt}main,.site-header,footer{padding-left:0;padding-right:0}.site-header{height:45px}.intro{padding:25px 0}h1{font-size:42px}.intro-bottom p{font-size:11px}.jump,.contact{display:none}.portfolio-art{min-height:270px}.art-title{font-size:45px}.art-images{top:62px}.art-images img{height:100px}.document-copy{padding:18px}.document-copy h3{font-size:23px}.document-copy>p:not(.eyebrow){font-size:10px}.tags{margin:15px 0}.document-bottom{padding-top:12px}.product-grid{gap:15px;break-before:page}.product-art{height:210px;padding:18px}.product .document-copy{padding:18px}.document,.pdf-note{break-inside:avoid}.pdf-note{margin-top:25px;padding:22px 0}.document{box-shadow:none}footer{min-height:65px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}