/* ===========================================================================
   SITE CONFIG — edit this file, not the pages.
   Every page loads this, so a change here applies everywhere at once.
   =========================================================================== */


/*  ┌─────────────────────────────────────────────────────────────────────┐
    │  HOME ICON SIZE                                                     │
    │                                                                     │
    │  Change the ONE number below. Bigger number = bigger logo.          │
    │  It's the icon's HEIGHT in pixels; the width adjusts by itself      │
    │  so the drawing never squashes.                                     │
    │                                                                     │
    │      30px  = tiny (about where the old "P" was)                     │
    │      60px  = small                                                  │
    │     100px  = medium                                                 │
    │     160px  = large                                                  │
    │     240px  = statement                                              │
    │                                                                     │
    │  Save the file, then refresh the browser to see it.                 │
    └─────────────────────────────────────────────────────────────────────┘  */

:root{
  --logo-h: 60px;
}


/*  Phones are narrower, so the icon shrinks there. Set this smaller than
    the number above — or delete these 3 lines to use one size everywhere.  */
@media (max-width:560px){
  :root{
    --logo-h: 40px;
  }
}


/*  Fade the icon back a little if it feels too loud.
    1 = full strength, 0.8 = softer, 0.5 = half.  */
:root{
  --logo-opacity: 1;
}


/* ---------------------------------------------------------------------------
   Plumbing below — you shouldn't need to touch this.
   --------------------------------------------------------------------------- */

.logo{
  display:block;
  line-height:0;
}
.logo .logo-mark{
  display:block;
  height:var(--logo-h);   /* set above */
  width:auto;             /* keeps the drawing's proportions */
  opacity:var(--logo-opacity);
}