.pdrm-case{width:min(1120px,96vw);max-height:92vh;border-radius:18px;overflow:hidden;background:#f8faff;color:#142238}.pdrm-case .modal-panel{overflow:auto;max-height:92vh}.pdrm-case .dialog-head{position:sticky;top:0;z-index:3;background:#f8faffee;backdrop-filter:blur(14px);padding:18px 30px;border-bottom:1px solid #dce7f6}.pdrm-case .dialog-head .mono{color:#71839c}.pdrm-case .dialog-content{padding:0}.pdrm-case-body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.pdrm-case-hero{padding:48px 54px 42px;background:linear-gradient(135deg,#f7fbff 0%,#e9f3ff 53%,#eef7ff 100%);border-bottom:1px solid #dce7f6}.pdrm-case-kicker,.pdrm-case-index{font-size:10px;letter-spacing:1.7px;font-weight:650;color:#5f7898}.pdrm-case-hero-grid{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.45fr);gap:42px;align-items:center;margin-top:22px}.pdrm-case-intro h2{font-size:clamp(40px,5vw,70px);line-height:.98;letter-spacing:-3.2px;margin:0 0 20px;color:#132b4a}.pdrm-case-intro h2 em{font-style:normal;color:#2e85ff}.pdrm-case-lead{font-size:16px;line-height:1.65;color:#506884;margin:0 0 22px;max-width:360px}.pdrm-case-meta{display:flex;flex-wrap:wrap;gap:7px}.pdrm-case-meta span{font-size:10px;color:#42607f;border:1px solid #c3d7ef;border-radius:20px;padding:7px 10px;background:#ffffff9c}.pdrm-case-hero-image{margin:0}.pdrm-case-hero-image img{display:block;width:100%;border-radius:12px;box-shadow:0 20px 45px #2c5e9130;border:1px solid #fff}.pdrm-case figure figcaption{font-size:10px;color:#7b8fa8;margin-top:9px}.pdrm-case-section{padding:53px 54px;border-bottom:1px solid #e2eaf3}.pdrm-case-split{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;background:#fff}.pdrm-case-section h3{font-size:clamp(27px,3vw,40px);line-height:1.06;letter-spacing:-1.6px;color:#163557;margin:12px 0 18px}.pdrm-case-section p{font-size:14px;line-height:1.8;color:#59708b;margin:0 0 14px;max-width:650px}.pdrm-case-note{font-size:11px!important;color:#8b9cb0!important;border-left:2px solid #8dc1ff;padding-left:13px}.pdrm-case-section-head{max-width:640px;margin-bottom:28px}.pdrm-case-section-head h3{margin-bottom:12px}.pdrm-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pdrm-mode-grid figure{margin:0;padding:14px 14px 16px;border-radius:15px;background:#eaf2fc;border:1px solid #dce8f6}.pdrm-mode-grid figure:first-child{background:#101827}.pdrm-mode-grid img{display:block;width:100%;border-radius:10px;box-shadow:0 14px 28px #1a3f6525}.pdrm-mode-grid figure:first-child img{box-shadow:0 14px 28px #0006}.pdrm-mode-grid figcaption{display:flex;flex-direction:column;gap:5px;margin:13px 2px 0}.pdrm-mode-grid figcaption strong{font-size:16px;color:#173b64}.pdrm-mode-grid figure:first-child figcaption strong{color:#fff}.pdrm-mode-grid figcaption span{font-size:11px;line-height:1.5;color:#69819e}.pdrm-mode-grid figure:first-child figcaption span{color:#a6b5c7}.pdrm-guideline-section{background:#f2f7fd}.pdrm-guideline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pdrm-rule-card{min-height:210px;padding:20px;border:1px solid #d7e4f2;border-radius:12px;background:#fff;box-shadow:0 10px 24px #355f8b0b}.pdrm-rule-num{font-size:11px;color:#2e85ff;font-weight:700}.pdrm-rule-card h4{font-size:17px;color:#183a5d;margin:14px 0 9px}.pdrm-rule-card p{font-size:12px;line-height:1.65;margin:0;color:#6b8098}.pdrm-state-row{display:flex;gap:7px;margin-top:17px}.pdrm-state-row i{display:block;width:32px;height:22px;border-radius:6px;background:#2e85ff}.pdrm-state-row i.is-press{background:#0b5dcc;box-shadow:inset 0 0 0 2px #fff5}.pdrm-state-row i.is-disabled{background:#becada}.pdrm-type-sample{display:flex;gap:10px;align-items:baseline;margin-top:17px;color:#2e85ff}.pdrm-type-sample b{font-size:17px}.pdrm-type-sample span{font-size:13px;color:#8aa4c2}.pdrm-spacing-sample{height:25px;display:flex;gap:5px;align-items:end;margin-top:14px}.pdrm-spacing-sample i{display:block;width:9px;background:#73b7ff;border-radius:3px}.pdrm-spacing-sample i:nth-child(1){height:7px}.pdrm-spacing-sample i:nth-child(2){height:13px}.pdrm-spacing-sample i:nth-child(3){height:19px}.pdrm-spacing-sample i:nth-child(4){height:25px}.pdrm-component-sample{display:flex;flex-wrap:wrap;gap:5px;margin-top:17px}.pdrm-component-sample i{font-size:8px;font-style:normal;letter-spacing:.5px;border:1px solid #b9d3ee;border-radius:6px;padding:6px 7px;color:#2c6daf}.pdrm-case-close{background:#163557;color:#fff;padding-bottom:60px}.pdrm-case-close h3{color:#fff;max-width:600px}.pdrm-case-close p{color:#b8cde3;max-width:650px}.pdrm-case-footnote{font-size:10px;letter-spacing:1.2px;color:#7fb8fb;margin-top:28px;text-transform:uppercase}@media(max-width:760px){.pdrm-case-hero,.pdrm-case-section{padding:34px 22px}.pdrm-case-hero-grid,.pdrm-case-split{grid-template-columns:1fr;gap:26px}.pdrm-case-intro h2{font-size:46px}.pdrm-mode-grid{grid-template-columns:1fr;gap:14px}.pdrm-guideline-grid{grid-template-columns:1fr 1fr}.pdrm-rule-card{min-height:190px;padding:15px}.pdrm-rule-card h4{font-size:15px}.pdrm-case .dialog-head{padding:15px 20px}}@media(max-width:430px){.pdrm-guideline-grid{grid-template-columns:1fr}.pdrm-rule-card{min-height:auto}}
.pdrm-card-art{background:#172337!important;display:block!important;overflow:hidden;isolation:isolate}.pdrm-card-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:.9;transition:transform .6s,opacity .4s}.project:hover .pdrm-card-art img{transform:scale(1.035);opacity:1}.pdrm-card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#07142666,#07142600 45%,#072c5b3d);pointer-events:none}.pdrm-card-art .art-label,.pdrm-card-art .art-caption,.pdrm-card-mode{z-index:1;color:#fff}.pdrm-card-mode{position:absolute;right:24px;top:23px;font-size:10px;letter-spacing:1.4px;color:#bfe0ff}.pdrm-card-art .art-caption{color:#d1e5fb}

/* PDRM case study: a visual-first shell that follows the archive modal language. */
#case-dialog.pdrm-case{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px 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:36px;overflow:hidden;background:#fbfdff;box-shadow:0 24px 90px #152b4940}
#case-dialog.pdrm-case .dialog-head{position:absolute;top:24px;right:24px;z-index:8;padding:0;border:0;background:transparent;backdrop-filter:none}
#case-dialog.pdrm-case .dialog-head .mono{display:none}
#case-dialog.pdrm-case .dialog-head .close{width:40px;height:40px;border:1px solid #dfe8f3;background:#ffffffdb;color:#40536b;font-size:22px;line-height:1;box-shadow:0 7px 18px #26476718}
#case-dialog.pdrm-case .dialog-content{padding:0}
.pdrm-case-hero{padding:66px 6% 58px;background:linear-gradient(135deg,#f7fbff 0%,#e9f3ff 53%,#f5f9ff 100%);border-bottom:1px solid #dce7f6}
.pdrm-case-hero-grid{grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:58px;align-items:center;margin-top:28px}
.pdrm-case-intro h2{font-size:clamp(52px,5.2vw,82px);line-height:.96;letter-spacing:-4px;margin:0 0 24px;color:#132b4a}
.pdrm-case-intro h2 em{color:#2e85ff}
.pdrm-case-lead{font-size:17px;line-height:1.7;max-width:390px;margin-bottom:25px}
.pdrm-case-meta{gap:8px}.pdrm-case-meta span{padding:8px 11px;background:#ffffffb8}
.pdrm-hero-visual{padding:22px 22px 18px;border-radius:24px;background:#e1ebf6;box-shadow:inset 0 1px #fff,0 20px 50px #2c5e9120}
.pdrm-hero-visual-head{display:flex;justify-content:space-between;color:#5f7898;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;margin:0 2px 17px}
.pdrm-hero-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:end;padding:8px 16px 7px}
.pdrm-hero-phone{margin:0;padding:12px 12px 14px;border-radius:20px;box-shadow:0 17px 30px #1a3f6525;transform:rotate(-3deg);overflow:hidden}
.pdrm-hero-phone.is-dark{background:#0f1725}.pdrm-hero-phone.is-light{background:#f9fbff;transform:rotate(3deg)}
.pdrm-hero-phone img{display:block;width:100%;height:auto;border-radius:11px}.pdrm-hero-phone figcaption{font-size:11px;margin:12px 2px 0;color:#a8bdd5}.pdrm-hero-phone.is-light figcaption{color:#607995}
.pdrm-case-section{padding:62px 6%;border-bottom:1px solid #e2eaf3}
.pdrm-case-split{grid-template-columns:.72fr 1.28fr;gap:64px;background:#fff}
.pdrm-case-section h3{font-size:clamp(30px,3vw,46px);line-height:1.04;letter-spacing:-2px;margin:13px 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:740px;margin-bottom:32px}.pdrm-case-section-head h3{margin-bottom:14px}
.pdrm-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pdrm-mode-grid figure{margin:0;padding:18px 18px 19px;border-radius:21px;background:#eaf2fc;border:1px solid #dce8f6}.pdrm-mode-grid figure.is-dark{background:#101827}
.pdrm-mode-image{height:560px;display:flex;align-items:center;justify-content:center;border-radius:15px;overflow:hidden;background:#0c1018}.pdrm-mode-grid figure.is-light .pdrm-mode-image{background:#eaf0f8}.pdrm-mode-grid img{width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:0;box-shadow:none}.pdrm-mode-grid figcaption{margin:15px 2px 0}.pdrm-mode-grid figcaption strong{font-size:18px}.pdrm-mode-grid figcaption span{font-size:12px}
.pdrm-guideline-section{background:#f2f7fd}.pdrm-token-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 28px;padding:18px;border:1px solid #d7e4f2;border-radius:18px;background:#fff}.pdrm-token-strip>div{min-height:78px;padding:2px 12px 0;border-right:1px solid #e2eaf3}.pdrm-token-strip>div:last-child{border-right:0}.pdrm-token-strip span,.pdrm-token-strip small{display:block;font-size:9px;letter-spacing:1.2px;color:#7890a9}.pdrm-token-strip b{display:block;width:30px;height:20px;border-radius:6px;margin:12px 0 7px;background:#1688ff}.pdrm-token-strip>div:nth-child(2) b{background:#101827}.pdrm-token-strip>div:nth-child(3) b{background:#f5f8fd;border:1px solid #dae5f1}.pdrm-token-strip strong{display:block;font-size:20px;letter-spacing:-.4px;color:#1b4770;margin:14px 0 5px}.pdrm-guideline-grid{gap:14px}.pdrm-rule-card{min-height:220px;border-radius:16px;padding:22px}.pdrm-case-close{padding-bottom:70px}
@media(max-width:760px){#case-dialog.pdrm-case{padding:12px 3%}#case-dialog.pdrm-case .modal-panel{border-radius:25px}.pdrm-case-hero,.pdrm-case-section{padding:40px 22px}.pdrm-case-hero-grid,.pdrm-case-split{grid-template-columns:1fr;gap:34px}.pdrm-case-intro h2{font-size:54px}.pdrm-hero-visual{padding:16px 10px 15px}.pdrm-hero-phones{gap:10px;padding:4px 3px}.pdrm-hero-phone{padding:8px 8px 10px;border-radius:14px}.pdrm-mode-grid{grid-template-columns:1fr}.pdrm-mode-image{height:510px}.pdrm-token-strip{grid-template-columns:1fr 1fr}.pdrm-token-strip>div:nth-child(2){border-right:0}.pdrm-token-strip>div:nth-child(3),.pdrm-token-strip>div:nth-child(4){border-top:1px solid #e2eaf3;padding-top:13px}.pdrm-token-strip>div:nth-child(3){border-right:1px solid #e2eaf3}.pdrm-guideline-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.pdrm-mode-image{height:470px}.pdrm-guideline-grid{grid-template-columns:1fr}.pdrm-token-strip{grid-template-columns:1fr}.pdrm-token-strip>div,.pdrm-token-strip>div:nth-child(3){border-right:0;border-top:1px solid #e2eaf3;padding-top:13px}.pdrm-token-strip>div:first-child{border-top:0;padding-top:2px}}