@font-face{font-family:SeaSans;src:url('/demo/fonts/thai-thai-400.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0E00-0E7F}@font-face{font-family:SeaSans;src:url('/demo/fonts/thai-thai-600.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0E00-0E7F}@font-face{font-family:SeaSans;src:url('/demo/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:SeaSans;src:url('/demo/fonts/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:SeaSerif;src:url('/demo/fonts/serif-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:SeaThaiSerif;src:url('/demo/fonts/noto-serif-thai-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--navy:#082f40;--teal:#007f82;--lime:#c9ee91;--pale:#edf7f6;--line:#b5dce0;--muted:#597080;--gutter:clamp(24px,4.6vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:74px}body{margin:0;background:#fff;color:var(--navy);font:400 19px/1.6 SeaSans,Arial,sans-serif}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select,textarea{touch-action:manipulation}img{display:block;width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{width:min(100%,1920px);margin:auto;padding-inline:var(--gutter)}h2{font:600 clamp(32px,3.7vw,58px)/1.4 SeaSans,Arial,sans-serif;letter-spacing:-1.2px}html[lang=th] h2,html[lang=th] .product-info h3{font-family:SeaThaiSerif,serif;font-weight:600}h3{font-weight:600}p{color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:#fff;z-index:99;padding:14px}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.header{position:sticky;top:0;z-index:20;background:#fff;height:74px;display:flex;align-items:center;gap:34px}.brand{display:block;width:372px;flex-shrink:0}.header nav{display:flex;gap:38px;margin-left:auto;font-size:19px}.header nav a:hover,footer a:hover{color:var(--teal)}.locale-links{display:flex;gap:10px;border-left:1px solid #597080;padding-left:42px;font-size:17px}.locale-links a[aria-current]{color:var(--teal);font-weight:600}.nav-toggle{display:none}.hero{height:818px;position:relative;background:var(--navy);color:#fff;overflow:hidden}.hero-slides{position:absolute;inset:0}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:0;transition:opacity 1.5s ease;animation:ocean-camera 15s linear infinite;animation-play-state:paused;will-change:transform}.hero-image.active{opacity:1;animation-play-state:running}.hero.paused .hero-image,.hero.paused .hero-wave{animation-play-state:paused}.hero-copy{position:relative;z-index:1;padding-top:168px;pointer-events:none}.hero h1{font:700 clamp(78px,8.25vw,138px)/.87 SeaSerif,Georgia,serif;letter-spacing:-2px}.hero-copy>p{font-size:31px;color:#fff;margin-top:38px;line-height:1.4}.hero-actions{display:flex;gap:18px;margin-top:34px;pointer-events:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:58px;padding:12px 36px;font-size:21px;font-weight:600;line-height:1.4;background:var(--teal);border:1px solid var(--teal);border-radius:5px;color:#fff;transition:background .2s,transform .2s}.button:hover{background:#006c70}.button.lime{background:var(--lime);border-color:var(--lime);color:var(--navy)}.button.lime:hover{background:#b8e773}.button.outline{background:none;border-color:#fff;color:#fff}.button.outline:hover{background:#ffffff18}.button.rounded{border-radius:40px}.hero-controls{position:absolute;z-index:2;bottom:156px;right:var(--gutter);display:flex;gap:16px;align-items:center}.hero-controls [data-slide]{width:172px;height:98px;background:none;padding:0;border:2px solid #fff;border-radius:2px;overflow:hidden}.hero-controls [data-slide][aria-pressed=true]{border-color:#fff}.hero-controls img{width:100%;height:100%;object-fit:cover}.motion-toggle{width:48px;height:48px;display:grid;place-items:center;border:1.5px solid #fff;border-radius:50%;background:none;color:#fff}.motion-toggle svg{stroke-width:3;width:23px}.play-icon{display:none}.hero.paused .pause-icon{display:none}.hero.paused .play-icon{display:block}.wave{position:absolute;width:100%;height:130px;stroke:none;bottom:0;left:0;pointer-events:none}.hero-wave{position:absolute;pointer-events:none;bottom:-1px;height:118px;width:108%;left:-4%;animation:wave-sway 16s ease-in-out infinite}.section-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.section-top p,.packaging-top>p,.contact-heading>p{font-size:25px;margin-top:3px}.products h2{font-size:48px}.products{padding-top:24px;padding-bottom:60px;position:relative}.product-tabs{display:flex;gap:28px;align-items:center;flex-shrink:0}.product-tabs button{padding:12px 34px;background:none;border:0;border-bottom:1px solid #8aa6b0;color:var(--navy);font-size:24px}.product-tabs button[aria-pressed=true]{color:var(--teal);font-weight:600;border-bottom:4px solid var(--teal)}.product-explorer{display:grid;grid-template-columns:62% 1fr;gap:50px;margin-top:34px}.product-main{border:0;padding:0;display:block;background:var(--pale);width:100%;height:490px;overflow:hidden}.product-main img{height:100%;object-fit:cover;transition:transform .5s}.product-main:hover img{transform:scale(1.03)}.product-info{padding-top:24px}.product-info:before{content:'';display:block;background:var(--teal);width:96px;height:6px;margin-bottom:20px}.product-info h3{font-size:50px;line-height:1.4;letter-spacing:-1px}.product-info>p{font-size:23px;margin-top:8px}.product-info dl{margin:30px 0 32px}.product-info dl>div{display:grid;grid-template-columns:130px 1fr;gap:18px;border-top:1px solid var(--line);padding:22px 0;font-size:22px}.product-info dl>div:last-child{border-bottom:1px solid var(--line)}.product-info dt{color:var(--muted)}.product-info dd{margin:0}.product-info .button{width:100%;min-height:76px;font-size:24px;padding-inline:15px}.product-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:28px}.product-strip button{padding:0;background:none;border:0;min-width:0}.product-strip img{aspect-ratio:1.48;object-fit:cover;border-bottom:4px solid transparent;padding-bottom:8px}.product-strip button[aria-pressed=true] img{border-color:var(--teal)}.product-strip span{display:block;margin-top:8px;font-size:20px}.sample-note{font-size:15px;margin-top:58px}.ribbons{position:absolute;right:0;bottom:-12px;height:100px;width:50%;overflow:hidden;pointer-events:none}.ribbons .wave{height:100px}.ribbons .wave:first-child{bottom:20px;left:22%;width:120%}.process{background:var(--pale);padding:24px 0 58px}.process-layout{display:grid;grid-template-columns:42% 1fr;gap:35px}.process h2{font-size:clamp(36px,3.8vw,62px);letter-spacing:-2px;white-space:nowrap}.lead{font-size:25px;color:var(--navy);margin-top:6px}.process-list{list-style:none;padding:0;margin:10px 0 0}.process-list li{position:relative}.process-list button{position:relative;display:grid;grid-template-columns:114px 24px 1fr;gap:14px;align-items:center;min-height:106px;width:100%;background:none;border:0;text-align:left;padding:4px 0}.process-list strong{font:600 120px/.8 SeaSerif,Georgia,serif;color:#aacfd2}.step-dot{width:18px;height:18px;border:1px solid var(--teal);border-radius:50%;background:var(--pale);z-index:1}.process-list li:not(:last-child):after{content:'';position:absolute;left:136px;top:58px;width:1px;height:100%;background:var(--teal)}.process-list button>span:last-child{padding-left:16px}.process-list b{font-size:25px;font-weight:400;display:block}.step-description{display:none;font-size:18px;line-height:1.6;margin-top:5px}.process-list [aria-pressed=true] strong{color:var(--teal)}.process-list [aria-pressed=true] b{font-weight:600}.process-list [aria-pressed=true] .step-dot{background:var(--teal)}.process-list [aria-pressed=true] .step-description{display:block}.process-photo{display:block;width:100%;height:516px;border:0;padding:0;background:none;overflow:hidden;border-radius:10px}.process-photo img{width:100%;height:100%;object-fit:cover}.process figcaption h3{font-size:26px;line-height:1.4;margin-top:15px}.process figcaption p{font-size:20px;color:var(--teal)}.factory-gallery{position:relative;background:var(--navy);color:white;padding:0 0 80px}.gallery-wave{position:absolute;top:-95px;left:0;right:0;height:100px;pointer-events:none}.gallery-wave .wave{height:100px}.gallery-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}.gallery-top h2{font-size:50px}.gallery-top .button{min-height:46px;font-size:20px;padding:8px 28px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery-grid button{width:100%;height:355px;border:0;border-radius:9px;overflow:hidden;padding:0;background:none}.gallery-grid img{height:100%;object-fit:cover;transition:transform .4s}.gallery-grid button:hover img{transform:scale(1.025)}.packaging{padding-top:0}.packaging-top{text-align:center}.packaging-top h2{font-size:60px}.packaging-top p{color:var(--navy)}.packaging-tabs{display:flex;justify-content:center;margin:16px auto 0;gap:4px}.packaging-tabs button{background:none;border:0;border-bottom:1px solid var(--navy);padding:9px 32px;font-size:21px;min-width:210px}.packaging-tabs button[aria-pressed=true]{border-radius:26px;background:var(--teal);color:#fff;border-color:var(--teal)}.packaging-scene{position:relative;height:550px;overflow:hidden}.package-image{width:100%;height:100%;object-fit:cover;object-position:center}.package-callout{position:absolute;top:80px;font-size:21px;color:var(--navy);display:flex;align-items:flex-start;gap:12px;line-height:1.4}.package-callout svg{width:80px;height:64px;stroke:var(--teal);stroke-width:1.5}.package-callout circle{fill:var(--teal);stroke:0}.package-callout.left{left:10%}.package-callout.right{right:7%}.package-callout.right svg{transform:scaleX(-1)}.packaging-scene .button{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;min-width:276px}.packaging-scene .wave{height:50px}.application-heading{font-size:36px!important;padding-top:15px;padding-bottom:22px}.applications{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:var(--navy)}.applications button{border:0;padding:0;background:var(--navy);color:white;min-width:0}.applications img{height:245px;object-fit:cover}.applications span{display:block;padding:16px;font-size:27px}.contact{padding-top:24px;padding-bottom:24px}.contact-heading{text-align:center;margin-bottom:24px}.wave-mark{display:block;width:84px;margin:0 auto 16px}.contact-heading h2{font-size:56px}.contact-heading>p{color:var(--navy)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 30px}.form-grid label{display:flex;flex-direction:column;gap:5px;font-size:19px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:4px;background:#fff;padding:8px 14px;min-height:46px;font-size:19px;line-height:1.4}.form-grid textarea{height:86px;resize:vertical}.full{grid-column:1/-1}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:16px}.form-bottom p{font-size:15px}.form-bottom .button{min-width:240px;min-height:52px;font-size:20px;padding:10px 30px}.form-status{border-left:4px solid var(--teal);padding:20px;background:var(--pale);margin-top:24px;white-space:pre-line;overflow-wrap:anywhere}.facade{height:220px;overflow:hidden}.facade img{height:100%;object-fit:cover;object-position:center 55%}footer{position:relative;background:var(--navy);color:white;padding-top:30px}.footer-wave{position:absolute;left:0;right:0;top:-58px;height:60px}.footer-wave .wave{height:60px}.footer-top{display:flex;align-items:center;gap:30px;padding-bottom:26px}.footer-top .brand{width:442px}.footer-top p{color:#fff;font-size:18px;padding-left:136px}.footer-top nav{display:flex;gap:32px;margin-left:auto;font-size:16px}.socials{display:flex;align-items:center;gap:22px;padding-left:28px;border-left:1px solid #b5dce0}.socials a{display:grid;place-items:center}.socials svg{width:26px;height:26px;fill:white;stroke:none}.socials .linkedin-cut{fill:none;stroke:var(--navy);stroke-width:2.4}.footer-bottom{border-top:1px solid #7f9fae;display:flex;align-items:center;gap:26px;padding-block:22px;font-size:13px}.footer-bottom p{color:#a9c6ce;margin-right:auto}.footer-bottom>a:last-child{padding-left:24px;border-left:1px solid #a9c6ce}dialog{width:min(100% - 60px,1100px);max-height:92dvh;overflow:auto;border:0;border-radius:10px;padding:28px;color:var(--navy);background:#fff}dialog::backdrop{background:#061e2dbe}.dialog-close{position:absolute;right:18px;top:18px;border:0;background:#fff;width:40px;height:40px;display:grid;place-items:center;z-index:1;border-radius:50%}.detail-layout{display:grid;grid-template-columns:55% 1fr;gap:30px;margin-top:28px}.detail-layout>img{height:380px;object-fit:cover}.detail-layout h2{font-size:36px;margin-top:20px}.detail-layout p{margin:20px 0;font-size:18px}.detail-layout .button{font-size:18px;padding:12px 20px}.gallery-dialog h2{font-size:30px;margin:0 46px 18px 0}.gallery-dialog>img{max-height:62dvh;object-fit:contain}.gallery-controls{display:flex;align-items:center;gap:24px;justify-content:space-between;margin-top:20px}.gallery-controls p{font-size:17px;text-align:center}.round-button{background:none;border:1px solid var(--teal);border-radius:50%;height:44px;width:44px;display:grid;place-items:center;flex-shrink:0}.previous svg{transform:rotate(180deg)}
@keyframes ocean-camera{0%{transform:scale(1)}100%{transform:scale(1.09)}}@keyframes wave-sway{0%,100%{transform:translateX(0)}50%{transform:translateX(1.5%)}}
@media(max-width:1150px){.brand{width:275px}.header{gap:20px}.header nav{gap:20px;font-size:16px}.locale-links{padding-left:20px}.hero h1{font-size:10vw}.hero-copy>p{font-size:25px}.product-explorer{gap:28px;grid-template-columns:58% 1fr}.product-info h3{font-size:36px}.product-info>p,.product-info dl>div{font-size:19px}.product-info dl>div{grid-template-columns:92px 1fr}.section-top h2{font-size:38px}.product-tabs{gap:12px}.product-tabs button{padding-inline:22px}.process h2{white-space:normal;font-size:42px}.process-list button{grid-template-columns:72px 20px 1fr;gap:10px}.process-list strong{font-size:85px}.process-list li:not(:last-child):after{left:91px}.process-list b{font-size:21px}.process-list button>span:last-child{padding-left:8px}.step-description{font-size:15px}.process-photo{height:500px}.footer-top{flex-wrap:wrap}.footer-top nav{margin-left:0}.footer-top .brand{width:350px}.footer-top p{padding-left:0}.footer-top .socials{margin-left:auto}}
@media(max-width:700px){section[id]{scroll-margin-top:72px}.hero h1,.hero-copy>p{text-shadow:0 2px 12px #082f4080}h2{font-size:30px!important;letter-spacing:-.7px}.header{height:72px;position:sticky;gap:10px}.header .brand{width:188px}.nav-toggle{margin-left:auto;display:grid;place-items:center;background:none;border:0;padding:8px}.locale-links{font-size:12px;gap:5px;padding:0;border:0}.header nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;z-index:10;flex-direction:column;align-items:flex-start;padding:24px;gap:18px;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.hero{height:710px}.hero-image{object-position:64% center}.hero-copy{padding-top:55px}.hero h1{font-weight:600;font-size:65px;line-height:.94;letter-spacing:-1px}.hero-copy>p{font-size:21px;max-width:320px;margin-top:24px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px}.button{font-size:18px;padding:12px 24px;min-height:50px}.hero-controls{bottom:105px;right:24px;gap:10px}.hero-controls [data-slide]{width:108px;height:64px}.motion-toggle{width:38px;height:38px}.hero-wave{height:90px}.products{padding-top:26px;padding-bottom:46px}.section-top{display:block}.section-top p,.packaging-top>p,.contact-heading>p{font-size:18px;margin-top:12px}.product-tabs{margin-top:20px;justify-content:space-between;gap:12px}.product-tabs button{font-size:20px;padding:8px 24px}.product-explorer{grid-template-columns:1fr;gap:20px;margin-top:24px}.product-main{height:auto;aspect-ratio:1.3}.product-info{padding-top:0}.product-info:before{width:60px;height:4px;margin-bottom:12px}.product-info h3{font-size:32px}.product-info>p{font-size:17px;margin-top:8px}.product-info dl{margin:18px 0}.product-info dl>div{font-size:17px;grid-template-columns:90px 1fr;padding:14px 0;gap:10px}.product-info .button{font-size:18px;min-height:52px}.product-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;margin-top:26px}.product-strip span{font-size:14px;margin-top:4px}.sample-note{font-size:12px;margin-top:30px}.ribbons{width:70%;height:60px;opacity:.65}.process{padding:40px 0 64px}.process-layout{grid-template-columns:1fr;gap:24px}.lead{font-size:18px;margin-top:12px}.process-list{margin-top:24px}.process-list button{grid-template-columns:60px 18px 1fr;min-height:90px;gap:10px}.process-list strong{font-size:56px}.process-list li:not(:last-child):after{left:79px;top:52px}.step-dot{height:17px;width:17px}.process-list b{font-size:20px}.step-description{font-size:15px;line-height:1.6}.process-photo{height:auto;aspect-ratio:1.3}.process figcaption h3{font-size:22px}.process figcaption p{font-size:17px}.factory-gallery{padding:12px 0 40px}.gallery-wave{top:-44px;height:50px}.gallery-wave .wave{height:50px}.gallery-top{display:block}.gallery-top .button{margin-top:20px;font-size:17px}.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery-grid button{height:auto;aspect-ratio:1.6}.packaging{padding-top:40px}.packaging-tabs{gap:5px;align-items:stretch;margin-top:24px}.packaging-tabs button{font-size:14px;padding:8px 9px;min-width:0;flex:1}.packaging-scene{height:340px;margin-top:18px}.package-image{object-fit:cover}.package-callout{display:none;font-size:12px;top:15px;gap:5px}.package-callout svg{width:34px;height:40px}.package-callout.left{left:18px;top:8px}.package-callout.right{right:16px;top:18px}.packaging-scene .button{bottom:20px;font-size:16px;min-width:236px}.packaging-scene .wave{height:32px}.application-heading{padding-top:15px;padding-bottom:20px;font-size:26px!important}.applications{grid-template-columns:1fr;gap:2px}.applications img{height:220px}.applications span{font-size:23px;padding:12px}.contact{padding-top:42px;padding-bottom:36px}.wave-mark{width:70px}.contact-heading>p{line-height:1.7}.form-grid{grid-template-columns:1fr;gap:18px}.form-grid label{font-size:17px}.form-grid input,.form-grid select,.form-grid textarea{font-size:17px;min-height:48px}.form-grid textarea{height:120px}.form-bottom{flex-direction:column;align-items:stretch;gap:18px;margin-top:20px}.form-bottom .button{font-size:18px}.form-bottom p{font-size:13px}.facade{height:190px}.footer-top{display:block;padding-bottom:26px}.footer-top .brand{width:min(100%,320px)}.footer-top p{font-size:15px;margin-top:10px}.footer-top nav{margin:24px 0;flex-wrap:wrap;gap:18px;font-size:15px}.socials{padding:0;border:0;gap:24px}.footer-bottom{flex-wrap:wrap;font-size:12px;gap:16px;padding-bottom:26px}.footer-bottom p{width:100%}.footer-bottom>a:last-child{padding-left:16px}dialog{width:calc(100% - 24px);padding:20px;border-radius:7px}.detail-layout{grid-template-columns:1fr;gap:6px}.detail-layout>img{height:230px}.detail-layout h2{font-size:27px}.detail-layout p{font-size:16px}.detail-layout .button{width:100%;font-size:17px}.gallery-dialog h2{font-size:24px;margin-top:25px}.gallery-dialog>img{max-height:48dvh}.gallery-controls{gap:12px}.gallery-controls p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-toggle{display:none}}

.hero.suspended .hero-image,.hero.suspended .hero-wave{animation-play-state:paused}

@media(min-width:701px){.package-image[src*="pack-vacuum"]{transform:scale(1.16)}}

.hero-wave>.wave{height:100%}