/* Editorial redesign: larger type, full-bleed photography, asymmetric rhythm. */
:root{--paper:#f1f1ed;--ink:#191919;--dark:#111111;--gutter:clamp(28px,4.45vw,88px);--muted:#c1c1bd;--blue:#679bd1}
body{font-size:18px;line-height:1.85}html{scroll-padding-top:110px}.wrap{width:calc(100% - var(--gutter)*2);max-width:1760px}.section{padding-block:144px}h2{font-size:clamp(42px,5vw,68px);font-weight:600;line-height:1.32;letter-spacing:-1.8px}h3{font-size:28px;font-weight:600;line-height:1.45}.index,.eyebrow{font:500 14px/1.6 Arial,sans-serif;letter-spacing:1.7px}.index{margin-bottom:38px}.index:before{content:'+';background:none;width:auto;height:auto;margin-right:18px;color:var(--blue);font-size:20px;vertical-align:-1px}.signal{background:var(--blue)}.button{font-size:17px;padding:22px 28px;min-height:68px;gap:35px;line-height:1.45;transition:background .25s,transform .25s}.button:hover{transform:translateY(-2px)}.button span{font-size:28px;transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.button-small{font-size:15px;min-height:54px;padding:16px 20px;gap:24px}.line-link,.text-link{font-size:18px;padding-block:12px;border-bottom:1px solid currentColor;gap:35px}.header-inner{height:96px;gap:30px}.site-header{background:#111111;border-color:#383838}.brand{gap:14px}.brand img{width:58px;height:58px}.brand strong{font-size:26px;letter-spacing:.1px}.brand small{font-size:14px;letter-spacing:.1px;line-height:1.4;margin-top:6px}nav{gap:26px}nav>a:not(.button){font-size:16px;padding-block:13px;position:relative}nav>a:not(.button):after,nav>a[aria-current]:not(.button):after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;width:auto;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav>a:hover:after,nav>a[aria-current]:not(.button):after{transform:scaleX(1)}
.hero{min-height:90svh;display:flex}.hero-photo{inset:0}.hero-photo img{object-position:center 53%}.hero:after{background:linear-gradient(90deg,#040604de,#040604a1 35%,#04060414 78%),linear-gradient(0deg,#040604cc,transparent 35%)}.hero-inner{padding-block:clamp(65px,8vh,110px) 34px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{margin-bottom:36px;color:#e4e5df}.hero h1{font-size:clamp(64px,7vw,108px);font-weight:600;line-height:1.22;letter-spacing:-3.5px;margin-bottom:32px}.hero-intro{font-size:20px;line-height:1.7;color:#dfdfd8;max-width:640px}.hero-actions{gap:36px;margin-block:34px 60px;flex-wrap:wrap}.hero-actions .text-link{font-size:20px}.hero-bottom{width:100%;margin-top:auto;padding-top:25px;border-top:1px solid #7779;font:14px/1.7 Arial,sans-serif;letter-spacing:1px;gap:35px}.hero-bottom .muted{font-size:14px}.scroll-link{font-size:16px}.scroll-link span{font-size:27px;margin-left:30px}.photo-label{font-size:14px;right:var(--gutter);bottom:145px;writing-mode:vertical-rl;gap:12px;letter-spacing:1px}.capabilities{background:#1d1d1d}.capability-inner{padding-block:28px;gap:28px;font-size:16px}.capability-inner>span+span{padding-left:35px}
.about-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:65px;align-items:start}.section-caption{grid-column:1/5;grid-row:1;padding-top:10px;display:block}.section-caption p{font-size:20px;color:#656560}.about-title{grid-column:5/-1;grid-row:1;position:relative;z-index:2}.outline-word{color:#666662}.factory-photo{grid-column:1/8;grid-row:2;margin-top:-65px}.factory-photo img{height:710px;object-position:center 48%}.factory-photo figcaption{font-size:14px;gap:12px;margin-top:18px;color:#62625e}.about-copy{grid-column:9/-1;grid-row:2;padding-top:40px}.about-copy p{font-size:18px;color:#585854;margin-bottom:26px}.about-copy .line-link{margin-top:12px}.services{padding-top:0}.services>.wrap{padding-top:135px}.section-heading{gap:50px;margin-bottom:72px}.section-heading>p{font-size:18px;max-width:400px;color:#63635f}.service-grid{grid-template-columns:5fr 6fr;gap:8%;align-items:start}.service-image{position:sticky;top:126px;overflow:hidden}.service-image img{height:750px;object-position:48% center}.service-image figcaption{font-size:14px;line-height:1.5;left:25px;right:25px;bottom:28px;padding:16px;background:#101110d9}.service-list article{grid-template-columns:65px 1fr;gap:20px;padding-block:38px;border-color:#b3b3ad}.service-number{font:400 45px/1.2 Arial,sans-serif;letter-spacing:-2px;padding-top:0}.service-list h3{font-size:28px;margin-bottom:19px}.service-list p{font-size:18px;max-width:none;color:#646460}.service-arrow{display:none}.service-note{gap:14px;padding-top:28px}.service-note p{font-size:16px}.service-note a{text-underline-offset:6px}
.materials{background:#171717;color:#f1f1ec}.materials .section-heading{align-items:flex-start}.materials h2{max-width:780px}.materials .section-heading>p{color:#bcbcb6;min-width:230px}.dimension{font:400 75px/1.1 Arial,sans-serif;letter-spacing:-4px;color:#f1f1ec;margin-top:16px;white-space:nowrap}.dimension span{font:18px var(--font);letter-spacing:0}.material-list{display:block;padding:0;border:0;border-top:1px solid #53534e}.material-list>div,.material-list>div:first-child{display:grid;grid-template-columns:85px 1fr 180px;align-items:center;gap:20px;padding:30px 0;border:0;border-bottom:1px solid #53534e}.material-number{font:18px Arial,sans-serif;color:#bfbfb9;align-self:start;padding-top:15px}.material-list h3{font:600 clamp(40px,5.3vw,82px)/1.15 Arial,sans-serif;letter-spacing:-2.5px;margin:0}.material-thai{font-size:26px;color:#c3c3bd;text-align:right}.applications{display:grid;grid-template-columns:210px 1fr;gap:30px;font-size:18px;padding-top:38px;color:#bdbdb6}.applications>span{color:#f1f1ec}.applications i{color:#999992;margin-inline:10px}
.process .section-heading{margin-bottom:100px}.process-list{gap:0}.process-list li{border:0;padding:0 34px 0 0}.process-list li>span{font:400 clamp(78px,8vw,128px)/1 Arial,sans-serif;letter-spacing:-7px;margin:0;padding-bottom:38px;color:#363632}.process-list li:after{content:'';position:absolute;top:calc(clamp(78px,8vw,128px) + 38px);left:0;right:0;height:1px;background:#b2b2ab}.process-list li:before{width:9px;height:9px;top:calc(clamp(78px,8vw,128px) + 34px);background:#393935;z-index:1}.process-list h3{padding-top:34px;margin-bottom:17px;font-size:28px}.process-list p{font-size:18px;color:#64645e;max-width:none}.quality-section{grid-template-columns:1.1fr 1fr;background:#151515;color:#f2f2ed}.quality-photo{min-height:950px}.quality-photo img{object-position:center}.image-tag{font:14px/1.5 Arial,sans-serif;letter-spacing:1.4px;padding:17px;bottom:32px;left:35px}.quality-copy{padding:110px clamp(40px,4.5vw,86px)}.quality-copy h2{font-size:clamp(42px,4.4vw,64px);margin-bottom:54px}.quality-points article{display:grid;grid-template-columns:35px 1fr;gap:15px;padding-block:28px;border-color:#4b4b45}.quality-points article>span{font-size:14px;color:#b0b0a9}.quality-points h3{font-size:26px}.quality-points p{font-size:18px;max-width:none;color:#c2c2bb;margin-top:13px}
.works .section-heading{margin-bottom:90px}.gallery-hint{display:inline-block;font-size:14px;margin-top:15px}.gallery{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:100px;align-items:start}.work{min-width:0}.work img{height:100%;width:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1),filter .6s}.work-image{display:block;overflow:hidden}.work:hover img,.work:focus-visible img{transform:scale(1.025);filter:brightness(.94)}.work:nth-child(1){grid-column:1/9}.work:nth-child(1) .work-image{height:620px}.work:nth-child(2){grid-column:10/-1;margin-top:170px}.work:nth-child(2) .work-image{height:480px}.work:nth-child(3){grid-column:1/5}.work:nth-child(3) .work-image{height:580px}.work:nth-child(4){grid-column:6/-1;margin-top:100px}.work:nth-child(4) .work-image{height:430px}.work:nth-child(5){grid-column:2/7}.work:nth-child(5) .work-image{height:610px}.work:nth-child(6){grid-column:9/-1;margin-top:120px}.work:nth-child(6) .work-image{height:460px}.work:nth-child(7){grid-column:1/-1;margin-inline:calc(-1 * var(--gutter))}.work:nth-child(7) .work-image{height:min(72vw,800px)}.work:nth-child(7) .work-caption{margin-inline:var(--gutter)}.work:nth-child(8){grid-column:1/5}.work:nth-child(8) .work-image{height:520px}.work:nth-child(9){grid-column:6/-1;margin-top:120px}.work:nth-child(9) .work-image{height:390px}.work:nth-child(10){grid-column:4/11}.work:nth-child(10) .work-image{height:690px}.work-caption{font-size:16px;line-height:1.6;padding-top:20px;gap:18px;align-items:baseline;color:#55554f}.work-caption>span:last-child{font:26px Arial,sans-serif;color:#222220}
.quote-section{background:#111111;color:#f3f3ee;padding-block:140px;border:0;overflow:hidden}.quote-inner{align-items:flex-end;gap:55px}.quote-inner h2{font:600 clamp(60px,7.3vw,120px)/1.04 Arial,sans-serif;letter-spacing:-4.5px}.quote-inner p{font-size:18px;color:#b9b9b2;max-width:730px;margin-top:22px}.quote-inner .quote-thai{color:#f3f3ee;font-size:28px;line-height:1.6;margin-top:42px}.quote-inner>.button{margin-bottom:7px}.contact:before{content:'G.K.K PRIME';display:block;font:700 clamp(70px,13.7vw,240px)/1 Arial,sans-serif;letter-spacing:-7px;width:calc(100% - var(--gutter)*2);margin:0 auto 100px;border-bottom:1px solid #b2b2ab;padding-bottom:45px}.contact-grid{grid-template-columns:5fr 6fr;gap:8%}.contact-company{font-size:26px;line-height:1.6;margin-block:35px 28px}.contact-company span{font:16px/1.6 Arial,sans-serif;letter-spacing:.8px}address{font-size:18px;color:#5f5f59}.contact-links>a{padding-bottom:32px;margin-bottom:35px;border-color:#b9b9b2}.contact-label{font-size:14px;letter-spacing:1.5px;margin-bottom:19px}.contact-value{font:28px/1.4 Arial,sans-serif;letter-spacing:-.6px;align-items:center;gap:15px}.contact-value.phone{font-size:clamp(35px,3.8vw,65px);letter-spacing:-2px}.contact-value>span{font-size:30px;color:inherit}.social-row{font-size:18px;gap:30px}.copy-phone{font-size:16px;padding-block:12px;margin-top:10px}.copy-status{font-size:14px;margin-top:8px}.service-area{gap:18px;margin-top:90px;padding-top:30px;font-size:16px;line-height:2}.service-area strong{display:block;font-size:18px;margin-bottom:12px;font-weight:600}.service-area p>span{font-size:14px}footer{padding:45px 0;background:#111111;color:#bcbcb5}.footer-inner .brand strong{font-size:24px}.footer-inner .brand img{width:58px;height:58px}.footer-inner .brand small{font-size:14px}.footer-inner p{font:14px/1.6 Arial,sans-serif}.footer-inner>a:last-child{font-size:16px}.lightbox{width:min(1400px,96vw);max-width:96vw;height:92dvh;padding:60px 65px 30px}.lightbox figcaption{font-size:16px}.lightbox figure img{max-height:calc(100% - 60px)}.lightbox button{width:46px;height:46px;font-size:26px}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}.reveal-ready.is-visible{opacity:1;transform:none}
@media(min-width:1600px){.hero{min-height:90svh}.hero-photo{inset:0}.hero-inner{padding-top:110px}.hero-bottom{margin-top:auto}.photo-label{right:var(--gutter)}}
@media(max-width:1200px){nav{gap:18px}nav .button{display:none}.brand strong{font-size:24px}.photo-label{display:none}.about-title{grid-column:4/-1}.factory-photo{margin-top:-35px}.factory-photo img{height:650px}.about-copy{grid-column:8/-1}.service-grid{gap:5%}.service-list article{grid-template-columns:48px 1fr;gap:12px}.service-number{font-size:35px}.quality-copy{padding:90px 35px}.quality-copy h2{font-size:44px}.material-list>div,.material-list>div:first-child{grid-template-columns:65px 1fr 150px}.material-list h3{font-size:52px}.quote-inner{display:block}.quote-inner>.button{margin-top:40px}.contact-grid{gap:5%}.contact-value{font-size:24px}.contact-value.phone{font-size:40px}.footer-inner{flex-wrap:wrap}}
@media(min-width:701px) and (max-width:900px){.brand small{display:none}.brand strong{font-size:20px}.brand img{width:44px;height:44px}.header-inner{gap:15px}nav{gap:14px}nav>a:not(.button){font-size:15px}.capability-inner{flex-wrap:wrap}.capability-inner>span+span{border:0;padding-left:0}.section-caption{grid-column:1/-1}.section-caption p{display:none}.about-title{grid-column:3/-1;grid-row:2}.factory-photo{grid-row:3;margin-top:0}.about-copy{grid-row:3;padding-top:0}.section-heading{display:block}.section-heading>p{margin-top:30px}.service-grid{grid-template-columns:1fr;gap:60px}.service-image{position:relative;top:0}.service-image img{height:620px}.material-list h3{font-size:38px;letter-spacing:-1px}.material-thai{font-size:22px}.process-list{grid-template-columns:1fr 1fr;gap:55px 0}.quality-section{grid-template-columns:1fr}.quality-photo{min-height:650px}.quality-copy{padding:85px var(--gutter)}.gallery{column-gap:20px;row-gap:70px}.work:nth-child(n) .work-image{height:420px}.work:nth-child(7) .work-image{height:550px}.contact-grid{grid-template-columns:1fr;gap:60px}.menu-toggle{display:none}nav{position:static;display:flex;padding:0;border:0;flex-direction:row;background:none}nav .button{display:none}.mobile-contact{display:none}}
@media(max-width:700px){
  :root{--gutter:22px}html{scroll-padding-top:95px}body{font-size:17px}h2{font-size:clamp(34px,9.4vw,42px);line-height:1.4;letter-spacing:-1.2px}h3{font-size:26px}.section{padding-block:88px}.index,.eyebrow{font-size:14px;letter-spacing:.6px}.index{margin-bottom:28px}.index:before{margin-right:12px}.header-inner{height:82px;gap:14px}.brand{gap:9px}.brand img{width:42px;height:42px}.brand strong{font-size:23px}.brand small{font-size:14px;letter-spacing:-.5px;margin-top:3px}.header-inner .brand small{display:none}.menu-toggle{display:flex;width:46px;height:46px;padding:10px;gap:7px;border-color:#65655f}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{top:82px;background:#121212;padding:20px 24px 30px;max-height:calc(100dvh - 150px);overflow-y:auto}nav.is-open{animation:menu-in .2s ease}nav>a:not(.button){font-size:17px;padding-block:13px;border-color:#44443f}nav>a:not(.button):after{display:none}nav .button{display:flex;margin-top:23px}
  .hero{min-height:max(820px,calc(100svh - 82px))}.hero-photo{inset:0}.hero-photo img{object-position:63% center}.hero:after{background:linear-gradient(180deg,#090c08bf,#090c0870 52%,#090c08ab 100%),linear-gradient(90deg,#090c0870,transparent)}.hero-inner{padding-block:48px 32px}.eyebrow{max-width:310px;margin-bottom:40px;line-height:1.7}.signal{margin-right:7px}.hero h1{font-size:clamp(42px,12vw,52px);line-height:1.3;letter-spacing:-1.7px;margin-bottom:28px}.hero-intro{font-size:17px;max-width:350px;line-height:1.8}.desktop-break{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px;margin-block:30px 60px}.button,.hero-actions .button{padding:20px;min-height:64px;font-size:16px;gap:24px}.hero-actions .text-link{font-size:18px;padding-block:7px}.hero-bottom{font-size:14px;letter-spacing:0;gap:15px;padding-top:20px;margin-top:auto}.hero-bottom .muted{display:inline-block;max-width:225px;margin-top:6px}.scroll-link{font-size:14px;flex-shrink:0}.scroll-link span{margin-left:9px}.capability-inner{display:block;padding-block:25px;font-size:16px}.capability-inner>span{display:block}.capability-inner>span+span{border:0;padding:0;margin-top:12px}.capability-inner>span:last-child{border-top:1px solid #585853;padding-top:17px;margin-top:18px}
  .about-grid{display:flex;flex-direction:column;gap:0}.section-caption{padding:0}.section-caption .index{margin-bottom:28px}.section-caption p{display:none}.about-title{order:1;font-size:clamp(34px,9.4vw,42px)}.factory-photo{order:2;width:calc(100% + var(--gutter));margin-top:42px;margin-left:calc(-1 * var(--gutter))}.factory-photo img{height:450px;object-position:center}.factory-photo figcaption{margin-left:var(--gutter);font-size:14px;align-items:baseline;gap:9px}.about-copy{order:3;padding-top:42px;padding-left:25px}.about-copy p{font-size:17px;margin-bottom:24px}.line-link,.text-link{font-size:17px}.services{padding-top:0}.services>.wrap{padding-top:85px}.section-heading{display:block;margin-bottom:43px}.section-heading>p{font-size:17px;margin-top:25px;max-width:none}.service-grid{display:flex;flex-direction:column;gap:46px}.service-image{position:relative;top:auto;width:100%}.service-image img{height:490px}.service-image figcaption{left:18px;right:18px;bottom:18px;font-size:14px;letter-spacing:.6px}.service-list article{grid-template-columns:42px 1fr;gap:15px;padding-block:30px}.service-number{font-size:32px}.service-list h3{font-size:26px;margin-bottom:18px}.service-list p{font-size:17px}.service-note p{font-size:16px}
  .materials .section-heading>p{font-size:17px}.dimension{font-size:64px;letter-spacing:-3px}.dimension span{font-size:18px}.material-list>div,.material-list>div:first-child,.material-list>div:nth-child(even){grid-template-columns:30px 1fr;gap:7px 17px;padding:27px 0;border-left:0}.material-number{font-size:16px;padding-top:5px}.material-list h3{font-size:clamp(26px,7vw,40px);letter-spacing:-.9px;line-height:1.3;margin:0}.material-thai{grid-column:2;text-align:left;font-size:18px}.applications{display:block;font-size:17px;padding-top:29px}.applications>span{display:block;margin-bottom:17px}.applications p{font-size:17px;line-height:1.85}.applications i{margin-inline:5px}
  .process .section-heading{margin-bottom:55px}.process-list{display:block;border-left:1px solid #aeaea6;margin-left:5px}.process-list li{padding:0 0 46px 30px}.process-list li:last-child{padding-bottom:0}.process-list li>span{font-size:82px;padding:0;letter-spacing:-5px;margin:0}.process-list li:after{display:none}.process-list li:before{top:12px;left:-5px}.process-list h3{padding-top:20px;font-size:28px;margin-bottom:14px}.process-list p{font-size:17px}.quality-section{display:flex;flex-direction:column}.quality-photo{min-height:510px}.quality-photo img{object-position:55% center}.image-tag{left:22px;bottom:24px;font-size:14px;letter-spacing:.5px;padding:14px}.quality-copy{padding:80px var(--gutter)}.quality-copy h2{font-size:38px;margin-bottom:42px}.quality-points article{grid-template-columns:27px 1fr;gap:12px}.quality-points h3{font-size:26px}.quality-points p{font-size:17px}
  .works .section-heading{margin-bottom:50px}.gallery{display:flex;flex-direction:column;gap:58px}.work:nth-child(n){width:100%;margin:0}.work:nth-child(n) .work-image{height:450px}.work:nth-child(n) img{height:100%}.work:nth-child(1) .work-image{height:330px}.work:nth-child(2),.work:nth-child(6),.work:nth-child(8){width:86%;align-self:flex-end}.work:nth-child(4) .work-image,.work:nth-child(9) .work-image{height:300px}.work:nth-child(7){width:calc(100% + var(--gutter)*2);margin-inline:calc(-1 * var(--gutter))}.work:nth-child(7) .work-image{height:360px}.work-caption{font-size:14px;padding-top:16px;gap:12px}.work-caption>span:last-child{font-size:24px}
  .quote-section{padding-block:88px}.quote-inner{display:block}.quote-inner h2{font-size:clamp(39px,10.3vw,66px);line-height:1.1;letter-spacing:-1.8px}.quote-inner .quote-thai{font-size:24px;margin-top:32px}.quote-inner p{font-size:17px}.quote-inner>.button{margin-top:32px}.contact:before{font-size:12.8vw;letter-spacing:-2.5px;padding-bottom:23px;margin-bottom:55px}.contact-grid{display:block}.contact-company{font-size:24px;margin-block:27px 23px}.contact-company span{font-size:16px}address{font-size:17px}.contact-links{margin-top:55px}.contact-label{font-size:14px}.contact-value{font-size:22px;letter-spacing:-.7px;gap:12px}.contact-value.phone{font-size:37px;letter-spacing:-1.8px}.contact-value>span{font-size:25px}.social-row{grid-template-columns:1fr;gap:36px;font-size:17px}.copy-phone{font-size:16px}.service-area{margin-top:45px;font-size:16px;gap:12px}.service-area strong{font-size:18px}.service-area p>span{display:inline-block;margin-top:14px;font-size:14px}footer{padding-block:40px 115px}.footer-inner{flex-wrap:wrap;gap:28px}.footer-inner .brand{width:100%}.footer-inner .brand strong{font-size:24px}.footer-inner p{font-size:14px}.footer-inner>a:last-child{font-size:16px}.mobile-contact{grid-template-columns:1.2fr 1fr}.mobile-contact a{padding:18px 14px;gap:8px;font-size:14px;min-height:62px}.lightbox{padding:65px 45px 25px;height:88dvh}.lightbox figcaption{font-size:14px}.lightbox button{width:40px;height:44px}.lightbox-prev{left:2px}.lightbox-next{right:2px}
}
@media(min-width:701px){.hero-actions .button{font-size:17px}}
@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.work:hover img,.work:focus-visible img,.button:hover{transform:none}}
@media print{.reveal-ready{opacity:1;transform:none}.service-image{position:static}.hero{min-height:0}.section,.quality-copy,.quote-section{padding-block:35px}}
/* GKK PRIME fine tuning — 2026-09-19 */
:root{--font:'Kanit',Tahoma,Arial,sans-serif;--font-en:'Kanit',Arial,sans-serif}
body{font-family:var(--font);font-size:17px;line-height:1.8}
.index,.eyebrow,.brand strong,.brand small,.hero-bottom,.service-number,.material-number,.material-list h3,.dimension,.image-tag,.quote-inner h2,.contact-company span,.contact-value,footer .brand strong,footer .brand small,footer p{font-family:var(--font-en)}
h2{font-size:clamp(40px,3.8vw,52px);line-height:1.32;letter-spacing:-1.1px}
h3{font-size:26px;line-height:1.45}
.section{padding-block:126px}
.hero h1{font-size:clamp(58px,5vw,76px);line-height:1.22;letter-spacing:-2.1px;margin-bottom:26px}
.hero-intro{font-size:18px;line-height:1.75;max-width:600px}
.about-title{max-width:900px}.outline-word{color:#686864}
.about-copy p,.section-heading>p,.service-list p,.process-list p,.quality-points p,address{font-size:17px}
.services>.wrap{padding-top:116px}.section-heading{margin-bottom:62px}
.material-list>div,.material-list>div:first-child{padding:24px 0;grid-template-columns:72px 1fr 160px}
.material-number{font-size:16px;padding-top:10px}
.material-list h3{font-size:clamp(42px,3.7vw,58px);letter-spacing:-1.5px;line-height:1.16}
.material-thai{font-size:22px}
.dimension{font-size:64px;letter-spacing:-2.5px}
.process .section-heading{margin-bottom:78px}
.process-list li>span{font-size:clamp(68px,6.7vw,104px);letter-spacing:-5px;padding-bottom:30px}
.process-list li:after{top:calc(clamp(68px,6.7vw,104px) + 30px)}
.process-list li:before{top:calc(clamp(68px,6.7vw,104px) + 26px)}
.quality-copy h2{font-size:clamp(40px,3.8vw,54px)}
.works .section-heading{margin-bottom:72px}
.quote-section{padding-block:118px}
.quote-inner h2{font-size:clamp(54px,5.4vw,84px);letter-spacing:-2.5px;line-height:1.08}
.contact:before{font-size:clamp(66px,10.6vw,180px);letter-spacing:-4px;margin-bottom:82px}
.social-row{align-items:stretch}.social-row>a.social-link{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:0 0 20px;border-bottom:1px solid #b9b9b2;transition:border-color .2s,color .2s}.social-row>a.social-link:hover{color:#a5420b;border-color:var(--orange)}
.social-value{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;font-size:18px;font-weight:500;line-height:1.55}.social-value>span{font-family:var(--font-en);font-size:24px;line-height:1}.social-link small{display:block;margin-top:8px;color:#6d6d67;font-size:13px;line-height:1.55}
@media(max-width:1200px){.hero h1{font-size:clamp(54px,5.8vw,70px)}.material-list h3{font-size:clamp(40px,4.4vw,52px)}.quote-inner h2{font-size:clamp(52px,6vw,74px)}}
@media(max-width:700px){
 body{font-size:16px}h2{font-size:clamp(30px,8vw,36px);line-height:1.38;letter-spacing:-.7px}h3{font-size:24px}.section{padding-block:80px}
 .hero h1{font-size:clamp(40px,10.8vw,46px);line-height:1.28;letter-spacing:-1.2px}.hero-intro{font-size:16px}.index,.eyebrow{font-size:13px}
 .about-title{font-size:clamp(30px,8vw,36px)}.about-copy p,.section-heading>p,.service-list p,.process-list p,.quality-points p,address{font-size:16px}
 .materials .section-heading>p{font-size:16px}.dimension{font-size:54px}.material-list>div,.material-list>div:first-child,.material-list>div:nth-child(even){padding:22px 0}.material-list h3{font-size:clamp(27px,7vw,36px)}.material-thai{font-size:17px}
 .process-list li>span{font-size:68px;letter-spacing:-4px}.process-list h3{font-size:25px}.quality-copy h2{font-size:34px}.quality-points h3{font-size:24px}
 .quote-inner h2{font-size:clamp(38px,9.6vw,52px);letter-spacing:-1.2px}.quote-inner .quote-thai{font-size:22px}
 .contact:before{font-size:12vw;letter-spacing:-1.8px;margin-bottom:48px}.social-row{gap:28px}.social-value{font-size:17px}.social-link small{font-size:13px}
}
/* English technical labels and numbering use IBM Plex Sans consistently. */
.process-list li>span,.work-caption,.work-caption>span:last-child,.photo-label,.footer-inner>a:last-child{font-family:var(--font-en)}

/* Heading spacing refinement — 2026-09-19 */
h2{
  font-size:clamp(36px,3.25vw,46px);
  line-height:1.48;
  font-weight:500;
  letter-spacing:-.35px;
}
.about-title{
  font-size:clamp(36px,3.25vw,46px);
  line-height:1.5;
  font-weight:500;
  letter-spacing:-.35px;
  max-width:760px;
}
.quality-copy h2{
  font-size:clamp(36px,3.35vw,48px);
  line-height:1.45;
}
@media(max-width:700px){
  h2,.about-title{
    font-size:clamp(28px,7.2vw,34px);
    line-height:1.5;
    letter-spacing:-.2px;
  }
  .quality-copy h2{font-size:32px;line-height:1.45}
}

/* FINAL MOBILE MATERIAL ALIGNMENT: all material text shares the same left edge. */
@media (max-width:760px){
  .materials .material-list>div,
  .materials .material-list>div:first-child,
  .materials .material-list>div:nth-child(even){
    display:block !important;
    grid-template-columns:none !important;
    gap:0 !important;
    padding:24px 0 !important;
    border-left:0 !important;
    text-align:left !important;
  }
  .materials .material-number,
  .materials .material-list h3,
  .materials .material-thai{
    display:block !important;
    grid-column:auto !important;
    justify-self:start !important;
    text-align:left !important;
    margin-left:0 !important;
    padding-left:0 !important;
  }
  .materials .material-number{margin:0 0 8px !important;padding-top:0 !important;}
  .materials .material-list h3{margin:0 !important;}
  .materials .material-thai{margin-top:6px !important;}
}