/* pn-mh-title-20260914.css — "SCOOTLY BRIEF" MOVES ONTO THE IMAGE.
   =============================================================================================
   Jon, verbatim: "'scootly brief' should be big and overlaid on the image." The full title
   (BRAND · BRIEF/PITCH) lived in the mac-titlebar chrome above the masthead — 12.5px plain text
   in the small window-frame strip, not on the photograph it announces. The brand name already
   printed at hero scale ON the masthead (`.wr-mh-name`, style-01.css); the qualifier
   (script-01.js, `.wr-mh-kind`) now joins it there as one editorial title, and the titlebar's
   OWN copy of the same words is muted below — dots + Back stay exactly where they were, this
   only moves the TEXT. Loads LAST. Renders: design/review-laptop-2026-09-14/after/.
   ============================================================================================= */

/* the qualifier — same face as the brand name, one size down, a hairline rule instead of a
   middot (reads as ONE title card: "SCOOTLY" then, dropped a register, "BRIEF") */
html body .wr-masthead .wr-mh-name .wr-mh-kind{
  display:inline-block; margin-left:.32em; padding-left:.34em;
  border-left:2px solid rgba(255,255,255,.4);
  font-family:var(--pn-type-face),IS,sans-serif; font-weight:800; font-style:normal;
  text-transform:uppercase; letter-spacing:-.01em;
  font-size:.46em; line-height:1; vertical-align:middle;
  color:rgba(255,255,255,.86);
}
body[data-stg="build"] .wr-masthead .wr-mh-name .wr-mh-kind{ color:var(--p2,#f97316); }

/* the titlebar above keeps its dots + Back — only its OWN copy of the title text is muted, since
   the full title now lives on the image itself. Scoped to the pitch/brief window specifically. */
html body .pitch-wrap.pn-fwin > .mac-titlebar .mac-tb-title{
  opacity:0; visibility:hidden;
}

@media (max-width:640px){
  html body .wr-masthead .wr-mh-name .wr-mh-kind{ font-size:.42em; }
}