/* PASCO Thailand - Contact Us v11 (2026-10-26) | fitted banner image, no vertical clipping */
/* This stylesheet is scoped to .pasco-contact-v6: no changes to other website pages. */
body.contact-modern-page { background:#f0f7fc; }
.pasco-contact-v6 { background:linear-gradient(180deg,#edf7fe 0%,#f5f9fd 54%,#eef6fc 100%)!important; padding-bottom:38px; margin-bottom:0!important; color:#15375e; }
.pasco-contact-v6 *, .pasco-contact-v6 *:before, .pasco-contact-v6 *:after {box-sizing:border-box}
.pasco-contact-v6 .pc6-hero { position:relative; min-height:clamp(210px, 14.5vw, 285px); display:flex; align-items:center; overflow:hidden; background:#06386c url('../images/contact-us/hero-42tower-fitted-v11.jpg') no-repeat center top / cover; }
.pasco-contact-v6 .pc6-hero:before {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,26,60,.50) 0%,rgba(2,42,84,.15) 49%,rgba(0,0,0,0) 76%);pointer-events:none}
.pasco-contact-v6 .pc6-hero .container {width:calc(100% - 88px);max-width:1550px;position:relative;z-index:1;margin:0 auto}
.pasco-contact-v6 .pc6-hero-copy {max-width:560px;padding:30px 0 32px;color:white;text-shadow:0 1px 2px rgba(0,0,0,.12)}
.pasco-contact-v6 .pc6-eyebrow {display:block;font-size:12px;letter-spacing:.11em;color:#dcefff;font-weight:700;margin-bottom:8px}
.pasco-contact-v6 .pc6-hero h1 {font-size:clamp(31px,3vw,46px);font-weight:700;line-height:1.16;color:#fff;margin:0 0 10px}
.pasco-contact-v6 .pc6-hero p {font-size:clamp(13px,1.05vw,16.5px);line-height:1.55;color:#f3faff;margin:0;max-width:520px}
.pasco-contact-v6 .pc6-content {margin-top:16px}
.pasco-contact-v6 .pc6-main-grid {display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:14px}
.pasco-contact-v6 .pc6-left-stack {display:grid;grid-template-rows:auto auto auto;align-content:space-between;gap:12px;min-width:0}
.pasco-contact-v6 .pc6-card {background:#fff;border:1px solid #e0eaf4;border-radius:11px;box-shadow:0 7px 25px rgba(22,72,122,.055);min-width:0}
.pasco-contact-v6 .pc6-card--contact {display:grid;grid-template-columns:55px minmax(0,1fr);gap:14px;padding:19px 20px;align-items:start}
.pasco-contact-v6 .pc6-feature-icon {width:52px;height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e3f1fd;color:#0764bd}
.pasco-contact-v6 .pasco-svg {width:21px;height:21px;flex-shrink:0;display:inline-block;vertical-align:middle}
.pasco-contact-v6 .pc6-feature-icon .pasco-svg {width:28px;height:28px}
.pasco-contact-v6 .pc6-card h2 {font-size:19px;font-weight:700;line-height:1.25;color:#093875;margin:0 0 7px}
.pasco-contact-v6 .pc6-description {font-size:12.5px;line-height:1.48;color:#536985;margin:0 0 11px}
.pasco-contact-v6 .pc6-details {border-top:1px solid #e8eef5;padding-top:2px}
.pasco-contact-v6 .pc6-detail-row {display:grid;grid-template-columns:27px 84px minmax(0,1fr);align-items:center;column-gap:9px;padding:8px 0;min-height:40px}
.pasco-contact-v6 .pc6-detail-row + .pc6-detail-row {border-top:1px solid #ecf1f7}
.pasco-contact-v6 .pc6-small-icon {display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;color:#0967c3;background:#eaf4ff}
.pasco-contact-v6 .pc6-small-icon .pasco-svg {width:16px;height:16px}
.pasco-contact-v6 .pc6-label {color:#15395d;font-weight:700;font-size:12px}
.pasco-contact-v6 .pc6-value,.pasco-contact-v6 .pc6-value a {color:#304c6c;font-size:12.5px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.pasco-contact-v6 .pc6-value a:hover {text-decoration:underline;color:#0562be}
.pasco-contact-v6 .pc6-person {font-size:11.7px;line-height:1.45;color:#65788d;display:block;margin-top:2px}
.pasco-contact-v6 .pc6-card--form {padding:22px 23px;display:flex;flex-direction:column}
.pasco-contact-v6 .pc6-form-head {display:flex;align-items:center;gap:11px}
.pasco-contact-v6 .pc6-form-head h2 {font-size:21px;margin:0}
.pasco-contact-v6 .pc6-form-head-icon {color:#055aae;display:flex;align-items:center;justify-content:center;width:27px}
.pasco-contact-v6 .pc6-form-head-icon .pasco-svg {width:27px;height:27px}
.pasco-contact-v6 .pc6-form-intro {margin:8px 0 14px;color:#566b83;font-size:12.8px;line-height:1.55}
.pasco-contact-v6 .pc6-form-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 15px}
.pasco-contact-v6 .pc6-field {min-width:0}
.pasco-contact-v6 .pc6-field--wide {grid-column:1/-1}
.pasco-contact-v6 .pc6-field label {display:block;font-size:12px;font-weight:700;color:#183b69;margin-bottom:6px}
.pasco-contact-v6 .pc6-required {color:#d42930;margin-left:3px}
.pasco-contact-v6 .pc6-field input,.pasco-contact-v6 .pc6-field select,.pasco-contact-v6 .pc6-field textarea {display:block;background:#fff;width:100%;min-width:0;border:1px solid #cadbea;border-radius:6px;padding:9px 10px;font-size:12.5px;line-height:1.4;color:#183b63;outline:none;box-shadow:0 1px 2px rgba(0,0,0,.015)}
.pasco-contact-v6 .pc6-field input,.pasco-contact-v6 .pc6-field select {height:36px}
.pasco-contact-v6 .pc6-field textarea {min-height:85px;resize:vertical}
.pasco-contact-v6 .pc6-field input:focus,.pasco-contact-v6 .pc6-field select:focus,.pasco-contact-v6 .pc6-field textarea:focus {border-color:#0067c8;box-shadow:0 0 0 3px rgba(0,104,199,.10)}
.pasco-contact-v6 .pc6-send-btn {display:flex;gap:11px;justify-content:center;align-items:center;width:100%;padding:10px 15px;border:none;border-radius:6px;color:white;background:linear-gradient(90deg,#0760ba,#0872ca);font-size:15px;line-height:1.4;font-weight:700;box-shadow:0 5px 14px rgba(3,84,168,.18);cursor:pointer}
.pasco-contact-v6 .pc6-send-btn .pasco-svg {width:22px;height:22px}
.pasco-contact-v6 .pc6-send-btn:hover,.pasco-contact-v6 .pc6-send-btn:focus {background:linear-gradient(90deg,#074a9a,#0863af);color:white}
.pasco-contact-v6 .pc6-helper {display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;color:#6c7b8f;font-size:11.2px;line-height:1.5}
.pasco-contact-v6 .pc6-helper .pasco-svg {color:#74839a;width:14px;height:14px;margin-top:1px}
.pasco-contact-v6 .pc6-location {margin-top:13px;display:grid;grid-template-columns:minmax(260px,33%) minmax(0,67%);padding:10px;gap:0;overflow:hidden;min-height:177px}
.pasco-contact-v6 .pc6-location-info {display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:9px 14px 7px 6px;align-content:center}
.pasco-contact-v6 .pc6-location-copy h2 {margin:1px 0 8px;font-size:20px}
.pasco-contact-v6 .pc6-location-copy p {color:#546a83;font-size:12px;line-height:1.5;margin:0 0 10px}
.pasco-contact-v6 .pc6-location-copy p strong {color:#103d7e;font-size:12.5px}
.pasco-contact-v6 .pc6-map-btn {display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:8px 11px;border:1px solid #7fb6ed;border-radius:6px;color:#085eb5;background:#f9fcff;text-decoration:none;font-size:12px;font-weight:700}
.pasco-contact-v6 .pc6-map-btn:hover {color:#00488c;background:#edf7ff;text-decoration:none}
.pasco-contact-v6 .pc6-map-btn .pasco-svg {width:15px;height:15px}
.pasco-contact-v6 .pc6-map-btn .pc6-ext-icon {width:12px;height:12px}
.pasco-contact-v6 .pc6-map-canvas {border:1px solid #d7e5f1;border-radius:8px;min-height:166px;background:#eaf3fa url('../images/contact-us/map.jpg') center / contain no-repeat;overflow:hidden}
.pasco-contact-v6 .pc6-map-canvas iframe {width:100%;height:100%;min-height:166px;border:none;display:block;background:transparent}
.pasco-contact-v6 .contact-form-status {display:none;margin:0 0 12px;padding:11px;border-radius:6px;font-size:12.5px;line-height:1.45}
.pasco-contact-v6 .contact-form-status.is-visible {display:block}
.pasco-contact-v6 .contact-form-status--success {background:#e8f7ec;border:1px solid #bbdfc6;color:#205e34}
.pasco-contact-v6 .contact-form-status--error {background:#fff2f1;border:1px solid #ebc5be;color:#903c32}
.pasco-contact-v6 .contact-hp {position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media (min-width: 1400px) { .pasco-contact-v6 .pc6-hero-copy {max-width:750px} }
@media (max-width:991px) {
 .pasco-contact-v6 .pc6-main-grid {grid-template-columns:1fr}
 .pasco-contact-v6 .pc6-left-stack {grid-template-rows:auto;gap:12px}
 .pasco-contact-v6 .pc6-card--form {padding:22px}
 .pasco-contact-v6 .pc6-location {grid-template-columns:minmax(230px,35%) minmax(0,65%)}
}
@media (max-width:767px) {
 .pasco-contact-v6 .pc6-hero {min-height:205px;background-image:url('../images/contact-us/hero-42tower-mobile-v11.jpg');background-position:center top;background-size:cover}
 .pasco-contact-v6 .pc6-hero-copy {padding:22px 0 24px;max-width:min(95%,440px)}
 .pasco-contact-v6 .pc6-hero h1 {font-size:30px}
 .pasco-contact-v6 .pc6-hero p {font-size:13px;line-height:1.55;max-width:330px}
 .pasco-contact-v6 .pc6-content {padding-left:14px;padding-right:14px}
 .pasco-contact-v6 .pc6-card--contact {grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px}
 .pasco-contact-v6 .pc6-feature-icon {width:43px;height:43px}
 .pasco-contact-v6 .pc6-feature-icon .pasco-svg {width:24px;height:24px}
 .pasco-contact-v6 .pc6-card h2 {font-size:18px}
 .pasco-contact-v6 .pc6-description {font-size:12px}
 .pasco-contact-v6 .pc6-detail-row {grid-template-columns:25px minmax(53px,68px) minmax(0,1fr);gap:7px}
 .pasco-contact-v6 .pc6-form-grid {grid-template-columns:1fr;gap:10px}
 .pasco-contact-v6 .pc6-field--wide {grid-column:auto}
 .pasco-contact-v6 .pc6-location {grid-template-columns:1fr;padding:10px;gap:12px}
 .pasco-contact-v6 .pc6-location-info {grid-template-columns:43px minmax(0,1fr);padding:9px 5px 2px;gap:12px}
 .pasco-contact-v6 .pc6-map-canvas,.pasco-contact-v6 .pc6-map-canvas iframe {min-height:235px}
}

/* v7: Comfortable separation now that recipient routing disclosure is removed. */
.pasco-contact-v6 .pc6-send-btn {margin-top:17px}

/* Mobile text contrast on varied imagery, matching Career header behavior. */
@media (max-width:767px) { .pasco-contact-v6 .pc6-hero:before {background:linear-gradient(90deg,rgba(2,34,79,.90),rgba(2,56,114,.65) 58%,rgba(0,0,0,.08))} }


/* v9 refinement: use calmer Contact Us banner, align text start with Career, and reduce title size. */
@media (max-width:767px) { .pasco-contact-v6 .pc6-hero .container {width:calc(100% - 38px);max-width:none;margin:0 auto;} }
@media (min-width:768px) {
 body.contact-modern-page .topMenu > ul > li > a.p_contactUs.active > span {background:#004a9f;position:relative;z-index:3;box-shadow:none;}
 body.contact-modern-page .topMenu > ul > li > a.p_contactUs.active:before,
 body.contact-modern-page .topMenu > ul > li > a.p_contactUs.active:after {display:none;}
}

/* v11: source image precomposed to match the hero aspect ratio; keep its roof visible. */
@media (min-width:768px) { .pasco-contact-v6 .pc6-hero {background-position:center top;} }
@media(max-width:767px){.pasco-contact-v6 .pc6-hero{background-position:65% center}.pasco-contact-v6 .pc6-hero h1{font-size:clamp(27px,7.5vw,30px)}}

@media(max-width:767px){body.contact-modern-page .topNavMenu{background:#fff!important;opacity:1!important;overflow-x:hidden!important;overflow-y:auto!important;max-height:100vh}body.contact-modern-page .topMenu > ul > li > a{margin:13px auto;font-size:16px}}

/* PASCO banner accent | Matches Japan Service cyan #68c6f4 */
.pasco-contact-v6 .pc6-hero h1 .pasco-banner-accent { color: #68c6f4; }
