:root{--navy:#123b77;--ink:#182d47;--muted:#73808c;--line:#e4e8ed;--cream:#f8f9fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'Manrope','IBM Plex Sans Thai',sans-serif;background:white}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #4586c6;outline-offset:5px}.topbar{height:35px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;font-size:10px;letter-spacing:.4px}.tiny-dot{display:inline-block;background:#90aaca;width:3px;height:3px;border-radius:100%;margin:0 12px}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #eff1f3}.brand{display:flex;align-items:center;gap:9px;color:var(--navy)}.brand svg{width:36px;height:42px}.brand>span{font-size:23px;font-weight:800;letter-spacing:1.5px}.brand small{display:block;font-size:7px;letter-spacing:2px;font-weight:600;margin-top:3px}nav{display:flex;gap:35px;font-size:13px}nav a{padding:12px 0;position:relative}nav a:hover,nav .active{color:var(--navy)}nav .active:after{content:'';width:17px;height:2px;background:var(--navy);position:absolute;bottom:0;left:0}.header-contact{font-size:12px;background:#f0f4f8;padding:14px 21px;color:var(--navy);display:flex;gap:25px}.menu{display:none}.hero{height:620px;position:relative;overflow:hidden;background:#e8e8e1}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background:url('assets/living-room.jpg') center 54%/cover}.hero-shade{background:linear-gradient(90deg,rgba(246,247,246,.99) 0%,rgba(246,247,246,.94) 25%,rgba(246,247,246,.6) 44%,rgba(255,255,255,0) 68%)}.hero-copy{position:relative;padding:78px 6.5%;max-width:760px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:var(--navy);display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--navy);border-radius:50%}h1{font-size:60px;line-height:1.33;letter-spacing:-1.8px;font-weight:600;margin:24px 0 18px}h1 span{color:var(--navy)}.hero p{font-size:15px;line-height:1.9;color:#63707b}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;padding:16px 23px;font-size:13px;border:0}.primary{color:white;background:var(--navy);transition:background .2s,transform .2s}.primary:hover{background:#245795;transform:translateY(-2px)}.hero .button{margin-top:15px}.hero-note{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.5px;margin-top:37px;color:#7a858c}.note-line{width:28px;height:1px;background:#8a979e}.photo-label{position:absolute;right:5%;bottom:93px;background:#fffffff0;padding:18px 23px;display:flex;align-items:center;gap:15px;backdrop-filter:blur(6px);font-size:12px}.photo-label small{display:block;color:#7b8287;font-size:10px;margin-top:5px}.label-icon{font-size:30px;color:var(--navy)}.hero-bottom{position:absolute;bottom:0;left:0;right:0;height:56px;border-top:1px solid #ffffff66;display:flex;align-items:center;padding:0 6.5%;gap:25px;font-size:10px}.hero-bottom i{font-style:normal;color:#87909a;margin-left:6px}.hero-bottom>div{display:flex;gap:5px}.hero-bottom b{height:2px;width:25px;background:#a8b4bf}.hero-bottom b:first-child{background:var(--navy)}.hero-bottom>a{margin-left:auto;font-size:21px;color:var(--navy)}.intro-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 5%;border-bottom:1px solid var(--line);gap:20px}.intro-strip>span{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;border-right:1px solid var(--line)}.intro-strip>span:last-child{border:0}.intro-strip svg{width:23px;height:23px;fill:none;stroke:var(--navy);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.section{padding:85px 6.5%;scroll-margin-top:15px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 4px}h2{font-size:36px;font-weight:500;line-height:1.5;letter-spacing:-.8px;margin:15px 0 0}.filter{display:flex;gap:9px;margin:30px 0 28px;flex-wrap:wrap}.filter button{border:1px solid #e3e7ed;background:white;padding:10px 20px;border-radius:3px;font-size:12px;color:#6b7884}.filter button.selected{background:var(--navy);border-color:var(--navy);color:white}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card{text-align:left;padding:0;border:0;background:white;color:inherit;min-width:0}.category-card[hidden]{display:none}.card-art{height:229px;position:relative;overflow:hidden;transition:transform .25s}.card-art svg{position:absolute;bottom:0;width:100%;height:205px;transition:transform .25s}.category-card:hover .card-art svg{transform:translateY(-5px) scale(1.04)}.blue{background:#eaf0f6}.sand{background:#f3eee7}.green{background:#edf0e9}.gray{background:#eff0f4}.art-number{position:absolute;top:17px;left:17px;font-size:7px;letter-spacing:1.2px;color:#788897}.card-text{display:flex;justify-content:space-between;gap:5px;align-items:center;padding:20px 0}.card-text h3{font-size:17px;font-weight:500;margin:0 0 7px;letter-spacing:-.4px}.card-text p{font-size:9px;color:var(--muted);margin:0;line-height:1.7}.category-note{font-size:10px;color:#8b939c;line-height:1.8;margin:19px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#f7f8fa;padding-top:70px;padding-bottom:70px;align-items:center}.about-visual{height:480px;position:relative;overflow:hidden}.about-visual img{width:100%;height:100%;object-fit:cover;object-position:70% center}.about-tag{position:absolute;bottom:26px;left:26px;background:#fffffff2;padding:20px 24px;font-size:19px;line-height:1.5;color:var(--navy);font-weight:500}.about-tag em{font-weight:400;font-size:15px}.about-copy h2{font-size:39px;margin-bottom:20px}.about-copy>p{font-size:13px;line-height:1.95;color:#76808b}.company-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #dfe4e9;margin-top:23px;padding-top:20px}.company-facts small{font-size:10px;color:#8a939c}.company-facts strong{display:block;font-size:12px;font-weight:500;margin-top:7px}.text-link{font-size:12px;display:inline-flex;gap:40px;margin-top:27px;border-bottom:1px solid #a5b6c8;padding-bottom:9px;color:var(--navy)}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding-top:85px;padding-bottom:65px}.contact h2{font-size:37px}.contact>div>p{font-size:13px;color:var(--muted);line-height:1.9;margin:20px 0 25px}.contact-details{position:relative;background:#f0f4f8;padding:37px 40px;align-self:center}.contact-details h3{font-size:26px;font-weight:500;margin:21px 0 0}.contact-details a{font-size:12px;color:var(--navy);display:flex;gap:25px;margin-top:20px}.contact-details>small{display:block;font-size:9px;color:#8c97a2;margin-top:10px}.copy-status{min-height:20px;margin:10px 0 0!important;font-size:11px!important}footer{background:#102d55;color:#dce4ed;padding:43px 6.5% 22px}.footer-top{display:flex;align-items:center;gap:65px;padding-bottom:34px}.footer-top .brand{color:white}.footer-top p{font-size:11px;line-height:1.8;color:#a1b2c8}.footer-top>a:last-child{margin-left:auto;font-size:11px}.footer-bottom{padding-top:22px;border-top:1px solid #ffffff22;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.3px;color:#9cb0cb}.footer-bottom button{padding:0;background:none;border:0;color:inherit;font-size:9px}dialog{border:0;padding:40px;max-width:550px;width:calc(100% - 36px);color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#10243999;backdrop-filter:blur(4px)}dialog h2{font-size:28px;padding-right:20px}dialog p,dialog li{font-size:13px;line-height:1.9;color:#687887}dialog li{margin-bottom:5px}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;color:var(--muted)}.dialog-note{font-size:11px!important;border-top:1px solid var(--line);padding-top:15px}#seal-dialog img{width:100%}#seal-dialog h2{font-size:21px}#seal-dialog p{font-size:11px}@media(min-width:1600px){.hero{height:710px}.hero-copy{padding-top:110px}.category-grid{gap:30px}.card-art{height:275px}.card-art svg{height:250px}}@media(max-width:1050px){header{padding:0 4%;height:85px}nav{gap:20px}.brand>span{font-size:19px}.header-contact{padding:12px;gap:12px}.hero{height:590px}h1{font-size:52px}.hero-copy{padding-left:5%;padding-top:80px}.section{padding-left:5%;padding-right:5%}.category-grid{gap:13px}.card-text h3{font-size:14px}.card-text p{font-size:8px}.card-art{height:200px}.card-art svg{height:175px}.intro-strip{gap:10px;padding:25px 3%}.intro-strip>span{font-size:10px;gap:8px}.about{gap:5%}.about-visual{height:440px}.company-facts{grid-template-columns:1fr}.about-copy h2{font-size:33px}.contact{gap:5%}.contact-details{padding:32px}.contact h2{font-size:32px}}@media(max-width:720px){html{scroll-padding-top:78px}.topbar{height:29px;font-size:8px;justify-content:center}.topbar>span:last-child{display:none}header{height:76px;padding:0 5%}.brand>span{font-size:19px}.brand svg{width:30px;height:37px}.brand small{font-size:6px}.header-contact{margin-left:auto;margin-right:17px;font-size:10px;padding:10px 12px}.header-contact span{display:none}.menu{display:block;background:none;border:0;color:var(--navy);font-size:22px;padding:5px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px 6%;box-shadow:0 12px 20px #112b4510}nav.open{display:flex;flex-direction:column;gap:6px}nav .active:after{display:none}.hero{height:695px}.hero-photo{background-position:64% center;top:290px}.hero-shade{background:linear-gradient(180deg,#f5f6f4 0%,#f5f6f4 36%,#f5f6f4b3 49%,#f5f6f400 71%)}.hero-copy{padding:37px 7%;max-width:100%}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:43px;line-height:1.3;margin:20px 0 13px;letter-spacing:-1px}.hero p{font-size:12px;margin:0}.hero .button{margin-top:20px;padding:13px 18px;font-size:11px}.hero-note{display:none}.photo-label{bottom:79px;right:6%;padding:12px 16px;font-size:10px}.photo-label small{font-size:8px}.hero-bottom{background:#ffffffa6;height:45px}.intro-strip{grid-template-columns:1fr 1fr;row-gap:22px;padding:26px 5%}.intro-strip>span{justify-content:flex-start;font-size:10px}.intro-strip>span:nth-child(2){border:0}.intro-strip svg{width:21px}.section{padding:54px 6%}.section-heading{display:block}h2{font-size:29px}.section-heading p{font-size:12px;margin-top:14px}.section-heading p br{display:none}.filter{gap:6px;margin:23px 0}.filter button{font-size:10px;padding:9px 12px}.category-grid{grid-template-columns:1fr 1fr;column-gap:14px;row-gap:15px}.card-art{height:180px}.card-art svg{height:164px}.art-number{font-size:6px;top:13px;left:12px;letter-spacing:.7px}.card-text{padding:14px 0;align-items:flex-start}.card-text h3{font-size:14px;line-height:1.6;margin-bottom:5px}.card-text p{font-size:9px;line-height:1.8}.category-note{font-size:9px;margin-top:10px}.about{grid-template-columns:1fr;gap:32px}.about-visual{height:330px}.about-copy h2{font-size:31px}.about-copy>p{font-size:12px}.company-facts{grid-template-columns:1fr 1fr;gap:10px}.company-facts strong{font-size:10px}.contact{grid-template-columns:1fr;gap:25px}.contact h2{font-size:31px}.contact-details{padding:29px}.contact-details h3{font-size:24px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:25px}.footer-top .brand{width:100%}.footer-top p{font-size:10px}.footer-top>a:last-child{font-size:10px}.footer-bottom{flex-direction:column;gap:12px;font-size:8px}.footer-bottom button{text-align:left}footer{padding:32px 6% 25px}dialog{padding:32px 24px}dialog h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.footer-top{align-items:flex-start}.footer-address{flex:1}.footer-address h3{font-size:13px;font-weight:500;color:white;margin:0 0 13px}.footer-address address{font-style:normal;font-size:12px;line-height:1.9;color:#bac9db}.footer-address address strong{font-weight:500;color:#e7edf5}.footer-address>a{display:inline-block;margin-top:12px;font-size:11px;color:#c4d4e8;border-bottom:1px solid #ffffff44;padding-bottom:4px}@media(max-width:720px){.footer-address{flex-basis:100%;margin:5px 0 10px}.footer-address address{font-size:12px}}

.brand>.company-logo{display:block;position:relative;width:70px;height:70px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#fff}.company-logo img{position:absolute;display:block;width:200%;max-width:none;height:auto;left:-50%;top:-19.53%}.footer-top .brand>.company-logo{width:80px;height:80px}.footer-top .brand{align-items:center}@media(max-width:1050px){.brand>.company-logo{width:60px;height:60px}}@media(max-width:720px){.brand>.company-logo{width:54px;height:54px}.brand>span:not(.company-logo){font-size:15px;letter-spacing:1px}.brand small{font-size:5px;letter-spacing:1px}.brand{gap:8px}.footer-top .brand>.company-logo{width:70px;height:70px}.footer-top .brand>span:not(.company-logo){font-size:19px}}