@font-face{font-family:Chonburi;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/chonburi-latin-400-normal.CvA91niJ.woff2)format("woff2"),url(/_astro/chonburi-latin-400-normal.UUhOMVQk.woff)format("woff")}:root{--navy:#182857;--navy-deep:#0f1b3d;--grey:#8e9191;--blue:#0095ff;--text:#7a7a7a;--ease:cubic-bezier(.22, 1, .36, 1);--radius:12px;--gutter:20px;--shadow-card:0 1px 2px #0f1b3d0f, 0 14px 34px -12px #0f1b3d38;--shadow-card-hover:0 2px 4px #0f1b3d14, 0 26px 50px -16px #0f1b3d57;--font-body:Helvetica, Arial, sans-serif;--font-head:"Chonburi", Georgia, serif;--font-label:"Engravers' Roman BT", Helvetica, Arial, sans-serif;--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='24' viewBox='0 0 88 24'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%238e9191' fill-opacity='0.05'%3E%3Cpath d='M10 0l30 15 2 1V2.18A10 10 0 0 0 41.76 0H39.7a8 8 0 0 1 .3 2.18v10.58L14.47 0H10zm31.76 24a10 10 0 0 0-5.29-6.76L4 1 2 0v13.82a10 10 0 0 0 5.53 8.94L10 24h4.47l-6.05-3.02A8 8 0 0 1 4 13.82V3.24l31.58 15.78A8 8 0 0 1 39.7 24h2.06zM78 24l2.47-1.24A10 10 0 0 0 86 13.82V0l-2 1-32.47 16.24A10 10 0 0 0 46.24 24h2.06a8 8 0 0 1 4.12-4.98L84 3.24v10.58a8 8 0 0 1-4.42 7.16L73.53 24H78zm0-24L48 15l-2 1V2.18A10 10 0 0 1 46.24 0h2.06a8 8 0 0 0-.3 2.18v10.58L73.53 0H78z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:110px;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh;font-family:var(--font-body);color:#333;-webkit-font-smoothing:antialiased;background:#fff;flex-direction:column;margin:0;font-size:16px;line-height:1.5;display:flex;overflow-x:clip}main{flex:1 0 auto}img{border:0;max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul{margin:0}::selection{background:var(--navy);color:#fff}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--navy);color:#fff;border-radius:0 0 8px;padding:8px 14px;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.container{width:min(100% - 2 * var(--gutter), 1140px);margin-inline:auto}.bg-pattern{background-color:#fff;background-image:var(--pattern)}@keyframes reveal{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both reveal view();animation-range:entry entry 38%}}}.topbar{border-bottom:1px solid #18285712}.topbar .container{flex-wrap:wrap;align-items:center;gap:0 24px;display:flex}.topbar .contact-item:last-child{margin-left:auto}.contact-item{color:var(--navy);align-items:center;gap:7px;font-size:.8rem;line-height:19px;transition:color .3s;display:inline-flex}a.contact-item:hover{color:var(--blue)}.contact-item svg{width:14px;height:14px;fill:var(--navy);flex:none;transition:fill .3s}a.contact-item:hover svg{fill:var(--blue)}.topbar .contact-item{min-height:40px}a.contact-item{min-height:32px}.site-header{z-index:50;overflow-anchor:none;backdrop-filter:saturate(180%)blur(18px);transition:box-shadow .4s var(--ease), background .4s;background:#fffc;border-bottom:1px solid #18285714;position:sticky;top:0;box-shadow:0 0 #0f1b3d00}.site-header .container{justify-content:space-between;align-items:center;min-height:100px;display:flex}.logo{display:block}.logo img{transform-origin:0;width:132px;height:auto;transition:transform .45s var(--ease);will-change:transform;display:block}.site-header[data-scrolled]{background:#ffffffeb;box-shadow:0 12px 32px -14px #0f1b3d47}.site-header[data-scrolled] .logo img{transform:scale(.8)}.nav ul{align-items:center;gap:4px;padding:0;list-style:none;display:flex}.nav a{letter-spacing:.1em;text-transform:uppercase;min-height:42px;color:var(--navy);transition:background .3s, color .3s, box-shadow .3s, transform .3s var(--ease);border-radius:999px;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.nav a:hover{background:#18285712}.nav a[aria-current=page]{background:#18285717}.nav li:last-child{margin-left:8px}.nav li:last-child a{background:var(--navy);color:#fff;padding-inline:22px;box-shadow:0 8px 18px -8px #18285799}.nav li:last-child a:hover{background:#22367a;transform:translateY(-1px);box-shadow:0 12px 22px -8px #182857a6}.nav li:last-child a[aria-current=page]{background:#22367a}.nav-toggle{z-index:70;cursor:pointer;width:46px;height:46px;transition:background .3s, transform .3s var(--ease);background:#1828570a;border:1px solid #18285729;border-radius:14px;padding:0;display:none;position:relative}.nav-toggle:hover{background:#18285717}.nav-toggle:active{transform:scale(.94)}.nav-toggle span{background:var(--navy);height:2px;transition:transform .5s var(--ease), opacity .25s, background .3s;border-radius:2px;position:absolute;left:12px;right:12px}.nav-toggle span:first-child{top:16px}.nav-toggle span:nth-child(2){top:22px;right:18px}.nav-toggle span:nth-child(3){top:28px}.nav-toggle:hover span:nth-child(2){right:12px}.drawer{z-index:60;visibility:hidden;pointer-events:none;transition:visibility 0s linear .6s;position:fixed;inset:0}.drawer-backdrop{backdrop-filter:blur(6px);opacity:0;transition:opacity .5s var(--ease);background:#080e248c;position:absolute;inset:0}.drawer-panel{background:radial-gradient(120% 80% at 100% 0%, #2a3d7c 0%, var(--navy) 45%, var(--navy-deep) 100%);color:#fff;width:min(92vw,430px);transition:transform .65s var(--ease);border-radius:28px 0 0 28px;flex-direction:column;padding:96px 32px 32px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(104%);box-shadow:-30px 0 80px -20px #00000080}.nav-open .drawer{visibility:visible;pointer-events:auto;transition-delay:0s}.nav-open .drawer-backdrop{opacity:1}.nav-open .drawer-panel{transform:none}.nav-open{overflow:hidden}.drawer-close{cursor:pointer;width:46px;height:46px;transition:background .3s, transform .5s var(--ease);background:#ffffff0f;border:1px solid #ffffff47;border-radius:50%;padding:0;position:absolute;top:18px;right:18px}.drawer-close:hover{background:#ffffff29;transform:rotate(90deg)}.drawer-close span{background:#fff;border-radius:2px;height:2px;position:absolute;top:22px;left:14px;right:14px;transform:rotate(45deg)}.drawer-close span+span{transform:rotate(-45deg)}.drawer-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#ffffffc7;margin-bottom:14px;font-size:.72rem;position:relative}.drawer ul{padding:0;list-style:none;position:relative}.drawer li{opacity:0;border-bottom:1px solid #ffffff1f;transition:opacity .4s,transform .4s;transform:translateY(22px)}.drawer li a{font-family:var(--font-head);color:#fff;transition:padding .4s var(--ease), color .3s;align-items:center;gap:16px;padding:18px 4px;font-size:1.7rem;line-height:1.1;display:flex}.drawer li a .di{color:#ffffffeb;background:#ffffff1a;border-radius:12px;flex:none;align-self:center;place-items:center;width:38px;height:38px;transition:background .3s,color .3s;display:grid}.drawer li a .di svg{width:20px;height:20px}.drawer li a:hover .di,.drawer li a:focus-visible .di,.drawer li a[aria-current=page] .di{color:var(--navy);background:#fff}.drawer li a:after{content:"";opacity:0;width:10px;height:10px;transition:transform .4s var(--ease), opacity .3s;border-top:2px solid;border-right:2px solid;align-self:center;margin-left:auto;transform:translate(-6px)rotate(45deg)}.drawer li a:hover,.drawer li a:focus-visible{padding-left:14px}.drawer li a:hover:after,.drawer li a:focus-visible:after{opacity:1;transform:translate(0)rotate(45deg)}.drawer li a[aria-current=page]{color:#c9d4f7}.nav-open .drawer li{opacity:1;transform:none}.nav-open .drawer li:first-child{transition-delay:.18s}.nav-open .drawer li:nth-child(2){transition-delay:.25s}.nav-open .drawer li:nth-child(3){transition-delay:.32s}.nav-open .drawer li:nth-child(4){transition-delay:.39s}.drawer-foot{opacity:0;gap:12px;margin-top:auto;padding-top:32px;transition:opacity .5s,transform .5s;display:grid;position:relative;transform:translateY(18px)}.nav-open .drawer-foot{opacity:1;transition-delay:.5s;transform:none}.drawer-foot .btn{justify-content:center;width:100%}.drawer-foot .btn.ghost{background-color:#0000;border-color:#ffffff59}.drawer-address{text-align:center;color:#ffffffc7;font-size:.78rem;line-height:1.5}@media (width<=1024px){.site-header .container{min-height:0;padding-block:14px}.nav{display:none}.nav-toggle{display:block}.logo img{width:124px}.site-header[data-scrolled] .logo img{transform:scale(.88)}}@media (width<=767px){.topbar{display:none}.logo img{width:112px}.drawer-panel{border-radius:24px 0 0 24px;padding:88px 24px 24px}.drawer li a{font-size:1.5rem}}@media (width>=1025px){.drawer{display:none}}@media (prefers-reduced-motion:reduce){.drawer-panel,.drawer li,.drawer-foot,.drawer-backdrop,.nav-toggle span{transition-duration:10ms!important;transition-delay:0s!important}}.dots{border-top:6px dotted var(--navy);width:5%;min-width:40px;margin:0 auto}.dots-wrap{background:#fff;padding-block:15px}.dots-wrap.tall{background:0 0;padding-block:26px}@media (width<=767px){.dots{width:10%}}.btn{cursor:pointer;font-family:var(--font-label);letter-spacing:.04em;color:#fff;background:linear-gradient(#fff, #fff) no-repeat left center / 0% 100%, var(--navy);transition:background-size .45s var(--ease), color .3s, border-color .3s, transform .3s var(--ease), box-shadow .3s;border:2px solid #a4a4a4;border-radius:10px;align-items:center;gap:10px;padding:15px 28px;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.btn:after{content:"";width:8px;height:8px;transition:transform .35s var(--ease);border-top:2px solid;border-right:2px solid;transform:rotate(45deg)}.btn:hover,.btn:focus-visible{color:var(--navy);border-color:var(--navy);background-size:100% 100%;transform:translateY(-2px);box-shadow:0 12px 24px -10px #1828578c}.btn:hover:after,.btn:focus-visible:after{transform:translate(4px)rotate(45deg)}.btn:active{box-shadow:none;transform:translateY(0)scale(.98)}.btn.plain:after{display:none}.banner{background:#fff;height:clamp(520px,41vw,700px);position:relative;box-shadow:-10px 10px 10px -10px #00000080}.banner:before{content:"";opacity:.5;background:url(/images/covers.webp) 50% 3%/cover no-repeat;position:absolute;inset:0}.banner-title{z-index:2;margin-top:-140px;position:relative}.sheet-head{background:#fff;border-top:5px solid #18285733;border-radius:8px 8px 0 0;padding:25px 0 34px;box-shadow:0 -17px 10px -17px #00000080}.sheet-head h1{text-align:center;font-family:var(--font-head);color:var(--navy);text-wrap:balance;background:#ffffff94;margin:0 30px;font-size:1.5rem;font-weight:500;line-height:24px}@media (prefers-reduced-motion:no-preference){.sheet-head h1{animation:slide-down .9s var(--ease) both}}@keyframes slide-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}@media (width<=767px){:root{--gutter:16px}.banner{height:340px}.banner:before{background-position:top}.banner-title{margin-top:-90px}.sheet-head h1{margin-inline:20px;font-size:1.4rem}}.content-band{z-index:3;padding-bottom:28px;position:relative}.sheet{width:100%}.site-footer{margin-top:auto;padding-bottom:250px;position:relative;overflow:hidden}.shape-bottom{pointer-events:none;height:220px;line-height:0;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden;transform:rotate(180deg)}.shape-bottom svg{width:calc(100% + 1.3px);height:220px;fill:var(--grey);position:relative;left:50%;transform:translate(-50%)rotateY(180deg)}.site-footer:before{content:"";z-index:1;opacity:.2;pointer-events:none;background:url(/images/image001.webp) 100%/contain no-repeat;position:absolute;inset:0}.site-footer .container{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.site-footer .contact-item{padding-block:0}@media (width<=1024px){.site-footer{padding-bottom:240px}.shape-bottom,.shape-bottom svg{height:150px}.site-footer:before{background-position:center bottom 28px;background-size:min(62%,460px)}.site-footer .contact-item{text-align:center}}