/* escortgirlslondon.com, "Dropped Prints", inner pages.
   Same desk, same prints and the same single shadow as the homepage; the homepage keeps its
   own copy of the tokens inline because it never loads this file. */
:root{
  --ground:#D9541A;        /* burnt orange desk */
  --ground-hi:#E4682C;     /* the same ink one step up, for the band behind a stack */
  --ground-deep:#B03F0E;   /* pressed harder: hairlines, numbers, button hover */
  --flare:#F08A4B;         /* the same orange lifted, for labels on a dark sheet */
  --paper:#FBF1E6;
  --paper-2:#F3E3D2;
  --ink:#150800;
  --ink-soft:#4A2413;
  --dark:#2A1006;
  --dark-2:#3A1A0B;
  --cream:#FBF1E6;
  --cream-dim:#E3CDB6;
  --good:#1D5B2A;

  --disp:"Archivo","Helvetica Neue",sans-serif;
  --text:"Newsreader",Georgia,"Times New Roman",serif;

  --shadow:0 26px 48px rgba(38,10,0,.34), 0 6px 14px rgba(38,10,0,.26);
  --shadow-sm:0 14px 26px rgba(38,10,0,.30), 0 3px 8px rgba(38,10,0,.22);
  --shadow-lift:0 34px 60px rgba(38,10,0,.40), 0 8px 18px rgba(38,10,0,.30);
  --pad:clamp(16px,3.4vw,52px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--ground);scroll-behavior:smooth}
