/* PASCO Project Reference modern v4. Scoped to .pasco-project-v1 only. */
body.project-modern-page{background:#f0f7fc}
.pasco-project-v1{background:linear-gradient(180deg,#eef7fd,#f8fbfe 64%,#edf6fc);padding-bottom:55px;margin-bottom:0!important;color:#173d65}
.pasco-project-v1 *,.pasco-project-v1 *:before,.pasco-project-v1 *:after{box-sizing:border-box}
.pasco-project-v1 .pref-hero{min-height:clamp(210px,14.5vw,285px);display:flex;align-items:center;position:relative;overflow:hidden;background:#06386c url('../images/project-reference/hero-project-v4.jpg') center center/cover no-repeat}
.pasco-project-v1 .pref-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,25,64,.12),rgba(0,25,64,0) 70%);pointer-events:none}
.pasco-project-v1 .pref-hero>.container{width:calc(100% - 88px);max-width:1550px;position:relative;z-index:1;margin:0 auto}
.pasco-project-v1 .pref-hero-copy{max-width:560px;padding:30px 0 32px;color:#fff}
.pasco-project-v1 .pref-eyebrow{display:block;margin:0 0 8px;font-size:12px;letter-spacing:.11em;font-weight:700;color:#cceaff}
.pasco-project-v1 .pref-hero h1{font-size:clamp(31px,3vw,46px);line-height:1.16;margin:0 0 10px;font-weight:700;color:#fff}
.pasco-project-v1 .pref-hero p{font-size:clamp(13px,1.05vw,16.5px);line-height:1.55;max-width:520px;font-weight:400;color:#f5faff;margin:0}
.pasco-project-v1 .pref-main{padding-top:23px}
.pasco-project-v1 .pref-intro{display:flex;align-items:center;justify-content:flex-start;gap:20px;background:#fff;border:1px solid #e1eaf4;border-radius:13px;box-shadow:0 7px 22px rgba(16,66,119,.05);padding:24px 29px;margin-bottom:18px}
.pasco-project-v1 .pref-intro-copy{min-width:0;flex:1}
.pasco-project-v1 .pref-section-eyebrow{display:block;color:#2372b8;letter-spacing:.09em;font-weight:700;font-size:11px;margin-bottom:6px}
.pasco-project-v1 .pref-intro h2{font-size:22px;line-height:1.35;color:#073d7f;font-weight:700;margin:0 0 5px}
.pasco-project-v1 .pref-intro p{font-size:13px;line-height:1.65;color:#60758c;margin:0}



.pasco-project-v1 .pref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch}
.pasco-project-v1 .pref-card{background:#fff;border:1px solid #dfeaf4;border-radius:13px;box-shadow:0 7px 20px rgba(17,63,110,.055);padding:22px;min-width:0;display:flex;flex-direction:column}
.pasco-project-v1 .pref-card-top{display:grid;grid-template-columns:minmax(0,1fr) 152px;gap:14px;align-items:start;margin-bottom:15px;min-width:0}
.pasco-project-v1 .pref-card-title-area,.pasco-project-v1 .pref-card-title-copy{min-width:0}
.pasco-project-v1 .pref-card-heading{display:flex;align-items:flex-start;gap:12px;min-width:0}
.pasco-project-v1 .pref-icon{display:flex;align-items:center;justify-content:center;flex:0 0 45px;width:45px;height:45px;background:#e7f3ff;border-radius:50%;color:#0c70c9}
.pasco-project-v1 .pref-icon svg{width:23px;height:23px}

.pasco-project-v1 .pref-card h2{font-size:17px;color:#083e81;font-weight:700;line-height:1.42;margin:0;overflow-wrap:anywhere}
.pasco-project-v1 .pref-chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 0 57px}
.pasco-project-v1 .pref-chip{display:inline-block;padding:4px 9px;font-size:11px;line-height:1.4;color:#1d619e;background:#eef7ff;border:1px solid #d8eafb;border-radius:99px;white-space:normal;overflow-wrap:anywhere}
.pasco-project-v1 .pref-chip span{font-weight:700;color:#0e80d4}
.pasco-project-v1 .pref-media{display:flex;align-items:center;justify-content:center;width:152px;height:116px;border:1px solid #ddeaf5;border-radius:9px;background:#f2f8fd;padding:7px;text-decoration:none;overflow:hidden}
.pasco-project-v1 .pref-media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:3px}
.pasco-project-v1 a.pref-media:focus-visible{outline:3px solid #0873c7;outline-offset:2px}
.pasco-project-v1 a.pref-media:hover{border-color:#88b7e0}
.pasco-project-v1 .pref-media--empty{background:linear-gradient(135deg,#e4f2fe,#f6faff);color:#8abfe4}
.pasco-project-v1 .pref-placeholder-icon svg{width:47px;height:47px}
.pasco-project-v1 .pref-data{margin:0;display:flex;flex-direction:column;border-top:1px solid #e7eff8;padding-top:4px}
.pasco-project-v1 .pref-row{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:12px;align-items:start;padding:9px 0;border-bottom:1px solid #edf2f7;font-size:12.5px;line-height:1.56}
.pasco-project-v1 .pref-row:last-child{border-bottom:0;padding-bottom:1px}
.pasco-project-v1 .pref-row dt{margin:0;font-size:12px;line-height:1.55;font-weight:700;color:#0e447f}
.pasco-project-v1 .pref-row dd{margin:0;color:#4b6077;overflow-wrap:anywhere;min-width:0}
.pasco-project-v1 .pref-row dd sup{line-height:0}
@media(min-width:768px){body.project-modern-page .topMenu>ul>li>a.p_projectReference.active>span{background:#004a9f;position:relative;z-index:3;box-shadow:none}body.project-modern-page .topMenu>ul>li>a.p_projectReference.active:before,body.project-modern-page .topMenu>ul>li>a.p_projectReference.active:after{display:none}}
@media(max-width:1199px){.pasco-project-v1 .pref-card-top{grid-template-columns:minmax(0,1fr) 122px}.pasco-project-v1 .pref-media{width:122px;height:102px}.pasco-project-v1 .pref-row{grid-template-columns:95px minmax(0,1fr);gap:10px}}
@media(max-width:991px){.pasco-project-v1 .pref-grid{grid-template-columns:1fr}.pasco-project-v1 .pref-card-top{grid-template-columns:minmax(0,1fr) 170px}.pasco-project-v1 .pref-media{width:170px;height:125px}.pasco-project-v1 .pref-row{grid-template-columns:132px minmax(0,1fr)}}
@media(max-width:767px){.pasco-project-v1{padding-bottom:35px}.pasco-project-v1 .pref-hero{min-height:205px;background-position:78% center}.pasco-project-v1 .pref-hero:before{background:linear-gradient(90deg,rgba(2,29,68,.94) 0%,rgba(2,39,81,.90) 70%,rgba(1,32,65,.52) 100%)}.pasco-project-v1 .pref-hero>.container{width:calc(100% - 38px);max-width:none;margin:0 auto}.pasco-project-v1 .pref-hero-copy{padding:22px 0 24px;max-width:min(95%,440px)}.pasco-project-v1 .pref-hero h1{font-size:30px}.pasco-project-v1 .pref-hero p{font-size:13px;line-height:1.55;max-width:330px}.pasco-project-v1 .pref-main{padding:14px 14px 0}.pasco-project-v1 .pref-intro{padding:19px;gap:12px;align-items:flex-start}.pasco-project-v1 .pref-intro h2{font-size:18px}.pasco-project-v1 .pref-intro p{font-size:12.5px}.pasco-project-v1 .pref-grid{gap:12px}.pasco-project-v1 .pref-card{padding:17px}.pasco-project-v1 .pref-card h2{font-size:16px}.pasco-project-v1 .pref-row{grid-template-columns:95px minmax(0,1fr);font-size:12px}.pasco-project-v1 .pref-row dt{font-size:11.6px}}
@media(max-width:520px){.pasco-project-v1 .pref-card-top{grid-template-columns:1fr;gap:10px}.pasco-project-v1 .pref-media{width:100%;height:133px}.pasco-project-v1 .pref-chips{margin-left:0}.pasco-project-v1 .pref-card-heading{gap:10px}.pasco-project-v1 .pref-icon{width:39px;height:39px;flex-basis:39px}.pasco-project-v1 .pref-row{grid-template-columns:89px minmax(0,1fr);gap:8px}.pasco-project-v1 .pref-intro{flex-direction:column}}

/* Project list: show project names without sequence numbers or archive counter. */
.pasco-project-v1 .pref-card h2{margin:1px 0 0}

/* v4: Native-aspect banner strip. Keep 3D/Orthophoto panels visible on desktop. */
@media (min-width: 768px) {
  .pasco-project-v1 .pref-hero {
    background-position: center center;
    background-size: cover;
  }
  .pasco-project-v1 .pref-hero:before {
    background: linear-gradient(90deg,rgba(2,26,61,.16) 0%,rgba(2,26,61,0) 68%);
  }
}
@media (max-width: 767px) {
  .pasco-project-v1 .pref-hero { background-position: 55% center; }
}

@media(max-width:767px){.pasco-project-v1 .pref-hero{background-position:58% center}.pasco-project-v1 .pref-hero h1{font-size:clamp(27px,7.5vw,30px)}}

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

/* PASCO banner accent | Matches Japan Service cyan #68c6f4 */
.pasco-project-v1 .pref-hero h1 .pasco-banner-accent { color: #68c6f4; }

/* 2026-10-26 Banner title alignment: lower typography subtly; background and banner height unchanged. */
@media (min-width: 768px) {
  .pasco-project-v1 .pref-hero-copy {
    transform: translateY(clamp(6px, calc(1.2vw - 6px), 13px));
  }
}
@media (max-width: 767px) {
  .pasco-project-v1 .pref-hero-copy { transform: translateY(5px); }
}