/*
 * The public portfolio, in the member's brand. Ported from handoff/portfolio-v2/design/portfolio/
 * Public Portfolio.html (frame container queries → page media queries). Three themes share one
 * layout; the body carries the theme class and, inline, the member's accent already fixed for
 * contrast (--acc-main for the theme's normal background, --acc-alt for its alternate).
 */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0}
.pf{--acc:var(--acc-main);--on-acc:var(--on-acc-main);min-height:100vh;background:var(--pc-bg);color:var(--pc-text);font-family:var(--pc-body-font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.pf a{color:var(--acc)}
.pf :focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.pf img{max-width:100%}
.pf button{font-family:inherit}

/* ---- themes ---- */
.t-clean{--pc-bg:#FFFFFF;--pc-text:#1F2933;--pc-muted:#5F6B76;--pc-rule:#E4E7EB;--pc-card:#FFFFFF;--pc-surface:#F3F5F7;--pc-heading-font:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--pc-body-font:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--r:8px;--bw:1px;--h1:30px;--h1d:42px;--ct:18px}
.t-editorial{--pc-bg:#FBFAF7;--pc-text:#1E1E1C;--pc-muted:#625F58;--pc-rule:#DCD8CE;--pc-card:#FBFAF7;--pc-surface:#F0EDE6;--pc-heading-font:'Source Serif 4',Georgia,serif;--pc-body-font:'Source Sans 3',system-ui,sans-serif;--r:0px;--bw:1px;--h1:38px;--h1d:64px;--ct:22px}
.t-bold{--pc-bg:#0E0F12;--pc-text:#F4F4F5;--pc-muted:#A6A6AE;--pc-rule:#F4F4F5;--pc-card:#16171B;--pc-surface:#1E2026;--pc-heading-font:'Archivo',system-ui,sans-serif;--pc-body-font:'Archivo',system-ui,sans-serif;--r:0px;--bw:2px;--h1:40px;--h1d:76px;--ct:19px}
.t-bold.light{--pc-bg:#FFFFFF;--pc-text:#0E0F12;--pc-muted:#52525B;--pc-rule:#0E0F12;--pc-card:#FFFFFF;--pc-surface:#F1F1F3;--acc:var(--acc-alt);--on-acc:var(--on-acc-alt)}
@media (prefers-color-scheme:dark){
	.t-clean:not(.light){--pc-bg:#121518;--pc-text:#E9ECEF;--pc-muted:#A3ADB6;--pc-rule:#2A3138;--pc-card:#181C20;--pc-surface:#1F2429;--acc:var(--acc-alt);--on-acc:var(--on-acc-alt)}
	.t-editorial:not(.light){--pc-bg:#171614;--pc-text:#EDEAE3;--pc-muted:#ABA69B;--pc-rule:#36332E;--pc-card:#171614;--pc-surface:#221F1C;--acc:var(--acc-alt);--on-acc:var(--on-acc-alt)}
}

/* ---- shell ---- */
.pf-w{max-width:1160px;margin:0 auto;padding:0 16px}
@media (min-width:700px){.pf-w{padding:0 48px}}
.pf-hd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--pc-rule)}
.t-bold .pf-hd{border-bottom-width:2px}
.lg{min-width:0;display:flex;align-items:center;gap:10px;color:var(--pc-text)!important;text-decoration:none;font-family:var(--pc-heading-font);font-weight:700;font-size:17px;letter-spacing:-.01em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lg i{width:34px;height:34px;flex:none;background:var(--pc-accent);color:#fff;display:grid;place-items:center;font:700 13px/1 var(--pc-heading-font);font-style:normal;border-radius:calc(var(--r) * .75)}
.lg .lgi{height:36px;width:auto;max-width:200px;object-fit:contain;display:block}
.t-bold .lg{text-transform:uppercase;font-weight:900;letter-spacing:.02em}
.pf-nav{display:flex;gap:22px;font-size:15px;font-weight:600;flex:none}
.pf-nav a{color:var(--pc-text);text-decoration:none}.pf-nav a:hover{color:var(--acc)}
.pf-nav .w{display:none}
@media (min-width:700px){.pf-nav .w{display:inline}}
@media (max-width:699px){.pf-nav .gt{display:none}} /* the portfolio home's intro has the same button */
.pf-in{padding-top:32px;padding-bottom:28px}
@media (min-width:700px){.pf-in{padding-top:64px;padding-bottom:48px}}
.pf-in h1{font-family:var(--pc-heading-font);font-size:var(--h1);line-height:1.08;letter-spacing:-.02em;margin:0 0 10px;font-weight:700;text-wrap:balance}
@media (min-width:700px){.pf-in h1{font-size:var(--h1d)}}
.t-editorial .pf-in h1{font-weight:600;letter-spacing:-.025em}
.t-bold .pf-in h1{font-weight:900;text-transform:uppercase;color:var(--acc);letter-spacing:-.01em;line-height:.98}
.pf-in .ln{font-size:17px;color:var(--pc-muted);margin:0 0 18px}
.t-editorial .pf-in .ln{font-family:var(--pc-heading-font);font-style:italic;font-size:21px}
.pf-in .ab{max-width:660px;margin:0 0 16px;font-size:16px;line-height:1.65}
.pf-in .ab:last-of-type{margin-bottom:24px}
.t-editorial .pf-in .ab{font-size:18.5px;line-height:1.7;max-width:700px}
@media (min-width:700px){.t-clean .pf-in .ab{font-size:17px}}
/* The Copywriter Code mark: a small labelled link under the name (words, so it can be read). */
.cm{display:inline-flex;align-items:center;gap:.35em;margin:2px 0 14px;padding:0;border:0;font:600 13.5px/1.3 var(--pc-body-font);color:var(--pc-text)!important;text-decoration:none;letter-spacing:0;text-transform:none}
.cm[hidden]{display:none}
.cm svg{width:14px;height:14px;flex:none;fill:none;stroke:var(--acc);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cm:hover{text-decoration:underline;text-underline-offset:3px}
.sh-in .cm{margin:8px 0 0}
.acts{display:flex;flex-wrap:wrap;gap:10px}
.pbtn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font:700 15px/1.2 var(--pc-body-font);text-decoration:none;border-radius:var(--r);border:var(--bw) solid var(--acc);background:var(--acc);color:var(--on-acc)!important;cursor:pointer}
.pbtn:hover{filter:brightness(1.08)}
.pbtn.sec{background:transparent;color:var(--pc-text)!important;border-color:var(--pc-text)}
.pbtn.sec:hover{background:var(--pc-text);color:var(--pc-bg)!important;filter:none}
.t-bold .pbtn{text-transform:uppercase;letter-spacing:.04em;font-weight:800;font-size:14px}
@media (max-width:420px){.acts .pbtn{flex:1 1 auto}}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px}
.sec-h h2{margin:0;font-family:var(--pc-heading-font);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pc-muted)}
.t-editorial .sec-h{border-top:1px solid var(--pc-text);padding-top:12px}
.t-editorial .sec-h h2{font-size:24px;letter-spacing:-.01em;text-transform:none;color:var(--pc-text);font-weight:600}
.t-bold .sec-h h2{font-size:15px;font-weight:900;color:var(--pc-text);letter-spacing:.1em}
.sec-h span,.sec-h a{font-size:13.5px;color:var(--pc-muted)}
.sec-h a{font-weight:700;color:var(--acc)}
.blk{padding-bottom:40px}
@media (min-width:700px){.blk{padding-bottom:64px}}
.none{color:var(--pc-muted);margin:0}
.lnk{background:none;border:0;padding:0;color:var(--acc);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}
.g-pin,.g-all{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:700px){.g-pin{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.t-clean .g-all,.t-house .g-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.t-bold .g-all{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.t-editorial .g-all{gap:0}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.chip{font:600 13.5px/1.2 var(--pc-body-font);padding:7px 13px;border-radius:999px;border:1.5px solid var(--pc-rule);background:transparent;color:var(--pc-text);cursor:pointer}
.t-editorial .chip,.t-bold .chip{border-radius:0}
.t-bold .chip{border-width:2px;border-color:var(--pc-text);text-transform:uppercase;font-size:12.5px;letter-spacing:.05em;font-weight:700}
.chip:hover{border-color:var(--acc);color:var(--acc)}
.chip.on{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}
.cd[hidden]{display:none!important}

/* ---- cards ---- */
.cd{position:relative;display:flex;flex-direction:column;background:var(--pc-card);border:var(--bw) solid var(--pc-rule);border-radius:var(--r);overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
.t-clean .cd:hover{border-color:var(--acc);transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,25,35,.08)}
.t-bold .cd{border-color:var(--pc-text)}
.t-bold .cd:hover{box-shadow:6px 6px 0 var(--acc);transform:translate(-3px,-3px)}
.t-editorial .cd{border:0;background:transparent}
.t-editorial .cd:hover h3 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.cd{transition:none}.t-clean .cd:hover,.t-bold .cd:hover{transform:none}}
.cd:focus-within{outline:3px solid var(--acc);outline-offset:3px}
.cd :focus-visible{outline:none}
.cd-m{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--pc-surface)}
.t-bold .cd-m{border-bottom:2px solid var(--pc-text)}
.cd-m .cov{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* A portrait picture: whole, over a blurred copy of itself (PCW_PF_Render::cover) */
.cd-m .cov.tall{object-fit:contain}
.cd-m .cov.small{object-fit:scale-down} /* too small to fill the card: its own size, never blown up soft */
.cd-m .cov-bg{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(20px) saturate(1.1);opacity:.55}
.cd-b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.t-editorial .cd-b{padding:14px 0 0}
.kd{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-muted)}
.cd h3{margin:0;font-family:var(--pc-heading-font);font-size:var(--ct);line-height:1.28;font-weight:700;letter-spacing:-.01em;text-wrap:pretty}
.t-editorial .cd h3{font-weight:600}
.t-bold .cd h3{font-weight:800}
.cd h3 a{color:var(--pc-text);text-decoration:none}
.cd h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.cd .sm{margin:0;font-size:14.5px;line-height:1.5;color:var(--pc-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
.tg{font-size:12px;font-weight:600;line-height:1.2;padding:4px 9px;border-radius:999px;background:var(--pc-surface);color:var(--pc-text)}
.t-editorial .tg,.t-bold .tg{border-radius:0}
.t-bold .tg{background:transparent;border:1.5px solid var(--pc-text);text-transform:uppercase;font-size:11px;letter-spacing:.05em}
.pinb{position:absolute;z-index:2;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;background:var(--pc-bg);color:var(--pc-text);font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.t-bold .pinb,.t-editorial .pinb{border-radius:0}
.pinb svg{width:11px;height:11px;fill:var(--acc)}
/* A broken link showing its snapshot (handoff: card states) */
.cd-m .offl{position:absolute;z-index:2;left:10px;bottom:10px;right:10px;width:max-content;max-width:calc(100% - 20px);background:rgba(20,24,28,.82);color:#fff;font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:999px}
.t-bold .cd-m .offl,.t-editorial .cd-m .offl{border-radius:0}
.wacts .offl{font-size:14px;color:var(--pc-muted)}
.lift{position:relative;z-index:2}
.cd a.side{font-size:13.5px;font-weight:700;text-decoration:none}
@media (min-width:700px){
	.t-editorial .g-all .cd{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;padding:28px 0;border-top:1px solid var(--pc-rule)}
	.t-editorial .g-all .cd .cd-m{order:2}
	.t-editorial .g-all .cd .cd-b{padding:0}
	.t-editorial .g-all .cd h3{font-size:30px;line-height:1.15}
	.t-editorial .g-all .cd .sm{font-size:16.5px;-webkit-line-clamp:3}
}

/* ---- card bodies by kind ---- */
.ph{position:absolute;inset:0;background:repeating-linear-gradient(135deg,var(--pc-surface) 0 12px,color-mix(in srgb,var(--pc-surface),var(--pc-text) 5%) 12px 24px);display:flex;align-items:flex-end;padding:10px 12px}
.ph span{font:11px/1.3 ui-monospace,Menlo,monospace;color:var(--pc-muted);background:var(--pc-bg);padding:3px 6px}
.ph span:empty{display:none}
.emh{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--pc-card);border-bottom:1px solid var(--pc-rule);position:relative;z-index:1}
.emh .av{width:28px;height:28px;border-radius:50%;flex:none;color:#fff;background:var(--pc-accent);font:700 12px/28px system-ui,sans-serif;text-align:center}
.emh div{min-width:0;font-size:12px;line-height:1.35}
.emh b{display:block;font-size:12.5px;color:var(--pc-text)}
.emh .sj{display:block;font-weight:600;color:var(--pc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emh .pr{display:block;color:var(--pc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emr-w{position:absolute;left:0;right:0;top:56px;bottom:0;overflow:hidden}
.emr-w img{display:block;width:76%;margin:10px auto 0;box-shadow:0 2px 10px rgba(0,0,0,.14)}
.emf{position:absolute;top:10px;left:50%;width:375px;height:900px;border:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.14);transform-origin:top center;transform:translateX(-50%) scale(var(--emf-s,.62));pointer-events:none}
.so{position:absolute;inset:0;padding:14px 16px;background:var(--pc-card)}
.so-h{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12.5px}
.so-h .pi{width:22px;height:22px;border-radius:5px;background:var(--pc-text);color:var(--pc-bg);display:grid;place-items:center;font:700 10px/1 system-ui,sans-serif;flex:none}
.so-h b{color:var(--pc-text)}.so-h span{color:var(--pc-muted)}
.so p{margin:0;font-size:14px;line-height:1.5;white-space:pre-line;color:var(--pc-text);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.dp{position:absolute;left:50%;top:16px;bottom:-24px;width:48%;transform:translateX(-50%);background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.18);padding:14px 12px}
.dp b{display:block;font:700 10px/1.3 Georgia,serif;color:#222;margin-bottom:8px;overflow:hidden;max-height:3.9em}
.dp i{display:block;height:4px;background:#E2E2E2;margin-bottom:5px}
.dpi{position:absolute;left:50%;top:16px;width:48%;transform:translateX(-50%);box-shadow:0 3px 12px rgba(0,0,0,.18);background:#fff}
.pc{position:absolute;right:10px;bottom:10px;z-index:1;background:var(--pc-text);color:var(--pc-bg);font-size:11.5px;font-weight:700;padding:3px 8px}
.mv{position:absolute;inset:0;background:#15181B;display:grid;place-items:center;border:0;padding:0;width:100%;cursor:pointer}
.mv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}
.mv .pl{position:relative;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center}
.mv .pl::after{content:"";border-left:16px solid #15181B;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
.mv .du{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.7);color:#fff;font:600 11.5px system-ui,sans-serif;padding:2px 7px}
.mp{position:absolute;inset:0;display:flex;gap:10px;align-items:center;padding:16px;overflow:hidden}
.mp .ch{flex:0 0 36%;aspect-ratio:3/4;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.16);padding:9px 8px;color:#333;overflow:hidden;position:relative}
.mp .ch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp .ch b{display:block;font:700 9px/1.25 system-ui,sans-serif;margin-bottom:6px}
.mp .ch i,.pp i{display:block;height:3px;background:#E2E2E2;margin-bottom:4px}
.cd-m > .cnt{position:absolute;left:10px;bottom:10px;background:var(--pc-text);color:var(--pc-bg);font-size:11.5px;font-weight:700;padding:3px 8px}
.lk{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--pc-surface);color:var(--pc-muted);font-size:13px;text-align:center;padding:16px}
.lk svg,.lockg svg{width:26px;height:26px;stroke:var(--pc-muted);fill:none;stroke-width:1.8}
.lk .pbtn{padding:8px 14px;font-size:13.5px}
.tx{position:absolute;inset:0;padding:18px 22px;background:var(--pc-card);display:flex;flex-direction:column;justify-content:center;gap:6px}
.tx .qm{font:700 54px/0.6 var(--pc-heading-font);color:var(--acc);height:26px}
.tx p{margin:0;font-family:var(--pc-heading-font);font-size:21px;line-height:1.25;font-weight:600;color:var(--pc-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance;white-space:pre-line}
.t-bold .tx p{font-weight:800;text-transform:uppercase;font-size:19px;letter-spacing:.01em}
.tx .more{font-size:12px;font-weight:700;color:var(--pc-muted)}
.tx .l{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.tx p.xl{font-size:28px;line-height:1.1;letter-spacing:-.01em}
.tx p.lg{font-size:21px}
.tx p.md{font-size:16px;line-height:1.45;font-weight:400;-webkit-line-clamp:4}
/* A card that leads with the highlight (PCW_PF_Render::hl_card, addendum 03): the words fill the media area, the client underneath */
.hlc{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:18px 22px 18px 26px;background:var(--pc-card);border-left:4px solid var(--acc)}
.hlc .qm{display:none}
.hlc p{margin:0;font:600 20px/1.3 var(--pc-heading-font);color:var(--pc-text);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
.hlc-c{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hlc-c::before{content:"";flex:none;width:18px;height:2px;background:var(--acc)}
.t-editorial .hlc{border-left:0;background:var(--pc-surface);padding:22px 26px;gap:10px}
.t-editorial .hlc .qm{display:block;font:400 52px/.5 var(--pc-heading-font);color:var(--acc);height:22px}
.t-editorial .hlc p{font-weight:400;font-size:22px;-webkit-line-clamp:3}
.t-editorial .hlc-c::before{display:none}
.t-bold .hlc{border-left:0;background:var(--pc-text)}
.t-bold .hlc p{color:var(--pc-bg);font-weight:900;font-size:19px;line-height:1.12;text-transform:uppercase}
.t-bold .hlc-c{color:var(--pc-bg);opacity:.8}
.t-bold .hlc-c::before{height:3px}
/* A logo-like Link showing its picture (PCW_PF_Render::logo_card): centred small on the surface; the name as a wordmark if the image fails */
.lgc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--pc-surface)}
.lgc img{display:block;max-height:40%;max-width:62%;width:auto;height:auto;object-fit:contain}
.lgc b{font:800 26px/1.15 var(--pc-body-font);color:var(--pc-muted);text-align:center;text-wrap:balance}
.lgc img + b{display:none}
.tx p.alt{font-size:14px;line-height:1.3;font-weight:400;color:var(--pc-muted);text-decoration:line-through;-webkit-line-clamp:1}
.t-bold .tx p.xl{font-size:24px}
.t-bold .tx p.md,.t-bold .tx p.alt{text-transform:none;font-weight:400;font-size:14px}
.tx-an{gap:12px}.tx-an p{-webkit-line-clamp:2}
.tx mark,.ann mark{background:none;color:inherit;text-decoration:underline;text-decoration-color:var(--acc);text-decoration-thickness:3px;text-underline-offset:5px}
.tx sup,.ann sup{font:700 11px var(--pc-body-font);color:var(--acc);margin-left:2px;vertical-align:super}
.tx .nt{display:flex;gap:7px;font-size:12.5px;line-height:1.4;color:var(--pc-muted);border-top:1px solid var(--pc-rule);padding-top:9px}
.tx .nt span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tx .nt sup{margin:0}

/* ---- contact + footer ---- */
.ct{border-top:var(--bw) solid var(--pc-rule);padding:36px 0 40px}
@media (min-width:700px){.ct{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding:56px 0}}
.ct h2{font-family:var(--pc-heading-font);font-size:28px;line-height:1.15;margin:0 0 8px;font-weight:700}
@media (min-width:700px){.ct h2{font-size:36px}}
.t-bold .ct h2{text-transform:uppercase;font-weight:900;color:var(--acc)}
.t-editorial .ct h2{font-weight:600}
.ct p{margin:0 0 18px;color:var(--pc-muted);max-width:520px}
@media (min-width:700px){.ct p{margin:0}}
.ft{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--pc-rule);padding:18px 0 26px;font-size:13px;color:var(--pc-muted)}
.mm{display:inline-flex;align-items:center;gap:8px;color:var(--pc-muted)!important;text-decoration:none;font-weight:600}
.mm:hover{color:var(--pc-text)!important}
.mm img{height:22px;width:auto}

/* ---- item page ---- */
.it{max-width:820px;padding:24px 0 8px}
@media (min-width:700px){.it{padding:40px 0 16px}}
.back{display:inline-flex;gap:6px;font-size:14.5px;font-weight:600;text-decoration:none;margin-bottom:18px;color:var(--acc)}
.it h1{font-family:var(--pc-heading-font);font-size:30px;line-height:1.12;margin:6px 0 12px;letter-spacing:-.02em;text-wrap:balance}
@media (min-width:700px){.it h1{font-size:46px}}
.t-editorial .it h1{font-weight:600}
.t-bold .it h1{font-weight:900;text-transform:uppercase;color:var(--acc)}
.it .lede{font-size:17.5px;line-height:1.6;margin:0 0 20px}
.t-editorial .it .lede{font-family:var(--pc-heading-font);font-size:21px}
.meta{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:var(--bw) solid var(--pc-rule);margin:0 0 18px}
@media (min-width:700px){.meta{grid-template-columns:1fr 1fr 2fr}}
.meta div{padding:12px 0;border-bottom:1px solid var(--pc-rule);font-size:15px}
@media (min-width:700px){.meta div{border-bottom:var(--bw) solid var(--pc-rule);padding:14px 16px 14px 0}}
.meta span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-muted);margin-bottom:2px}
.it > .tags{padding:0}
.work{margin:26px 0 20px}
.work-email{border:1px solid var(--pc-rule);border-radius:var(--r);overflow:hidden;background:var(--pc-surface)}
.work-email .emh{padding:14px 16px}.work-email .emh b{font-size:14px}.work-email .emh div{font-size:13.5px}.work-email .emh .av{width:36px;height:36px;line-height:36px;font-size:14px}
.emf-full{display:block;width:min(640px,calc(100% - 32px));height:900px;margin:20px auto;border:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.work-box{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--pc-surface);border:var(--bw) solid var(--pc-rule)}
.work-box.audio{aspect-ratio:auto;height:180px}
.work-box.doc{aspect-ratio:4/3}
.work-box > img{width:100%;height:100%;object-fit:cover;display:block}
.work-box.doc > img{object-fit:contain}
.work-box > img.dpi{width:48%;height:auto;object-fit:initial} /* a document in quick view: the first page, sized as on its card */
.work-box > img.cov-bg{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);max-width:none;object-fit:cover;filter:blur(20px) saturate(1.1);opacity:.55} /* a whole picture over a soft copy of itself (Render::cover) */
.work-box > img.cov{position:relative}
.work-box > img.cov.tall{object-fit:contain}
.work-box > img.cov.small{object-fit:scale-down}
.work-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.work-box .mv .pl{width:72px;height:72px}
.work-doc iframe{display:block;width:100%;height:80vh;min-height:520px;border:var(--bw) solid var(--pc-rule);border-radius:var(--r);background:#fff}
.parts{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;margin:0}
.parts[hidden]{display:none}
.parts .pt{flex:0 0 72%;scroll-snap-align:start;background:var(--pc-surface);border:1px solid var(--pc-rule);border-radius:var(--r);padding:16px;color:var(--pc-text);text-decoration:none}
.parts .pt:hover{border-color:var(--acc)}
@media (min-width:700px){.parts .pt{flex-basis:34%}}
.parts .pt .pp{aspect-ratio:4/3;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);padding:14px;margin-bottom:10px;position:relative;overflow:hidden}
.parts .pt .pp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.parts .pt b{font-size:14.5px}
.parts .pt span{display:block;font-size:12.5px;color:var(--pc-muted)}
.ab-tog{display:inline-flex;border:1px solid var(--pc-rule);border-radius:var(--r);overflow:hidden;margin:0 0 14px}
.ab-tog button{background:transparent;border:0;color:var(--pc-muted);font:700 13px var(--pc-body-font);padding:7px 14px;cursor:pointer}
.ab-tog button.on{background:var(--pc-text);color:var(--pc-bg)}
.so-lg{border:var(--bw) solid var(--pc-rule);border-radius:var(--r);padding:20px 22px;max-width:560px;background:var(--pc-card)}
.so-lg .so-h{font-size:14px}.so-lg p{font-size:16.5px;line-height:1.6;white-space:pre-line;margin:0}
.so-lg img{display:block;margin:16px 0 0;border-radius:calc(var(--r) * .5)}
.wacts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 8px}
.wnote{font-size:13.5px;color:var(--pc-muted);margin:8px 0 0}
/* "The words" (PCW_PF_Render::the_words, addendum 03): the highlight, then the whole copy extract */
.words{margin:34px 0 0;padding:26px 0 0;border-top:var(--bw) solid var(--pc-rule)}
.words h2{font:700 24px/1.2 var(--pc-heading-font);margin:0 0 18px;letter-spacing:-.01em}
.t-editorial .words h2{font-weight:600}
.t-bold .words h2{font-weight:900;text-transform:uppercase}
.wd-hl{margin:0 0 22px;padding:2px 0 2px 18px;border-left:3px solid var(--acc);font:600 22px/1.32 var(--pc-heading-font);text-wrap:balance;max-width:40ch}
.t-editorial .wd-hl{border-left:0;border-top:1px solid var(--pc-rule);border-bottom:1px solid var(--pc-rule);padding:18px 0;font-weight:400;font-size:25px;line-height:1.3;text-align:center;max-width:none}
.t-editorial .wd-hl::before{content:"“";display:block;font-size:46px;line-height:.6;height:22px;color:var(--acc)}
.t-bold .wd-hl{border-left-width:6px;text-transform:uppercase;font-weight:900;font-size:21px;line-height:1.12}
.wd-x{font-size:17px;line-height:1.7;max-width:66ch}
.wd-x p{margin:0 0 1em;text-wrap:pretty}
.wd-x h3{margin:1.6em 0 .5em;font:700 12px/1.3 var(--pc-body-font);letter-spacing:.1em;text-transform:uppercase;color:var(--pc-muted)}
.wd-x h3:first-child{margin-top:0}
.t-editorial .wd-x{font-family:var(--pc-heading-font);font-size:19px}
.script{margin:30px 0 0}
.script h2{font-family:var(--pc-heading-font);font-size:22px;margin:0 0 10px}
.script-t{white-space:pre-line;font-size:16px;line-height:1.65;background:var(--pc-surface);border-radius:var(--r);padding:18px 20px}
.quote{margin:30px 0 0;padding:20px 0 0;border-top:var(--bw) solid var(--pc-rule)}
.quote p{font-family:var(--pc-heading-font);font-size:21px;line-height:1.45;margin:0 0 8px}
.t-bold .quote p{font-weight:700}
.quote cite{font-style:normal;font-size:14px;color:var(--pc-muted)}
.lockg{max-width:420px;margin:36px auto;text-align:center}
.lockg .pw{display:flex;gap:8px}
.lockg input{flex:1;min-width:0;padding:11px 12px;border:var(--bw) solid var(--pc-text);background:var(--pc-bg);color:var(--pc-text);border-radius:var(--r);font:16px var(--pc-body-font)}
.err{color:#B3261E;font-size:14px;margin:0 0 10px}
@media (prefers-color-scheme:dark){.t-clean:not(.light) .err,.t-editorial:not(.light) .err{color:#FF8A80}}
.t-bold:not(.light) .err{color:#FF8A80}
.brief{background:var(--pc-surface);border-radius:var(--r);padding:14px 16px;font-size:15px;line-height:1.55;margin:14px 0 18px}
.brief span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-muted);margin-bottom:3px}
.blocks{display:flex;flex-direction:column;border-top:var(--bw) solid var(--pc-rule)}
.blk-t{padding:16px 0 18px;border-bottom:1px solid var(--pc-rule)}
.blk-t .bh{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:6px}
.blk-t .bh .cpy{margin-left:auto}
.blk-t .bh span{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-muted)}
.bh .w{color:var(--acc)!important}
.blk-t p{margin:0;font-size:17px;line-height:1.6;white-space:pre-line}
.blk-t p.big{font-family:var(--pc-heading-font);font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
.t-bold .blk-t p.big{font-weight:800;text-transform:uppercase}
.blk-t.dim p.big{font-size:22px;color:var(--pc-muted)}
.ann{display:grid;grid-template-columns:minmax(0,1fr);border-top:var(--bw) solid var(--pc-rule)}
.ann .side{font-size:14.5px;line-height:1.5;color:var(--pc-muted);display:flex;gap:8px;padding:0 0 16px;border-bottom:1px solid var(--pc-rule)}
.ann .blk-t:has(+ .side:not(.e)){border-bottom:0}
.ann .side.e{display:none}
.ann .side sup{margin:0}
@media (min-width:700px){.ann{grid-template-columns:minmax(0,1fr) 240px;column-gap:36px}.ann .blk-t{grid-column:1;grid-row:var(--gr);border-bottom:1px solid var(--pc-rule)!important}.ann .side{grid-column:2;grid-row:var(--gr);padding:18px 0}.ann .side.e{display:block}}
.cpy{background:none;border:1px solid var(--pc-rule);color:var(--pc-muted);font:600 12.5px var(--pc-body-font);padding:4px 10px;border-radius:var(--r);cursor:pointer}
.cpy:hover,.cpy.done{border-color:var(--acc);color:var(--acc)}
.more{padding-top:28px}
.cd-m:has(.pinb) .so{padding-top:44px}
.more-ab + .acts,.pf-in details + .acts{margin-top:8px}

/* ---- collections, share links, gate ---- */
.g-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:700px){.g-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.cc{display:flex;flex-direction:column;gap:6px;padding:20px;border:var(--bw) solid var(--pc-rule);border-radius:var(--r);background:var(--pc-card);text-decoration:none;color:var(--pc-text)!important;min-width:0}
.cc:hover{border-color:var(--acc)}
.t-bold .cc{border-color:var(--pc-text)}
.cc h3{margin:0;font:700 21px/1.2 var(--pc-heading-font);letter-spacing:-.01em}
.t-editorial .cc h3{font-weight:600}.t-bold .cc h3{text-transform:uppercase;font-weight:900}
.cc p{margin:0;font-size:14.5px;line-height:1.5;color:var(--pc-muted)}
.cc ul{list-style:none;margin:8px 0 0;padding:10px 0 0;border-top:1px solid var(--pc-rule);font-size:14px;display:flex;flex-direction:column;gap:5px}
.cc li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc .go{margin-top:auto;padding-top:10px;font-weight:700;font-size:14px;color:var(--acc)}
.shd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--pc-rule)}
.t-bold .shd{border-bottom-width:2px}
.note{display:flex;gap:14px;align-items:flex-start;background:var(--pc-surface);border-radius:var(--r);padding:18px 20px;margin:24px 0 0}
.t-bold .note{border:2px solid var(--pc-text);background:transparent}
.note .av{width:44px;height:44px;border-radius:50%;flex:none;background:var(--pc-accent);color:#fff;display:grid;place-items:center;font:700 15px/1 var(--pc-heading-font)}
.note p{margin:0 0 4px;font-size:16.5px;line-height:1.55}
.t-editorial .note p{font-family:var(--pc-heading-font);font-size:19px}
.note small{font-size:13px;color:var(--pc-muted)}
.sh-in{padding-top:28px;padding-bottom:24px}
@media (min-width:700px){.sh-in{padding-top:48px;padding-bottom:36px}}
.sh-in .kd{margin-bottom:8px;display:block}
.sh-in h1{font-family:var(--pc-heading-font);font-size:30px;line-height:1.1;margin:0 0 10px;letter-spacing:-.02em;text-wrap:balance}
@media (min-width:700px){.sh-in h1{font-size:48px}}
.t-editorial .sh-in h1{font-weight:600}
.t-bold .sh-in h1{font-weight:900;text-transform:uppercase;color:var(--acc)}
.sh-in p.ab{max-width:640px;margin:0;font-size:17px;color:var(--pc-muted)}
.sh-in .back{display:inline-flex}
.endc{border:var(--bw) solid var(--pc-rule);border-radius:var(--r);padding:28px 24px;margin:8px 0 40px;text-align:center;background:var(--pc-card)}
.t-bold .endc{border-color:var(--pc-text)}
.endc h2{font-family:var(--pc-heading-font);font-size:26px;margin:0 0 6px}
.t-bold .endc h2{text-transform:uppercase;font-weight:900;color:var(--acc)}
.endc p{margin:0 auto 18px;color:var(--pc-muted);max-width:460px}
.endc .acts{justify-content:center}
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 16px}
.gate-b{width:100%;max-width:380px;text-align:center}
.gate-b .lg{justify-content:center;margin-bottom:28px;font-size:19px}
.gate-b h1{font-family:var(--pc-heading-font);font-size:22px;margin:0 0 6px}
.gate-b p{margin:0 0 18px;color:var(--pc-muted);font-size:15px}
.gate-b form{display:flex;flex-direction:column;gap:10px}
.gate-b input{padding:13px 14px;border:var(--bw) solid var(--pc-text);border-radius:var(--r);background:var(--pc-bg);color:var(--pc-text);font:16px var(--pc-body-font)}
.gate-b input:focus{outline:3px solid var(--acc);outline-offset:1px}
.gate-b .err{text-align:left;margin:0}
.gate-b .acts{flex-direction:column}.gate-b .acts .pbtn{width:100%}

/* ---- Phase 2b: chosen dark versions (auto dark is the media query above), cover image ---- */
.t-clean.dark{--pc-bg:#121518;--pc-text:#E9ECEF;--pc-muted:#A3ADB6;--pc-rule:#2A3138;--pc-card:#181C20;--pc-surface:#1F2429;--acc:var(--acc-alt);--on-acc:var(--on-acc-alt)}
.t-editorial.dark{--pc-bg:#171614;--pc-text:#EDEAE3;--pc-muted:#ABA69B;--pc-rule:#36332E;--pc-card:#171614;--pc-surface:#221F1C;--acc:var(--acc-alt);--on-acc:var(--on-acc-alt)}
.dark .err{color:#FF8A80}
.cover{margin-top:20px;aspect-ratio:3/1;border-radius:var(--r);overflow:hidden;background:var(--pc-surface)}
.cover img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:699px){.cover{aspect-ratio:2/1}}
[hidden]{display:none!important}

/* ---- "Report this piece" ---- */
.rpt{margin:28px 0 0;font-size:13px;color:var(--pc-muted)}
.rpt summary{cursor:pointer;color:var(--pc-muted);text-decoration:underline;text-underline-offset:2px;display:inline-block}
.rpt form{margin:12px 0 0;max-width:520px;display:flex;flex-direction:column;gap:12px;font-size:14.5px;color:var(--pc-text)}
.rpt fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.rpt legend{font-weight:700;margin:0 0 6px}
.rpt label{display:flex;gap:8px;align-items:flex-start}
.rpt label.blk{flex-direction:column;gap:4px;font-weight:700}
.rpt label.blk span{font-weight:400;color:var(--pc-muted)}
.rpt textarea,.rpt input[type=email]{font:15px var(--pc-body-font);padding:10px 12px;border:var(--bw) solid var(--pc-rule);border-radius:var(--r);background:var(--pc-bg);color:var(--pc-text);width:100%}
.rpt .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rpt .pbtn{align-self:flex-start}

/* Case studies (handoff addendum 01) */
/* "Back to …" for visitors who came from ProCopywriters (PCW_PF_Public::from_bar; public.js keeps it across pages) */
.pf-from{display:flex;justify-content:space-between;align-items:center;gap:6px 16px;flex-wrap:wrap;background:#2E3A42;color:#fff;font:600 14px/1.4 'Open Sans',system-ui,-apple-system,'Segoe UI',sans-serif;padding:9px max(16px,env(safe-area-inset-right,0px)) 9px max(16px,env(safe-area-inset-left,0px))}
.pf-from a{color:#fff;text-decoration:none}
.pf-from a:hover .pf-from-l{text-decoration:underline;text-underline-offset:3px}
.pf-from a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pf-from-b{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
/* The owner's view of a password-protected or expired page (PCW_PF_Public::owner_bar) */
.pf-ownbar{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:center;background:#1F2933;color:#fff;font:600 14px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));text-align:center}
.pf-ownbar a{color:#fff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.pf-ownbar a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.cs{position:absolute;inset:0;background:linear-gradient(140deg,color-mix(in srgb,var(--acc) 14%,var(--pc-card)) 0%,var(--pc-card) 70%);padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;container-type:inline-size}
.cs .l{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.cs .st{display:flex;gap:22px}
.cs .st b{display:block;font:700 36px/1 var(--pc-heading-font);letter-spacing:-.02em;color:var(--pc-text)}
.cs .st span{display:block;font-size:12px;color:var(--pc-muted);margin-top:4px}
/* The case study card (Render::cs_thumb): its strongest line in the middle, the figures along the foot; sized to the card */
.cs .cs-ln{flex:1;margin:2px 0 0;padding:0;border:0;font:600 clamp(16px,4.6cqi,26px)/1.3 var(--pc-heading-font);color:var(--pc-text);-webkit-line-clamp:3;text-wrap:pretty}
.cs .cs-ln.q::before{content:"“"}.cs .cs-ln.q::after{content:"”"}
.cs.ln .st{border-top:1px solid var(--pc-rule);padding-top:12px;gap:clamp(18px,7cqi,52px)}
.cs.ln .st b{font-size:clamp(26px,7.5cqi,48px)}
.cs.big{justify-content:center;gap:clamp(12px,4cqi,22px);padding-left:clamp(20px,7cqi,44px)}
.cs.big .st{gap:clamp(22px,9cqi,72px)}
.cs.big .st b{font-size:clamp(44px,15cqi,96px);line-height:.95}
.cs.big .st span{font-size:clamp(12px,2.6cqi,16px);margin-top:8px}
.cs .st > div{border-left:3px solid var(--acc);padding-left:12px;min-width:0}
.t-editorial .cs .cs-ln{font-weight:400;font-style:italic}
.t-bold .cs{background:var(--pc-card)}
.t-bold .cs .cs-ln{font-weight:800;text-transform:uppercase;line-height:1.15}
.cs p{margin:0;font-size:14px;line-height:1.4;font-weight:600;border-top:1px solid var(--pc-rule);padding-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.t-bold .cs .st b{font-weight:900}
/* No figures: the client's name, in the theme's heading face, under a short accent rule */
.cs .nm b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:700 clamp(22px,2.6vw,32px)/1.1 var(--pc-heading-font);letter-spacing:-.01em;color:var(--pc-text);overflow-wrap:anywhere}
/* A case study with no picture and no figures: its strongest line (PCW_PF_Render::cs_story_card), else a short strip */
.hlc.csw{gap:10px}
.csw-k{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.t-bold .hlc.csw .csw-k{color:var(--pc-bg);opacity:.75}
.cd-m:has(> .csn){aspect-ratio:auto;min-height:0;height:76px}
.csn{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 64px 0 20px;background:var(--pc-card);border-left:4px solid var(--acc)}
.csn span{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.csn b{font:700 19px/1.2 var(--pc-heading-font);color:var(--pc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-editorial .csn{border-left:0;background:var(--pc-surface)}
.t-bold .csn b{text-transform:uppercase;font-weight:900}
.cs .nm::before{content:"";display:block;width:36px;height:3px;background:var(--acc);margin-bottom:14px}
.t-bold .cs .nm b{font-weight:900;text-transform:uppercase;letter-spacing:0}
.t-editorial .cs .nm b{font-weight:600}
.cs-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 0;margin:0 0 30px;border-top:var(--bw) solid var(--pc-text);border-bottom:1px solid var(--pc-rule)}
.cs-stats b{display:block;font:700 34px/1 var(--pc-heading-font);letter-spacing:-.02em}
@media (min-width:700px){.cs-stats b{font-size:46px}}
.t-bold .cs-stats b{font-weight:900}
.cs-stats span{display:block;font-size:13.5px;color:var(--pc-muted);margin-top:6px}
.cs-g{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
@media (min-width:860px){.cs-g{grid-template-columns:minmax(0,1fr) 240px;gap:52px}.cs-g aside{position:sticky;top:20px;align-self:start}}
.cs-sec{margin:0 0 32px}
.cs-sec h2{margin:0 0 10px;font:700 22px/1.2 var(--pc-heading-font)}
.t-editorial .cs-sec h2{font-weight:600}.t-bold .cs-sec h2{text-transform:uppercase;font-weight:900;font-size:19px}
.cs-sec > p{margin:0;font-size:17px;line-height:1.65;max-width:680px}
.cs-steps{list-style:none;counter-reset:s;padding:0;margin:0}
.cs-steps li{counter-increment:s;display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 10px;padding:13px 0;border-top:1px solid var(--pc-rule)}
.cs-steps li::before{content:counter(s,decimal-leading-zero);font:700 15px/1.5 var(--pc-heading-font);color:var(--acc);grid-row:1/3}
.cs-steps b{font-size:16.5px}.cs-steps span{font-size:15.5px;line-height:1.55;color:var(--pc-muted)}
.cs-ex{border:1px solid var(--pc-rule);border-radius:var(--r);background:var(--pc-card);padding:16px 18px;margin:0 0 12px}
.cs-ex .xl{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-muted);margin-bottom:10px}
.cs-ul{margin:0;padding-left:20px;font-size:16px;line-height:1.6}
.cs-ba{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:700px){.cs-ba{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cs-ba span{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-muted);margin-bottom:4px}
.cs-ba div:last-child span{color:var(--acc)}
.cs-ba p{margin:0;font-size:15.5px;line-height:1.55;white-space:pre-line}
.cs-ba div:first-child p{color:var(--pc-muted)}
.cs-tree{list-style:none;margin:0;padding:0 0 0 6px;border-left:2px solid var(--acc);font-size:15.5px}
.cs-tree li{padding:5px 0 5px 14px;position:relative}
.cs-tree li::before{content:"";position:absolute;left:-2px;top:50%;width:10px;border-top:2px solid var(--acc)}
.cs-img{display:block;max-width:100%;height:auto;border:1px solid var(--pc-rule)}
.cs-ex .perm{margin:12px 0 0;font-size:12px;color:var(--pc-muted)}
.cs-q{margin:0 0 30px;padding:0 0 0 18px;border-left:3px solid var(--acc)}
.cs-q p{margin:0 0 6px;font:600 20px/1.4 var(--pc-heading-font)}
.cs-q cite{font-style:normal;font-size:14px;color:var(--pc-muted)}
.cs-f{border-top:var(--bw) solid var(--pc-text)}
.cs-f div{padding:11px 0;border-bottom:1px solid var(--pc-rule);font-size:14.5px;line-height:1.45}
.cs-f span{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-muted);margin-bottom:2px}
.cs-anon{font-size:13px;line-height:1.5;color:var(--pc-muted);margin:12px 0 0}

/* ==== ProCopywriters house style and brand frame (handoff addendum 04, from Public Portfolio.html) ====
 * House: what everyone arriving through ProCopywriters sees. The member's colour fills only their avatar.
 * The frame (.pcb bar, .pcf band) sits around the other styles, the same whatever the theme and colour. */
.t-house{--pc-bg:#FFFFFF;--pc-text:#2E3A42;--pc-muted:#5B666E;--pc-rule:#E3E4E6;--pc-card:#FFFFFF;--pc-surface:#F5F5F6;--pc-heading-font:'Playfair Display',Georgia,serif;--pc-body-font:'Open Sans',system-ui,sans-serif;--r:2px;--bw:1px;--h1:30px;--h1d:36px;--ct:17px}
.hs{background:#2E3A42}
.hs-i{max-width:1160px;margin:0 auto;padding:0 16px;height:60px;display:flex;align-items:center;gap:26px}
@media (min-width:700px){.hs-i{padding:0 48px;height:74px}}
.hs-b{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;font:700 18px/1 'Playfair Display',Georgia,serif;white-space:nowrap}
.hs-o{width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.hs-o img{width:27px;height:27px}
@media (min-width:700px){.hs .hs-o{width:42px;height:42px}.hs .hs-o img{width:30px;height:30px}}
.hs-n{display:none;gap:24px}
@media (min-width:960px){.hs-n{display:flex}}
.hs-n a{color:#fff!important;text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap}
.hs-n a:hover,.hs-n a.on{color:#009EDC!important}
.hs-e{margin-left:auto;display:flex;align-items:center;gap:16px}
.hs-e a{color:#fff!important;font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap}
.hs-e a:hover{color:#009EDC!important}
.hs-e .hs-j{background:#509E7A;padding:9px 16px;border-radius:2px}
.hs-e .hs-j:hover{background:#458a6a;color:#fff!important}
.hs-m{background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:4px}
@media (min-width:960px){.hs-m{display:none}}
@media (max-width:699px){.hs-e .si{display:none}}
.hb{background:#FBFAF8;border-bottom:1px solid #E3E4E6}
.hb-c{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13px;color:#5B666E;padding-top:16px}
.hb-c a{color:#5B666E!important;text-decoration:none}
.hb-c a:hover{color:#00739F!important;text-decoration:underline}
.hb-c span{opacity:.6}
.hb-m{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:flex-start;padding:22px 0 24px} /* top, not centre: opening "More about…" moved the headshot and button down the page (Leif, 2026-10-27) */
@media (min-width:700px){.hb-m > .hb-a{margin-top:10px}}
.hb-av{width:84px;height:84px;border-radius:50%;flex:none;background:var(--pc-accent);color:#fff;display:flex;align-items:center;justify-content:center;font:700 28px/1 'Playfair Display',Georgia,serif;box-shadow:0 0 0 4px #fff,0 0 0 5px #E3E4E6}
@media (min-width:700px){.hb-m .hb-av{width:112px;height:112px;font-size:38px}}
.hb-h{flex:1;min-width:220px}
.hb-h h1{margin:0;font:700 30px/1.12 'Playfair Display',Georgia,serif;color:#2E3A42;letter-spacing:-.01em;text-wrap:balance}
@media (min-width:700px){.hb-h h1{font-size:36px}}
.hb-l{margin:6px 0 10px;font-size:16.5px;line-height:1.45;font-weight:600;color:#2E3A42}
.hb-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#5B666E;align-items:center}
.hb-meta .ok{display:inline-flex;align-items:center;gap:7px;color:#3D7F60;font-weight:700}
.hb-meta .ok::before{content:"";width:8px;height:8px;border-radius:50%;background:#509E7A}
.hb-meta a{font-weight:700;color:#00739F!important;text-decoration:none}
.hb-meta a:hover{text-decoration:underline}
.hb-a{display:flex;flex-direction:column;gap:8px;min-width:210px}
@media (max-width:699px){.hb-a{width:100%;flex-direction:row;min-width:0}.hb-a .pbtn{flex:1;padding-left:10px;padding-right:10px}}
.hb-t{display:flex;gap:26px;margin-bottom:-1px}
.hb-t a{padding:12px 0;font-weight:600;font-size:15px;color:#5B666E!important;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.hb-t a:hover{color:#2E3A42!important}
.hb-t a.on{color:#2E3A42!important;border-bottom-color:#009EDC}
.hb-t a span{font-weight:400;color:#7a848b;margin-left:6px;font-size:13.5px}
.hb.slim .hb-c{padding-top:12px}
.hb-s{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:12px 0 6px}
.hb-sw{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.hb-av.sm{width:44px;height:44px;font-size:16px;box-shadow:none}
.hb-sw b{display:block;font:700 18px/1.2 'Playfair Display',Georgia,serif;color:#2E3A42}
.hb-sw small{display:block;font-size:13px;color:#5B666E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-sw>span:last-child{min-width:0}
.hb-s .pbtn{padding:9px 14px;font-size:14px}
@media (max-width:699px){.hb-sw small{display:none}}
.t-house .hb+main,.t-house .hb+main.pf-w{padding-top:36px}
.t-house .pbtn{background:#009EDC;border-color:#009EDC;color:#fff!important;font-weight:600;border-radius:2px}
.t-house .pbtn:hover{background:#0286bd;border-color:#0286bd;filter:none}
.t-house .pbtn.enq{background:#509E7A;border-color:#509E7A}
.t-house .pbtn.enq:hover{background:#458a6a;border-color:#458a6a}
.t-house .pbtn.sec{background:#fff;color:#2E3A42!important;border-color:#2E3A42}
.t-house .pbtn.sec:hover{background:#2E3A42;color:#fff!important}
.t-house .sec-h{border-bottom:2px solid #2E3A42;padding-bottom:10px;margin-bottom:20px}
.t-house .sec-h h2{font:700 21px/1.2 'Playfair Display',Georgia,serif;letter-spacing:0;text-transform:none;color:#2E3A42}
.t-house .sec-h span{font-size:13.5px;color:#5B666E}
.t-house .cd{border:0;background:transparent;border-radius:0;overflow:visible}
.t-house .cd-m{border:1px solid #E3E4E6;background:#F5F5F6;transition:border-color .18s,box-shadow .18s}
.t-house .cd:hover .cd-m{border-color:#009EDC;box-shadow:0 8px 20px rgba(46,58,66,.09)}
.t-house .cd-b{padding:12px 0 0;gap:4px}
.t-house .kd{font-size:10.5px;letter-spacing:.09em;color:#00739F}
.t-house .cd h3{font-size:17px;line-height:1.25}
.t-house .cd h3 a:hover{color:#00739F}
.t-house .sm{font-size:13.5px}
.t-house .chip.on{background:#2E3A42;border-color:#2E3A42;color:#fff}
.t-house .hlc{background:#fff;border-left:3px solid #009EDC}
.t-house .hlc p{font:700 19px/1.3 'Playfair Display',Georgia,serif}
.t-house .hlc-c::before{background:#009EDC}
.t-house .cc{border-color:#E3E4E6}
.t-house .cc:hover{border-color:#009EDC;box-shadow:0 8px 20px rgba(46,58,66,.09)}
.t-house .cc .go{color:#00739F}
.t-house .it h1{font-size:34px}
.t-house .meta{border-top:2px solid #2E3A42}
.t-house #pcw-pfq .qv-hl{border-left-color:#009EDC}
.t-house #pcw-pfq .qv-rest{color:#00739F!important}
.t-house #pcw-pfq{border-radius:2px}
.t-house #pcw-pfq .qv-top{background:#2E3A42;border-bottom:0}
.t-house #pcw-pfq .qv-n{color:#D7DEE2}
.t-house #pcw-pfq .qv-ib{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.t-house #pcw-pfq .qv-ib:hover:not(:disabled){border-color:#009EDC;color:#009EDC}
.t-house #pcw-pfq .qv-ib:focus-visible{outline-color:#009EDC}
.t-house #pcw-pfq .qv-hd{background:rgba(255,255,255,.4)}
.t-house #pcw-pfq .qv-s h2{font-size:24px}
#pcw-pfq .qv-enq{display:block;text-align:center;font-size:14px;font-weight:700;color:#3D7F60!important;text-decoration:none;padding:4px 0}
#pcw-pfq .qv-enq:hover{text-decoration:underline}
.hcb{background:#2E3A42;color:#fff;position:relative;overflow:hidden;margin-top:24px}
.hcb::before{content:"";position:absolute;inset:0;background:url(img/pattern-grey-lg.svg) center/cover;opacity:.5;pointer-events:none}
.hcb-i{position:relative;display:grid;gap:22px;padding-top:40px;padding-bottom:44px}
@media (min-width:700px){.hcb-i{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;padding-top:56px;padding-bottom:56px}}
.hcb .ey{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#009EDC}
.hcb h2{margin:8px 0;font:700 28px/1.15 'Playfair Display',Georgia,serif;color:#fff}
@media (min-width:700px){.hcb h2{font-size:34px}}
.hcb p{margin:0;color:rgba(255,255,255,.84);max-width:520px;font-size:16px;line-height:1.6}
.hcb .acts{flex-direction:column;align-items:stretch;gap:12px}
.hcb-l{color:#fff!important;font-weight:600;font-size:14.5px;text-align:center;text-decoration:none}
.hcb-l:hover{color:#009EDC!important}
.hf{background:#26313a;color:rgba(255,255,255,.7);font-size:14px}
.hf-i{display:grid;gap:24px;padding-top:36px;padding-bottom:22px}
@media (min-width:700px){.hf-i{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:32px}}
.hf p{margin:12px 0 0;max-width:340px;line-height:1.6;color:rgba(255,255,255,.62)}
.hf h5{font:700 12px/1.3 'Open Sans',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0 0 12px}
.hf a{display:block;color:rgba(255,255,255,.86)!important;text-decoration:none;margin-bottom:9px}
.hf a:hover{color:#009EDC!important}
.hf .hs-b{display:flex;margin:0;color:#fff!important}
.hf-c{height:52px;width:auto;background:#fff;padding:4px;border-radius:2px;margin-top:14px;display:block}
.hf-lg{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12.5px;color:rgba(255,255,255,.55)}
.hf-lg a{display:inline;margin:0;color:rgba(255,255,255,.55)!important}
.hfs{background:#F5F5F6;border-top:1px solid #E3E4E6;margin-top:12px}
.hfs-i{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;padding-top:22px;padding-bottom:26px;font-size:14px;line-height:1.5;color:#5B666E}
.hfs-i>span:nth-child(2){flex:1;min-width:220px}
.hfs b{display:block;font:700 17px/1.3 'Playfair Display',Georgia,serif;color:#2E3A42;margin-bottom:2px}
.hfs .hs-o{width:44px;height:44px;box-shadow:0 0 0 1px #E3E4E6}
.hfs .hf-c{margin:0}
/* Links and eyebrows are the site's blue, whatever the member's colour (that only fills the avatar) */
.pf.t-house{--acc:#00739F;--on-acc:#FFFFFF}
.t-house .csn{border-left:3px solid #009EDC}
.hs{position:relative;font-family:'Open Sans',system-ui,sans-serif}
.hs-open .hs-n{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;z-index:60;background:#2E3A42;padding:4px 16px 14px;border-top:1px solid rgba(255,255,255,.12)}
.hs-open .hs-n a{padding:10px 0}
@media (min-width:960px){.hs-open .hs-n{position:static;flex-direction:row;gap:24px;padding:0;border:0;background:none}.hs-open .hs-n a{padding:0}}
.hb-av{position:relative;overflow:hidden;background:var(--acc-main);color:var(--on-acc-main)}
.hb-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.hb-h .cm{margin:8px 0 0}
.hb-h .ab{margin:12px 0 0;font-size:15px;color:#5B666E;max-width:640px}
.hb-meta{margin-top:2px}
.hb-sw:hover b{color:#00739F}
.t-house .pf-from{display:none}
/* The brand frame around the other styles */
.pcb{background:#2E3A42;color:#fff;font-family:'Open Sans',system-ui,sans-serif}
.pcb-i{display:flex;align-items:center;justify-content:space-between;gap:14px;height:52px}
.pcb-l{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;min-width:0}
.pcb-o{width:34px;height:34px;flex:none;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pcb-o img{width:24px;height:24px}
.pcb-o.big{width:52px;height:52px}
.pcb-o.big img{width:36px;height:36px}
.pcb-t{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9FD8F2;white-space:nowrap}
.pcb-n{display:flex;gap:20px;font-size:14px;font-weight:600}
.pcb-n a{color:#fff!important;text-decoration:none;white-space:nowrap}
.pcb-n a:hover{color:#9FD8F2!important}
.pcb-n .w{display:none}
@media (min-width:700px){.pcb-n .w{display:inline}}
.pcf{background:#2E3A42 url(img/pattern-blue-wide.png) center/cover;color:#fff;font-family:'Open Sans',system-ui,sans-serif}
.pcf-i{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 16px;align-items:center;padding-top:26px;padding-bottom:28px}
.pcf-t b{display:block;font:700 19px/1.3 'Playfair Display',Georgia,serif;color:#fff;margin-bottom:3px}
.pcf-t span{font-size:14px;line-height:1.5;color:#D7DEE2}
.pcf-c{height:58px;width:auto;background:#fff;border-radius:2px;padding:4px;grid-column:1/-1;justify-self:start}
.pcf-n{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;font-weight:700}
.pcf-n a{color:#fff!important;text-decoration:none;white-space:nowrap}
.pcf-n a:hover{color:#9FD8F2!important}
@media (min-width:700px){.pcf-i{grid-template-columns:auto minmax(0,1fr) auto auto;gap:20px 26px}.pcf-c{grid-column:auto}.pcf-n{grid-column:auto;flex-direction:column;gap:6px}}
.ft a{color:var(--pc-muted);text-decoration:none;font-weight:600}
.ft a:hover{color:var(--pc-text)}
.hb-meta .no{display:inline-flex;align-items:center;gap:7px;color:#7a848b;font-weight:700}
.hb-meta .no::before{content:"";width:8px;height:8px;border-radius:50%;background:#B9C3C9}
/* ==== The site header, copied from the theme to the pixel, and the member band on the profile's grid
 * (Leif, 2026-10-22: the page jumped between the profile and portfolio tabs). Header: 80px over 600px wide,
 * 70px to 481px, 88px below; the menu shows over 960px. Band: 1080px wide with 32px sides, like the
 * directory profile, and its parts sized and spaced exactly as pcw-directory's class-pcw-dir-profile.php. */
.hs{height:80px;font-family:Roboto,'Open Sans',system-ui,sans-serif}
.hs-i{max-width:none;height:80px;padding:0 2.5%;display:flex;align-items:flex-start;gap:0}
.hs-lg{flex:none;display:block;margin-top:10px;line-height:0}
.hs-lg img{width:60px;height:60px;display:block}
.hs-n{display:none;margin:0 auto;padding-top:15px;gap:30px}
.hs-n a{position:relative;font:500 15px/15px Roboto,'Open Sans',system-ui,sans-serif;color:#fff!important}
.hs-n a:hover,.hs-n a.on{color:#fff!important}
.hs-n a.dd::after{content:"";position:absolute;left:50%;top:20px;width:7px;height:7px;margin-left:-5px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.hs-e{margin-left:auto;padding-top:14px;gap:18px;align-items:flex-start}
.hs-e a{font:400 16px/1 Roboto,'Open Sans',system-ui,sans-serif;color:#fff!important}
.hs-e .si{display:inline-flex;align-items:center;gap:10px;height:39px;margin-top:1px;padding:0 15px;border:1px solid #fff;border-radius:4px}
.hs-e .si::after{content:"";width:11px;height:13px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M2.5 6V4a3 3 0 0 1 6 0v2' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Crect x='0.5' y='5.5' width='10' height='7.5' rx='1' fill='%23fff'/%3E%3C/svg%3E")}
.hs-e .si:hover{background:rgba(255,255,255,.1);color:#fff!important}
.hs-e .hs-j{display:inline-flex;align-items:center;height:43px;padding:0 15px;border:1px solid #509E7A;border-radius:4px;background:#509E7A}
.hs-m{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:50px;height:35px;margin-top:3px;padding:0;border:0;border-radius:4px;background:#636C72;cursor:pointer}
.hs-m span{display:block;width:20px;height:2px;border-radius:20px;background:#fff}
@media (min-width:961px){.hs-n{display:flex}.hs-m{display:none}}
@media (max-width:600px){.hs,.hs-i{height:70px}.hs-e .si,.hs-e .hs-j{display:none}.hs-m{width:35px}}
@media (max-width:480px){.hs,.hs-i{height:88px}.hs-lg img{width:78px;height:78px}}
.hs-open .hs-n{top:100%}
/* The member band, on the profile's grid */
.t-house .pf-w{max-width:1080px;padding-left:32px;padding-right:32px} /* sides only: a shorthand here wiped the bands' own top and bottom space */
.t-house .hb .pf-w{padding-top:16px}
.hb-c{padding:0;gap:0;font-size:13px;line-height:20px}
.hb-c span{margin:0 8px}
.hb-m{padding:22px 0 24px;gap:22px 24px;align-items:flex-start} /* top, not centre: a long bio opened under "More about" moved the headshot and buttons down (Leif, 2026-10-27) */
.hb-m .hb-av{width:112px;height:112px;font-size:38px}
.hb-h{min-width:220px}
.hb-h h1{margin:0;font-size:36px;line-height:1.12}
.hb-h .cm{margin:8px 0 0}
.hb-l{margin:6px 0 0;font-size:16.5px;line-height:1.45}
.hb-meta{margin:8px 0 0;gap:6px 18px;font-size:14px;line-height:22px}
.hb-a{gap:8px;min-width:210px}
.hb-a .pbtn,.hb-s .pbtn{display:flex;align-items:center;justify-content:center;height:44px;padding:0 18px;font-size:15px;line-height:1.3}
.hb-t{gap:26px}
.hb-t a{padding:12px 0;font:600 15px/22px 'Open Sans',system-ui,sans-serif}
.hb.slim .hb-c{padding-top:0}
.hb-s{padding:16px 0}
@media (max-width:782px){
	.hb-m{padding-bottom:20px}
	.hb-m .hb-av{width:84px;height:84px;font-size:28px}
	.hb-h{min-width:180px}
	.hb-h h1{font-size:30px}
	.hb-a{width:100%;flex-direction:row;min-width:0}
	.hb-a .pbtn{flex:1;padding:0 10px}
}
/* The menu sits centred between the logo (+10px) and the buttons, as the theme lays it out: 18px over 1280px wide, 15px below; links 15px apart each side, 5px at 1240px and below */
.hs-n{flex:1;justify-content:center;margin:0 0 0 10px;gap:0}
.hs-n a{margin:0 15px;font-size:18px;line-height:1}
.hs-n a.dd::after{top:calc(1em + 5px)}
@media (max-width:1280px){.hs-n a{font-size:15px}}
@media (max-width:1240px){.hs-n a{margin:0 5px}}
.hs-e{margin-left:0}
@media (max-width:960px){.hs-e{margin-left:auto}}
.hs-e .si{padding:0 14px 0 15px}
/* The Pro badge beside the name, as on the profile */
.hb-nr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hb-pro{font:700 10px/1.5 'Open Sans',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5B666E;background:#F5F5F6;border:1px solid #E3E4E6;border-radius:999px;padding:2px 8px;cursor:help}
@media (max-width:782px){.hb-a .pbtn{flex:1 1 0}}
.hs-n a.dd::after{width:6px;height:6px;margin-left:-4px;border-width:0 2.5px 2.5px 0}

/* The member's own link with the membership band turned off: just their copyright line */
.hfo{border-top:1px solid #E3E4E6;margin-top:12px;padding:22px 0 26px;font-size:13px;color:#5B666E}
/* The enquiry form (PCW_PF_Render::enquiry_page): the gate's page, wider and left-aligned */
.gate.enq{align-items:flex-start}
.enq-b{width:100%;max-width:600px}
.enq-b .lg{margin:18px 0 26px;font-size:19px}
.enq-b h1{font-family:var(--pc-heading-font);font-size:30px;line-height:1.15;margin:0 0 8px}
.enq-b > p{margin:0 0 22px;color:var(--pc-muted);font-size:16px;line-height:1.5}
.enq-back{font-size:14px;font-weight:600;color:var(--pc-muted)!important;text-decoration:none}
.enq-back:hover{color:var(--pc-text)!important}
.enq-b form{display:flex;flex-direction:column;gap:16px}
.enq-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.enq-2{grid-template-columns:1fr}}
.enq-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.enq-f > span{font-size:14px;font-weight:700}
.enq-f i{font-style:normal;font-weight:400;color:var(--pc-muted)}
.enq-f input,.enq-f textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:var(--bw) solid var(--pc-text);border-radius:var(--r);background:var(--pc-bg);color:var(--pc-text);font:16px/1.5 var(--pc-body-font)}
.enq-f textarea{resize:vertical;min-height:90px}
.enq-f input:focus,.enq-f textarea:focus{outline:3px solid var(--acc);outline-offset:1px}
.enq-f.bad input,.enq-f.bad textarea{border-color:#b32d2e}
.enq-err{color:#b32d2e;font-size:13px;font-weight:600}
.enq-alert{background:#fbeaea;color:#8a2020;padding:12px 14px;border-radius:var(--r);font-size:14px;margin:0 0 6px}
.enq-note{font-size:13px;color:var(--pc-muted);line-height:1.5;margin:4px 0 0}
.enq-note a{color:inherit}
.enq-b .pbtn{align-self:flex-start}
.enq-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}