.page-hero{background-image:linear-gradient(#00000059,#000000d9),url(/assets/photos/facade.jpg)}section.contact-main{background:#fff;padding:100px 0}.c-grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:60px;display:grid}.c-info{background:var(--ink);color:#fff;border-radius:18px;padding:50px 42px;position:sticky;top:100px}.c-info .kind{letter-spacing:.22em;color:var(--orange);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:11px}.c-info h2{margin:12px 0 14px;font-family:Noto Sans Thai,sans-serif;font-size:32px;font-weight:800;line-height:1.2}.c-info>p{color:#ffffffa6;margin:0 0 34px;font-size:14.5px;line-height:1.6}.c-info .item{border-bottom:1px solid #ffffff14;align-items:flex-start;gap:16px;padding:18px 0;display:flex}.c-info .item:last-of-type{border-bottom:none}.c-info .ic{width:44px;height:44px;color:var(--orange);background:#f5a6231f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.c-info .det b{letter-spacing:.22em;text-transform:uppercase;color:var(--orange);font-family:Orbitron,sans-serif;font-size:10.5px;display:block}.c-info .det span{color:#fff;margin-top:4px;font-size:15px;line-height:1.45;display:block}.c-info .socials{gap:10px;margin-top:28px;display:flex}.c-info .socials a{width:42px;height:42px;color:var(--orange);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.c-info .socials a:hover{background:var(--orange);color:#1a1200}.c-form{background:var(--paper);border-radius:18px;padding:50px 42px}.c-form h3{letter-spacing:-.01em;margin:0 0 10px;font-family:Noto Sans Thai,sans-serif;font-size:28px;font-weight:800}.c-form>p{color:#666;margin:0 0 30px;font-size:14.5px}.fgrid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px;display:grid}.field label{letter-spacing:.22em;color:#555;text-transform:uppercase;margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:10.5px;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--line-ink);color:#1a1a1a;background:#fff;border-radius:10px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:border .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 4px #f5a6231a}.field textarea{resize:vertical;min-height:130px}.field.full{grid-column:1/-1}.upload-row{border:1.5px dashed var(--line-ink);color:#777;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:13.5px;transition:border .2s;display:flex}.upload-row:hover{border-color:var(--orange);color:var(--orange)}.c-form .btn{margin-top:20px;padding:16px 40px;font-size:13px}section.map{background:#fff;padding:0 0 100px}.map-box{border:1px solid var(--line-ink);background:#0a0706;border-radius:18px;height:480px;position:relative;overflow:hidden}.map-box iframe{border:0;width:100%;height:100%;display:block}section.faq{background:var(--paper);padding:100px 0}.faq-list{max-width:860px;margin:0 auto}.faq-item{border:1px solid var(--line-ink);background:#fff;border-radius:14px;margin-bottom:14px;transition:all .2s;overflow:hidden}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;font-family:Noto Sans Thai,sans-serif;font-size:17px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--orange);flex-shrink:0;font-size:26px;font-weight:400;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item[open]{border-color:var(--orange)}.faq-item .a{color:#666;padding:0 26px 22px;font-size:14.5px;line-height:1.65}@media (max-width:960px){.c-grid,.fgrid{grid-template-columns:1fr}.c-info{position:static}}
