/* PDRM case study: rounded archive shell, balanced banner, and guideline grid. */
#case-dialog.pdrm-case{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:16px 1.5%;border:0;border-radius:0;background:transparent;overflow:auto;overscroll-behavior:contain;color:#142238}
#case-dialog.pdrm-case::backdrop{background:#17263880;backdrop-filter:blur(12px)}
#case-dialog.pdrm-case .modal-panel{width:min(1500px,100%);max-width:none;min-height:0;max-height:none;margin:0 auto;border-radius:32px;overflow:hidden;background:#fbfdff;box-shadow:0 24px 90px #152b4940}
#case-dialog.pdrm-case .dialog-head{display:flex;position:fixed;top:28px;right:3%;z-index:40;padding:0;border:0;background:transparent;pointer-events:none}
#case-dialog.pdrm-case .dialog-head .mono{display:none}
#case-dialog.pdrm-case .dialog-head .close{pointer-events:auto;width:38px;height:38px;padding:0;border:1px solid #dfe8f3;background:#ffffffeb;color:#40536b;font-size:21px;line-height:1;box-shadow:0 7px 18px #26476718}
#case-dialog.pdrm-case .dialog-content{padding:0}
.pdrm-case-hero{padding:52px 6% 50px;background:linear-gradient(135deg,#f7fbff 0%,#e9f3ff 53%,#f5f9ff 100%);border-bottom:1px solid #dce7f6}
.pdrm-case-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center;margin-top:0}
.pdrm-case-intro h2{font-size:clamp(46px,4.2vw,64px);line-height:.98;letter-spacing:-1.4px;margin:0 0 18px;color:#132b4a}.pdrm-case-intro h2 em{font-style:normal;color:#2e85ff;white-space:nowrap}.pdrm-case-lead{font-size:15px;line-height:1.65;max-width:370px;margin:0 0 19px}.pdrm-case-meta{gap:7px}.pdrm-case-meta span{padding:7px 10px;background:#ffffffb8}
.pdrm-hero-visual{display:flex;align-items:center;justify-content:center;margin:0;min-height:0;padding:0 0 0 4%;background:transparent;border:0;box-shadow:none}.pdrm-hero-visual img{display:block;width:100%;max-height:430px;object-fit:contain}
.pdrm-case-section{padding:54px 6%;border-bottom:1px solid #e2eaf3}.pdrm-case-split{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:56px;align-items:start;background:#fff}.pdrm-case-section h3{font-size:clamp(30px,2.8vw,44px);line-height:1.08;letter-spacing:-.65px;margin:12px 0 18px}.pdrm-case-section p{font-size:15px;line-height:1.8;max-width:680px}.pdrm-case-note{font-size:12px!important;line-height:1.65!important}
.pdrm-case-section-head{max-width:780px;margin-bottom:28px}.pdrm-case-section-head h3{max-width:650px;margin-bottom:13px}.pdrm-case-section-head p{max-width:720px}.pdrm-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pdrm-mode-grid figure{padding:18px 18px 19px;border-radius:21px}.pdrm-mode-image{height:560px}.pdrm-mode-grid figcaption{margin:15px 2px 0}
.pdrm-guideline-section{background:#f2f7fd}.pdrm-guideline-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);grid-template-rows:auto auto;gap:24px;align-items:stretch}.pdrm-guideline-visual{grid-column:1;grid-row:1;display:flex;align-items:stretch;margin:0;padding:16px;border:1px solid #d7e4f2;border-radius:23px;background:#eaf1fa;box-shadow:0 18px 38px #274f7620}.pdrm-guideline-visual img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 10px 24px #274f7620}.pdrm-guideline-visual figcaption{display:none}.pdrm-guideline-details{display:contents}.pdrm-token-strip{grid-column:2;grid-row:1;align-self:stretch;display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:15px;border-radius:18px}.pdrm-token-strip>div{min-height:74px;padding:2px 12px 12px;border-right:0;border-bottom:1px solid #e2eaf3}.pdrm-token-strip>div:last-child{border-bottom:0}.pdrm-token-strip>div:nth-child(n+3){padding-top:12px}.pdrm-token-strip span,.pdrm-token-strip small{font-size:9px}.pdrm-token-strip strong{font-size:18px;margin-top:14px}.pdrm-guideline-grid{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pdrm-rule-card{min-height:205px;border-radius:16px;padding:18px}.pdrm-rule-card h4{font-size:16px;line-height:1.2;margin:12px 0 9px}.pdrm-rule-card p{font-size:12px;line-height:1.65}
.pdrm-case-close{min-height:0;padding:56px 6% 54px;background:#fbfdff;color:#163557;border-bottom:0}.pdrm-case-close h3{color:#163557;letter-spacing:-.2px}.pdrm-case-close p{color:#59708b}.pdrm-case-footnote{color:#6c9dd1;margin-top:24px}
.pdrm-card-art{position:relative;border-radius:20px!important;background:#dbe6ff!important}.pdrm-card-art .pdrm-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:opacity .42s ease,transform .6s ease}.pdrm-card-art .pdrm-card-image-default{opacity:1;transform:scale(1)}.pdrm-card-art .pdrm-card-image-hover{opacity:0;transform:scale(1.02)}.project:hover .pdrm-card-art .pdrm-card-image-default{opacity:0;transform:scale(1.02)}.project:hover .pdrm-card-art .pdrm-card-image-hover{opacity:1;transform:scale(1)}.pdrm-card-art:after,.pdrm-card-art .art-label,.pdrm-card-art .art-caption,.pdrm-card-mode{display:none!important}
@media(prefers-reduced-motion:reduce){.pdrm-card-art .pdrm-card-image{transition:none}}
@media(min-width:761px) and (max-width:900px){.pdrm-case-hero-grid{grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr);gap:24px}.pdrm-case-intro h2{font-size:46px}}
@media(max-width:760px){#case-dialog.pdrm-case{padding:10px 2%}#case-dialog.pdrm-case .modal-panel{border-radius:24px}.pdrm-case .dialog-head{top:22px;right:5%}.pdrm-case-hero,.pdrm-case-section{padding:36px 22px}.pdrm-case-hero-grid,.pdrm-case-split{grid-template-columns:1fr;gap:27px}.pdrm-case-intro h2{font-size:54px}.pdrm-case-lead{font-size:15px}.pdrm-hero-visual{min-height:290px}.pdrm-hero-visual img{max-height:330px}.pdrm-case-section h3{font-size:34px;letter-spacing:-.4px}.pdrm-case-section-head h3{max-width:28ch}.pdrm-mode-grid{grid-template-columns:1fr}.pdrm-mode-image{height:510px}.pdrm-guideline-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}.pdrm-guideline-visual{grid-column:1;grid-row:1}.pdrm-token-strip{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.pdrm-token-strip>div{border-right:1px solid #e2eaf3}.pdrm-token-strip>div:nth-child(2n){border-right:0}.pdrm-token-strip>div:nth-child(n+3){border-bottom:0}.pdrm-guideline-grid{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr}}
@media(max-width:430px){.pdrm-guideline-grid{grid-template-columns:1fr}.pdrm-mode-image{height:470px}.pdrm-token-strip{grid-template-columns:1fr}.pdrm-token-strip>div,.pdrm-token-strip>div:nth-child(2n),.pdrm-token-strip>div:nth-child(n+3){border-right:0;border-bottom:1px solid #e2eaf3;padding-top:12px}.pdrm-token-strip>div:first-child{padding-top:2px}.pdrm-token-strip>div:last-child{border-bottom:0}}

/* The supplied overview already contains its own light/dark surfaces. Keep it
   as a single visual layer instead of wrapping it in another card. */
.pdrm-guideline-section{background:#fff}
.pdrm-guideline-layout{grid-template-columns:minmax(0,1.35fr) minmax(250px,.85fr);column-gap:36px;align-items:start}
.pdrm-guideline-visual{align-self:start;display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
.pdrm-guideline-visual img{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px;box-shadow:none}
.pdrm-token-strip{box-shadow:none}
@media(max-width:900px) and (min-width:761px){
  .pdrm-token-strip{padding:12px}
  .pdrm-token-strip>div{min-height:58px;padding:2px 10px 8px}
  .pdrm-token-strip>div:nth-child(n+3){padding-top:8px}
  .pdrm-token-strip strong{margin-top:9px}
}
@media(max-width:760px){
  .pdrm-case-intro h2 em{white-space:normal}
  .pdrm-hero-visual{padding:0}
  .pdrm-guideline-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:24px}
  .pdrm-guideline-visual{grid-column:1;grid-row:1;width:100%}
  .pdrm-token-strip{grid-column:1;grid-row:2;width:100%;box-sizing:border-box}
  .pdrm-guideline-grid{grid-column:1;grid-row:3;width:100%}
}
@media(min-width:901px){
  .pdrm-hero-visual{padding-left:6%;transform:translateX(3%)}
  .pdrm-hero-visual img{width:auto;height:clamp(480px,50vw,800px);max-width:100%;max-height:none;transform:none}
}
@media(min-width:761px) and (max-width:900px){
  .pdrm-hero-visual img{width:auto;height:min(480px,52vw);max-width:100%;max-height:none;transform:translateX(2%)}
}