/* Changes 1–4: scoped to the header; original footer artwork is untouched. */
.q-header .q-logo { flex:0 0 auto; }
.q-header .q-logo .supplied-logo { display:block; width:165px; height:55px; overflow:visible; }
.q-header .q-logo svg { max-width:none; }
.privacy-copy { max-width:850px; margin-inline:auto; padding:55px 0 90px; }
.privacy-copy h2 { font-size:clamp(24px,3vw,34px); margin:38px 0 15px; }
.privacy-copy p { line-height:1.85; color:var(--muted,#bdc8d4); }
.privacy-draft { padding:18px 22px; border:1px solid #548bb8; border-radius:12px; }
.privacy-copy a { text-decoration:underline; text-underline-offset:4px; }
#particle-guide { position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:5; }
/* Give the approved detailed silhouettes their own whitespace, rather than
   shrinking them to tiny icons when the heading spans the whole viewport. */
.guide-hero-slot{display:none}
@media(min-width:801px){
  .has-particle-portrait .page-header > .wrap{position:relative;min-height:420px;padding-bottom:48px}
  .has-particle-portrait .page-header h1,.has-particle-portrait .page-header p{max-width:62%}
  .has-particle-portrait .page-header h1{font-size:clamp(43px,5vw,76px)}
  .has-particle-portrait .guide-hero-slot{display:block;position:absolute;right:0;top:42px;width:34%;height:350px;pointer-events:none}
  .has-particle-portrait .ai-detail-layout > div:first-child{padding-bottom:70px}
  .has-particle-portrait .ai-detail-layout > div:first-child > a{margin-top:24px}
}
@media(min-width:1250px){
  .has-particle-portrait .page-header > .wrap{min-height:490px}
  .has-particle-portrait .guide-hero-slot{height:430px;top:32px}
}
@media(prefers-reduced-motion:reduce){
  .has-particle-portrait .page-header > .wrap{min-height:0}
  .has-particle-portrait .page-header h1,.has-particle-portrait .page-header p{max-width:1130px}
}
@media(max-width:540px){.q-header .q-logo .supplied-logo{width:128px;height:43px}.privacy-copy{padding-top:25px}}
@media(prefers-reduced-motion:reduce){#particle-guide{display:none}}