@font-face{font-family:Prae;src:url(/assets/thai.ttf);font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101311;color:#eee7dc;font:17px/1.75 Tahoma,sans-serif}a{color:inherit;text-decoration:none}header,footer{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;border-bottom:1px solid #3d4037}header{background:#101210}.logo{font:900 23px Arial;letter-spacing:1px;display:flex;align-items:center;gap:8px}.logo small,.label,.caption,.casecover small,footer{font:11px/1.6 monospace;letter-spacing:.13em}.logo i{width:20px;height:24px;background:repeating-linear-gradient(100deg,#dc5042 0 4px,transparent 4px 7px)}nav{display:flex;gap:24px;font-size:14px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:540px;height:clamp(540px,42vw,730px);display:grid;align-items:center}.hero>img,.shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero>img{width:74%;left:auto;object-fit:cover;object-position:center 28%}.shade{background:linear-gradient(90deg,#0a0c0b 7%,#0a0c0bf5 28%,#0a0c0b66 52%,transparent 78%),linear-gradient(0deg,#101311,transparent 20%)}.intro{margin:0 6vw}.label{color:#f17e6d}h1,h2,h3,blockquote{font-family:Prae,serif;margin:0}h1{font-size:clamp(72px,7vw,125px);line-height:1.12;margin:20px 0}h1 span{display:block;color:#ed5747;font-size:.74em}blockquote{font-size:24px}.intro p{margin:4px 0 20px}.button{display:inline-block;background:#eb6150;color:#191512;padding:10px 20px;font-weight:bold}.caption{position:absolute;bottom:20px;right:6vw}.case,.stats,.after{width:88%;max-width:1400px;margin:auto}.case{display:grid;grid-template-columns:minmax(215px,1fr) 2fr;gap:5vw;padding:64px 0}.casecover{position:relative;min-height:250px;background:linear-gradient(0deg,#171a19 2%,transparent 70%),url(/assets/prae.png) center 25%/cover;border:1px solid #534b43}.casecover small{position:absolute;left:14px;top:14px;background:#131712;padding:4px 8px}.tag{position:absolute;right:14px;bottom:18px;background:#ccba9f;color:#231e18;transform:rotate(7deg);padding:5px 14px;text-align:center;font-size:11px}.tag b{display:block;font:40px Prae}.tag i{display:block;height:8px;background:repeating-linear-gradient(90deg,#231e18 0 2px,transparent 2px 5px)}h2{font-size:clamp(29px,3.1vw,48px)}h3{font-size:19px;margin-top:20px}p{max-width:62ch;color:#c4c4ba}.meta,.stats small{font-size:13px;color:#bab8aa}.stats{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid #484b41;padding:26px 3vw;background:#191d19}.stats p,.after p{margin:6px 0}.count{text-align:center}.count strong{display:block;font:52px/1.1 monospace;color:#f17e6d}.after{padding:65px 0}footer{border-top:1px solid #3d4037}a:hover{color:#ff9d8e}.button:hover{color:#111;background:#ff8473}a:focus-visible{outline:2px solid #ffd09d;outline-offset:4px}@media(max-width:700px){header{padding:15px 5vw}.logo small{display:none}nav{gap:12px}.hero{height:680px;min-height:0;align-items:end}.hero>img{width:100%;height:64%;object-position:50% 20%}.shade{background:linear-gradient(0deg,#101311 15%,#101311 34%,transparent 76%)}.intro{padding-bottom:50px}.case{grid-template-columns:1fr;gap:20px;padding:32px 0}.casecover{min-height:180px}.stats{align-items:start;flex-direction:column}.count{text-align:left}.caption{bottom:9px}.label{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}