.patternpaste-designed-profiles { --pp-profiles-blue:#1537ff; --pp-profiles-paper:#f4efdf; --pp-profiles-ink:#101010; --pp-profiles-coral:#ff5a45; overflow:hidden; }
.patternpaste-designed-profiles[data-treatment="designed"] { --pp-ground:var(--pp-profiles-blue); --pp-ink:var(--pp-profiles-paper); --pp-label:var(--pp-profiles-paper); --pp-rule:rgba(244,239,223,.55); font-family:Arial,Helvetica,sans-serif; }
.patternpaste-designed-profiles .patternpaste-designed-layout { max-width:var(--wp--style--global--wide-size,1420px); }
.patternpaste-profiles-intro { display:grid; grid-template-columns:minmax(150px,.55fr) minmax(0,2.1fr) minmax(220px,.75fr); gap:clamp(20px,4cqi,64px); align-items:end; padding-bottom:clamp(34px,5cqi,70px); border-bottom:2px solid currentColor; }
.patternpaste-profiles-eyebrow,.patternpaste-profiles-role,.patternpaste-profiles-credit { font-size:11px!important; line-height:1.4!important; letter-spacing:.13em; text-transform:uppercase; }
.patternpaste-designed-profiles[data-treatment="designed"] :is(.patternpaste-profiles-eyebrow,.patternpaste-profiles-role,.patternpaste-profiles-credit) { font-weight:800; }
.patternpaste-profiles-title { line-height:.88!important; letter-spacing:-.065em; }
.patternpaste-profiles-title:not([style*="font-size"]):not([class*="-font-size"]) { font-size:clamp(48px,7.1cqi,106px)!important; }
.patternpaste-designed-profiles[data-treatment="designed"] .patternpaste-profiles-title { font-family:Arial,Helvetica,sans-serif; font-weight:800; }
.patternpaste-profiles-lede { max-width:33ch; padding-bottom:6px; font-size:15px!important; line-height:1.5!important; }
.patternpaste-profiles-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:clamp(10px,1.2cqi,18px); margin-top:18px!important; }
.patternpaste-profiles-person { position:relative; display:flex; width:100%; max-width:380px; min-width:0; flex:1 1 260px; flex-direction:column; background:var(--pp-profiles-paper); color:var(--pp-profiles-ink); border:2px solid var(--pp-profiles-ink); box-shadow:7px 7px 0 var(--pp-profiles-ink); overflow:hidden; }
.patternpaste-profiles-person :is(h3,p,a,summary),.patternpaste-profiles-dialog :is(h2,h3,p,a,summary,button) { color:inherit; }
.patternpaste-profiles-portrait,.patternpaste-profiles-portrait img { width:100%; }
.patternpaste-profiles-portrait { overflow:hidden; background:#c8c2b4; }
.patternpaste-profiles-portrait img { display:block; aspect-ratio:3/4; object-fit:cover; object-position:center top; filter:grayscale(1) contrast(1.08); }
.patternpaste-profiles-card-copy { flex:1; width:100%; padding:20px 20px 24px; }
.patternpaste-profiles-name { font-size:clamp(26px,2.4cqi,38px)!important; line-height:.95!important; letter-spacing:-.045em; }
.patternpaste-designed-profiles[data-treatment="designed"] .patternpaste-profiles-name { font-weight:800; }
.patternpaste-profiles-role { margin-top:9px!important; opacity:.72; }
.patternpaste-profiles-story { margin-top:22px!important; border-top:1px solid currentColor; padding-top:14px; }
.patternpaste-profiles-story summary { cursor:pointer; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.patternpaste-designed-profiles[data-treatment="designed"] .patternpaste-profiles-story summary { font-weight:700; }
.patternpaste-profiles-bio { margin-top:16px!important; font-size:15px!important; line-height:1.55!important; }
.patternpaste-profiles-socials { margin-top:18px!important; font-size:12px!important; }
.patternpaste-profiles-socials a { display:inline-block; border:1px solid currentColor; padding:9px 12px; color:inherit; text-decoration:none; }
.patternpaste-profiles-credit { margin-top:26px!important; }
.patternpaste-profiles-open { display:none; }
.patternpaste-designed-profiles.is-profiles-ready .patternpaste-profiles-person { padding-bottom:50px; }
.patternpaste-designed-profiles.is-profiles-ready .patternpaste-profiles-person > .patternpaste-profiles-open { display:block; position:absolute; z-index:2; inset:auto 14px 14px; width:calc(100% - 28px); border:0; padding:11px 14px; background:var(--pp-profiles-coral); color:#101010; font:inherit; font-size:12px; letter-spacing:.05em; text-transform:uppercase; cursor:pointer; }
.patternpaste-designed-profiles[data-treatment="designed"].is-profiles-ready .patternpaste-profiles-person > .patternpaste-profiles-open { font-family:Arial,Helvetica,sans-serif; font-weight:700; }
.patternpaste-designed-profiles.is-profiles-ready .patternpaste-profiles-person > .patternpaste-profiles-story,.patternpaste-designed-profiles.is-profiles-ready .patternpaste-profiles-card-copy > .patternpaste-profiles-story { display:none; }
.patternpaste-profiles-dialog { width:min(920px,calc(100% - 28px)); max-height:calc(100dvh - 28px); padding:0; border:2px solid var(--pp-profiles-ink); color:var(--pp-profiles-ink); background:var(--pp-profiles-paper); box-shadow:12px 12px 0 var(--pp-profiles-coral); }
.patternpaste-profiles-dialog::backdrop { background:rgba(8,13,41,.78); backdrop-filter:blur(5px); }
.patternpaste-profiles-dialog-shell { position:relative; display:flex; flex-direction:column; padding:clamp(22px,5vw,58px); }
.patternpaste-profiles-close { position:sticky; z-index:3; top:0; align-self:flex-end; margin-bottom:16px; border:2px solid currentColor; padding:9px 12px; color:inherit; background:var(--pp-profiles-paper); font:inherit; font-size:12px; line-height:1; text-transform:uppercase; cursor:pointer; }
.patternpaste-designed-profiles[data-treatment="designed"] .patternpaste-profiles-close { font-family:Arial,Helvetica,sans-serif; font-weight:700; }
.patternpaste-profiles-dialog-body { display:grid; width:100%; grid-template-columns:minmax(220px,.8fr) minmax(280px,1fr); gap:10px clamp(28px,5vw,70px); align-items:start; }
.patternpaste-profiles-dialog-body :is(.patternpaste-profiles-name,.patternpaste-profiles-role,.patternpaste-profiles-story,.patternpaste-profiles-bio,.patternpaste-profiles-socials,.patternpaste-profiles-socials a) { color:inherit!important; }
.patternpaste-profiles-dialog-body .patternpaste-profiles-portrait { grid-row:1/5; }
.patternpaste-profiles-dialog-body .patternpaste-profiles-portrait img { filter:none; }
.patternpaste-profiles-dialog-body .patternpaste-profiles-name { align-self:end; margin:50px 0 0; font-size:clamp(42px,7vw,82px)!important; line-height:.88!important; letter-spacing:-.06em; }
.patternpaste-profiles-dialog-body .patternpaste-profiles-role { margin-top:4px!important; }
.patternpaste-profiles-dialog-body .patternpaste-profiles-story { display:block!important; margin-top:24px!important; }
.patternpaste-profiles-dialog-body .patternpaste-profiles-story > summary { display:none; }
.patternpaste-designed-profiles[data-treatment="inherit"] .patternpaste-profiles-person { background:var(--pp-plate); color:var(--pp-plate-ink); border-color:var(--pp-plate-ink); box-shadow:7px 7px 0 color-mix(in srgb,var(--pp-plate-ink) 75%,transparent); }
.patternpaste-designed-profiles[data-treatment="inherit"] .patternpaste-profiles-dialog { background:var(--pp-plate); color:var(--pp-plate-ink); border-color:var(--pp-plate-ink); box-shadow:12px 12px 0 var(--pp-primary); }
.patternpaste-designed-profiles[data-treatment="inherit"] .patternpaste-profiles-role { color:var(--pp-plate-ink)!important; opacity:1; }
.patternpaste-designed-profiles[data-treatment="inherit"] .patternpaste-profiles-close { background:var(--pp-plate); }
.patternpaste-designed-profiles[data-treatment="inherit"] .patternpaste-profiles-person > .patternpaste-profiles-open { background:var(--pp-primary); color:var(--pp-primary-ink); font-family:inherit; }
@media (prefers-reduced-motion:reduce) { .patternpaste-profiles-dialog::backdrop { backdrop-filter:none; } }
@container (max-width:800px) { .patternpaste-profiles-intro { grid-template-columns:1fr 2fr; } .patternpaste-profiles-lede { grid-column:2; } }
@container (max-width:600px) { .patternpaste-profiles-intro { grid-template-columns:1fr; } .patternpaste-profiles-lede { grid-column:auto; } .patternpaste-profiles-grid { display:grid; grid-template-columns:1fr; } .patternpaste-profiles-person { max-width:380px; justify-self:center; } .patternpaste-profiles-dialog-body { grid-template-columns:1fr; } .patternpaste-profiles-dialog-body .patternpaste-profiles-portrait { grid-row:auto; max-height:42vh; } .patternpaste-profiles-dialog-body .patternpaste-profiles-name { margin-top:18px; } }