/* Midnight Confluence: a continuous poster, with the original session and instruments. */
@font-face{font-family:Fraunces;src:url('/assets/fraunces.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
body[data-page="/"]{--midnight:#261d29;--midnight-cream:#f2e8cc;--midnight-teal:#073e43;--midnight-rust:#b44e32}
body[data-page="/"] .masthead{background:#261d29 url('/assets/midnight/plum-paper.webp') center/650px;color:#f2e8cc;border-color:#f2e8cc25;backdrop-filter:none;min-height:62px;padding-block:7px}
body[data-page="/"] .masthead nav a:last-child{border-color:#b98d38;color:#edc660}
body[data-page="/"] .masthead :is(.theme-toggle,.motion-toggle){color:#f2e8cc;border-color:#f2e8cc40}
body[data-page="/"] .masthead .theme-disc{border-color:#f2e8cc}
body[data-page="/"] .masthead :is(a,button):focus-visible{outline-color:#edc660}
.midnight-opening{background:var(--midnight) url('/assets/midnight/plum-paper.webp') center/650px;color:var(--midnight-cream);overflow:hidden;isolation:isolate}
.midnight-brand{position:relative;z-index:2;padding:0 5vw 5px;background:none}
.midnight-tagline{display:flex;align-items:center;gap:18px;margin:0 0 0 7px;font:600 12px/1 DM,sans-serif;text-transform:uppercase;letter-spacing:.38em}
.midnight-tagline .human-hand{display:block;width:172px;height:53px;transform:rotate(-5deg);flex-shrink:0}
.midnight-tagline .human-ink{stroke:#e9b945}
.midnight-stage{position:relative;aspect-ratio:1586/992;width:100%;margin-top:-5px;overflow:visible}
.midnight-surround{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.midnight-surround img{display:block;width:100%;height:100%}
.midnight-stage .midnight-session{margin:0;position:absolute;inset:0;border:0;background:none;box-shadow:none;transform:none}
.midnight-session .print-window{position:absolute;top:22.5%;left:0;width:100%;height:77.5%;margin:0;background:#241b22;aspect-ratio:auto;overflow:hidden}
.midnight-session .print-window>img{display:block;width:100%;height:auto;max-width:none;transform:translateY(var(--room-drift,0px));transition:none;filter:saturate(.9)}
.midnight-session .print-window video{object-fit:cover;object-position:50% 32%;z-index:1}
.midnight-session figcaption{position:absolute;right:5vw;bottom:26%;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#fff3d9;font:13px/1.4 DM,sans-serif;padding:10px 14px;background:none;text-shadow:0 1px 4px #17121a}
.midnight-session #print-caption{max-width:150px;text-align:right;font:23px/1.2 Caveat,cursive}
.midnight-session .room-preview{color:inherit;font:11px/1.3 DM,sans-serif;padding:6px 0;min-height:32px;text-decoration:underline;text-underline-offset:4px;border:0}
.midnight-copy{position:absolute;left:5vw;top:0;z-index:3;width:48%}
.midnight-copy h1{font-family:Fraunces,Georgia,serif;font-weight:760;font-size:7.5vw;line-height:.92;letter-spacing:-.035em;font-variation-settings:'SOFT' 35,'WONK' 1;margin:0}
.midnight-copy h1 em{display:inline-block;font:inherit;color:#d36b4d;letter-spacing:inherit}
.midnight-copy>p{font:clamp(17px,2.05vw,29px)/1.22 Georgia,serif;letter-spacing:-.025em;margin:19px 0 0;max-width:490px}
.midnight-actions{display:flex;align-items:center;gap:27px;margin-top:20px}
.site-page .midnight-actions .button-link{background:#16585b url('/assets/press-paper.svg');border:1px solid #8ca99b;color:#fff1d5;border-radius:0;font:20px/1.25 Georgia,serif;min-height:48px;padding:11px 21px}
.site-page .midnight-actions .button-link:hover{background-color:#246b6c;transform:translateY(-2px)}
.midnight-actions .text-link{font:18px/1.4 Georgia,serif;color:var(--midnight-cream);text-decoration-color:#e9b945}
.midnight-side-note{position:absolute;right:6vw;top:1%;z-index:3;font:700 clamp(18px,2.3vw,32px)/1 Caveat,cursive;color:#c48bb6;transform:rotate(-7deg);text-align:right;margin:0}
.midnight-side-note span{display:block;font:9px/1.5 DM,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-top:16px;color:#ddc8a5}
.midnight-instruments{position:relative;z-index:4;background:#f2e8cc url('/assets/midnight/cream-paper.webp') center/650px;color:#083d41;margin-top:-8vw;padding-top:0;overflow:visible}
.midnight-instrument-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:1vw;max-width:1440px;margin:auto;padding:0 5vw;position:relative;z-index:1}
.midnight-instrument-copy h2{font-family:Fraunces,Georgia,serif;font-weight:760;font-size:7.2vw;line-height:.91;letter-spacing:-.04em;text-transform:none;font-variation-settings:'SOFT' 35,'WONK' 1;margin:0}
.midnight-instrument-copy h2 em{display:block;font:inherit;font-size:.77em;color:var(--midnight-rust);letter-spacing:inherit;line-height:.97;margin-top:9px}
.midnight-instrument-copy>p{max-width:380px;font:20px/1.35 Georgia,serif;margin:23px 0 13px}
.midnight-instrument-copy .text-link{font:13px/1.5 DM,sans-serif}
.midnight-guitars{position:relative;min-height:330px;height:34vw;max-height:510px;margin-top:-2vw;perspective:900px}
.midnight-guitars figure{margin:0;position:absolute;height:100%;width:62%;top:0;transform-origin:50% 80%;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.midnight-guitars figure a{display:block;width:100%;height:100%}
.midnight-guitars figure img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 4px 2px #382d211b)}
.midnight-jawbreaker{left:-8%;transform:rotate(-7deg)}
.midnight-electroliner{right:-5%;transform:rotate(4deg)}
.midnight-guitars figcaption{position:absolute;font:25px/1 Caveat,cursive;color:#6a466f;pointer-events:none}
.midnight-jawbreaker figcaption{top:12%;left:72%;transform:rotate(-8deg);width:130px}
.midnight-electroliner figcaption{bottom:-2%;right:0;transform:rotate(-7deg);width:100px}
.midnight-guitars figure:has(a:focus-visible){transform:rotate(0) translateY(-8px)}
.midnight-cabinet{position:relative;z-index:2;margin:0 5vw;padding-bottom:0;border-block:1px solid #083d4145;color:#083d41}
.midnight-cabinet>summary{padding:16px 2px;cursor:pointer;font:14px/1.5 DM,sans-serif;list-style-position:inside}
.midnight-cabinet>summary span{float:right;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.midnight-cabinet[open]>summary{border-bottom:1px solid #083d4145}
.site-page .midnight-cabinet .gear-workbench{--ink:#083d41;--stock:#f2e8cc;--paper:#f2e8cc;--line:#083d4140;padding:25px 0 35px;background:none;color:#083d41;border:0}
.midnight-cabinet .workbench-intro{display:none}
.midnight-cabinet .gear-workbench:before{display:none}
.site-page .midnight-cabinet .gear-selector{margin-top:0;width:100%;max-width:100%;min-width:0;overflow-x:auto}
.site-page .midnight-cabinet .gear-workbench :is(.gear-description h3,.gear-description p,.gear-description a,#gear-index,.eyebrow,.gear-selector button,.gear-selector button>span){color:#083d41}.site-page .midnight-cabinet .gear-workbench .gear-selector button[aria-selected=true]{background:#073e4310;border-color:#a34b35}.site-page .midnight-cabinet .gear-workbench .gear-drawing{background:none}
.midnight-city{height:15vw;max-height:300px;position:relative;margin-top:12px;overflow:hidden}
.midnight-city img{position:absolute;width:100%;max-width:none;top:-15.1vw;left:0;height:auto}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body:not(.motion-paused) .midnight-guitars figure:hover{transform:rotate(0) translateY(-9px)}}
@media(min-width:1500px){.midnight-instrument-copy h2{font-size:100px}.midnight-brand{padding-inline:max(5vw,calc((100vw - 1440px)/2))}.midnight-copy{left:max(5vw,calc((100vw - 1440px)/2))}.midnight-copy h1{font-size:112px}.midnight-stage{max-height:1000px}.midnight-instruments{margin-top:-100px}}
@media(max-width:900px) and (min-width:651px){.midnight-copy>p{font-size:18px}.midnight-copy h1{font-size:7.5vw}.midnight-actions{gap:20px;margin-top:14px}.site-page .midnight-actions .button-link{font-size:17px;padding:10px 14px}.midnight-actions .text-link{font-size:16px}.midnight-guitars{min-height:300px}.midnight-guitars figcaption{font-size:21px}.midnight-jawbreaker figcaption{left:60%;width:105px}.midnight-instrument-copy>p{font-size:17px}.midnight-tagline{font-size:10px}.midnight-tagline .human-hand{width:145px;height:47px}}
@media(max-width:650px){
body[data-page="/"] .masthead{padding-inline:6vw;min-height:0;padding-block:9px}
.midnight-brand{padding:13px 6vw 10px}
.site-page .midnight-brand .letter,#main .midnight-brand .wordmark .letter[data-ink=slop]{text-shadow:1px 2px 0 var(--anthro-ink),2px 3px 0 var(--slop-ink)}
.midnight-tagline{justify-content:center;gap:10px;font-size:8px;letter-spacing:.22em;margin:0}
.midnight-tagline .human-hand{width:118px;height:37px}
.midnight-stage{aspect-ratio:auto;height:calc(292px + 78vw);margin-top:0}
.midnight-copy{left:6vw;top:15px;width:88%}
.midnight-copy h1{font-size:13.7vw;line-height:.94}
.midnight-copy>p{font-size:19px;line-height:1.3;margin-top:17px;max-width:330px}
.desktop-break{display:none}
.midnight-actions{margin-top:20px;gap:26px}
.site-page .midnight-actions .button-link{font-size:17px;min-height:46px;padding:11px 17px}
.midnight-actions .text-link{font-size:17px}
.midnight-side-note{display:none}
.midnight-surround{top:auto;bottom:0;height:92vw;width:147vw;max-width:none;left:-47vw}
.midnight-session .print-window{top:auto;bottom:0;height:74vw;width:100%;left:0}
.midnight-session .print-window>img{width:100%;height:auto;filter:saturate(.92)}
.midnight-session figcaption{left:6vw;right:6vw;bottom:5%;padding:0;gap:10px;flex-direction:row;justify-content:space-between;align-items:center;background:none;color:#083d41;text-shadow:none}
.midnight-session #print-caption{max-width:none;text-align:left;font-size:18px}.midnight-session .room-preview{font-size:10px}
.midnight-instruments{margin-top:-3vw;padding-top:12px}
.midnight-instrument-grid{grid-template-columns:1fr;padding:0 6vw;gap:0}
.midnight-instrument-copy h2{font-size:12.3vw;line-height:.93}
.midnight-instrument-copy h2 em{font-size:.77em;line-height:1.03;margin-top:10px}
.midnight-instrument-copy h2 em br{display:none}
.midnight-instrument-copy>p{font-size:18px;margin-top:20px}
.midnight-guitars{height:94vw;min-height:0;max-height:none;margin:20px 0 10px}
.midnight-guitars figure{width:61%;height:100%}
.midnight-jawbreaker{left:-3%}.midnight-electroliner{right:1%;top:5%!important}
.midnight-guitars figcaption{font-size:23px}.midnight-jawbreaker figcaption{left:64%;top:8%;width:120px}.midnight-electroliner figcaption{bottom:0%;right:0}
.midnight-cabinet{margin:0 6vw}
.midnight-cabinet>summary{font-size:13px;line-height:1.6;padding-block:15px}
.midnight-cabinet>summary span{float:none;display:block;padding-left:15px;margin-top:4px}
.midnight-city{height:34vw;margin-top:20px}
.midnight-city img{width:160%;left:-19%;top:-24.2vw}
}
@media(prefers-reduced-motion:reduce){.midnight-guitars figure,.midnight-session .print-window>img{transition:none!important;transform:none!important}}
.motion-paused .midnight-guitars figure{transition:none}
@media print{.midnight-opening{print-color-adjust:exact}.midnight-surround,.midnight-city{display:none}.midnight-stage{height:auto;aspect-ratio:auto;padding:20px}.midnight-copy{position:relative;width:100%;left:0}.midnight-session,.midnight-side-note{display:none}.midnight-instruments{margin-top:0;padding-top:35px}.midnight-cabinet{display:none}}

/* The custom printed mark retains the reference's letterforms, ink and descending p. */
.site-page .midnight-brand .midnight-art-wordmark{position:relative;display:block;width:72vw;height:18vw;padding:0;margin:0;transform:none;overflow:hidden;isolation:isolate;font-size:0}
.midnight-art-wordmark img{position:absolute;left:0;top:-5.3vw;width:72vw;max-width:none;height:auto;transition:filter .65s ease,transform .5s ease;transform-origin:50% 65%}
.midnight-brand{padding-top:0;padding-bottom:0}
.midnight-tagline{margin-top:-4.1vw;position:relative;z-index:2;height:55px;width:50vw;justify-content:flex-start;pointer-events:none}
.midnight-stage{margin-top:5px}
.midnight-bridge-night{position:absolute;z-index:3;pointer-events:none;width:31vw;height:auto;right:0;top:-14vw}
.midnight-side-note{z-index:4;top:-15vw;right:4vw}
:root[data-ink-pair="1"] .midnight-art-wordmark img{filter:hue-rotate(5deg)}
:root[data-ink-pair="2"] .midnight-art-wordmark img{filter:hue-rotate(-5deg)}
:root[data-ink-pair="3"] .midnight-art-wordmark img{filter:hue-rotate(8deg)}
.midnight-guitars{background:url('/assets/midnight/instrument-inks.webp') center 70%/100% auto no-repeat}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body:not(.motion-paused) .midnight-art-wordmark:hover img{transform:rotate(-.7deg) translateY(-2px)}}
@media(max-width:650px){
.site-page .midnight-brand .midnight-art-wordmark{width:88vw;height:23vw;margin:0}
.midnight-art-wordmark img{width:88vw;top:-6.7vw}
.midnight-tagline{width:auto;margin-top:-4.5vw;height:45px;justify-content:flex-start;font-size:7px;gap:7px}
.midnight-tagline .human-hand{width:102px;height:33px}
.midnight-bridge-night{width:35vw;right:0;top:230px;z-index:2}
.midnight-stage{overflow:hidden}
.midnight-instrument-copy h2 em{max-width:85%}
.midnight-instrument-copy>p{max-width:330px;line-height:1.5}
.midnight-guitars{background-size:100% auto}
}
@media(prefers-reduced-motion:reduce){.midnight-art-wordmark img{transition:none}}
.motion-paused .midnight-art-wordmark img{transition:none}
/* Keep the tablet action on the dark paper above the photographic aperture. */
@media(min-width:651px) and (max-width:900px){
  .midnight-copy h1{font-size:7.1vw}
  .midnight-copy>p{font-size:17px;margin-top:14px}
  .midnight-actions{margin-top:12px}
  .midnight-actions>.text-link{display:none}
}
/* Use the real photograph at a smaller scale; its own soft background fills the edge. */
@media(min-width:651px){
  .midnight-session .print-window{top:16%;height:80%;background:transparent}
  .midnight-session .print-window:before{content:'';position:absolute;inset:0;background:url('/assets/photos/jazz-trio.webp') left top/100% auto no-repeat;filter:blur(12px) brightness(.55);transform:scale(1.04);pointer-events:none}
  .midnight-session .print-window>img{position:relative;width:82%;margin-left:18%;mask-image:linear-gradient(90deg,transparent,#000 8%);mask-repeat:no-repeat}
}
@media(min-width:651px){.midnight-copy{top:-12px}.midnight-copy h1{line-height:.86}}
@media(min-width:901px){.midnight-copy>p{margin-top:14px}.midnight-actions{margin-top:16px;gap:20px}}
@media(min-width:901px){
  .midnight-copy{top:-20px}
  .midnight-copy h1{word-spacing:.025em}
  .midnight-copy h1 em{font-size:1.12em;line-height:.86}
  .midnight-copy>p{margin-top:6px}
}