@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f8f5;--ink:#0c2242;--blue:#1559df;--line:#cbd2dc;--muted:#607086}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'IBM Plex Sans Thai',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #548afa;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:44px;font-weight:800;letter-spacing:-3px;line-height:1}.brand span{font-size:15px;vertical-align:top;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:10px}nav{display:flex;gap:38px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{color:var(--blue)}.languages{display:flex;gap:10px;font-size:12px}.languages a{color:var(--muted)}.languages .active{color:var(--blue);font-weight:800}main>section{margin:0 5%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.hero>.eyebrow{display:flex;justify-content:space-between;padding-top:28px}.hero-heading{display:grid;grid-template-columns:2.2fr 1fr;align-items:end;gap:7%;padding:50px 0 48px}h1,h2,h3,p{margin:0}h1{font-size:clamp(52px,7.2vw,112px);line-height:1.08;letter-spacing:-5px;font-weight:800}.blue-dot{color:var(--blue)}.hero-aside{padding-bottom:6px}.hero-aside p{font-size:14px;line-height:1.9;max-width:350px}.cross{font-size:54px;color:var(--blue);display:block;margin-bottom:22px}.text-link{display:inline-block;font-size:12px;font-weight:800;margin-top:24px;border-bottom:1px solid var(--ink);padding-bottom:8px}.hero-image{margin:0;position:relative;background:#dce4ed;height:460px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 22px;background:linear-gradient(transparent,#0c2242d9);color:#fff;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between}.ticker{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px;font-weight:700}.ticker b{font-size:24px;color:var(--blue)}.approach{display:grid;grid-template-columns:1fr 2fr;gap:6%;padding:100px 0}.approach>.eyebrow{padding-top:13px}h2{font-size:clamp(38px,4.6vw,70px);line-height:1.13;letter-spacing:-2.5px;font-weight:800}.lead{font-size:18px;line-height:1.9;max-width:650px;margin-top:30px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:45px}.principles>div{border-top:1px solid var(--line);padding-top:20px}.principles b{font-size:11px;color:var(--blue)}.principles h3{font-size:16px;margin:15px 0 10px}.principles p{font-size:13px;line-height:1.8;color:var(--muted)}.collection{padding:65px 0 100px;border-top:1px solid var(--ink)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head h2{margin-top:25px}.section-head>p{font-size:13px;line-height:1.8;max-width:240px}.search{display:flex;align-items:center;gap:20px;border-block:1px solid var(--line);padding:18px 0;margin:38px 0}.search label{font-size:12px;font-weight:700}.search input{flex:1;min-width:0;border:0;background:transparent;padding:8px;color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product-visual{height:280px;background:#e7edf3;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;margin-bottom:22px}.product-card:nth-child(2) .product-visual{background:#dce5f2}.product-card:nth-child(3) .product-visual{background:#cddcf0}.product-visual img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.product-card:hover img{transform:scale(1.04)}.model{font-size:clamp(36px,5vw,72px);font-weight:800;letter-spacing:-4px;color:#1d4e96}.product-visual small{font-size:8px;letter-spacing:2px;margin-top:12px;color:#517095}.product-index{position:absolute;top:16px;left:18px;font-size:10px}.product-card>.eyebrow{font-size:9px;color:var(--muted)}.product-card h3{font-size:18px;margin-top:12px;display:flex;justify-content:space-between;gap:10px}.product-card h3 span{color:var(--blue)}[hidden]{display:none!important}.custom{background:var(--blue);color:white;padding:55px 5% 65px!important;margin:0!important;display:grid;grid-template-columns:2fr 1fr;gap:32px}.custom>.eyebrow{grid-column:1/-1}.custom p{font-size:14px;line-height:1.9;margin-top:10px}.button{display:inline-block;background:var(--blue);color:white;padding:17px 24px;font-size:12px;font-weight:700;margin-top:28px;border:0;cursor:pointer}.button.light{background:white;color:var(--ink)}.contact{padding:90px 0;display:grid;grid-template-columns:2fr 1fr;gap:30px}.contact>.eyebrow{grid-column:1/-1}.contact-links{align-self:end;font-size:16px;line-height:1.9}.contact-links a{display:block;border-bottom:1px solid var(--line);padding:12px 0}.contact-links p{font-size:13px;color:var(--muted)}footer{margin:0 5%;padding:35px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:30px}footer p,footer>a:last-child{font-size:10px;color:var(--muted)}.product-detail{padding:50px 0 80px}.product-detail h1{font-size:clamp(40px,6vw,80px);margin:45px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail-grid .product-visual{height:440px}.note{font-size:13px;line-height:1.8;margin-top:20px;color:var(--muted)}.admin{max-width:1100px;margin:40px auto;padding:0 24px}.admin h1{font-size:36px;letter-spacing:-1px;margin:30px 0}.admin h2{font-size:25px;letter-spacing:0;margin:30px 0 20px}.admin label{display:block;font-size:13px;margin:18px 0}.admin input,.admin textarea,.admin select{display:block;width:100%;padding:12px;border:1px solid var(--line);background:white;color:var(--ink);margin-top:7px}.admin textarea{min-height:110px}.admin fieldset{border:1px solid var(--line);padding:24px;margin:28px 0}.admin legend{font-weight:700}.admin .cols{display:grid;grid-template-columns:1fr 1fr;gap:25px}.alert{background:#e0edff;padding:18px;margin:20px 0}.admin .danger{background:#9b273d}.admin .topbar{display:flex;justify-content:space-between;gap:25px;align-items:center}.admin .topbar form{display:inline}.admin .topbar .button{margin:0}.login{max-width:480px;margin:10vh auto}.admin img{max-width:150px;max-height:120px}.admin .help{font-size:13px;line-height:1.9;color:var(--muted)}
@media(min-width:1500px){body>header,body>main,body>footer{max-width:1600px;margin-inline:auto}}@media(max-width:760px){header{padding:22px 6%;flex-wrap:wrap}.brand{font-size:36px}nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:12px}main>section{margin-inline:6%}.hero>.eyebrow{font-size:8px;gap:25px}.hero-heading{grid-template-columns:1fr;padding:36px 0;gap:28px}h1{font-size:52px;letter-spacing:-2.5px}.hero-aside{display:grid;grid-template-columns:50px 1fr;gap:0 16px}.hero-aside .cross{grid-row:1/3;font-size:40px}.hero-aside p{font-size:13px}.text-link{justify-self:start}.hero-image{height:290px}.hero-image figcaption{font-size:7px;gap:20px}.ticker{font-size:7px;letter-spacing:.5px;gap:10px}.approach{grid-template-columns:1fr;padding:60px 0;gap:30px}h2{font-size:40px;letter-spacing:-1.8px}.lead{font-size:16px}.section-head{display:block}.section-head>p{margin-top:20px}.product-grid{grid-template-columns:1fr}.product-visual{height:310px}.model{font-size:76px}.product-card{margin-bottom:20px}.custom,.contact{grid-template-columns:1fr}.custom{padding:40px 6%!important}.contact{padding:60px 0}.custom>.eyebrow,.contact>.eyebrow{grid-column:auto}.search{gap:10px;flex-wrap:wrap}.search label{width:100%}.detail-grid{grid-template-columns:1fr;gap:15px}.detail-grid .product-visual{height:310px}.product-detail h1{font-size:42px;letter-spacing:-1px}footer{flex-wrap:wrap}.admin .cols{grid-template-columns:1fr;gap:0}.admin fieldset{padding:15px}.admin .topbar{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.category-filters button{border:1px solid var(--line);padding:8px 12px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-size:10px}.category-filters button.selected{background:var(--ink);color:white;border-color:var(--ink)}.footer-navigation{margin:0 5%;padding:24px 0;display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:12px}.story-links{display:flex;gap:25px;flex-wrap:wrap}.product-visual img{mix-blend-mode:multiply;padding:20px}
.story-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:45px}.story-gallery img{width:100%;height:auto;object-fit:contain;background:white}@media(max-width:760px){.story-gallery{grid-template-columns:1fr}}
.inquiry-form label{display:block;font-size:13px;margin:18px 0 8px}.inquiry-form input,.inquiry-form textarea,.inquiry-form select{display:block;width:100%;padding:13px;border:1px solid var(--line);background:white;color:var(--ink);font:inherit}.inquiry-form .privacy-check{display:flex;gap:12px;font-size:12px;line-height:1.8}.privacy-check input{width:18px;flex:none;align-self:start;margin-top:5px}.privacy-check .text-link{margin:0;padding:0}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.faq{padding:75px 0;border-top:1px solid var(--line)}.faq h2{margin:25px 0 35px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:17px;font-weight:700;cursor:pointer}.faq details p{padding-top:20px;max-width:800px;line-height:1.9;font-size:14px;color:var(--muted)}.inbox{margin:40px 0 60px}.inquiry{border:1px solid var(--line);padding:18px;margin:15px 0}.inquiry summary{cursor:pointer;line-height:1.8}.inquiry-status{font-size:10px;background:#dce7ff;padding:4px 8px;margin-right:8px}.inquiry p{margin:14px 0;overflow-wrap:anywhere}.inquiry-message{white-space:normal;line-height:1.8}.skip-link{position:absolute;left:6%;top:-100px;background:white;padding:12px;z-index:20}.skip-link:focus{top:10px}
.admin .brand{display:inline-block}.admin .brand img{display:block;width:170px;height:auto;max-width:100%;max-height:none}