@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600;700&display=swap');
:root{--ink:#173843;--deep:#12313c;--teal:#267b77;--orange:#ed8b43;--paper:#fbfaf6;--line:#d8ded8;--serif:'Kanit',sans-serif;--body:'Sarabun',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 clamp(22px,6.2vw,112px);display:flex;align-items:center;justify-content:space-between;background:#fffdfa;position:relative;z-index:10;border-bottom:1px solid rgba(23,56,67,.08)}.brand{display:flex;gap:12px;align-items:center;min-width:245px}.brand-mark{width:43px;height:43px;border:1px solid var(--teal);border-radius:50%;display:grid;place-items:center;color:var(--teal);font-family:var(--serif);font-size:24px}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-family:var(--serif);font-size:17px;font-weight:600}.brand-copy small{font:9px var(--body);letter-spacing:1px;color:#648081;margin-top:4px}.main-nav{height:100%;display:flex;align-items:center;gap:clamp(14px,2.1vw,36px);font-size:14px}.main-nav>a,.nav-drop-button{height:100%;display:flex;align-items:center;white-space:nowrap;position:relative}.main-nav>a:after{position:absolute;bottom:22px;left:0;width:0;height:2px;content:'';background:var(--orange);transition:width .25s}.main-nav>a:hover:after,.main-nav>a.nav-highlight:after{width:100%}.nav-highlight{color:#438eaa}.nav-dropdown{height:100%;display:flex;align-items:center;position:relative}.nav-drop-button{border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;gap:8px;padding:0}.nav-drop-button span{font-size:19px}.dropdown-panel{display:none;position:absolute;top:68px;left:-18px;min-width:245px;background:white;box-shadow:0 14px 32px #102d3820;border-top:3px solid var(--orange)}.dropdown-panel a{display:block;padding:14px 18px;border-bottom:1px solid #edf0ed;font-size:14px}.dropdown-panel a:hover{background:#f5f8f5;color:var(--teal)}.nav-dropdown:hover .dropdown-panel,.nav-dropdown.is-open .dropdown-panel{display:block}.menu-toggle{display:none}.hero{height:min(690px,calc(100vh - 84px));min-height:510px;position:relative;overflow:hidden;background:#bcd8dd;color:#fff}.hero-photo{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=2200&q=85');background-position:center 43%;background-size:cover;animation:hero-arrive 1s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,47,59,.78) 0%,rgba(21,64,73,.56) 43%,rgba(31,68,71,.06) 100%),linear-gradient(0deg,rgba(17,50,61,.34),transparent 40%)}.hero-inner{height:100%;position:relative;max-width:1440px;margin:auto;padding:clamp(56px,9vw,132px) clamp(24px,8.5vw,132px)}.hero-copy{max-width:660px;animation:copy-arrive .8s .15s both}.eyebrow,.section-kicker{font-size:12px;font-weight:600;letter-spacing:1px}.eyebrow{display:flex;align-items:center;gap:10px;color:#e6f2e9}.eyebrow span{width:25px;height:1px;background:var(--orange)}.hero h1{font:500 clamp(42px,6vw,78px)/1.22 var(--serif);margin:30px 0 16px;letter-spacing:0}.hero h1 em{font-style:normal;color:#f5b878}.hero-copy>p{font-size:17px;line-height:1.9;color:#e0e9e5;margin:0}.hero-cta{display:inline-flex;align-items:center;gap:38px;margin-top:34px;padding:15px 19px;background:#f6f1e7;color:var(--ink);font-weight:600}.hero-cta span,.text-link span,.light-link span{font-size:19px;color:var(--orange)}.hero-caption{position:absolute;left:clamp(24px,8.5vw,132px);bottom:65px;display:flex;align-items:center;gap:12px;font-size:12px;color:#ecf2ed}.hero-caption span{color:#f3b778}.hero-caption i{display:block;width:45px;height:1px;background:#e8eeea}.hero-side-note{position:absolute;right:36px;top:50%;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;color:#fff9}.hero-bottom{position:absolute;bottom:0;height:43px;left:0;right:0;padding:0 clamp(24px,6.2vw,112px);display:flex;justify-content:space-between;align-items:center;background:rgba(14,43,53,.4);font-size:10px;letter-spacing:1.5px}.hero-bottom a{letter-spacing:0;font-size:12px}.hero-bottom b{padding-left:12px;font-size:16px;color:#f5b878}.intro-band{min-height:330px;padding:76px clamp(24px,13vw,205px);position:relative;display:grid;grid-template-columns:1fr 2fr;gap:40px;background:#f3f3ed;overflow:hidden}.section-kicker{display:block;color:#63817c}.section-kicker>span{margin-left:10px;font-size:9px;letter-spacing:1.6px;color:#a7b3aa}.intro-content{display:grid;grid-template-columns:1.05fr 1fr;column-gap:45px;align-items:center}.intro-content h2,.section-heading h2,.contact-strip h2{font:500 34px/1.35 var(--serif);margin:0}.intro-content p{line-height:1.9;color:#667976;max-width:350px}.text-link,.light-link{display:inline-flex;align-items:center;gap:24px;font-weight:600;font-size:14px}.intro-stamp{position:absolute;right:8%;bottom:-34px;width:125px;height:125px;border:1px solid #bdc9bc;border-radius:50%;display:grid;place-content:center;text-align:center;color:#7e9b8c;font:600 35px var(--serif);transform:rotate(-12deg)}.intro-stamp small{font:9px var(--body);letter-spacing:1px}.news-section{padding:95px clamp(24px,10vw,155px) 105px;background:#fffdfa}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-heading h2{margin-top:10px;font-size:38px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.news-item{min-width:0;animation:copy-arrive .7s both}.news-item:nth-child(2){animation-delay:.12s}.news-item:nth-child(3){animation-delay:.24s}.news-image{height:220px;display:block;position:relative;background-size:cover;background-position:center;background-color:#d8e2d9;overflow:hidden}.news-image:before{position:absolute;inset:0;content:'';background:linear-gradient(145deg,rgba(22,81,82,.12),rgba(10,32,43,.38));transition:opacity .25s}.image-1{background-image:url('https://images.unsplash.com/photo-1576091160550-2173dba999ef?auto=format&fit=crop&w=900&q=80')}.image-2{background-image:url('https://images.unsplash.com/photo-1559757175-0eb30cd8c063?auto=format&fit=crop&w=900&q=80')}.image-3{background-image:url('https://images.unsplash.com/photo-1573497620053-ea5300f94f21?auto=format&fit=crop&w=900&q=80')}.news-image:hover:before{opacity:.55}.news-number{position:absolute;left:17px;top:14px;color:white;font:22px var(--serif)}.news-arrow{position:absolute;right:15px;bottom:14px;width:35px;height:35px;border:1px solid #ffffffaa;border-radius:50%;display:grid;place-items:center;color:white}.news-meta{display:flex;justify-content:space-between;padding-top:18px;font-size:12px;color:#628078}.news-meta time{color:#98a49e}.news-item h3{font:500 21px var(--serif);margin:9px 0}.news-item>p{font-size:14px;line-height:1.8;color:#788782;margin:0}.training-band{min-height:440px;position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--deep);color:#f6f4ec;overflow:hidden}.training-image{min-height:440px;background:url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=1100&q=82') center/cover}.training-copy{align-self:center;padding:60px clamp(35px,7vw,105px)}.training-copy .section-kicker{color:#b8d0c7}.training-copy h2{font:500 38px/1.4 var(--serif);margin:22px 0 12px}.training-copy p{line-height:1.85;color:#c1d0ca;max-width:390px}.light-link{margin-top:18px;color:white}.training-index{position:absolute;bottom:24px;right:clamp(24px,6vw,90px);font-size:11px;letter-spacing:2px;color:#aec2b9}.contact-strip{padding:74px 24px 82px;text-align:center;background:#e6eeea}.contact-strip h2{margin:14px 0 19px;font-size:32px}.contact-strip>a{font:500 23px var(--serif);border-bottom:1px solid #8caaa1;padding-bottom:5px}.contact-strip>a span{color:var(--orange);padding-left:15px}.site-footer{min-height:130px;padding:30px clamp(24px,7vw,105px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#122e37;color:#d4e0dc;font-size:12px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand .brand-mark{color:#b4d1c7;border-color:#59746e}.footer-brand div{display:flex;flex-direction:column;gap:5px}.footer-brand strong{font:500 15px var(--serif)}.footer-brand small,.site-footer>span{color:#91a9a1}.site-footer p{margin:0}.inner-page{min-height:75vh}.inner-cover{min-height:350px;padding:100px clamp(24px,13vw,200px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#174451,#3a7774);background-size:cover;background-position:center;color:white}.inner-cover .section-kicker{color:#cee0d6}.inner-cover h1{font:500 48px var(--serif);margin:17px 0 8px}.inner-cover p{margin:0;color:#e0eae4;max-width:640px;line-height:1.8}.page-article{max-width:920px;margin:0 auto;padding:55px 24px 95px}.back-link{font-size:13px;color:#52877d}.article-copy{font-size:18px;line-height:2.1;white-space:pre-line;margin:40px 0 55px;color:#425f5c}.article-contact{padding:23px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#648079}.article-contact a{color:var(--teal);font-weight:600}@keyframes hero-arrive{from{transform:scale(1.035);opacity:.65}to{transform:scale(1);opacity:1}}@keyframes copy-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.brand{min-width:auto}.main-nav{gap:15px;font-size:13px}.site-header{padding:0 28px}.intro-band{padding-left:7vw;padding-right:7vw}.news-section{padding-left:7vw;padding-right:7vw}}@media(max-width:760px){.site-header{height:72px;padding:0 20px}.brand-mark{width:39px;height:39px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:8px}.menu-toggle{width:42px;height:42px;border:1px solid #d7e0da;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{width:18px;height:1px;background:var(--ink)}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;background:#fffdfa;box-shadow:0 12px 20px #193d3820;padding:8px 22px 20px;align-items:stretch;flex-direction:column;gap:0}.main-nav.is-open{display:flex}.main-nav>a,.nav-drop-button,.nav-dropdown{height:auto;min-height:45px}.main-nav>a:after{bottom:5px}.nav-dropdown{display:block}.nav-drop-button{width:100%;justify-content:space-between}.dropdown-panel{position:static;box-shadow:none;border-top:1px solid var(--line);min-width:0}.dropdown-panel a{padding-left:16px}.hero{height:620px;min-height:0}.hero-photo{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(14,47,59,.77),rgba(21,64,73,.4)),linear-gradient(0deg,rgba(17,50,61,.25),transparent)}.hero-inner{padding:98px 25px}.hero h1{font-size:48px;margin-top:24px}.hero-copy>p{font-size:15px}.desktop-only{display:none}.hero-caption{left:25px;bottom:60px}.hero-side-note{right:14px;font-size:8px}.hero-bottom{padding:0 20px;font-size:8px;letter-spacing:.8px}.intro-band{display:block;padding:60px 25px 70px;min-height:0}.intro-content{display:block;margin-top:25px}.intro-content h2,.section-heading h2{font-size:30px}.intro-content p{margin:15px 0}.intro-stamp{right:12px;bottom:-28px;width:95px;height:95px;font-size:27px}.news-section{padding:68px 24px}.section-heading{align-items:flex-start;gap:14px}.section-heading>.text-link{font-size:12px;gap:8px;margin-top:32px;white-space:nowrap}.news-grid{grid-template-columns:1fr;gap:36px}.news-image{height:240px}.news-item h3{font-size:20px}.training-band{grid-template-columns:1fr}.training-image{min-height:260px}.training-copy{padding:42px 25px 58px}.training-copy h2{font-size:32px}.training-index{bottom:20px}.contact-strip{padding:58px 20px 65px}.site-footer{align-items:flex-start;flex-direction:column;gap:16px;padding:28px 24px}.inner-cover{min-height:290px;padding:75px 25px}.inner-cover h1{font-size:37px}.article-copy{font-size:16px;margin:30px 0 42px}.article-contact{align-items:flex-start;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
