.page-contact{--contact-cyan:#38bdf8;--contact-cyan-ink:#0a7fb5;--contact-cyan-soft:#eff8fe;--contact-cyan-ring:#38bdf829}.page-contact main{padding-top:var(--header-h)}.contact-hero{background:var(--se-navy,#0c2246);color:#fff;position:relative;overflow:hidden}.contact-hero-photo{opacity:.24;filter:grayscale();pointer-events:none;background:-webkit-image-set(url(/site%20files/Projects/knpc-mina-abdullah-refinery.avif) 1x type("image/avif"),url(/site%20files/Projects/knpc-mina-abdullah-refinery.webp) 1x type("image/webp")) 50%/cover no-repeat;background:image-set("/site%20files/Projects/knpc-mina-abdullah-refinery.avif" 1x type("image/avif"),"/site%20files/Projects/knpc-mina-abdullah-refinery.webp" 1x type("image/webp")) 50%/cover no-repeat;position:absolute;inset-block:0;inset-inline:50% 0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 70%);mask-image:linear-gradient(90deg,#0000 0%,#000 70%)}.contact-hero-inner{z-index:1;padding-top:clamp(1.75rem,3vw,2.5rem);position:relative}.contact-hero .breadcrumbs,.contact-hero .breadcrumbs a,.contact-hero .breadcrumbs span{color:var(--se-on-navy,#c3d2ea)}.contact-hero .breadcrumbs a:hover{color:#fff}.contact-hero-copy{max-width:640px;padding:clamp(2.25rem,4.5vw,3.5rem) 0 clamp(2.5rem,5vw,3.75rem)}.contact-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--contact-cyan);align-items:center;gap:.65rem;font-size:.8rem;font-weight:700;display:inline-flex}.contact-kicker:before{content:"";background:var(--contact-cyan);width:22px;height:2px}.contact-title{letter-spacing:-.035em;color:#fff;max-width:18ch;margin:1rem 0 0;font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:800;line-height:1.04}.contact-lead{color:var(--se-on-navy,#c3d2ea);max-width:54ch;margin:1.15rem 0 0;font-size:clamp(1rem,1.15vw,1.08rem);line-height:1.6}.contact-rail{color:var(--ink);background:#fff;border-radius:18px 18px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.contact-rail li+li{border-inline-start:1px solid var(--border)}.contact-channel{height:100%;color:inherit;transition:background .25s var(--ease-out);gap:1rem;padding:clamp(1.3rem,2.2vw,1.65rem) clamp(1.25rem,2.2vw,1.9rem);display:flex}.contact-channel:hover{background:#fafcfe}.contact-channel-icon{background:var(--contact-cyan-soft);width:40px;height:40px;color:var(--contact-cyan-ink);border-radius:12px;flex:none;place-items:center;display:grid}.contact-channel-icon svg{width:19px;height:19px}.contact-channel-body{flex-direction:column;min-width:0;display:flex}.contact-channel-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-size:.76rem;font-weight:700}.contact-channel strong{letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:.3rem;font-size:1.15rem;font-weight:800;line-height:1.25}.contact-channel-note{color:var(--ink-muted);margin-top:.25rem;font-size:.86rem;line-height:1.5}.contact-channel-go{color:var(--se-blue-strong);align-items:center;gap:.4rem;margin-top:.65rem;font-size:.86rem;font-weight:700;display:inline-flex}.contact-channel-go svg{width:15px;height:15px;transition:transform .25s var(--ease-out)}.contact-channel:hover .contact-channel-go svg{transform:translate(3px)}.contact-body{background:var(--se-bg,#f5f7fa);border-top:1px solid var(--border);padding:clamp(2.5rem,5vw,3.75rem) 0 clamp(4rem,7vw,5.5rem)}.contact-body-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(1rem,2vw,1.5rem);display:grid}.enquiry-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:clamp(1.5rem,3vw,2.5rem)}.enquiry-title{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(1.5rem,2.3vw,1.9rem);font-weight:800;line-height:1.1}.enquiry-lead{color:var(--ink-muted);max-width:58ch;margin:.65rem 0 1.6rem;font-size:.98rem;line-height:1.6}.enquiry-lead a{color:var(--se-blue-strong);font-weight:600}.enquiry-lead a:hover{text-decoration:underline}.contact-office{border:1px solid var(--border);background:#fff;border-radius:20px;overflow:hidden}.contact-office-map{background:var(--se-tint,#eef2f7);height:230px;position:relative}.contact-office-map iframe{filter:grayscale(.45);border:0;width:100%;height:100%;position:absolute;inset:0}.contact-office-block{padding:1.3rem 1.6rem}.contact-office-block+.contact-office-block{border-top:1px solid var(--border)}.contact-office-block h3{letter-spacing:-.01em;color:var(--ink);margin:0 0 .55rem;font-size:.95rem;font-weight:800}.contact-office-address{color:var(--ink-muted);font-size:.92rem;line-height:1.55;display:block}.contact-office-address:hover{color:var(--ink)}.contact-office-links{flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:.75rem;display:flex}.contact-office-links a{color:var(--se-blue-strong);align-items:center;gap:.35rem;font-size:.88rem;font-weight:700;display:inline-flex}.contact-office-links svg{width:14px;height:14px}.contact-hours,.contact-lines{margin:0;padding:0;list-style:none}.contact-hours li{border-top:1px solid var(--border);color:var(--ink);justify-content:space-between;gap:1rem;padding:.6rem 0;font-size:.93rem;display:flex}.contact-hours li span:last-child{font-weight:700}.contact-hours li.is-off{color:var(--ink-faint)}.contact-hours li.is-off span:last-child{font-weight:600}.contact-hours li.is-today span:first-child{align-items:center;gap:.55rem;display:inline-flex}.contact-hours li.is-today span:first-child:before{content:"";background:var(--contact-cyan);border-radius:50%;width:7px;height:7px}.contact-lines li{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 1rem;padding:.4rem 0;display:flex}.contact-lines a{color:var(--ink);overflow-wrap:anywhere;font-size:.98rem;font-weight:700}.contact-lines a:hover{color:var(--se-blue-strong)}.contact-lines span{color:var(--ink-faint);flex:none;font-size:.8rem;font-weight:600}.contact-office-social div{flex-wrap:wrap;gap:.6rem 1.4rem;display:flex}.contact-office-social a{color:var(--ink);transition:color .25s var(--ease-out);align-items:center;gap:.6rem;font-size:.9rem;font-weight:700;display:inline-flex}.contact-social-icon{background:var(--contact-cyan-soft);width:36px;height:36px;color:var(--contact-cyan-ink);transition:background .25s var(--ease-out), color .25s var(--ease-out);border-radius:10px;place-items:center;display:grid}.contact-social-icon svg{width:18px;height:18px}.contact-office-social a:hover{color:var(--se-blue-strong)}.contact-office-social a:hover .contact-social-icon{background:var(--se-blue);color:#fff}.enquiry-form{background:0 0;border:0;border-radius:0;flex-direction:column;gap:1rem;padding:0;display:flex}.enquiry-form .field>span{letter-spacing:0;text-transform:none;color:var(--ink);font-size:.82rem;font-weight:700}.enquiry-form .field input,.enquiry-form .field select,.enquiry-form .field textarea{background:#fff;border-color:#d3dcea;border-radius:12px;min-height:50px}.enquiry-form .field input:focus,.enquiry-form .field select:focus,.enquiry-form .field textarea:focus{border-color:var(--contact-cyan);box-shadow:0 0 0 4px var(--contact-cyan-ring)}.form-honeypot{width:1px;height:1px;position:absolute;inset-inline-start:-9999px;overflow:hidden}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-invalid{border-color:#b63d31!important;box-shadow:0 0 0 3px #b63d311a!important}.field-error{color:#b63d31;font-size:.84rem;line-height:1.45}.field-optional{text-transform:none;letter-spacing:0;color:var(--ink-faint);font-style:normal;font-weight:500}.form-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.4rem;display:flex}.form-meta{color:var(--ink-muted);font-size:.88rem}.form-note{background:var(--accent-soft);color:var(--accent);border:1px solid #0b254526;border-radius:10px;margin:.5rem 0 0;padding:.9rem 1rem;font-size:.92rem;font-weight:500}.form-note-error{color:#8f221a;background:#fff4f2;border-color:#b63d3138}.form-note-success{background:var(--accent-soft)}@media (max-width:1024px){.contact-hero-photo{inset-block:0;inset-inline:35% 0}.contact-rail{grid-template-columns:1fr}.contact-rail li+li{border-inline-start:0;border-top:1px solid var(--border)}.contact-body-grid{grid-template-columns:1fr}}@media (max-width:720px){.contact-hero-photo{opacity:.14;inset:0}.contact-rail{border-radius:16px 16px 0 0}.contact-channel{padding:1.15rem 1.1rem}.contact-channel strong{font-size:1.05rem}.enquiry-card{border-radius:16px;padding:1.25rem}.contact-office{border-radius:16px}.contact-office-block{padding:1.15rem 1.25rem}.form-row{grid-template-columns:1fr}.form-actions .btn{flex:1;justify-content:center}}[dir=rtl] .contact-hero-photo{-webkit-mask-image:linear-gradient(270deg,#0000 0%,#000 70%);mask-image:linear-gradient(270deg,#0000 0%,#000 70%)}[dir=rtl] .contact-channel-go svg,[dir=rtl] .contact-office-links svg{scale:-1 1}[dir=rtl] .enquiry-form input[dir=ltr]{text-align:right}html:lang(ar) :is(.contact-channel strong,.contact-lines a) bdi[dir=ltr]{white-space:normal;overflow-wrap:anywhere}html:lang(ar) .contact-channel strong bdi[dir=ltr]{letter-spacing:-.02em!important}html:lang(ar) .contact-title{text-wrap:balance;max-width:20ch;font-size:clamp(2rem,4.1vw,3.05rem)}html:lang(ar) .contact-channel strong:not(:lang(en)){line-height:1.5}html:lang(ar) .contact-lead:not(:lang(en)){line-height:1.8}html:lang(ar) :is(.contact-kicker,.contact-channel-label,.contact-lines span):not(:lang(en)){font-size:.8125rem}
