:root{--green:#102925;--ink:#182e29;--cream:#f6f3eb;--gold:#d7b57b;--muted:#6b7770;--line:#d9ded6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Thonburi","Noto Sans Thai","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;line-height:1.65}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button{border:0}img{display:block;width:100%;height:auto}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b9822e;outline-offset:4px}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:0}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:15px 5vw;background:rgba(246,243,235,.97);border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:11px;font-family:Georgia,serif;letter-spacing:2px;font-size:18px;white-space:nowrap}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2px}.seal{display:grid;place-items:center;width:40px;height:40px;background:var(--green);color:var(--gold);font-family:serif;font-size:22px}header nav{display:flex;gap:30px;font-size:13px}header nav a{padding:10px 0}.lang{display:flex;border:1px solid #bfc6bb;border-radius:3px;padding:3px}.lang button{min-height:44px;padding:5px 12px;background:transparent;font-size:12px;border-radius:2px}.lang button[aria-pressed=true]{background:var(--green);color:white}.hero{background:var(--green);color:var(--cream);display:grid;grid-template-columns:.86fr 1.3fr;min-height:570px}.hero-copy{padding:70px 3.8vw 60px 5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font:11px Arial,sans-serif;letter-spacing:2.4px;margin:0 0 22px;color:#7c6846}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(32px,3.2vw,53px);font-weight:500;line-height:1.4;margin:0 0 22px;letter-spacing:-1px}h2{font-size:clamp(26px,2.3vw,37px);font-weight:500;line-height:1.4;margin:0}h3{font-size:21px;font-weight:500;line-height:1.5;margin:0 0 12px}.lede{font-size:15px;color:#c7d2ca;line-height:1.9;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:13px 23px;background:var(--green);color:var(--cream);font-size:13px;border:1px solid transparent}.gold{background:var(--gold);color:var(--green)}.concept{font-size:11px;color:#a6b8ae;margin-top:20px}.hero-image{position:relative;min-width:0;overflow:hidden}.hero-image>img{height:100%;object-fit:cover;object-position:43% center}.image-note{position:absolute;bottom:20px;left:24px;right:20px;font-size:11px;color:#f8eee0;display:flex;align-items:center;gap:8px;text-shadow:0 1px 8px #000}.dot{width:6px;height:6px;border-radius:50%;background:#e8bf76;box-shadow:0 0 10px #e8bf76}.intro-strip{padding:24px 5vw;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:25px}.intro-strip>span{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;color:var(--muted)}.intro-strip b{font:32px Georgia,serif;color:#a98a56;font-weight:400}.section{padding:80px 5vw;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:32px}.section-head>p{max-width:380px;font-size:14px;color:var(--muted);margin:0}.section-head .eyebrow{margin-bottom:14px}.compare-tools{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.seg{display:flex;gap:4px;border:1px solid #cbd1c7;padding:4px}.seg button{background:transparent;padding:10px 20px;min-height:44px;font-size:13px}.seg button[aria-pressed=true]{background:var(--green);color:#fff}.compare-image,.scale-image{display:block;position:relative;padding:0;width:100%;background:#d9dfd5;overflow:hidden}.compare-image img{aspect-ratio:16/9;object-fit:cover}.expand{position:absolute;bottom:14px;right:14px;background:#102925df;color:#fff;font-size:12px;padding:8px 14px}.design-cards{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:32px}.design-cards article{position:relative;padding-left:50px}.letter{position:absolute;top:0;left:0;font:36px Georgia,serif;color:#a98a56}.design-cards p{color:var(--muted);font-size:14px}dl{margin-bottom:0;font-size:12px}dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;gap:12px}dd{margin:0;white-space:nowrap}dt{color:var(--muted)}.gallery-section{background:#e9ede6;max-width:none}.filters{display:flex;gap:15px;align-items:end;margin-bottom:24px}.filters label>span{font-size:11px;display:block;color:var(--muted);margin-bottom:5px}select{max-width:100%;padding:10px 35px 10px 13px;border:1px solid #bdc7bd;background:#f9faf6;color:var(--ink);min-height:46px;font-size:13px}.filters #count{margin-left:auto;font-size:12px;color:var(--muted);padding-bottom:10px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:27px 20px}.render-card{display:block;text-align:left;background:transparent;padding:0;width:100%;min-width:0}.render-card img{aspect-ratio:16/10;object-fit:cover;transition:filter .2s}.render-card:hover img{filter:brightness(1.08)}.card-text{display:flex;justify-content:space-between;gap:8px;padding-top:12px}.card-text h3{font-size:14px;margin:0 0 3px}.card-text small{font-size:10px;color:var(--muted)}.card-text>span{font-size:21px;font-weight:300}.scale-section{background:var(--green);color:#f5f0e6;max-width:none}.scale-section .eyebrow{color:var(--gold)}.scale-section .section-head>p{color:#b9c9bf}.scale-image{background:#263d35}.scale-image img{object-fit:contain}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:32px}.metrics strong{font:42px Georgia,serif;font-weight:400;color:var(--gold);display:block}.metrics small{font-size:16px}.metrics span{font-size:12px;color:#c2d0c7}.scale-note{border-top:1px solid #3a5047;margin-top:30px;padding-top:18px;display:flex;gap:22px;align-items:start}.scale-note>span{font-size:30px;color:var(--gold)}.scale-note p{font-size:13px;max-width:1000px;color:#bdcec3;margin:4px 0 0}.menus{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 28px}.menu-card{display:grid;grid-template-columns:92px 1fr;gap:17px;align-items:center;min-width:0}.menu-card img{aspect-ratio:5/8;object-fit:contain}.menu-card h3{font-size:15px;line-height:1.6;margin-bottom:7px}.menu-card b{font-size:20px;color:#896b3c;font-weight:500}.menu-card small{display:block;font-size:11px;color:var(--muted)}.fine{font-size:11px;color:var(--muted);margin:28px 0 0;line-height:1.8}.engineering{border-top:1px solid var(--line)}.engineering-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.engineering-grid article{border-top:1px solid #abb8ab;padding-top:20px}.engineering-grid article>span{font:12px Georgia,serif;color:#a98a56;display:block;margin-bottom:12px}.engineering-grid p{font-size:14px;color:var(--muted)}.download{margin-top:35px;display:flex;align-items:center;justify-content:space-between;background:#e8ede3;padding:25px 30px;gap:20px}.download h3{font-size:18px;margin:0}.download p{font-size:12px;color:var(--muted);margin-bottom:0}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 5vw;background:var(--green);color:#b5c5ba;font-size:11px;gap:15px}footer>span:first-child{font:15px Georgia,serif;letter-spacing:2px}footer small{font-family:Arial;font-size:11px;letter-spacing:0}.mobile-nav{display:none}dialog{border:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#071511;color:#f4f2e9}dialog::backdrop{background:#071511}dialog[open]{display:flex;flex-direction:column}.viewer-bar{padding:18px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px}.viewer-bar h2{font-size:16px}.viewer-bar span{font:11px Arial;color:var(--gold)}.viewer-bar button,.viewer-controls button{width:46px;height:46px;background:#2a3e34;color:white;font-size:20px;flex-shrink:0}.viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}.viewer-stage img{width:100%;height:100%;object-fit:contain}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px max(15px,env(safe-area-inset-bottom));font-size:12px}.viewer-controls p{color:#b7c6be}.viewer-controls a{padding:12px;color:var(--gold)}[hidden]{display:none!important}
@media(min-width:1600px){.hero-copy{padding-left:max(5vw,calc((100vw - 1440px)/2))}.gallery-section>.gallery,.gallery-section>.section-head,.gallery-section>.filters,.scale-section>*{max-width:1440px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px){header nav{display:none}.hero{grid-template-columns:1fr 1.15fr;min-height:510px}.hero-copy{padding-top:45px;padding-bottom:45px}.hero-image>img{object-position:40%}.gallery{grid-template-columns:repeat(2,1fr)}.menus{grid-template-columns:repeat(2,1fr)}.section-head>p{max-width:320px}.section{padding:60px 5vw}}
@media(max-width:650px){html{scroll-padding-top:87px}header{padding:12px 5vw;gap:8px}.brand{font-size:13px;letter-spacing:1.1px;gap:8px}.brand small{font-size:7px;letter-spacing:1px}.seal{width:32px;height:35px;font-size:20px}.lang button{padding:3px 9px;min-height:44px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:35px 6vw 30px}.hero .eyebrow{font-size:9px;margin-bottom:16px}h1{font-size:34px;line-height:1.4;margin-bottom:16px}.lede{font-size:13px;margin-bottom:22px;line-height:1.85}.hero .button{padding:10px 19px;min-height:46px;font-size:12px}.concept{margin-top:13px;font-size:10px}.hero-image>img{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:40%}.image-note{left:16px;bottom:15px;font-size:10px}.intro-strip{padding:19px 5vw;gap:10px}.intro-strip>span{display:block;text-align:center;font-size:10px;line-height:1.7}.intro-strip b{display:block;font-size:27px}.section{padding:45px 5vw}.section-head{display:block;margin-bottom:24px}.section-head h2{font-size:26px}.section-head>p{max-width:none;font-size:13px;margin-top:15px}.eyebrow{font-size:9px;letter-spacing:1.8px}.compare-tools{flex-wrap:wrap;gap:10px}.seg button{font-size:12px;padding:8px 13px}.seg{padding:3px}.compare-image img{aspect-ratio:4/3;object-position:43%}.expand{font-size:10px;bottom:9px;right:9px;padding:7px 10px}.design-cards{grid-template-columns:1fr;gap:28px;padding-top:25px}.design-cards article{padding-left:40px}.design-cards h3{font-size:19px}.design-cards p{font-size:13px}.letter{font-size:29px}.filters{gap:10px;flex-wrap:wrap}.filters label{flex:1;min-width:0}select{width:100%;font-size:12px;padding-left:10px}.filters #count{width:100%;margin:0;padding:0;font-size:11px}.gallery{gap:23px;grid-template-columns:1fr}.render-card img{aspect-ratio:16/10}.card-text h3{font-size:14px}.metrics{grid-template-columns:1fr 1fr;gap:20px}.metrics strong{font-size:38px}.metrics span{font-size:11px}.scale-image img{min-height:180px;object-fit:cover;object-position:center}.scale-note{gap:12px}.scale-note p{font-size:12px}.menus{grid-template-columns:1fr;gap:18px}.menu-card{grid-template-columns:75px 1fr;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.menu-card h3{font-size:16px}.menu-card img{max-height:120px}.menu-card small{font-size:12px}.engineering-grid{grid-template-columns:1fr;gap:20px}.engineering-grid h3{font-size:19px}.engineering-grid p{font-size:13px}.download{display:block;padding:22px;margin-top:25px}.download .button{margin-top:20px;width:100%;font-size:12px}.download h3{font-size:17px}footer{flex-wrap:wrap;padding:25px 5vw 95px}footer>span:nth-child(2){width:100%;order:2}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;justify-content:space-around;align-items:center;background:#f6f3ebf5;backdrop-filter:blur(12px);border-top:1px solid #c4cdbf;padding:5px 5px max(5px,env(safe-area-inset-bottom));font-size:12px}.mobile-nav a{padding:14px 18px;min-height:48px}.viewer-bar{padding:15px}.viewer-bar h2{font-size:14px}.viewer-controls{gap:10px;flex-wrap:wrap;padding:10px 12px max(16px,env(safe-area-inset-bottom))}.viewer-controls p{order:4;width:100%;text-align:center;font-size:10px;margin:0}.viewer-controls a{flex:1;text-align:center}.viewer-stage{touch-action:pan-y pinch-zoom}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Approved V7: preserve the whole sign in portrait and architectural images. */
.hero-image>img{object-fit:contain}.crab-section{border-bottom:1px solid var(--line)}
.power-scope{margin:0;padding:0 5vw 30px}
.crab-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:center}
.crab-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.crab-photo{padding:0;background:var(--green);color:var(--cream);text-align:left}
.crab-photo img{aspect-ratio:3/4;object-fit:contain}.crab-photo span{display:block;padding:10px 15px;font-size:13px}
.crab-spec>p:not(.eyebrow){font-size:14px;color:var(--muted)}.crab-spec .button{margin-top:20px}
.render-card img{object-fit:contain;background:#102925}.compare-image img{object-fit:contain;background:#102925}.scale-image img{object-fit:contain}
@media(max-width:800px){.crab-layout{grid-template-columns:1fr;gap:26px}.crab-pair{max-width:620px;width:100%;margin:auto}}
@media(max-width:650px){.hero-image>img{aspect-ratio:8/5;object-fit:contain}.compare-image img{aspect-ratio:16/9}.scale-image img{min-height:0}.crab-pair{gap:10px}.crab-spec dl{font-size:12px}.mobile-nav a{padding-left:12px;padding-right:12px}}