/* PJ release refinement — mobile, tablet, foldable, privacy and print presentation.
   Kept separate from legacy styles.css so the final design decisions live in one layer. */
:root{--pj-oxblood:#260d1b;--pj-gold:#bd925b;--pj-ink:#381b2b;--pj-ivory:#faf7f3}
html{overflow-x:clip;scroll-padding-top:88px}
body{min-width:0;overflow-x:clip}
main,section,article,header,footer,aside,nav,figure{min-width:0}
img,svg,video{max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit}
a,button,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #caa16b;outline-offset:4px}
.pj-form-bottom a{color:#84542e;text-decoration:underline;text-underline-offset:3px}
.pj-footer-bottom{flex-wrap:wrap;gap:12px 22px}
.pj-footer-bottom a[href="/privacy"]{color:#e9c992;text-decoration:underline;text-underline-offset:4px}
.pj-contact-form-intro,.pj-contact-form-card,.company-panel,.premium-hero-copy,.premium-hero-media{min-width:0}
.pj-form-field :is(input,select,textarea){font-size:16px!important}
.pj-article-toc a{overflow-wrap:break-word}
/* A distinctive career timeline based only on evidenced phases, no invented dates. */
.experience-timeline{position:relative;border-top:0!important;padding-left:43px;max-width:1120px}
.experience-timeline::before{content:"";position:absolute;top:24px;bottom:35px;left:11px;width:1px;background:#cda978}
.experience-entry{position:relative;grid-template-columns:minmax(140px,.31fr) minmax(0,.69fr);gap:clamp(20px,4vw,70px);padding:32px 0 38px!important;border-bottom:1px solid #e5d9d6}
.experience-entry::before{content:"";position:absolute;top:37px;left:-42px;width:17px;height:17px;border:3px solid #ad7f47;background:#fff;border-radius:50%;box-shadow:0 0 0 5px #f8f2e9}
.experience-entry:nth-child(2)::before{background:#dbc093}
.experience-entry:last-child::before{background:#56263a;border-color:#56263a}
.experience-stage{font:700 11px/1.6 Inter,Arial,sans-serif;letter-spacing:.09em;color:#866035}
.experience-entry h2{font-size:clamp(22px,2.4vw,31px);margin:0 0 8px}
.experience-entry p{line-height:1.8}
.experience-entry .role-tag{font-weight:600;color:#7e5a45}
/* No meaningless motion or giant whitespace on smaller screens. */
.kc-hero .hero-primary h1,main .premium-hero h1{text-wrap:balance;overflow-wrap:normal}
.kc-hero .hero-thesis,main .premium-hero-summary{text-wrap:pretty}
main .premium-hero .premium-graphic{background:#fff!important}
.hero-signal-grid,.pj-form-fields,.scope-grid,.company-grid,.library-grid{min-width:0}
.contact-channel,.pj-footer-col a,.pj-footer-direct a{overflow-wrap:anywhere}
main :is(.executive-chapter,.pj-chapter,.pj-next,.pj-contact-form-section,.privacy-content){scroll-margin-top:86px}
.pj-hero-photo,.premium-hero-photo{overflow:hidden}
.premium-hero-photo img{width:100%;height:100%;object-fit:cover}
.pj-contact-form-layout{column-gap:clamp(28px,5.5vw,92px)}
/* Privacy content: substantive editorial prose rather than blank cards. */
.privacy-content{padding:clamp(55px,8vw,110px) 0;background:#faf7f3}
.privacy-container{max-width:1100px;margin:0 auto}
.privacy-intro{font:400 clamp(17px,1.5vw,21px)/1.8 Inter,Arial,sans-serif;color:#553d4d;max-width:860px;margin:0 0 38px}
.privacy-container>section{display:grid;grid-template-columns:minmax(190px,.4fr) minmax(0,.6fr);gap:clamp(24px,5vw,80px);border-top:1px solid #dfd1d2;padding:28px 0}
.privacy-container>section:last-child{border-bottom:1px solid #dfd1d2}
.privacy-container h2{font:500 clamp(18px,1.8vw,25px)/1.35 Poppins,Arial,sans-serif;color:#351827;margin:0}
.privacy-container>section p{font:400 15px/1.85 Inter,Arial,sans-serif;color:#66555e;max-width:620px;margin:0}
.privacy-container a{color:#8e612e;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
/* Printable professional introduction. */
.brief-shell{background:#f6f1eb;padding:128px 0 85px;min-height:100svh}
.brief-wrap{max-width:1160px;margin:0 auto}
.brief-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;color:#714d62;font:700 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.1em}
.brief-toolbar button{display:inline-flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid #4a1c30;color:#fff;background:#4a1c30;border-radius:10px;padding:13px 18px;font:600 13px Inter,Arial,sans-serif;cursor:pointer}
.brief-toolbar button:hover{background:#662c44}
.brief-document{max-width:980px;margin:0 auto;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 20px 66px #37131d16;border:1px solid #e2d7d5;color:#351827}
.brief-top,.brief-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 5%;font:700 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.11em}
.brief-top{background:#260d1b;color:#e6c592}
.brief-bottom{border-top:1px solid #ddd0cf;color:#755e6b}
.brief-hero{padding:60px 5% 54px;background:#381525;color:#fff}
.brief-hero>span,.brief-columns section>span{display:block;color:#dfb778;font:700 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;margin-bottom:18px}
.brief-hero h1{color:#fff;font:500 clamp(42px,5vw,66px)/1.13 Poppins,Arial,sans-serif;letter-spacing:-.05em;margin:0 0 21px}
.brief-hero p{font:400 19px/1.7 Inter,Arial,sans-serif;color:#eee4e8}
.brief-intro{padding:42px 5%;display:grid;grid-template-columns:.8fr 1fr;gap:8%;border-bottom:1px solid #e8dede}
.brief-intro h2{font:500 clamp(22px,2.3vw,32px)/1.35 Poppins,Arial,sans-serif;margin:0;color:#371827}
.brief-intro p{font:400 15px/1.8 Inter,Arial,sans-serif;color:#6b5d64;margin:0}
.brief-columns{display:grid;grid-template-columns:1fr 1fr;padding:20px 5% 32px;gap:18px 5%}
.brief-columns section{padding:20px 0;border-bottom:1px solid #e9dede}
.brief-columns h3{font:500 19px/1.45 Poppins,Arial,sans-serif;color:#351827;margin:0 0 12px}
.brief-columns p{font:400 14px/1.8 Inter,Arial,sans-serif;color:#66555d;margin:0}
.brief-columns a{color:#825c39;text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:1180px){
 html main>.premium-hero.inner-hero{min-height:0}
 html main>.premium-hero .premium-hero-frame{min-height:90svh}
 .company-grid{gap:4%}
 .pj-contact-form-layout{gap:5%}
}
@media(max-width:960px){
 .premium-hero-layout{grid-template-columns:1fr!important;gap:26px!important}
 html main>.premium-hero .premium-hero-frame{min-height:0;padding-top:110px;gap:22px}
 html main>.premium-hero .premium-hero-media{width:100%;justify-self:stretch}
 .premium-hero-photo,.premium-graphic{height:clamp(250px,39vh,400px)!important;max-width:100%!important}
 .premium-hero-photo img{height:100%}
 .experience-entry{grid-template-columns:1fr;gap:8px}
 .pj-prefooter-inner{grid-template-columns:1fr;gap:30px}
 .pj-prefooter-meta{max-width:100%;border-left:0;border-top:1px solid #ffffff36;padding:20px 0 0}
 .pj-contact-form-layout{grid-template-columns:1fr}
 .brief-intro{grid-template-columns:1fr;gap:16px}
}
@media(max-width:760px){
 html{scroll-padding-top:75px}
 .header-inner{height:67px}
 .wordmark{gap:9px}
 .wordmark-symbol{font-size:23px}
 .wordmark-copy{font-size:11px;letter-spacing:.055em}
 .wordmark-copy small{font-size:10px;white-space:nowrap}
 .menu-toggle{min-width:44px;min-height:44px;width:44px;height:44px}
 .directory-layout{grid-template-columns:1fr}
 .directory-aside{display:block}
 .directory-head{gap:14px}
 .directory-close{min-height:44px;min-width:44px}
 .hero-inner{min-height:100svh;padding-top:95px;padding-bottom:24px}
 .hero-core{padding:32px 0 31px;gap:25px}
 html .kc-hero .hero-primary h1{font-size:clamp(32px,7.8vw,49px)!important;line-height:1.22;letter-spacing:-.045em}
 .kc-hero .hero-thesis{font-size:clamp(15px,3.9vw,17px);line-height:1.68}
 .hero-actions{display:flex;flex-wrap:wrap;gap:11px}
 .hero-actions a{min-height:44px}
 .hero-baseline{gap:10px;flex-wrap:wrap;font-size:10px}
 html main>.premium-hero .premium-hero-frame{padding-top:104px;padding-bottom:26px;gap:18px}
 html main>.premium-hero h1{font-size:clamp(30px,7.35vw,45px)!important;line-height:1.26}
 .premium-hero-summary{font-size:15px!important}
 .premium-hero-photo,.premium-graphic{height:clamp(230px,41vw,360px)!important;min-height:225px}
 .premium-graphic{padding:22px}
 .premium-hero-bottom>span:last-child,.premium-hero-top>span:last-child{display:none}
 .inner-hero-lines{opacity:.25}
 .pj-chapter-grid,.scope-grid,.insight-grid,.three-statements,.domain-grid,.stage-grid,.library-grid{grid-template-columns:1fr}
 .company-grid,.pj-contact-form-layout,.pj-next-inner{grid-template-columns:1fr}
 .pj-contact-form-card{padding:20px 16px}
 .pj-form-fields{grid-template-columns:1fr}
 .pj-form-field-wide{grid-column:auto}
 .pj-form-bottom{flex-direction:column;align-items:stretch}
 .pj-form-submit{width:100%}
 .pj-form-submit,.pj-copy-action{min-height:45px}
 .pj-footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}
 .pj-footer-bottom a{min-height:28px}
 .privacy-container>section{grid-template-columns:1fr;gap:11px;padding:24px 0}
 .brief-wrap{padding-inline:3%}
 .brief-columns{grid-template-columns:1fr}
 .brief-toolbar{flex-direction:column;align-items:flex-start}
}
@media(max-width:500px){
 .hero-upper-right{display:none}
 html .kc-hero .hero-primary h1{font-size:clamp(30px,7.4vw,38px)!important}
 .hero-baseline>span:nth-child(2){display:none}
 .premium-hero-media{margin-bottom:10px}
 .premium-hero-photo,.premium-graphic{height:255px!important}
 .premium-graphic-editorial>strong{font-size:50px}
 .premium-graphic-contact>a{font-size:15px}
 .journey-graphic-lines strong{font-size:15px!important}
 .pj-contact-form-intro h2{font-size:clamp(26px,7vw,36px)}
 .pj-prefooter h2{font-size:clamp(26px,7vw,34px)}
 .pj-prefooter-meta a,.contact-channel strong{overflow-wrap:anywhere}
 .hero-actions a{font-size:13px}
 .brief-hero{padding:43px 5%}
 .brief-hero h1{font-size:39px}
}
@media(max-width:375px){
 .wordmark-copy small{font-size:9px}
 .wordmark-symbol{font-size:21px}
 .wordmark-divider{display:none}
 .premium-hero-top{font-size:9px}
 html main>.premium-hero h1{font-size:29px!important}
 .pj-prefooter-actions{flex-direction:column;align-items:stretch}
 .pj-prefooter-actions>a{width:100%}
 .hero-actions{flex-direction:column;align-items:stretch}
 .hero-actions a{justify-content:space-between}
}
/* The browser can save this print-friendly profile as a true two-page/one-page PDF. */
@page{size:A4;margin:13mm}
@media print{
 html,body{background:#fff!important;overflow:visible!important;color:#25131b}
 .site-header,.site-footer,.site-footer-expanded,.directory-overlay,.brief-toolbar,.site-reading-progress,.pj-prefooter{display:none!important}
 main{display:block!important;padding:0!important;margin:0!important}
 .brief-shell{background:#fff!important;padding:0!important;min-height:0}
 .brief-wrap{max-width:none;margin:0;padding:0!important}
 .brief-document{max-width:none;box-shadow:none;border:0;border-radius:0;overflow:visible}
 .brief-top,.brief-bottom{padding:12px 20px}
 .brief-hero{padding:29px 20px 24px;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .brief-hero h1{font-size:40px}
 .brief-hero p{font-size:15px}
 .brief-intro{padding:25px 20px;gap:25px}
 .brief-intro h2{font-size:21px}
 .brief-intro p{font-size:12px}
 .brief-columns{padding:10px 20px 20px;grid-template-columns:1fr 1fr;gap:8px 20px}
 .brief-columns section{break-inside:avoid;padding:15px 0}
 .brief-columns h3{font-size:15px}
 .brief-columns p{font-size:11px}
 .brief-bottom{font-size:9px}
}
/* Keep all essential information visible when a user requests reduced motion. */
@media(prefers-reduced-motion:reduce){
 .revealable{opacity:1!important;transform:none!important}
 .hero-art,.inner-hero-lines path{animation:none!important}
 :is(.domain-tile,.library-card,.featured-item,.pj-chapter-item){transition:none!important}
}

/* RESPONSIVE HARDENING — 320px phones through ultra-wide monitors.
   The 1.5% header/footer and 3% body gutters are intentional brand rules. */
html{scrollbar-gutter:stable}
html,body{max-width:100%;overflow-x:clip}
.page-gutter{padding-inline:3%;width:100%;min-width:0}
.header-inner,.directory-shell,.site-footer-expanded .footer-inner{padding-inline:1.5%}
:where(.pj-footer-grid,.pj-footer-col,.pj-prefooter-inner,.pj-contact-form-layout,
       .contact-grid,.company-grid,.scope-grid,.pj-market-grid,.pj-career-layout,
       .pj-chapter-grid,.pj-next-inner,.pj-photo-grid,.premium-hero-layout,
       .article-layout,.library-grid,.brief-columns,.directory-layout)>*{min-width:0}
:where(h1,h2,h3,p,figcaption,.contact-channel strong,.company-mail,
       .pj-footer-direct,.pj-prefooter-meta a,.premium-graphic-contact a,
       .pj-contact-quick a,.brief-columns a){overflow-wrap:anywhere}
:where(.site-header,.directory-overlay,.premium-hero,.hero-immersive){max-width:100vw}
:is(.hero-inner,.premium-hero-frame){height:auto;box-sizing:border-box}
/* Text-based controls and external targets stay usable with touch and keyboard. */
:where(.menu-toggle,.directory-close,.hero-actions a,.pj-prefooter-actions a,
       .pj-form-submit,.brief-toolbar button){touch-action:manipulation}
:where(.pj-form-field input,.pj-form-field select,.pj-form-field textarea){min-width:0;max-width:100%}
.pj-form-fields{min-width:0}
.pj-form-bottom{min-width:0}
.pj-form-bottom p{flex:1;min-width:0}
.pj-footer-grid{gap:clamp(18px,3.1vw,52px)}
.pj-footer-direct{max-width:100%;overflow-wrap:anywhere}
.pj-photo img,.premium-hero-photo img{display:block;width:100%}
.premium-hero-photo{min-width:0}
.hero-flow-art,.inner-hero-lines{pointer-events:none}
html:has(body.directory-open){overflow:hidden;overscroll-behavior:none}
body.directory-open{overscroll-behavior:none}
.directory-overlay:not([hidden]){
 position:fixed;inset:0;height:100vh;height:100dvh;
 overflow-x:hidden;overflow-y:auto;
 overscroll-behavior:contain;
 scrollbar-gutter:stable;
 -webkit-overflow-scrolling:touch
}
.directory-overlay:not([hidden]) .directory-shell{min-height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.directory-nav{min-width:0}
.directory-link{min-width:0}
.directory-name{overflow-wrap:anywhere}
.directory-close,.menu-toggle{min-width:44px;min-height:44px;touch-action:manipulation}
.directory-overlay .directory-close:focus-visible{outline-color:#a77b4f}
.article-prose :is(a,code){overflow-wrap:anywhere}
.article-layout{grid-template-columns:minmax(0,.28fr) minmax(0,.72fr)}
.article-side{min-width:0}
/* Visible focus and tapping without hover-only dependencies. */
@media(hover:none){
 .pj-form-submit:hover,.hero-actions a:hover,.pj-prefooter-actions a:hover{
  transform:none!important;box-shadow:none!important
 }
}
/* Ultra-wide screens: keep copy readable while preserving full-width hero impact. */
@media(min-width:1600px){
 .hero-primary,.premium-hero-copy{max-width:860px}
 .narrative-copy,.article-prose{max-width:920px}
 .hero-inner{min-height:100svh}
 .premium-hero-frame{min-height:88svh}
 .pj-contact-form-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
}
/* Laptops and large foldables: stack overly wide layouts before they crowd. */
@media(max-width:1199px){
 .pj-footer-grid{grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,.8fr));gap:30px}
 .pj-footer-identity{grid-column:1/-1}
 .pj-footer-connect{min-width:0}
 .pj-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pj-market-primary{grid-column:1/-1}
 .company-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4%}
 .hero-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-signal-grid > :nth-child(2n){border-right:0}
 .pj-contact-form-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
}
@media(max-width:1024px){
 .hero-inner{min-height:100svh}
 .premium-hero-frame{min-height:0!important}
 .premium-hero-layout{grid-template-columns:1fr!important}
 .premium-hero-copy{max-width:850px}
 .premium-hero-media{width:100%;min-width:0}
 .premium-graphic,.premium-hero-photo{height:clamp(260px,39svh,410px)!important;min-height:0!important}
 .company-grid,.pj-contact-form-layout{grid-template-columns:1fr;gap:28px}
 .pj-contact-form-card{max-width:860px;width:100%}
 .pj-next-inner{grid-template-columns:1fr;gap:25px}
 .article-layout{grid-template-columns:1fr;gap:26px}
 .article-side{position:static!important;top:auto}
 .pj-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pj-chapter-item{min-height:0}
 .pj-chapter-item:nth-child(2){border-right:0}
 .pj-chapter-item:last-child{grid-column:1/-1;border-top:1px solid #e4dcd6;border-right:0}
}
@media(max-width:820px){
 .directory-layout{grid-template-columns:1fr;gap:20px;align-content:start}
 .directory-aside{border-left:0;border-top:1px solid var(--line);padding:21px 0 0;display:block}
 .directory-link{grid-template-columns:27px minmax(0,1fr) 20px;min-height:50px}
 .directory-description{display:none}
 .directory-head{padding-block:14px}
 .directory-aside-group{margin-bottom:14px}
 .hero-core{grid-template-columns:1fr!important;gap:20px}
 .hero-aside{display:block;max-width:650px;justify-self:start}
 .pj-market-grid,.library-grid,.company-grid,.scope-grid{grid-template-columns:1fr}
 .pj-market-primary{grid-column:auto}
 .pj-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
 .pj-footer-identity{grid-column:1/-1}
 .pj-footer-connect{grid-column:auto}
 .pj-prefooter-inner{grid-template-columns:1fr}
 .pj-contact-form-layout{grid-template-columns:1fr}
 .pj-contact-form-intro{max-width:650px}
 .brief-intro{grid-template-columns:1fr}
 .pj-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pj-form-field-wide{grid-column:1/-1}
}
@media(max-width:600px){
 html{scroll-padding-top:75px;scrollbar-gutter:auto}
 .site-header{max-width:100%}
 .header-inner{gap:10px;min-height:64px}
 /* The old 380px rule hid the identity; keep it visible and shrink gracefully. */
 html .header-inner .wordmark-copy{display:flex!important;flex-direction:column;min-width:0;font-size:11px}
 html .header-inner .wordmark-divider{display:block!important;flex:none}
 html .header-inner .wordmark-symbol{flex:none;font-size:23px}
 html .header-inner .wordmark{min-width:0;max-width:calc(100% - 61px)}
 html .header-inner .wordmark-copy small{font-size:10px;white-space:normal;line-height:1.45}
 .header-controls{margin-left:auto;flex:none}
 .directory-layout{padding-block:6px 24px}
 .directory-nav-top{padding-bottom:8px}
 .directory-link{padding:7px 0;gap:9px;min-height:48px}
 .directory-name{font-size:clamp(17px,5vw,22px)}
 .directory-aside{padding-top:16px}
 .hero-inner{min-height:100svh;padding-top:calc(88px + env(safe-area-inset-top,0px));padding-bottom:max(23px,env(safe-area-inset-bottom,0px))}
 .hero-core{padding-block:25px;gap:20px}
 .hero-primary{max-width:100%}
 html .kc-hero .hero-primary h1{font-size:clamp(29px,8.4vw,46px)!important;line-height:1.18}
 .kc-hero .hero-thesis{font-size:clamp(14px,3.8vw,16px);line-height:1.72}
 .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .hero-actions a{display:flex;align-items:center;justify-content:space-between;min-height:44px}
 .hero-baseline{font-size:10px;line-height:1.55}
 .hero-signal-grid{grid-template-columns:1fr}
 .hero-signal-grid > *{border-right:0!important;min-height:0}
 .hero-signal-grid > *:not(:last-child){border-bottom:1px solid var(--line)}
 .signal-card{padding:19px 18px}
 html main>.premium-hero .premium-hero-frame{padding-top:calc(91px + env(safe-area-inset-top,0px));min-height:0!important}
 html main>.premium-hero h1{font-size:clamp(29px,7.6vw,40px)!important;line-height:1.24}
 .premium-hero-summary{font-size:15px!important}
 .premium-hero-layout{gap:19px}
 .premium-hero-photo,.premium-graphic{height:clamp(235px,63vw,310px)!important;min-height:0!important}
 .premium-graphic{padding:19px}
 .premium-graphic-article .article-graphic-num{font-size:clamp(62px,19vw,95px)}
 .premium-graphic-contact .graphic-symbol{font-size:clamp(95px,25vw,165px)}
 .premium-graphic-contact>a{font-size:clamp(13px,4vw,17px)!important}
 .pj-chapter-grid,.pj-next-inner,.insight-grid,.three-statements,.domain-grid,.stage-grid,.library-grid{grid-template-columns:1fr}
 .pj-chapter-item{grid-column:1!important;border-right:0;border-top:0!important;border-bottom:1px solid #e4dcd6;min-height:0}
 .pj-chapter-item:last-child{border-bottom:0}
 .pj-form-fields{grid-template-columns:1fr}
 .pj-form-field-wide{grid-column:1}
 .pj-form-bottom{flex-direction:column;align-items:stretch}
 .pj-form-submit{width:100%;min-height:46px}
 .pj-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}
 .pj-footer-identity{grid-column:1/-1}
 .pj-footer-direct{font-size:13px}
 .pj-footer-bottom{flex-direction:column;align-items:flex-start}
 .pj-prefooter-actions{display:flex;flex-direction:column;align-items:stretch}
 .pj-prefooter-actions > a{width:100%;min-height:44px;justify-content:space-between}
 .pj-contact-form-card{padding:20px 16px}
 .pj-contact-quick a{font-size:14px}
 .brief-columns,.brief-intro{grid-template-columns:1fr}
 .brief-top,.brief-bottom{flex-wrap:wrap;gap:9px}
 .brief-hero h1{font-size:clamp(34px,9vw,45px)}
 .brief-toolbar button{width:100%;min-height:44px}
 .article-prose h2{font-size:clamp(22px,6.4vw,29px)}
 .article-prose p{font-size:15px;line-height:1.8}
 .pj-article-toc ol{grid-template-columns:1fr}
 .privacy-container>section{grid-template-columns:1fr}
}
/* Extra-small phones: keep brand visible instead of hiding the name at 380px. */
@media(max-width:380px){
 html .header-inner .wordmark-copy{display:flex!important;font-size:10px;letter-spacing:0}
 html .header-inner .wordmark-divider{display:block!important}
 html .header-inner .wordmark-symbol{font-size:21px}
 html .header-inner .wordmark-copy small{font-size:9px}
 .hero-aside{display:block!important}
 .directory-aside h2{font-size:20px}
 .pj-footer-grid{grid-template-columns:1fr 1fr}
 .pj-footer-connect{grid-column:1/-1}
 .pj-footer-bottom{font-size:11px}
}
/* Short landscape orientations (phones & foldables): content scrolls, no clipped CTA. */
@media(max-height:560px) and (orientation:landscape){
 .hero-inner{min-height:0;padding-top:82px;padding-bottom:20px}
 html main>.premium-hero .premium-hero-frame{min-height:0!important;padding-top:85px}
 .hero-core{padding-block:20px}
 .directory-layout{align-content:start;padding:10px 0 24px}
 .directory-head{position:sticky;top:0;z-index:2;background:#faf8f4}
 .premium-hero-photo,.premium-graphic{height:220px!important;min-height:0!important}
}
/* Foldables and two-panel screens: avoid overflowing a narrow pane. */
@media(min-width:600px) and (max-width:1000px) and (orientation:landscape){
 .pj-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pj-footer-identity{grid-column:1/-1}
 .hero-core{gap:24px}
 .premium-hero-layout{grid-template-columns:1fr!important}
 .directory-layout{grid-template-columns:1fr}
}
/* Preserve readable text and visible buttons at 200% browser zoom. */
@media(max-width:420px){
 .header-inner{gap:7px}
 .directory-head-brand>span{display:none}
 .premium-hero-top,.premium-hero-bottom{line-height:1.55}
 .hero-actions a,.pj-prefooter-actions a{white-space:normal}
 .article-breadcrumbs{flex-wrap:wrap;gap:6px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .directory-overlay,.inner-hero-lines path{animation:none!important}
 .has-js .revealable{opacity:1!important;transform:none!important}
}