/* One look for the whole site (31 Oct 2026).
   Colours for the content sections come from the variables below, so the whole site
   can change colour in one place. Loaded after each page's own styles.
   Default is B "Warm Graphite"; html.opt-a and html.opt-c are the other two directions. */

:root{
  /* Near-black from the landing page, for every page (31 Oct 2026).
     Janice found the charcoal (B Warm Graphite, #3A3633) too blocky and dense. */
  --c-bg:#141210;          /* content sections */
  --c-text:#F2EEE7;        /* main text */
  --c-muted:#B5ADA2;       /* small labels, captions */
  --c-line:rgba(243,238,230,.16);  /* hairlines */
  --c-key:rgba(255,255,255,.1);    /* thin line round each photo */
  --c-mount:transparent;   /* square behind gallery photos */
  --c-shadow:rgba(0,0,0,.55);
  --c-box:rgba(255,255,255,.05);   /* notice boxes */
}
html.opt-a{          /* A: Faded Black */
  --c-bg:#24201D; --c-text:#ECE7DF; --c-muted:#A8A096; --c-line:#3D3833;
  --c-key:#3D3833; --c-mount:transparent; --c-shadow:rgba(0,0,0,.6); --c-box:rgba(255,255,255,.06);
}
html.opt-c{          /* C: Archive Bone */
  --c-bg:#E4DED4; --c-text:#1E1B18; --c-muted:#645C53; --c-line:#C9C1B4;
  --c-key:transparent; --c-mount:#F3EFE8; --c-shadow:rgba(30,27,24,.28); --c-box:rgba(30,27,24,.06);
}

/* The sections that used to be white (light2 is the pale band on The Prints) */
.light,.light2,.on-paper{
  --ink:var(--c-text);
  --paper:var(--c-bg);
  --muted:var(--c-muted);
  --stone:var(--c-muted);
  --soft:var(--c-text);
  --line-dark:var(--c-line);
  color:var(--c-text);
  background:var(--c-bg)!important;
}
.light .cta,.light2 .cta,.on-paper .cta{color:#FAFAF7}

/* Gallery: photos on the wall colour, a thin keyline instead of a block */
.gallery .mount{background:var(--c-mount)!important}
.gallery .mount img{box-shadow:0 0 0 1px var(--c-key),0 18px 36px -16px var(--c-shadow)!important}
.gallery .where,.gallery .price{color:var(--c-muted)!important}
.buy-pic{background:var(--c-bg)!important}

/* No italics anywhere */
em,i,.deck,.lede,.sub,.stand{font-style:normal!important}

/* Page headlines: one size on every page */
h1{font-size:clamp(2.8rem,min(6vw,10vh),5.4rem)!important;line-height:1!important}
.pitch h1 em{font-size:.5em!important}

/* The paragraph under a headline: one size on every page */
.deck,.intro .deck,.hero .sub,.lede,.body .stand{
  font:300 clamp(1.15rem,1.7vw,1.45rem)/1.45 var(--sans)!important;
  letter-spacing:0!important;
}
.body .stand{margin-bottom:0!important}

/* Section headlines: one size on every page */
.close h2,.p-head h2{font-size:clamp(2.25rem,5.2vw,4.4rem)!important;line-height:1!important}

/* Film-strip holes: gone from every page */
.sprockets,.strip{display:none!important}

/* Notice boxes on Terms and Privacy */
.doc .notice{background:var(--c-box)!important;color:var(--c-text)!important}

/* "Your first testimonials go here": hidden until there are real customer quotes */
.wall{display:none!important}

/* No white page showing through gaps between sections */
html,body{background-color:#141210!important}

/* Meet Dave: caption on the cream photo frame stays dark */
.photo.mount figcaption,.photo.mount figcaption span{color:#5E574F!important}

/* Gimmicks gone (31 Oct 2026): film-roll labels ("DHP 400 > 02 > PROFILE", "END OF ROLL"),
   the crop marks, "DH 01A" labels and camera-flash on the home photo, and the red "recording" dots */
.edge{display:none!important}
.cover .crop,.cover .fm,.cover .flash{display:none!important}
.rec-label i{display:none!important}

/* One menu, at the top of every page (31 Oct 2026): Meet Dave, The Gallery,
   Join the Guestlist, Terms, Privacy. The menu at the bottom has gone. */
.hnav{display:flex;align-items:center;gap:clamp(16px,2.2vw,30px)}
.hnav a.nav{display:inline-flex;align-items:center;min-height:48px;font-size:15px;font-weight:500;color:var(--paper,#FAFAF7);white-space:nowrap;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}
.top .hnav a.nav{color:#FAFAF7}
.hnav a[aria-current="page"]{text-decoration-thickness:2px}
/* Narrower screens: the name on one line, the menu on a second line under it */
@media(max-width:980px){
  :root{--hdr:100px}
}
@media(max-width:520px){
  :root{--hdr:96px}
  /* phones: smaller menu so it fits on one line (wraps only on very narrow phones) */
  .hnav{column-gap:10px!important;justify-content:space-between}
  .hnav a.nav{font-size:12px!important;min-height:34px!important}
  .top{padding-left:16px!important;padding-right:16px!important}
}
@media(max-width:980px){
  .hdr{height:auto!important}
  .hdr .wrap{flex-wrap:wrap;height:auto!important;row-gap:0;padding:6px 0 4px}
  .top{flex-wrap:wrap!important;row-gap:0!important;padding-top:6px!important;padding-bottom:4px!important}
  .hnav{width:100%;flex-wrap:wrap;column-gap:18px;row-gap:0}
  .hnav a.nav{min-height:36px;font-size:14px}
  .brand span:not(.brand-name){display:inline!important}
  .top .brand{flex-direction:row!important;align-items:center!important;gap:.6em!important}
}

/* Thin line where a dark band meets the content below it, instead of a colour change */
.on-paper{border-top:1px solid rgba(243,238,230,.1)}

/* A little wider on big screens, so the framed gallery photos can be bigger
   and everything still lines up on every page (31 Oct 2026) */
.wrap{width:min(100% - 2*var(--edge),1440px)!important}

/* Phones (1 Nov 2026, Home added 3 Nov 2026): five menu links on one line,
   now that Terms and Privacy have moved to the footer */
@media(max-width:520px){
  .hnav{display:grid!important;grid-template-columns:repeat(5,auto);justify-content:space-between;column-gap:6px!important;row-gap:0!important}
  .hnav a.nav{font-size:12.5px!important;min-height:40px!important}
  :root{--hdr:96px}
}

/* Terms and Privacy, moved from the top menu to the footer (1 Nov 2026) */
.small-print{display:flex;flex-wrap:wrap;gap:0 28px;margin:0;font-size:14px}
.small-print a{display:inline-flex;align-items:center;min-height:44px;color:inherit;opacity:.8;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}
.small-print a:hover,.small-print a[aria-current="page"]{opacity:1}

/* Very narrow phones (3 Nov 2026): five links don't fit on one line,
   so the menu goes onto two tidy rows */
@media(max-width:369px){
  .hnav{grid-template-columns:repeat(3,auto)!important;column-gap:10px!important}
}