/* Product chapters: one company, nine distinct ways to work. */
.pd-product-brainstorage { --product-color: #3f49c9; }
.pd-product-census { --product-color: #187461; }
.pd-product-minute-ceo { --product-color: #946130; }
.pd-product-war-room { --product-color: #6752a4; }
.pd-product-red-team { --product-color: #c8392d; }
.pd-product-agent-creator { --product-color: #176b92; }
.pd-product-distiller { --product-color: #263f46; }
.pd-product-shield { --product-color: #274c70; }
.pd-product-med { --product-color: #157d83; }
.pd-experience { --pd-tint: color-mix(in srgb,var(--product-color) 8%,var(--paper)); --pd-line: color-mix(in srgb,var(--product-color) 25%,var(--paper)); }
.pd-experience :is(h1,h2,h3,p,a,button,dd) { overflow-wrap: anywhere; }
.pd-switcher { display: flex; align-items: center; gap: 25px; padding: 17px 0; overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--pd-line) transparent; border-bottom: 1px solid var(--line); }
.pd-switcher a { display: flex; align-items: center; gap: 7px; min-height: 40px; flex: 1 0 auto; font-size: 10px; text-decoration: none; color: var(--muted); white-space: nowrap; }
.pd-switcher .product-mark { width: 24px; height: 27px; flex: none; }
.pd-switcher a[aria-current] { color: var(--product-color); font-weight: 600; }
.pd-switcher a:hover { color: var(--ink); }
.pd-hero { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: 42px; align-items: center; padding-top: 44px; padding-bottom: 51px; }
.pd-brand { display: flex; align-items: center; gap: 13px; }
.pd-brand > .product-mark { width: 39px; height: 43px; }
.pd-brand .product-wordmark { width: auto; height: 29px; max-width: 240px; }
.pd-state { display: flex; align-items: center; gap: 18px; color: var(--muted); font: 10px/1.5 'SFMono-Regular',Consolas,monospace; margin: 23px 0 15px; }
.pd-state > span:first-child { color: var(--product-color); }
.pd-development { display: inline-flex; align-items: center; gap: 7px; }
.pd-development::before { content: ''; width: 5px; height: 5px; background: var(--product-color); }
.pd-hero h1 { font-size: clamp(44px,5.3vw,79px); letter-spacing: -.065em; line-height: .99; max-width: 12.5ch; text-wrap: balance; }
.pd-hero h1 em { display: block; font-style: normal; color: var(--product-color); }
.pd-lead { font-size: clamp(16px,1.4vw,20px); line-height: 1.6; max-width: 42ch; margin-top: 25px; color: #4d554d; }
.pd-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; margin-top: 27px; }
.pd-primary { background: var(--product-color); border-color: var(--product-color); color: white; }
.pd-primary:hover { background: var(--ink); border-color: var(--ink); }
.pd-text-link { display: inline-flex; align-items: center; gap: 24px; min-height: 44px; font-size: 12px; text-decoration: none; border-bottom: 1px solid currentColor; }
.pd-text-link:hover { color: var(--product-color); }
.pd-visual { margin: 0; min-width: 0; position: relative; }
.pd-scene { min-width: 0; height: 470px; position: relative; isolation: isolate; display: grid; place-items: center; }
.pd-scene::before { content: ''; position: absolute; inset: 25px -10px 0; z-index: -1; background: radial-gradient(ellipse,color-mix(in srgb,var(--product-color) 15%,transparent),transparent 70%); }
.pd-visual figcaption { text-align: right; font: 9px/1.6 'SFMono-Regular',Consolas,monospace; color: var(--muted); padding-top: 17px; }
.pd-visual figcaption span { color: var(--product-color); }
.pd-art-label { font: 9px/1.5 'SFMono-Regular',Consolas,monospace; text-transform: uppercase; letter-spacing: .08em; display: block; }
.pd-art-mark { display: grid; place-items: center; }
.pd-art-mark .product-mark { width: 90px; height: 98px; }
.pd-art-row { display: flex; align-items: baseline; gap: 14px; border-top: 1px solid var(--pd-line); padding: 12px 0; }
.pd-art-row > span { font: 9px/1.5 monospace; color: var(--product-color); }
.pd-art-row p { font-size: 13px; line-height: 1.45; }
/* BrainStorage: a profile is a structured record, with context behind it. */
.pd-profile-sheet { width: 73%; max-width: 330px; height: 370px; border-radius: 17px; position: absolute; border: 1px solid color-mix(in srgb,var(--product-color) 20%,white); }
.pd-sheet-back { transform: translate(27px,-13px) rotate(10deg); background: color-mix(in srgb,var(--product-color) 20%,var(--paper)); }
.pd-sheet-mid { transform: translate(-15px,1px) rotate(-10deg); background: color-mix(in srgb,var(--product-color) 9%,var(--paper)); }
.pd-sheet-front { transform: rotate(3deg); background: #fffdf7; padding: 27px; box-shadow: 12px 21px 45px -30px #28284870; }
.pd-sheet-front .pd-art-label { color: var(--product-color); }
.pd-sheet-front .pd-art-mark { height: 132px; }
.pd-profile-traits .pd-art-row:last-child { border-bottom: 1px solid var(--pd-line); }
/* Census: individual voices, drawn from a synthetic population. */
.pd-population { position: absolute; inset: 40px 15px 70px; display: grid; grid-template-columns: repeat(7,1fr); gap: 14px; transform: rotate(-8deg); opacity: .28; }
.pd-population i { width: 16px; height: 25px; border-radius: 10px 10px 4px 4px; background: var(--product-color); place-self: center; }
.pd-voice { position: absolute; width: 68%; display: flex; align-items: center; gap: 18px; background: #f9fbf3; border: 1px solid var(--pd-line); border-radius: 4px 24px 24px 24px; padding: 22px; box-shadow: 0 14px 20px -19px #183b2e80; }
.pd-voice > span { font-size: 60px; line-height: .6; color: var(--product-color); align-self: start; padding-top: 13px; }
.pd-voice p { font-size: 19px; line-height: 1.2; letter-spacing: -.035em; }
.pd-voice small { font: 9px monospace; color: var(--product-color); margin-left: auto; }
.pd-voice-1 { top: 48px; left: 2%; transform: rotate(-7deg); }
.pd-voice-2 { top: 168px; right: 0; transform: rotate(5deg); }
.pd-voice-3 { top: 281px; left: 7%; transform: rotate(-3deg); }
.pd-visual--census .pd-art-mark { position: absolute; bottom: 1px; right: 5px; width: 93px; height: 93px; border-radius: 50%; background: var(--paper); border: 1px solid var(--pd-line); transform: rotate(8deg); }
.pd-visual--census .pd-art-mark .product-mark { width: 59px; height: 64px; }
/* Minute CEO: a message opens into a working brief. */
.pd-envelope { position: absolute; width: 85%; height: 230px; bottom: 18px; background: #e8d8bd; border: 1px solid #b49970; transform: rotate(-8deg); border-radius: 7px; overflow: hidden; }
.pd-envelope::before { content:''; position: absolute; width: 72%; aspect-ratio: 1; border: 1px solid #b49970; transform: translate(20%,-75%) rotate(45deg); background: #ecdfca; }
.pd-ceo-sheet { position: absolute; width: 76%; max-width: 345px; top: 35px; padding: 25px; background: #fffcf2; transform: rotate(4deg); border: 1px solid #dacdb6; box-shadow: 0 18px 30px -20px #7c542f70; }
.pd-ceo-sheet .pd-art-label { color: var(--product-color); }
.pd-ceo-sheet .pd-art-mark { margin: 15px 0 20px; }
.pd-ceo-sheet .pd-art-row { padding: 13px 0; }
/* War Room: a question at the centre of different perspectives. */
.pd-orbit { position: absolute; width: 83%; aspect-ratio: 1; border: 1px solid var(--pd-line); border-radius: 50%; transform: rotateX(27deg); }
.pd-orbit-inner { width: 58%; border-style: dashed; }
.pd-visual--war-room .pd-art-mark { position: absolute; width: 135px; height: 135px; border-radius: 50%; background: #fcfaff; border: 1px solid var(--pd-line); box-shadow: 0 10px 40px -20px var(--product-color); }
.pd-perspective { position: absolute; max-width: 45%; padding: 19px 21px; background: #fcfaff; border: 1px solid var(--pd-line); font-size: 14px; line-height: 1.35; border-radius: 45px; text-align: center; }
.pd-perspective-1 { top: 45px; left: 5%; transform: rotate(-7deg); }
.pd-perspective-2 { top: 138px; right: -3%; transform: rotate(5deg); }
.pd-perspective-3 { bottom: 60px; left: 9%; transform: rotate(4deg); }
.pd-orbit-label { position: absolute; font: 10px monospace; color: var(--product-color); bottom: 28px; right: 15px; }
/* Red Team: a deliberate interruption of the comfortable answer. */
.pd-visual--red-team .pd-scene { overflow: clip; }
.pd-challenge-sign { position: absolute; font-size: 430px; font-weight: 500; line-height: 1; color: color-mix(in srgb,var(--product-color) 18%,var(--paper)); top: -6px; right: 5px; transform: rotate(13deg); }
.pd-challenge-sheet { width: 78%; max-width: 345px; position: absolute; top: 95px; padding: 24px; background: #fff9ef; border-left: 6px solid var(--product-color); transform: rotate(-6deg); box-shadow: 12px 18px 40px -27px #76231f90; }
.pd-challenge-sheet .pd-art-mark { display: block; margin: 20px 0; }
.pd-challenge-sheet .pd-art-mark .product-mark { width: 65px; height: 71px; }
.pd-challenge-sheet .pd-art-row { border-color: #deb7ad; }
/* Agent Creator: a role assembled from explicit modules. */
.pd-role-core { position: absolute; left: 2%; top: 115px; width: 43%; height: 245px; display: grid; align-content: center; gap: 22px; justify-items: center; border: 1px solid var(--pd-line); border-radius: 25px; background: #f8fcfb; transform: rotate(-6deg); box-shadow: 0 15px 35px -24px #10567c70; }
.pd-role-core .pd-art-label { max-width: 90%; text-align: center; }
.pd-role-modules { position: absolute; width: 50%; right: 0; top: 62px; display: grid; gap: 18px; transform: rotate(3deg); }
.pd-role-module { position: relative; display: flex; gap: 13px; align-items: center; padding: 23px 18px; min-height: 95px; border: 1px solid var(--pd-line); border-radius: 14px; background: #eef6f7; }
.pd-role-module::before { content:''; position: absolute; left: -35px; top: 50%; width: 35px; height: 1px; background: var(--pd-line); z-index: -1; }
.pd-role-module > span { color: var(--product-color); font-size: 24px; }
.pd-role-module p { font-size: 13px; line-height: 1.4; }
/* Distiller: a brief becomes a traceable development sequence. */
.pd-terminal { width: 100%; border-radius: 14px; background: #182c30; color: #eef7ed; box-shadow: 18px 22px 0 -7px #d0dcce; transform: rotate(-3deg); overflow: hidden; }
.pd-terminal-top { display: flex; justify-content: space-between; gap: 15px; padding: 18px 22px; border-bottom: 1px solid #4b605f; font: 10px monospace; color: #c3d3c9; }
.pd-terminal-lights { letter-spacing: 2px; color: #91ad98; font-size: 9px; }
.pd-terminal-body { padding: 26px 22px 21px; }
.pd-terminal .pd-art-mark { justify-content: start; margin-bottom: 23px; }
.pd-terminal .pd-art-mark .product-mark { width: 64px; height: 69px; padding: 10px; background: #edf1e6; border-radius: 14px; }
.pd-terminal .pd-art-label { color: #a5c4b0; margin-bottom: 18px; }
.pd-code-line { display: flex; gap: 17px; padding: 10px 0; font: 12px/1.6 'SFMono-Regular',Consolas,monospace; }
.pd-code-line > span { color: #839b93; }
.pd-code-line b { color: #b5db83; font-weight: 400; }
.pd-terminal-cursor { color: #b5db83; display: block; margin: 12px 0 0 32px; }
/* Shield: intent assessed around a protected core. */
.pd-visual--shield .pd-scene { background: #172e43; border-radius: 42% 42% 7px 7px; overflow: hidden; }
.pd-shield-rings { position: absolute; width: 100%; aspect-ratio: 1; display: grid; place-items: center; }
.pd-shield-rings i { position: absolute; border: 1px solid #486176; border-radius: 50%; width: 96%; aspect-ratio: 1; }
.pd-shield-rings i:nth-child(2) { width: 70%; }
.pd-shield-rings i:nth-child(3) { width: 45%; }
.pd-visual--shield .pd-art-mark { width: 128px; height: 143px; border-radius: 45px 45px 65px 65px; background: #f3f5ed; box-shadow: 0 0 80px #7999bd50; z-index: 1; }
.pd-shield-lane { position: absolute; color: #e1ebf0; border: 1px solid #526f86; background: #1f3d52; padding: 12px 17px; font: 11px/1.5 monospace; max-width: 64%; }
.pd-shield-lane-1 { left: 18%; top: 72px; transform: rotate(-5deg); }
.pd-shield-lane-2 { right: 16px; top: 145px; transform: rotate(5deg); }
.pd-shield-lane-3 { right: 22px; bottom: 75px; transform: rotate(-3deg); }
.pd-shield-label { color: #b8c9d5; position: absolute; bottom: 20px; left: 25px; font: 9px/1.5 monospace; text-transform: uppercase; letter-spacing: .1em; }
/* Med: a paperless administrative path through the practice. */
.pd-med-calendar { position: absolute; right: 1%; top: 20px; width: 75%; height: 310px; padding: 65px 24px 20px; display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; background: #d9eae1; border: 1px solid #a7c9ba; border-radius: 13px; transform: rotate(9deg); }
.pd-med-calendar::before { content:''; position: absolute; top: 34px; left: 24px; width: 40%; border-top: 5px solid #86b4a7; }
.pd-med-calendar i { border: 1px solid #b2ccc2; border-radius: 4px; }
.pd-med-calendar i:nth-child(4n) { background: #a1c5b5; }
.pd-med-document { position: absolute; left: 4%; top: 87px; width: 77%; padding: 26px; background: #fbfdf4; border: 1px solid #c4d4c8; border-radius: 7px; transform: rotate(-5deg); box-shadow: 15px 20px 40px -28px #19645180; }
.pd-med-document .pd-art-mark { justify-content: start; margin: 20px 0; }
.pd-med-document .pd-art-mark .product-mark { width: 66px; height: 72px; }
.pd-signature { width: 63px; height: 15px; border-bottom: 2px solid var(--product-color); border-radius: 50%; transform: rotate(-10deg); margin: 15px 0 0 auto; }
/* The reading experience is editorial, with open rows instead of a tile grid. */
.pd-fit { display: grid; grid-template-columns: 180px minmax(0,1fr) 28px; gap: 25px; align-items: center; padding: 25px 0; border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); }
.pd-fit .eyebrow { color: var(--product-color); font-size: 10px; }
.pd-fit p { font-size: clamp(17px,1.7vw,24px); line-height: 1.4; letter-spacing: -.025em; }
.pd-fit > span:last-child { font-size: 30px; color: var(--product-color); }
.pd-why { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding-top: 76px; padding-bottom: 80px; }
.pd-why .eyebrow { color: var(--product-color); margin-bottom: 24px; }
.pd-why h2 { font-size: clamp(35px,4.1vw,61px); max-width: 16ch; letter-spacing: -.05em; text-wrap: balance; }
.pd-reasons { padding-top: 2px; }
.pd-reasons article { position: relative; padding: 0 0 25px 35px; }
.pd-reasons article + article { border-top: 1px solid var(--line); padding-top: 25px; }
.pd-reasons article > span { position: absolute; left: 0; color: var(--product-color); font-size: 22px; line-height: 1; }
.pd-reasons h3 { font-size: 23px; line-height: 1.15; margin-bottom: 12px; }
.pd-reasons p { font-size: 15px; color: var(--muted); line-height: 1.7; max-width: 49ch; }
.pd-workflow { background: color-mix(in srgb,var(--product-color) 36%,#142025); color: #f2f4ed; padding: 55px 0 62px; }
.pd-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 35px; }
.pd-workflow .pd-section-heading { align-items: start; flex-direction: column; gap: 21px; }
.pd-workflow .eyebrow { color: #c6d6d0; }
.pd-section-heading h2 { font-size: clamp(33px,3.8vw,56px); letter-spacing: -.045em; }
.pd-steps { list-style: none; padding: 0; margin: 44px 0 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 44px; }
.pd-steps li { border-top: 1px solid #ffffff45; padding-top: 20px; }
.pd-step-number { display: block; color: #ffffff66; font-size: 61px; line-height: 1; font-weight: 400; letter-spacing: -.06em; margin-bottom: 32px; }
.pd-steps h3 { font-size: clamp(23px,2.2vw,32px); margin-bottom: 15px; line-height: 1.15; }
.pd-steps p { color: #d1dcd7; font-size: 14px; line-height: 1.7; }
.pd-example { padding-top: 70px; padding-bottom: 55px; }
.pd-example > .pd-section-heading { margin-bottom: 32px; color: var(--product-color); }
.pd-example-columns { display: grid; grid-template-columns: .85fr 1.15fr; gap: 65px; }
.pd-small-label { font: 10px/1.5 'SFMono-Regular',Consolas,monospace; color: var(--muted); margin-bottom: 22px; text-transform: uppercase; letter-spacing: .04em; }
.pd-example-input blockquote { margin: 0; font-size: clamp(25px,2.8vw,41px); line-height: 1.2; letter-spacing: -.04em; max-width: 21ch; }
.pd-example-output { position: relative; background: var(--pd-tint); padding: 28px 30px 26px; border-left: 2px solid var(--product-color); }
.pd-example-arrow { position: absolute; left: -42px; top: 20px; font-size: 29px; color: var(--product-color); }
.pd-example-output h2 { font-size: clamp(21px,2.1vw,30px); line-height: 1.27; letter-spacing: -.035em; }
.pd-example-output ul { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 0; list-style: none; margin-top: 25px; }
.pd-example-output li { font-size: 10px; color: var(--product-color); border-top: 1px solid var(--pd-line); padding-top: 9px; }
.pd-example-note { font-size: 11px; color: var(--muted); margin-top: 25px; }
.pd-scope { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; padding-top: 35px; padding-bottom: 68px; }
.pd-scope > div { padding-top: 23px; border-top: 1px solid var(--line); }
.pd-scope .eyebrow { color: var(--product-color); margin-bottom: 20px; }
.pd-scope h2 { font-size: clamp(30px,3.2vw,46px); max-width: 20ch; }
.pd-scope-description { font-size: 14px; color: var(--muted); line-height: 1.7; margin-top: 21px; }
.pd-scope dl { margin: 0; }
.pd-scope dl > div { display: grid; grid-template-columns: 100px 1fr; gap: 22px; border-top: 1px solid var(--line); padding: 22px 0; }
.pd-scope dt { color: var(--product-color); font-size: 11px; }
.pd-scope dd { margin: 0; font-size: 13px; line-height: 1.7; color: #4d554d; }
.pd-related { padding-top: 43px; padding-bottom: 65px; background: #ebede5; }
.pd-related .eyebrow { margin-bottom: 19px; color: var(--muted); }
.pd-related-intro { color: var(--muted); font-size: 14px; margin: 20px 0 32px; }
.pd-related-item { display: grid; grid-template-columns: 58px 1fr 30px; align-items: center; gap: 27px; text-decoration: none; padding: 24px 0; border-top: 1px solid #c8cec2; }
.pd-related-item .product-mark { width: 50px; height: 55px; }
.pd-related-item h3 { font-size: 26px; margin-bottom: 8px; }
.pd-related-item p { color: var(--muted); font-size: 13px; max-width: 65ch; line-height: 1.6; }
.pd-related-item > span { font-size: 28px; color: var(--product-color); }
.pd-related-item:hover h3 { color: var(--product-color); }
@media(min-width:1450px) { .pd-hero { gap: 70px; } .pd-scene { height: 500px; } }
@media(max-width:1050px) {
 .pd-hero { gap: 30px; } .pd-hero h1 { font-size: clamp(43px,5.3vw,65px); } .pd-scene { height: 435px; }
 .pd-why,.pd-scope { gap: 40px; } .pd-steps { gap: 28px; } .pd-brand .product-wordmark { height: 25px; }
 .pd-role-module { padding: 21px 12px; } .pd-perspective { padding: 16px; font-size: 12px; } .pd-voice p { font-size: 16px; }
 .pd-sheet-front { padding: 23px; } .pd-art-row p { font-size: 12px; } .pd-ceo-sheet,.pd-med-document { padding: 21px; }
}
@media(max-width:760px) {
 .pd-switcher { padding: 9px 0; gap: 0; overflow: visible; } .pd-switcher a { min-height: 42px; flex: 1 1 0; justify-content: center; position: relative; }
 .pd-switcher a > span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
 .pd-switcher a[aria-current]::after { content: ''; position: absolute; bottom: 0; left: 6px; right: 6px; height: 2px; background: var(--product-color); }
 .pd-hero { grid-template-columns: 1fr; padding-top: 28px; padding-bottom: 28px; gap: 27px; }
 .pd-brand .product-wordmark { height: 25px; } .pd-brand > .product-mark { width: 33px; height: 36px; }
 .pd-state { margin: 20px 0 14px; } .pd-hero h1 { font-size: clamp(45px,8.4vw,64px); max-width: 15ch; }
 .pd-lead { font-size: 17px; max-width: 49ch; margin-top: 21px; } .pd-actions { margin-top: 22px; gap: 10px 21px; }
 .pd-visual { max-width: 440px; width: 100%; margin: 0 auto; } .pd-scene { height: 440px; }
 .pd-visual figcaption { padding-top: 9px; } .pd-visual--shield .pd-scene { height: 440px; }
 .pd-shield-lane-1 { top: 45px; } .pd-shield-lane-2 { top: 108px; right: 24px; } .pd-shield-lane-3 { bottom: 55px; }
 .pd-visual--shield .pd-art-mark { width: 115px; height: 125px; }
 .pd-fit { grid-template-columns: 1fr 24px; gap: 12px; padding: 22px 0; } .pd-fit .eyebrow { grid-column: 1/-1; } .pd-fit p { font-size: 21px; }
 .pd-why { grid-template-columns: 1fr; gap: 33px; padding-top: 43px; padding-bottom: 40px; } .pd-why h2 { max-width: 20ch; font-size: 39px; }
 .pd-why .eyebrow { margin-bottom: 18px; } .pd-reasons article { padding-left: 30px; } .pd-reasons p { font-size: 15px; max-width: 60ch; }
 .pd-workflow { padding: 38px 0 43px; } .pd-section-heading h2 { font-size: 37px; } .pd-steps { grid-template-columns: 1fr; margin-top: 30px; gap: 24px; }
 .pd-steps li { display: grid; grid-template-columns: 50px 1fr; gap: 0 24px; } .pd-step-number { grid-row: 1/3; font-size: 47px; margin: 0; }
 .pd-steps h3 { font-size: 27px; margin-bottom: 11px; } .pd-steps p { grid-column: 2; font-size: 14px; }
 .pd-example { padding-top: 42px; padding-bottom: 36px; } .pd-example-columns { grid-template-columns: 1fr; gap: 38px; }
 .pd-example-input blockquote { font-size: 33px; max-width: 28ch; } .pd-small-label { margin-bottom: 16px; }
 .pd-example-output { padding: 25px; } .pd-example-output h2 { font-size: 27px; } .pd-example-arrow { top: -34px; left: 10px; font-size: 25px; }
 .pd-scope { grid-template-columns: 1fr; gap: 32px; padding-top: 12px; padding-bottom: 45px; } .pd-scope h2 { font-size: 36px; }
 .pd-scope dl > div { grid-template-columns: 90px 1fr; gap: 20px; padding: 20px 0; } .pd-scope dd { font-size: 14px; }
 .pd-related { padding-top: 34px; padding-bottom: 40px; } .pd-related .pd-section-heading { align-items: start; flex-direction: column; gap: 18px; }
 .pd-related-item { grid-template-columns: 44px 1fr 22px; gap: 18px; } .pd-related-item .product-mark { width: 40px; height: 44px; } .pd-related-item h3 { font-size: 24px; }
}
@media(max-width:380px) {
 .pd-hero h1 { font-size: 43px; } .pd-scene,.pd-visual--shield .pd-scene { height: 425px; }
 .pd-art-row { padding: 10px 0; gap: 10px; } .pd-art-row p { font-size: 11px; }
 .pd-sheet-front,.pd-ceo-sheet,.pd-med-document { padding: 20px; } .pd-profile-sheet { height: 360px; }
 .pd-voice { padding: 20px 15px; gap: 12px; width: 76%; } .pd-voice p { font-size: 15px; }
 .pd-role-module { gap: 8px; padding: 18px 10px; } .pd-role-module p { font-size: 11px; }
 .pd-shield-lane { font-size: 10px; } .pd-challenge-sheet { width: 85%; padding: 20px; }
 .pd-scope dl > div { grid-template-columns: 1fr; gap: 10px; }
}