:root{--navy-950:#041822;--navy-900:#061f2d;--navy-800:#0a3040;--teal-600:#16747b;--teal-300:#7fb7b2;--copper:#cf8a55;--copper-light:#eab98f;--cream:#f3efe5;--paper:#faf8f2;--mist:#e6efed;--ink:#16323b;--muted:#64767a;--line:#0d354029;--white:#fff;--display:"Pridi", "Noto Serif SC", Georgia, serif;--body:"IBM Plex Sans Thai", "Noto Sans SC", sans-serif;--shell:min(1240px, calc(100vw - 64px));color:var(--ink);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;line-height:1.65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0;overflow-x:hidden}body:before{z-index:1000;pointer-events:none;content:"";opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}img{object-fit:cover;width:100%;height:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.15}.shell{width:var(--shell);margin-inline:auto}.section{padding:clamp(90px,11vw,160px) 0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;color:var(--white);background:var(--navy-900);padding:10px 16px;position:fixed;top:10px;left:10px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--copper-light);outline-offset:4px}.eyebrow{color:var(--teal-600);letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px;font-size:12px;font-weight:700}.eyebrow:before{vertical-align:middle;content:"";background:currentColor;width:38px;height:1px;margin-right:12px;display:inline-block}.eyebrow.light{color:var(--copper-light)}.section-heading{grid-template-columns:minmax(0,1fr) minmax(260px,.46fr);align-items:end;gap:80px;margin-bottom:64px;display:grid}.section-heading h2{letter-spacing:-.025em;max-width:760px;margin-bottom:0;font-size:clamp(40px,5vw,72px)}.section-heading>p,.section-heading-row>p{max-width:470px;color:var(--muted);margin-bottom:8px;font-size:17px}.site-header{z-index:90;color:var(--white);border-bottom:1px solid #fff3;transition:color .25s,background .25s,box-shadow .25s;position:fixed;inset:0 0 auto}.site-header.is-scrolled{color:var(--navy-900);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-color:var(--line);background:#faf8f2f0;box-shadow:0 10px 40px #04182214}.header-inner{justify-content:space-between;align-items:center;gap:30px;min-height:82px;display:flex}.brand{flex:none;align-items:center;gap:13px;display:flex}.brand-mark{border:1px solid;border-radius:50%;align-content:center;gap:4px;width:42px;height:42px;padding:8px;display:grid}.brand-mark i{background:currentColor;border-radius:50%;height:2px;display:block;transform:rotate(-7deg)}.brand-mark i:nth-child(2){justify-self:end;width:75%}.brand-mark i:nth-child(3){justify-self:end;width:50%}.brand strong{font-family:var(--display);letter-spacing:.04em;font-size:17px;font-weight:500;line-height:1.2;display:block}.brand small{letter-spacing:.09em;opacity:.78;margin-top:3px;font-size:12px;font-weight:600;display:block}.desktop-nav{align-items:center;gap:34px;margin-left:auto;display:flex}.desktop-nav a{font-size:14px;font-weight:500;position:relative}.desktop-nav a:after{transform-origin:100%;content:"";background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.header-actions{align-items:center;gap:16px;display:flex}.language-switcher{gap:0;display:flex}.language-switcher button{min-width:44px;min-height:44px;color:inherit;letter-spacing:.04em;opacity:.68;background:0 0;border:0;padding:6px;font-size:12px;font-weight:600}.language-switcher button[aria-pressed=true]{opacity:1;border-bottom:1px solid}.header-cta{min-height:44px;color:var(--navy-900);background:var(--copper-light);border:1px solid var(--copper-light);align-items:center;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.site-header.is-scrolled .header-cta{color:var(--white);background:var(--navy-900);border-color:var(--navy-900)}.menu-toggle{background:0 0;border:1px solid;width:42px;height:42px;padding:10px;display:none}.menu-toggle span{background:currentColor;width:100%;height:1px;margin:6px 0;transition:transform .2s;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.mobile-menu{color:var(--navy-900);background:var(--paper);border-top:1px solid var(--line);padding:18px 32px 28px}.mobile-menu a{font-family:var(--display);border-bottom:1px solid var(--line);padding:13px 0;font-size:21px;display:block}.hero{height:100svh;min-height:850px;color:var(--white);background:var(--navy-950);position:relative;overflow:hidden}.hero:after{z-index:2;content:"";background:linear-gradient(90deg,#041822f5 0%,#041822d1 38%,#0418222e 70%,#0418220a 100%);position:absolute;inset:0}.hero-media{margin:0;position:absolute;inset:0}.hero-media img{object-position:center 54%;animation:1.6s cubic-bezier(.2,.75,.2,1) both hero-scale;transform:scale(1.015)}.hero-wash{background:linear-gradient(#03111833,#0000 50%,#03111873);position:absolute;inset:0}.hero-media figcaption{z-index:4;letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;font-size:12px;position:absolute;bottom:28px;right:32px}.hero-copy{z-index:4;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:40px;height:100%;padding-top:95px;display:grid;position:relative}.hero-content{max-width:780px}.hero h1{letter-spacing:-.045em;text-wrap:balance;margin-bottom:30px;font-size:clamp(60px,7.6vw,116px);line-height:.96}.hero h1 span{color:var(--copper-light);font-weight:300}.hero-lead{color:#ffffffc7;max-width:670px;margin-bottom:38px;font-size:clamp(16px,1.5vw,20px);font-weight:300}.hero-actions{align-items:center;gap:30px;display:flex}.button{border:1px solid #0000;justify-content:center;align-items:center;gap:38px;min-height:52px;padding:13px 24px;font-size:14px;font-weight:600;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-copper{color:var(--navy-950);background:var(--copper-light);border-color:var(--copper-light)}.button-copper:hover{background:var(--white);border-color:var(--white)}.text-link{background:0 0;border:0;border-bottom:1px solid;align-items:center;gap:18px;min-height:44px;padding:8px 0;font-size:14px;font-weight:600;display:inline-flex}.light-link{color:var(--white)}.hero-index{border-top:1px solid #ffffff40;align-self:end;margin-bottom:70px}.hero-index>div{border-bottom:1px solid #ffffff40;padding:18px 0}.hero-index strong{font-family:var(--display);font-size:32px;font-weight:300;line-height:1;display:block}.hero-index span{color:#ffffffb8;margin-top:7px;font-size:12px;line-height:1.4;display:block}.marquee{color:var(--navy-900);background:var(--copper-light);white-space:nowrap;padding:14px 0;overflow:hidden}.marquee div{letter-spacing:.12em;align-items:center;gap:30px;width:max-content;padding-left:3vw;font-size:12px;font-weight:700;display:flex}.marquee i{font-style:normal}.capabilities{background:var(--cream)}.capabilities .shell{grid-template-columns:.85fr 1.15fr;gap:clamp(70px,10vw,150px);display:grid}.capabilities .section-heading{align-self:start;margin:0;display:block;position:sticky;top:130px}.capabilities .section-heading h2{margin-bottom:30px}.capabilities .section-heading>p:last-child{max-width:580px}.capability-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.capability-list li{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) 40px;align-items:start;gap:20px;padding:38px 0;display:grid}.capability-list>li>span:first-child{color:#a75e2d;letter-spacing:.08em;font-size:12px}.capability-list h3{margin-bottom:8px;font-size:clamp(27px,3vw,40px)}.capability-list p{color:var(--muted);margin:0}.cap-icon{color:var(--teal-600);font-family:var(--display);text-align:right;font-size:30px}.product-groups{background:var(--paper)}.group-grid{grid-template-columns:1.3fr .85fr .85fr;gap:16px;display:grid}.group-card{min-height:560px;color:var(--white);background:var(--navy-900);position:relative;overflow:hidden}.group-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.group-card:hover img{filter:saturate(1.08);transform:scale(1.045)}.group-overlay{background:linear-gradient(#0418220d,#041822d1);position:absolute;inset:0}.group-number{border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:44px;height:44px;font-size:12px;display:grid;position:absolute;top:22px;left:22px}.group-copy{justify-content:space-between;align-items:end;gap:20px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.group-copy strong{max-width:240px;font-family:var(--display);font-size:clamp(27px,3vw,42px);font-weight:400;line-height:1.12}.group-copy small{letter-spacing:.06em;white-space:nowrap;padding-bottom:7px;font-size:12px}.catalog{color:var(--white);background:var(--navy-900)}.catalog-heading{border-bottom:1px solid #fff3;justify-content:space-between;align-items:end;gap:50px;padding-bottom:50px;display:flex}.catalog-heading h2{margin-bottom:12px;font-size:clamp(43px,6vw,78px)}.catalog-heading p{color:#ffffff9e}.catalog-total{text-align:right;align-items:baseline;gap:10px;display:flex}.catalog-total strong{font-family:var(--display);color:var(--copper-light);font-size:72px;font-weight:300;line-height:1}.catalog-total span{color:#ffffffb8;max-width:92px;font-size:12px;line-height:1.4}.catalog-toolbar{border-bottom:1px solid #fff3;grid-template-columns:minmax(280px,.75fr) 1.25fr;align-items:end;gap:50px;padding:32px 0;display:grid}.search-field{border-bottom:1px solid #ffffff8c;align-items:center;gap:12px;padding:10px 0;display:flex}.search-field>span:not(.visually-hidden){color:var(--copper-light);font-size:24px}.search-field input{width:100%;color:var(--white);background:0 0;border:0;outline:none}.search-field input::placeholder{color:#ffffffad}.filters{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.filters button{color:#ffffffd1;background:0 0;border:1px solid #ffffff59;min-height:44px;padding:9px 15px;font-size:12px}.filters button[aria-pressed=true]{color:var(--navy-900);background:var(--copper-light);border-color:var(--copper-light)}.catalog-status{color:#ffffffb3;letter-spacing:.03em;justify-content:space-between;gap:30px;padding:23px 0 12px;font-size:12px;display:flex}.product-list{border-top:1px solid #ffffff2e}.product-row{border-bottom:1px solid #ffffff2e}.product-row summary{cursor:pointer;grid-template-columns:60px minmax(0,1fr) minmax(100px,180px) 32px;align-items:center;gap:24px;min-height:96px;list-style:none;display:grid}.product-row summary::-webkit-details-marker{display:none}.product-number{color:var(--copper-light);font-family:var(--display);font-size:19px}.product-name strong{font-family:var(--display);font-size:clamp(20px,2.2vw,31px);font-weight:300;line-height:1.2;display:block}.product-name small{color:#ffffffb3;letter-spacing:.04em;margin-top:6px;font-size:13px;display:block}.product-type{color:#ffffffb3;text-align:right;font-size:12px}.product-toggle{text-align:right;font-size:21px;transition:transform .2s}.product-row[open] .product-toggle{transform:rotate(45deg)}.product-row[open]{background:#ffffff09}.product-detail{grid-template-columns:repeat(3,1fr);gap:20px;padding:4px 56px 30px 84px;display:grid}.product-detail div{border-top:1px solid #ffffff1f;padding-top:15px}.product-detail div span{color:var(--copper-light);letter-spacing:.06em;margin-bottom:6px;font-size:12px;display:block}.product-detail div strong{font-size:14px;font-weight:400}.product-warning{color:#f3b5a7;grid-column:1/-1;margin:0;font-size:13px}.add-product{min-height:44px;color:var(--copper-light);background:0 0;border:0;border-bottom:1px solid;grid-column:1/-1;justify-self:end;padding:8px 0;font-size:13px;font-weight:600}.empty-state{text-align:center;border-bottom:1px solid #ffffff2e;padding:70px 20px}.empty-state p{font-family:var(--display);font-size:28px}.empty-state button{color:var(--copper-light);background:0 0;border:0;border-bottom:1px solid}.catalog-actions{justify-content:center;align-items:center;gap:30px;margin-top:44px;display:flex}.button-outline-light{color:var(--white);background:0 0;border-color:#ffffff73}.button-outline-light:hover{color:var(--navy-900);background:var(--white)}.catalog-note{color:#ffffffb8;text-align:center;max-width:760px;margin:36px auto 0;font-size:13px}.about{background:var(--cream)}.about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(60px,10vw,140px);display:grid}.about-visual{min-height:720px;position:relative}.about-visual img{filter:saturate(.82)contrast(1.03)}.about-stamp{width:132px;height:132px;color:var(--white);background:var(--teal-600);text-align:center;border-radius:50%;align-content:center;place-items:center;display:grid;position:absolute;bottom:48px;right:-52px;transform:rotate(-8deg);box-shadow:0 14px 40px #061f2d38}.about-stamp span{font-family:var(--display);font-size:34px;line-height:1}.about-stamp small{letter-spacing:.14em;margin-top:6px;font-size:8px;line-height:1.3}.about-copy h2{margin-bottom:32px;font-size:clamp(42px,5vw,68px)}.about-copy>p{color:var(--muted)}.about-copy .about-lead{color:var(--ink);font-size:19px}.about-facts{border-top:1px solid var(--line);margin:42px 0 0;padding:0;list-style:none}.about-facts li{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr;gap:18px;padding:18px 0;display:grid}.about-facts li span:first-child{color:#a75e2d;font-size:12px}.gallery-section{background:var(--paper)}.gallery-grid{grid-template-rows:repeat(3,280px);grid-template-columns:1.4fr .6fr;gap:16px;display:grid}.gallery-grid figure{margin:0;position:relative;overflow:hidden}.gallery-main{grid-row:1/4}.gallery-grid img{transition:transform .65s}.gallery-grid figure:hover img{transform:scale(1.025)}.gallery-grid figcaption{color:var(--white);background:linear-gradient(#0000,#041822d1);justify-content:space-between;gap:30px;padding:50px 22px 20px;font-size:13px;display:flex;position:absolute;inset:auto 0 0}.contact-section{color:var(--white);background:var(--navy-950);padding:clamp(90px,11vw,150px) 0}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:clamp(70px,10vw,145px);display:grid}.contact-copy h2{margin-bottom:28px;font-size:clamp(50px,6.2vw,82px)}.contact-copy>p{color:#ffffffbd;max-width:540px}.contact-copy address{border-top:1px solid #ffffff2e;margin-top:60px;font-style:normal}.contact-copy address div{border-bottom:1px solid #ffffff2e;grid-template-columns:95px 1fr;gap:24px;padding:17px 0;display:grid}.contact-copy address span{color:var(--copper-light);letter-spacing:.06em;font-size:12px}.contact-copy address strong,.contact-copy address a{font-size:15px;font-weight:400;display:block}.contact-copy address .contact-values{color:inherit;letter-spacing:normal;gap:4px;display:grid}.inquiry-form{color:var(--ink);background:var(--paper);padding:clamp(28px,5vw,60px)}.form-heading{justify-content:space-between;align-items:start;gap:30px;margin-bottom:38px;display:flex}.form-heading span{color:#a75e2d;letter-spacing:.1em;font-size:12px}.form-heading h3{margin-bottom:0;font-size:32px}.inquiry-form label{margin-bottom:25px;display:block}.inquiry-form label>span{color:#53676b;letter-spacing:.03em;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.inquiry-form input,.inquiry-form textarea{background:0 0;border:0;border-bottom:1px solid #0d354059;border-radius:0;outline:none;width:100%;padding:10px 0}.inquiry-form input:focus,.inquiry-form textarea:focus{border-bottom-color:var(--teal-600);box-shadow:0 1px 0 var(--teal-600)}.inquiry-form textarea{resize:vertical}.form-submit{width:100%;margin-top:6px}.form-note,.form-status{color:#53676b;text-align:center;margin:13px 0 0;font-size:12px}.form-status{min-height:1.65em;font-size:13px}.form-status.is-success{color:#247052}.form-status.is-error{color:#a33b2c}.honeypot{position:absolute!important;left:-9999px!important}.site-footer{color:#ffffff9e;background:#020f16;border-top:1px solid #ffffff1a;padding:34px 0}.footer-grid{grid-template-columns:1fr .85fr 1.2fr 1.1fr;align-items:start;gap:40px;font-size:12px;display:grid}.footer-grid p{margin:0}.footer-brand{color:var(--white);align-items:center;gap:12px;display:flex}.footer-brand .brand-mark{width:34px;height:34px}.footer-brand strong{font-family:var(--display);font-weight:500}.footer-nav,.footer-contact,.footer-meta{gap:0;display:grid}.footer-nav a,.footer-contact a,.footer-meta>a{align-items:center;min-height:44px;display:flex}.footer-nav a:hover,.footer-contact a:hover{color:var(--white)}.footer-meta>a{color:var(--copper-light)}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(25px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes hero-scale{0%{transform:scale(1.08)}to{transform:scale(1.015)}}@media (width<=1050px){:root{--shell:min(calc(100% - 40px), 920px)}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.hero{min-height:760px}.hero-copy{grid-template-columns:1fr;align-content:center}.hero-index{display:none}.capabilities .shell,.about-grid,.contact-grid{grid-template-columns:1fr}.capabilities .section-heading{position:static}.group-grid{grid-template-columns:1fr 1fr}.group-card-wide{grid-column:1/-1;min-height:480px}.group-card:not(.group-card-wide){min-height:500px}.about-visual{width:calc(100% - 50px);min-height:640px}.contact-copy{max-width:700px}}@media (width<=760px){:root{--shell:calc(100% - 32px)}html{scroll-padding-top:72px}.section{padding:82px 0}.header-inner{gap:8px;min-height:72px}.brand small{display:none}.language-switcher button{padding:6px 4px}.hero{min-height:720px}.hero:after{background:linear-gradient(90deg,#041822ed,#04182294),linear-gradient(#0000 40%,#041822b3)}.hero-copy{padding-top:72px}.hero h1{overflow-wrap:anywhere;font-size:clamp(44px,13vw,64px)}.hero h1 span{font-size:.88em;display:block}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:17px}.hero-media img{object-position:59% center}.hero-media figcaption{display:none}.section-heading{margin-bottom:42px;display:block}.section-heading h2{font-size:43px}.section-heading>p,.section-heading-row>p{margin-top:24px;font-size:15px}.capabilities .shell{gap:50px}.capability-list li{padding:28px 0}.group-grid{grid-template-columns:1fr}.group-card-wide{grid-column:auto}.group-card,.group-card-wide,.group-card:not(.group-card-wide){min-height:480px}.catalog-heading{flex-direction:column;align-items:start}.catalog-total{text-align:left}.catalog-toolbar{grid-template-columns:1fr;gap:25px}.filters{justify-content:flex-start}.catalog-status{flex-direction:column;align-items:flex-start;gap:4px}.product-row summary{grid-template-columns:42px minmax(0,1fr) 25px;gap:12px;padding:15px 0}.product-type{display:none}.product-detail{grid-template-columns:1fr;padding:0 8px 28px 54px}.catalog-actions{flex-direction:column;gap:15px}.about-visual{width:calc(100% - 28px);min-height:530px}.about-stamp{width:104px;height:104px;right:-28px}.gallery-grid{grid-template-rows:460px 280px 280px;grid-template-columns:1fr 1fr}.gallery-main{grid-area:auto/1/auto/-1}.contact-grid{gap:60px}.inquiry-form{margin-inline:-16px}.footer-grid{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1/-1}}@media (width<=480px){.brand{gap:8px}.brand strong{white-space:nowrap;font-size:14px}.brand-mark{width:33px;height:33px;padding:7px}.header-actions{gap:3px}.language-switcher button{min-width:44px;padding-inline:2px;font-size:12px}.menu-toggle{width:44px;height:44px;padding:12px}.hero h1{font-size:44px}.marquee div{gap:20px}.group-card,.group-card-wide,.group-card:not(.group-card-wide){min-height:420px}.group-copy{display:block}.group-copy small{margin-top:12px;display:block}.gallery-grid{display:block}.gallery-grid figure{height:380px;margin-bottom:12px}.contact-copy h2{font-size:46px}.contact-copy address div{grid-template-columns:72px 1fr}.footer-grid{grid-template-columns:1fr}.footer-meta{grid-column:auto}}@media (width<=360px){.brand>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}