html,body{overflow-x:hidden;max-width:100%}
@supports (overflow:clip){html,body{overflow-x:clip}}
[hidden]{display:none !important}
body{background:var(--ground);color:var(--ink);font:400 17px/1.62 var(--text);
  font-variation-settings:"opsz" 18;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
img{max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.pane-dark :focus-visible,.foot :focus-visible,.crumbs :focus-visible{outline-color:var(--cream)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:14px;top:14px;z-index:90;background:var(--ink);color:var(--paper);padding:10px 16px;
  font-family:var(--disp);font-weight:700}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main{display:block}
.wrap{max-width:1340px;margin:0 auto;padding:0 var(--pad)}
.ico{width:16px;height:16px;flex:none;fill:currentColor}

/* ---------- shared print behaviour ---------- */
.sheet{position:relative;box-shadow:var(--shadow)}
.print{position:relative;overflow:hidden;background:var(--dark);box-shadow:var(--shadow)}
/* the picture slot. --px/--py crop the photograph so the subject sits high and centred,
   the same two numbers that placed the lamp in the homepage placeholders. */
.print > img,.print > picture > img,.shot > img,.shot > picture > img,.pl > img,.pl > picture > img{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;
  object-fit:cover;object-position:var(--px,54%) var(--py,20%)}
.ph{position:absolute;inset:0;background-color:var(--dark);
  background-image:
    radial-gradient(104% 78% at var(--px,58%) var(--py,20%),
      rgba(255,232,202,.78) 0%, rgba(255,193,136,.44) 22%, rgba(196,84,30,.22) 50%, rgba(42,16,6,0) 76%),
    linear-gradient(var(--ang,196deg), #6A3E26 0%, #45200E 32%, #2E1207 62%, #180901 100%)}
/* the lamplit read of the placeholder, kept over the photograph */
.ph-lit{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:soft-light;
  background-image:
    linear-gradient(104deg, rgba(251,241,230,.10) 0%, rgba(251,241,230,0) 38%),
    radial-gradient(70% 54% at var(--px,58%) var(--py,22%), rgba(255,214,166,var(--tw,.34)) 0%, rgba(255,214,166,0) 68%),
    radial-gradient(38% 30% at 50% 112%, rgba(23,8,1,.62), rgba(23,8,1,0) 70%)}
.scrim{position:absolute;left:0;right:0;bottom:0;z-index:3;pointer-events:none;
  background:linear-gradient(to top,rgba(14,4,0,.94) 0%,rgba(14,4,0,.88) 30%,rgba(14,4,0,.62) 58%,rgba(14,4,0,.24) 80%,rgba(14,4,0,0) 100%)}

/* ---------- the top rule ---------- */
.rule{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;padding:14px 0 13px;
  border-bottom:1px solid rgba(21,8,0,.34);font-family:var(--disp);font-weight:600;font-size:.72rem;
  letter-spacing:.17em;text-transform:uppercase;color:var(--ink);font-variation-settings:"wdth" 108}
.rule .mark{font-weight:800;font-variation-settings:"wdth" 120;font-size:.82rem;min-width:0}
.rule .strapline{min-width:0}
.rule nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-left:auto;min-width:0}
.rule nav a{padding:3px 0;border-bottom:1.5px solid transparent;white-space:nowrap}
.rule nav a:hover,.rule nav a.on{border-bottom-color:var(--ink)}
.rule .top-wa{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:var(--paper);
  padding:8px 13px 9px;font-weight:800;letter-spacing:.13em;white-space:nowrap}
.rule .top-wa:hover{background:var(--ground-deep)}
.rule .top-wa svg{width:14px;height:14px}
/* seven real nav items plus a wide display face will not fit beside the strapline at 1280,
   so the strapline steps aside before the nav can push the button off the rule */
@media (max-width:1180px){.rule .strapline{display:none}}
@media (max-width:767px){.rule{gap:8px 14px;padding:11px 0 10px}.rule nav{gap:6px 14px;margin-left:0;width:100%;order:3}
  .rule .top-wa{display:none}}

/* ---------- breadcrumbs, printed on the desk ---------- */
.crumbs{padding:12px 0 2px}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-family:var(--disp);font-weight:600;
  font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);font-variation-settings:"wdth" 104}
.crumbs li{display:flex;align-items:center;gap:10px;min-width:0}
.crumbs li+li::before{content:"";width:12px;height:1px;background:rgba(21,8,0,.5);flex:none}
.crumbs a{color:var(--ink);border-bottom:1.5px solid transparent}
.crumbs a:hover{border-bottom-color:var(--ink)}
.crumbs [aria-current]{color:var(--dark)}

/* ---------- a section is a sheet laid over the one before it ----------
   The sheets paint in document order because each one is positioned and isolated, so nothing
   here needs a z-index ladder counted in JavaScript. */
.lay{position:relative;isolation:isolate}
main > .lay + .lay{margin-top:clamp(-70px,-5vw,-34px)}
.pane{position:relative;padding:clamp(28px,3.4vw,54px) clamp(20px,3vw,50px) clamp(32px,3.6vw,58px);
  box-shadow:var(--shadow)}
.pane-paper{background:var(--paper)}
.pane-paper-2{background:var(--paper-2)}
.pane-dark{background:var(--dark);color:var(--cream)}
main > .lay:nth-of-type(odd) > .pane{transform:rotate(-.55deg)}
main > .lay:nth-of-type(even) > .pane{transform:rotate(.6deg)}

.kick{font-family:var(--disp);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  font-variation-settings:"wdth" 110;color:var(--ink-soft)}
.pane-dark .kick{color:var(--flare)}
.kickrow{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline}
.kickrow .kick{min-width:0}
h2.big,h3.big{font-family:var(--disp);font-weight:800;text-transform:uppercase;
  font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:.98;letter-spacing:-.012em;
  font-variation-settings:"wdth" 118;margin-top:10px;max-width:22ch}
.pane h2.narrow,.pane h3.narrow{max-width:14ch}
.pane-dark h2.big,.pane-dark h3.big{color:var(--cream)}
.intro{margin-top:14px;max-width:62ch;font-size:1.06rem;line-height:1.58}
.pane-dark .intro{color:var(--cream)}
.note{font-size:.95rem;line-height:1.45;color:var(--ink-soft);font-variation-settings:"opsz" 16}
.pane-dark .note{color:var(--cream-dim)}
.note + .note{margin-top:9px}
.prose{margin-top:14px;max-width:66ch}
.prose p{margin-top:12px;font-size:1.04rem;line-height:1.62}
.prose p:first-child{margin-top:0}
.prose a{color:var(--ground-deep);text-decoration:underline;text-underline-offset:3px}
.pane-dark .prose a{color:var(--flare)}
.prose a:hover{color:var(--ink)}
.pane-dark .prose a:hover{color:var(--cream)}

/* ---------- the page hero: the H1 on the first sheet ----------
   container-type sits on the column that actually holds the text, never on the wrap: a
   sibling put it on the outer wrapper and every cqi-sized H1 overflowed its column. */
.phero .hcol{container-type:inline-size;max-width:30ch}
.phero h1{margin-top:12px;font-family:var(--disp);font-weight:800;color:var(--cream);
  font-size:clamp(1.9rem,9.4cqi,4rem);line-height:.94;letter-spacing:-.014em;text-transform:uppercase;
  font-variation-settings:"wdth" 118}
.phero h1 em{font-style:normal;color:var(--ground)}
.phero .intro{max-width:64ch;color:var(--cream)}
.phero .intro + .intro{margin-top:10px}
.age{display:inline-block;padding:5px 11px 6px;border:1px solid rgba(251,241,230,.52);
  font-family:var(--disp);font-weight:700;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--cream);font-variation-settings:"wdth" 112}
.pane-paper .age,.pane-paper-2 .age{border-color:rgba(21,8,0,.45);color:var(--ink)}

/* a print riding on a sheet, laid partly over the sheet above it */
.ride{position:absolute;z-index:3;right:clamp(16px,3.4vw,60px);top:clamp(-46px,-4.6vw,-88px);
  width:clamp(150px,17vw,238px);height:clamp(200px,22vw,306px);transform:rotate(3.4deg)}
.ride-b{transform:rotate(-3deg);top:clamp(-56px,-5.6vw,-106px)}
@media (max-width:820px){.ride{width:clamp(108px,26vw,150px);height:clamp(142px,34vw,196px);
  top:clamp(-34px,-8vw,-58px);right:14px}}
@media (max-width:420px){.ride{width:104px;height:136px;top:-40px;right:10px}}

/* ---------- buttons ---------- */
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px 13px;min-width:0;
  font-family:var(--disp);font-weight:700;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;
  font-variation-settings:"wdth" 110;transition:background .2s ease,color .2s ease}
.btn-a{background:var(--ink);color:var(--paper)}
.btn-a:hover{background:var(--ground-deep);color:var(--paper)}
.btn-b{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-b:hover{background:var(--ink);color:var(--paper)}
.pane-dark .btn-a{background:var(--cream);color:var(--dark)}
.pane-dark .btn-a:hover{background:var(--ground);color:var(--ink)}
.pane-dark .btn-b{color:var(--cream);box-shadow:inset 0 0 0 1.5px rgba(251,241,230,.66)}
.pane-dark .btn-b:hover{background:var(--cream);color:var(--dark)}

/* ---------- tags ---------- */
.tag{display:inline-block;padding:5px 8px 6px;font-family:var(--disp);font-weight:700;font-size:.62rem;
  letter-spacing:.16em;text-transform:uppercase;font-variation-settings:"wdth" 104}
.tag-free{background:var(--good);color:var(--paper)}
.tag-away{background:var(--ink);color:var(--paper)}
.tag-plain{background:var(--paper-2);color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(21,8,0,.34)}
.pane-dark .tag-plain{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1.5px rgba(251,241,230,.5)}
.tagrow{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}

/* ---------- the stack of prints ---------- */
.stack-band{padding:clamp(30px,3.8vw,56px) 0 clamp(36px,4.4vw,66px);background:var(--ground-hi);
  position:relative;z-index:1}
.stack-head{max-width:56ch}
.stack-head .intro{color:var(--ink)}
.filters{margin-top:clamp(18px,2.2vw,30px);display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end;
  padding:14px clamp(13px,1.4vw,20px) 16px;background:var(--paper);box-shadow:var(--shadow-sm)}
.fgroup{display:flex;flex-direction:column;gap:7px;min-width:0}
.flab{font-family:var(--disp);font-weight:700;font-size:.65rem;letter-spacing:.19em;text-transform:uppercase;
  color:var(--ink-soft);font-variation-settings:"wdth" 106}
.fchips{display:flex;flex-wrap:wrap;gap:7px}
.fbtn{font-family:var(--disp);font-weight:700;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;
  font-variation-settings:"wdth" 106;padding:9px 12px 10px;box-shadow:inset 0 0 0 1.5px rgba(21,8,0,.34);
  color:var(--ink-soft);transition:background .2s ease,color .2s ease}
.fbtn:hover{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}
.fbtn[aria-pressed="true"]{background:var(--ink);color:var(--paper);box-shadow:none}
.fcount{margin-left:auto;align-self:flex-end;min-width:0;font-family:var(--disp);font-weight:600;font-size:.7rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-variation-settings:"wdth" 104}
.stack{margin-top:clamp(24px,3vw,44px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  row-gap:clamp(26px,3vw,44px)}
.pr{display:block;position:relative;background:var(--paper);box-shadow:var(--shadow-sm);padding:7px 7px 0;
  transition:transform .25s ease,box-shadow .25s ease}
.pr:nth-child(4n+2),.pr:nth-child(4n+3),.pr:nth-child(4n+4){margin-left:-5%}
.pr:nth-child(12n+1){transform:rotate(-1.4deg);z-index:1}
.pr:nth-child(12n+2){transform:rotate(1deg);margin-top:clamp(14px,1.8vw,30px);z-index:2}
.pr:nth-child(12n+3){transform:rotate(-.6deg);z-index:3}
.pr:nth-child(12n+4){transform:rotate(1.7deg);margin-top:clamp(10px,1.3vw,22px);z-index:4}
.pr:nth-child(12n+5){transform:rotate(1.2deg);margin-top:clamp(-18px,-1.4vw,-8px);z-index:5}
.pr:nth-child(12n+6){transform:rotate(-1.6deg);z-index:6}
.pr:nth-child(12n+7){transform:rotate(.8deg);margin-top:clamp(16px,2vw,32px);z-index:7}
.pr:nth-child(12n+8){transform:rotate(-1deg);z-index:8}
.pr:nth-child(12n+9){transform:rotate(-1.8deg);margin-top:clamp(-14px,-1.1vw,-6px);z-index:9}
.pr:nth-child(12n+10){transform:rotate(1.4deg);z-index:10}
.pr:nth-child(12n+11){transform:rotate(-.9deg);margin-top:clamp(12px,1.6vw,26px);z-index:11}
.pr:nth-child(12n+12){transform:rotate(1.9deg);z-index:12}
/* the signature move: point at a print and it straightens and lifts off the desk */
.pr:hover,.pr:focus-within{transform:rotate(0deg) translateY(-6px);z-index:20;box-shadow:var(--shadow-lift)}
.pr .shot{display:block;position:relative;overflow:hidden;background:var(--dark);aspect-ratio:3/4}
.pr .cap{display:flex;align-items:baseline;gap:8px;padding:10px 4px 4px;min-width:0}
.pr .cap b,.pr .cap span{min-width:0;overflow-wrap:break-word}
.pr .cap b{font-family:var(--disp);font-weight:800;font-size:.9rem;letter-spacing:.01em;text-transform:uppercase;
  font-variation-settings:"wdth" 112;color:var(--ink)}
.pr .cap span{margin-left:auto;text-align:right;font-family:var(--disp);font-weight:600;font-size:.62rem;
  letter-spacing:.12em;text-transform:uppercase;font-variation-settings:"wdth" 104;color:var(--ink-soft)}
.pr .tag{display:block;margin:0 4px 11px}
.pr .avnote{display:block;padding:0 4px 9px;font-size:.88rem;line-height:1.38;color:var(--ink-soft);
  font-variation-settings:"opsz" 15}
.pr.hide{display:none}
.empty{display:none;margin-top:clamp(22px,2.6vw,36px);padding:22px clamp(16px,2vw,26px) 24px;background:var(--paper);
  font-size:1.02rem;line-height:1.55;color:var(--ink-soft);box-shadow:var(--shadow-sm)}
.empty.on{display:block}
@media (max-width:1080px){
  .stack{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pr:nth-child(4n+2),.pr:nth-child(4n+3),.pr:nth-child(4n+4){margin-left:0}
  .pr:nth-child(3n+2),.pr:nth-child(3n+3){margin-left:-5%}
}
@media (max-width:820px){
  .stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr:nth-child(3n+2),.pr:nth-child(3n+3){margin-left:0}
  .pr:nth-child(2n){margin-left:-4%}
  .pr:nth-child(n){transform:none;margin-top:0}
  .pr:nth-child(odd){transform:rotate(-1deg)}
  .pr:nth-child(even){transform:rotate(1.1deg);margin-top:16px}
  .pr:hover,.pr:focus-within{transform:rotate(0deg) translateY(-6px)}
  .pr .cap{flex-direction:column;align-items:flex-start;gap:2px;padding:9px 4px 4px}
  .pr .cap span{margin-left:0;text-align:left}
  .fcount{margin-left:0;width:100%}
}
@media (max-width:344px){
  .stack{grid-template-columns:minmax(0,1fr)}
  .pr:nth-child(2n){margin-left:0}
  .pr:nth-child(odd),.pr:nth-child(even){transform:none;margin-top:0}
}

/* ---------- four across: trust notes, booking steps, fact panels ---------- */
.quad{margin-top:clamp(22px,2.6vw,34px);display:grid;gap:clamp(18px,2.2vw,32px);
  grid-template-columns:repeat(4,minmax(0,1fr))}
.quad.trio{grid-template-columns:repeat(3,minmax(0,1fr))}
.quad h3{font-family:var(--disp);font-weight:700;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;
  font-variation-settings:"wdth" 108;color:var(--ink);padding-bottom:9px;border-bottom:1px solid rgba(21,8,0,.22)}
.pane-dark .quad h3{color:var(--flare);border-bottom-color:rgba(251,241,230,.3)}
.quad p{margin-top:11px;font-size:1rem;line-height:1.52;color:var(--ink-soft)}
.pane-dark .quad p{color:var(--cream)}
.quad .no{font-family:var(--disp);font-weight:800;font-size:1.6rem;line-height:1;letter-spacing:-.02em;
  font-variation-settings:"wdth" 118;color:var(--ground-deep)}
.pane-dark .quad .no{color:var(--flare)}
.quad .step-h{margin-top:8px;font-family:var(--disp);font-weight:800;font-size:1.02rem;letter-spacing:.01em;
  text-transform:uppercase;font-variation-settings:"wdth" 112;color:var(--ink);padding-bottom:9px;
  border-bottom:1px solid rgba(21,8,0,.22)}
@media (max-width:1080px){.quad,.quad.trio{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.quad,.quad.trio{grid-template-columns:minmax(0,1fr)}}

/* ---------- the rate ladder ---------- */
.ladder{margin-top:clamp(20px,2.4vw,32px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(24px,3.4vw,64px)}
.ladder li{display:flex;align-items:baseline;gap:14px;padding:13px 0 14px;border-top:1px solid rgba(21,8,0,.20);
  min-width:0}
.ladder .len{font-family:var(--disp);font-weight:600;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-soft);font-variation-settings:"wdth" 106;min-width:0}
.ladder .amt{margin-left:auto;font-family:var(--disp);font-weight:800;font-size:clamp(1.3rem,2.1vw,1.8rem);
  line-height:1;letter-spacing:-.015em;font-variation-settings:"wdth" 118;color:var(--ink)}
.ladder .lnote{flex-basis:100%;font-size:.9rem;line-height:1.4;color:var(--ink-soft)}
.ratenote{margin-top:clamp(18px,2.2vw,28px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px clamp(24px,3.4vw,56px)}
@media (max-width:820px){.ladder,.ratenote{grid-template-columns:minmax(0,1fr)}}
/* the copy and send line */
.script{margin-top:clamp(18px,2.2vw,28px);padding:16px clamp(14px,1.6vw,22px) 18px;background:var(--paper);
  box-shadow:var(--shadow-sm)}
.pane-dark .script{background:var(--dark-2);box-shadow:inset 0 0 0 1.5px rgba(251,241,230,.22)}
.script .kick{display:block;margin-bottom:9px}
.script p{font-size:1.02rem;line-height:1.6;max-width:70ch;color:var(--ink)}
.pane-dark .script p{color:var(--cream)}

/* ---------- zone pills and zone prints ---------- */
.two{display:grid;gap:clamp(22px,3vw,48px);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  margin-top:clamp(20px,2.4vw,32px)}
@media (max-width:1080px){.two{grid-template-columns:minmax(0,1fr)}}
.where{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}
.where li{min-width:0}
.where a,.where span{display:inline-block;padding:7px 11px 8px;background:var(--paper);font-family:var(--disp);
  font-weight:600;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  font-variation-settings:"wdth" 106;color:var(--ink)}
.where a:hover{background:var(--ink);color:var(--paper)}
.where .on a,.where .on span{background:var(--ink);color:var(--paper)}
.zones{margin-top:clamp(20px,2.4vw,32px);display:grid;gap:clamp(14px,1.8vw,22px);
  grid-template-columns:repeat(3,minmax(0,1fr))}
.zone{padding:16px clamp(14px,1.5vw,20px) 18px;background:var(--paper);box-shadow:var(--shadow-sm);min-width:0}
.pane-dark .zone{background:var(--dark-2);box-shadow:inset 0 0 0 1.5px rgba(251,241,230,.2)}
.zone h3{font-family:var(--disp);font-weight:800;font-size:1.06rem;letter-spacing:.01em;text-transform:uppercase;
  font-variation-settings:"wdth" 112;color:var(--ink);min-width:0;overflow-wrap:break-word}
.pane-dark .zone h3{color:var(--cream)}
.zone h3 a:hover{color:var(--ground-deep)}
.zone .pc{display:block;margin-top:5px;font-family:var(--disp);font-weight:600;font-size:.64rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-variation-settings:"wdth" 104}
.pane-dark .zone .pc{color:var(--flare)}
.zone p{margin-top:9px;font-size:.95rem;line-height:1.45;color:var(--ink-soft)}
.pane-dark .zone p{color:var(--cream-dim)}
@media (max-width:1080px){.zones{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.zones{grid-template-columns:minmax(0,1fr)}}

/* ---------- the faq accordion ---------- */
.faq{margin-top:clamp(20px,2.4vw,32px);max-width:76ch}
.faq details{border-top:1px solid rgba(21,8,0,.22)}
.faq details:last-of-type{border-bottom:1px solid rgba(21,8,0,.22)}
.pane-dark .faq details{border-top-color:rgba(251,241,230,.26)}
.pane-dark .faq details:last-of-type{border-bottom-color:rgba(251,241,230,.26)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:14px;padding:16px 0 17px;
  font-family:var(--disp);font-weight:800;font-size:1.02rem;letter-spacing:.005em;text-transform:uppercase;
  font-variation-settings:"wdth" 112;color:var(--ink);min-width:0}
.pane-dark .faq summary{color:var(--cream)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .q{min-width:0}
.faq summary::after{content:"+";margin-left:auto;font-weight:800;font-size:1.3rem;line-height:1;
  color:var(--ground-deep);flex:none}
.pane-dark .faq summary::after{color:var(--flare)}
.faq details[open] summary::after{content:"\2212"}
.faq summary:hover{color:var(--ground-deep)}
.pane-dark .faq summary:hover{color:var(--flare)}
.faq .ans{padding:0 0 18px;max-width:62ch;font-size:1.04rem;line-height:1.6;color:var(--ink-soft)}
.pane-dark .faq .ans{color:var(--cream-dim)}
.faq .ans a{color:var(--ground-deep);text-decoration:underline;text-underline-offset:3px}
.pane-dark .faq .ans a{color:var(--flare)}

/* ---------- a profile: one large print, her name set over it ---------- */
.pro-grid{display:grid;gap:clamp(20px,2.6vw,42px);grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:start}
.pro-print{position:relative;overflow:hidden;background:var(--dark);box-shadow:var(--shadow);
  aspect-ratio:3/4;transform:rotate(-.9deg)}
.pro-print > img,.pro-print > picture > img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;
  object-position:var(--px,52%) var(--py,18%)}
.pro-brand{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:clamp(16px,2.2vw,34px);
  container-type:inline-size}
.pro-brand h1{margin-top:12px;font-family:var(--disp);font-weight:800;color:var(--cream);
  font-size:clamp(1.7rem,9.6cqi,3.4rem);line-height:.94;letter-spacing:-.014em;text-transform:uppercase;
  font-variation-settings:"wdth" 116}
.pro-brand .tagline{margin-top:12px;max-width:34ch;font-size:1.04rem;line-height:1.48;color:var(--cream)}
.pro-card{background:var(--paper);box-shadow:var(--shadow);padding:clamp(18px,2vw,30px);transform:rotate(1.1deg)}
.pro-card h2{font-family:var(--disp);font-weight:700;font-size:.72rem;letter-spacing:.19em;text-transform:uppercase;
  color:var(--ink-soft);font-variation-settings:"wdth" 110;padding-bottom:10px;border-bottom:1.5px solid var(--ink)}
.facts{margin:0 0 4px}
.facts > div{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid rgba(21,8,0,.16);
  min-width:0}
.facts dt{font-family:var(--disp);font-weight:600;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ink-soft);font-variation-settings:"wdth" 104;flex:none}
.facts dd{margin-left:auto;text-align:right;min-width:0;font-size:.98rem;line-height:1.4;color:var(--ink);
  overflow-wrap:break-word}
.facts dd a{color:var(--ground-deep);text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.pro-grid{grid-template-columns:minmax(0,1fr)}.pro-print{aspect-ratio:4/5}}
@media (max-width:420px){.pro-print,.pro-card{transform:none}}

/* the photo set: small prints in a row, each opening the viewer */
.pset{margin-top:clamp(20px,2.4vw,32px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(12px,1.6vw,22px)}
.pset a{display:block;position:relative;background:var(--paper);box-shadow:var(--shadow-sm);padding:6px 6px 0;
  transition:transform .25s ease,box-shadow .25s ease}
.pset a:nth-child(odd){transform:rotate(-1.2deg)}
.pset a:nth-child(even){transform:rotate(1.4deg)}
.pset a:hover,.pset a:focus-visible{transform:rotate(0) translateY(-5px);box-shadow:var(--shadow-lift);z-index:5}
.pset .shot{display:block;position:relative;overflow:hidden;background:var(--dark);aspect-ratio:3/4}
.pset .pn{display:block;padding:8px 3px 7px;font-family:var(--disp);font-weight:600;font-size:.6rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-variation-settings:"wdth" 104}
@media (max-width:820px){.pset{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.pset{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* prev / next along the board */
.pn-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:clamp(20px,2.4vw,32px)}
.pn-nav a{display:block;padding:14px 16px 15px;background:var(--paper);box-shadow:var(--shadow-sm);min-width:0;
  font-family:var(--disp);font-weight:800;font-size:1.02rem;letter-spacing:.01em;text-transform:uppercase;
  font-variation-settings:"wdth" 112;color:var(--ink);overflow-wrap:break-word}
.pn-nav a:hover{background:var(--ink);color:var(--paper)}
.pn-nav a span{display:block;font-weight:600;font-size:.62rem;letter-spacing:.15em;color:var(--ink-soft);
  font-variation-settings:"wdth" 104;margin-bottom:4px}
.pn-nav a:hover span{color:var(--cream-dim)}
@media (max-width:620px){.pn-nav{grid-template-columns:minmax(0,1fr)}}

/* moderated notes clients sent in */
.ledger{margin-top:clamp(18px,2.2vw,28px);display:grid;gap:12px}
.ledger li{padding:16px clamp(14px,1.6vw,22px) 18px;background:var(--paper);box-shadow:var(--shadow-sm);min-width:0}
.pane-dark .ledger li{background:var(--dark-2);box-shadow:inset 0 0 0 1.5px rgba(251,241,230,.2)}
.ledger blockquote{font-size:1.02rem;line-height:1.56;color:var(--ink-soft)}
.pane-dark .ledger blockquote{color:var(--cream)}
.ledger .lmeta{display:block;margin-top:9px;font-family:var(--disp);font-weight:600;font-size:.64rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-variation-settings:"wdth" 104}
.pane-dark .ledger .lmeta{color:var(--flare)}

/* ---------- link cards: plans, shortlists, the roundup ---------- */
.cards{margin-top:clamp(20px,2.4vw,32px);display:grid;gap:clamp(14px,1.8vw,22px);
  grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}
.dcard{display:flex;flex-direction:column;gap:8px;padding:16px clamp(14px,1.5vw,20px) 18px;background:var(--paper);
  box-shadow:var(--shadow-sm);min-width:0;transition:transform .25s ease,box-shadow .25s ease}
.dcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.pane-dark .dcard{background:var(--dark-2);box-shadow:inset 0 0 0 1.5px rgba(251,241,230,.2)}
.dcard .meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;font-family:var(--disp);
  font-weight:600;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);
  font-variation-settings:"wdth" 104;min-width:0}
.pane-dark .dcard .meta{color:var(--flare)}
.dcard .dt{font-family:var(--disp);font-weight:800;font-size:1.14rem;line-height:1.1;letter-spacing:.005em;
  text-transform:uppercase;font-variation-settings:"wdth" 112;color:var(--ink);overflow-wrap:break-word}
.pane-dark .dcard .dt{color:var(--cream)}
.dcard .dx{font-size:.96rem;line-height:1.45;color:var(--ink-soft)}
.pane-dark .dcard .dx{color:var(--cream-dim)}
.dcard .go{margin-top:auto;padding-top:10px;border-top:1px solid rgba(21,8,0,.2);font-family:var(--disp);
  font-weight:600;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.pane-dark .dcard .go{border-top-color:rgba(251,241,230,.22);color:var(--flare)}
.dcard .thumb{display:block;margin:-16px calc(-1 * clamp(14px,1.5vw,20px)) 4px;overflow:hidden}
.dcard .thumb img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 24%}
.chipset{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.chip{display:inline-block;padding:8px 11px 9px;background:var(--paper-2);box-shadow:inset 0 0 0 1.5px rgba(21,8,0,.28);
  font-family:var(--disp);font-weight:700;font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;
  font-variation-settings:"wdth" 106;color:var(--ink);min-width:0}
.chip:hover{background:var(--ink);color:var(--paper);box-shadow:none}
.pane-dark .chip{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1.5px rgba(251,241,230,.45)}
.pane-dark .chip:hover{background:var(--cream);color:var(--dark)}
.toclist{margin-top:14px;display:grid;gap:7px;counter-reset:toc}
.toclist li{counter-increment:toc;display:flex;gap:10px;min-width:0;font-size:.98rem;line-height:1.4}
.toclist li::before{content:counter(toc,decimal-leading-zero);flex:none;font-family:var(--disp);font-weight:700;
  font-size:.62rem;line-height:1.7;letter-spacing:.12em;color:var(--ground-deep)}
.pane-dark .toclist li::before{color:var(--flare)}
.toclist a{border-bottom:1.5px solid transparent}
.toclist a:hover{border-bottom-color:currentColor}

/* ---------- a guide article ---------- */
.art{display:grid;gap:clamp(20px,2.8vw,44px);grid-template-columns:minmax(0,17rem) minmax(0,1fr);
  align-items:start;margin-top:clamp(18px,2.2vw,30px)}
.art-side{padding:16px clamp(14px,1.5vw,20px) 18px;background:var(--paper-2);box-shadow:var(--shadow-sm)}
.art-body{min-width:0;container-type:inline-size}
.art-body section{margin-top:clamp(22px,2.8vw,38px)}
.art-body section:first-child{margin-top:0}
.art-body h2{font-family:var(--disp);font-weight:800;font-size:clamp(1.35rem,4.6cqi,2rem);line-height:1.02;
  text-transform:uppercase;letter-spacing:-.01em;font-variation-settings:"wdth" 116;color:var(--ink);
  scroll-margin-top:24px}
.art-body p{margin-top:12px;font-size:1.05rem;line-height:1.64;max-width:68ch}
.art-body p a,.art-body li a{color:var(--ground-deep);text-decoration:underline;text-underline-offset:3px}
.art-body p a:hover,.art-body li a:hover{color:var(--ink)}
.bullets{margin-top:14px;padding:14px clamp(13px,1.4vw,20px) 16px;background:var(--paper-2);
  box-shadow:inset 0 0 0 1.5px rgba(21,8,0,.16)}
.pane-paper-2 .bullets{background:var(--paper)}
.bullets .kick{display:block;margin-bottom:9px}
.bullets ul{display:grid;gap:8px;list-style:disc outside;padding-left:20px}
.bullets li{display:list-item;font-size:.98rem;line-height:1.5;color:var(--ink-soft)}
.byline{display:block;margin-top:12px;font-family:var(--disp);font-weight:600;font-size:.68rem;
  letter-spacing:.15em;text-transform:uppercase;color:var(--flare);font-variation-settings:"wdth" 106}
.filed{margin-top:clamp(18px,2.2vw,28px);padding:14px clamp(13px,1.4vw,20px) 16px;background:var(--paper-2);
  box-shadow:inset 0 0 0 1.5px rgba(21,8,0,.16);font-size:.98rem;line-height:1.5;color:var(--ink-soft)}
.filed a{color:var(--ground-deep);text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.art{grid-template-columns:minmax(0,1fr)}}

/* ---------- 404 ---------- */
.nf{text-align:center}
.nf .big404{font-family:var(--disp);font-weight:800;font-size:clamp(4.4rem,18vw,11rem);line-height:.8;
  letter-spacing:-.02em;color:rgba(251,241,230,.12)}
.nf h1{margin-top:-.16em;font-family:var(--disp);font-weight:800;font-size:clamp(1.7rem,5vw,3rem);line-height:1;
  text-transform:uppercase;letter-spacing:-.012em;font-variation-settings:"wdth" 118;color:var(--cream)}
.nf .intro{margin:16px auto 0}
.nf .btns{justify-content:center}

/* ---------- the photo viewer. Namespaced: a sibling lost every link label to a
     display:none meant for a lightbox overlay that happened to share a class name. ---------- */
.eglb-wrap{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;
  padding:clamp(14px,4vw,44px);background:rgba(14,4,0,.95)}
.eglb-wrap[hidden]{display:none}
.eglb-back{position:absolute;inset:0}
.eglb-fig{position:relative;z-index:2;max-width:min(94vw,900px);background:var(--paper);
  box-shadow:var(--shadow-lift);padding:10px 10px 0}
.eglb-fig img{display:block;max-width:100%;max-height:74vh;width:auto;height:auto;margin:0 auto}
.eglb-cap{padding:10px 4px 12px;font-family:var(--disp);font-weight:600;font-size:.66rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--ink-soft);text-align:center}
.eglb-x,.eglb-prev,.eglb-next{position:absolute;z-index:3;display:grid;place-items:center;width:46px;height:46px;
  background:var(--ink);color:var(--paper);font-family:var(--disp);font-weight:800;font-size:1.3rem;line-height:1}
.eglb-x{top:clamp(6px,2vw,18px);right:clamp(6px,2vw,18px)}
.eglb-prev{left:clamp(4px,2vw,18px);top:50%;transform:translateY(-50%)}
.eglb-next{right:clamp(4px,2vw,18px);top:50%;transform:translateY(-50%)}
.eglb-x:hover,.eglb-prev:hover,.eglb-next:hover{background:var(--ground-deep)}
.eglb-locked{overflow:hidden}

/* ---------- reveal on arrival ---------- */
.rv{opacity:0;transform:translateY(14px)}
.js .rv{transition:opacity .55s ease,transform .55s ease}
.rv.in,.no-js .rv{opacity:1;transform:none}

.foot{background:var(--ground);padding:clamp(40px,4.6vw,72px) 0 clamp(30px,3vw,46px);position:relative;z-index:30}
.foot-mark{font-family:var(--disp);font-weight:800;font-size:clamp(1.7rem,5vw,3.2rem);line-height:.94;
  text-transform:uppercase;letter-spacing:-.015em;font-variation-settings:"wdth" 120;color:var(--ink)}
.foot-mark small{display:block;margin-top:6px;font-size:.7rem;font-weight:600;letter-spacing:.17em;
  font-variation-settings:"wdth" 106;text-transform:uppercase;color:var(--ink-soft)}
.foot-cols{display:grid;gap:clamp(18px,2.4vw,34px);grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));
  margin-top:clamp(22px,2.6vw,36px);padding-top:18px;border-top:1px solid rgba(21,8,0,.34)}
.foot-cols h2{font-family:var(--disp);font-weight:700;font-size:.68rem;letter-spacing:.19em;text-transform:uppercase;
  font-variation-settings:"wdth" 108;color:var(--ink-soft);padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid rgba(21,8,0,.24)}
.foot-cols h2 a{color:inherit}
.foot-cols ul{display:grid;gap:6px;align-content:start;min-width:0}
.foot-cols li{font-size:.95rem;line-height:1.4;min-width:0}
.foot-cols a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(21,8,0,.3)}
.foot-cols a:hover{text-decoration-color:var(--ink);color:var(--dark)}
.foot-cols small{display:block;font-size:.8rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-family:var(--disp);font-weight:600}
.foot-blurb{margin-top:10px;max-width:46ch;font-size:.98rem;line-height:1.5;color:var(--ink)}
.foot-2col ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}
.foot-trust{margin-top:clamp(20px,2.4vw,32px);padding:16px clamp(14px,1.6vw,22px) 18px;background:var(--paper);
  box-shadow:var(--shadow-sm);font-size:.95rem;line-height:1.55;color:var(--ink-soft);max-width:104ch}
.foot-trust b{display:block;margin-bottom:6px;font-family:var(--disp);font-weight:700;font-size:.66rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-variation-settings:"wdth" 108}
.foot-trust a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.foot-base{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin-top:clamp(18px,2vw,28px);
  padding-top:16px;border-top:1px solid rgba(21,8,0,.34)}
.foot-base p{font-size:.95rem;line-height:1.45;color:var(--ink);max-width:62ch;min-width:0}
.foot-base nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-left:auto}
.foot-base nav a{font-family:var(--disp);font-weight:600;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  font-variation-settings:"wdth" 106;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.foot-age{display:inline-block;margin-right:9px;padding:4px 9px 5px;border:1px solid rgba(21,8,0,.5);
  font-family:var(--disp);font-weight:700;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  font-variation-settings:"wdth" 110;color:var(--ink)}
@media (max-width:980px){.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.foot-cols{grid-template-columns:minmax(0,1fr)}.foot-base nav{margin-left:0}}
@media (max-width:767px){.foot{padding-bottom:104px}}

.cc-mbar{display:none}
.cc-mbar svg{width:16px;height:16px;flex:none;fill:currentColor}
@media (max-width:767px){
  .cc-mbar{display:flex;gap:9px;position:fixed;left:0;right:0;bottom:0;z-index:99999;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
    background:var(--dark);box-shadow:0 -10px 26px rgba(30,8,0,.38)}
  .cc-mbar a{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;
    padding:13px 8px 14px;font-family:var(--disp);font-weight:700;font-size:.72rem;letter-spacing:.1em;
    text-transform:uppercase;font-variation-settings:"wdth" 110;text-decoration:none}
  .cc-mbar .cc-wa{background:var(--cream);color:var(--dark)}
  .cc-mbar .cc-tg{color:var(--cream);box-shadow:inset 0 0 0 1.5px rgba(251,241,230,.66)}
}

@media (max-width:420px){
  main > .lay:nth-of-type(odd) > .pane,main > .lay:nth-of-type(even) > .pane{transform:none}
  .pset a:nth-child(odd),.pset a:nth-child(even){transform:none}
  main > .lay + .lay{margin-top:-26px}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;
    animation-iteration-count:1 !important}
  .pr:hover,.pr:focus-within,.pset a:hover,.dcard:hover{transform:none}
  .rv{opacity:1;transform:none}
}