/*
 * Le Noir Sections -- shared section styles.
 *
 * VERBATIM copy of the <style> block that was byte-identical in BOTH
 * original source files (le-noir-originals-shortcode.php and
 * le-noir-a-cappella-shortcode.php). Nothing here has been reformatted,
 * re-ordered or otherwise changed -- the only edit is that the leading
 * `*{box-sizing:border-box}` rule (which the source shipped globally) is
 * kept as-is for exact fidelity; every other selector is already scoped
 * under .ln-originals / .ln-modal / .ln-dialog etc.
 */

*{box-sizing:border-box}.ln-originals{--noir:#0E0E0F;--gold:#C9A24B;--cream:#EDE6D8;background:var(--noir);color:var(--cream);font-family:'Poppins',sans-serif;padding:54px 22px 72px;-webkit-print-color-adjust:exact}.ln-originals *{box-sizing:border-box}.ln-head{text-align:center;max-width:620px;margin:0 auto 44px}.ln-cover-hero{max-width:340px;margin:0 auto 24px;aspect-ratio:1/1;border-radius:4px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.6)}.ln-cover-hero svg{width:100%;height:100%;display:block}.ln-eyebrow{font-size:11px;letter-spacing:6px;color:var(--gold);text-transform:uppercase;margin:0 0 14px}.ln-h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:40px;line-height:1;color:var(--cream);margin:0 0 14px;letter-spacing:.5px}.ln-lead{color:#B7B0A2;font-size:13px;line-height:1.7;margin:0}.sub{max-width:1080px;margin:0 auto 50px}.subh{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:25px;color:var(--gold);text-align:center;letter-spacing:.5px;margin:0 0 26px}.subh:after{content:'';display:block;width:50px;height:1px;background:var(--gold);opacity:.5;margin:11px auto 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,215px));justify-content:center;gap:40px 26px;justify-items:center}.cell{width:100%;max-width:215px}.rec{position:relative;aspect-ratio:1/1;cursor:pointer;transition:transform .38s cubic-bezier(.2,.75,.2,1);transform-origin:center;outline:none}.rec:hover,.rec:focus-visible,.rec.pulled{transform:scale(1.16);z-index:6}.rec:focus-visible{box-shadow:0 0 0 2px var(--gold)}.sleeve{position:relative;z-index:2;width:100%;height:100%;border-radius:3px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.5);transition:box-shadow .38s}.rec:hover .sleeve,.rec:focus-within .sleeve,.rec.pulled .sleeve{box-shadow:0 26px 60px rgba(0,0,0,.7);transform:translateX(-12%) rotate(-1.5deg)}.sleeve svg{width:100%;height:100%;display:block}.vinyl{position:absolute;z-index:1;top:4%;left:4%;width:92%;height:92%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#161616 0 1.5px,#080808 1.5px 3px);box-shadow:0 8px 20px rgba(0,0,0,.6);transition:transform .46s cubic-bezier(.2,.75,.2,1)}.vlabel{position:absolute;top:32%;left:32%;width:36%;height:36%;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px rgba(201,162,75,.65)}.vlabel img{width:100%;height:100%;object-fit:cover;display:block}.vlabel.gold{background:var(--gold)}.hole{position:absolute;top:48.5%;left:48.5%;width:3%;height:3%;border-radius:50%;background:#000;z-index:3;box-shadow:0 0 0 1px rgba(0,0,0,.5)}.rec:hover .vinyl,.rec:focus-within .vinyl,.rec.pulled .vinyl{transform:translateX(54%) rotate(8deg)}.cap{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:14px}.cap .nm{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}.cap .pr{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:var(--cream)}.tnote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:12.5px;color:#9b9485;text-align:center;line-height:1.35;margin:6px 0 0;min-height:1.1em;opacity:0;transition:opacity .3s ease}.cell:hover .tnote,.cell:focus-within .tnote,.cell:has(.rec.pulled) .tnote{opacity:1}.ln-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;font-family:'Poppins',sans-serif}.ln-modal.open{display:flex}.ln-bg{position:absolute;inset:0;background:rgba(6,6,7,.88);backdrop-filter:blur(3px)}.ln-dialog{position:relative;z-index:1;display:flex;width:100%;max-width:860px;max-height:92vh;overflow:auto;background:#141215;border:1px solid rgba(201,162,75,.4);border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.7)}.ln-cover{flex:0 0 44%;background:#000;min-height:320px}.ln-cover svg{width:100%;height:100%;display:block}.ln-cover img{width:100%;height:100%;object-fit:cover;display:block}.ln-cover.has-photo{min-height:0}.ln-info{flex:1;padding:36px 34px 40px;position:relative}.ln-x{position:absolute;top:8px;right:14px;background:none;border:none;color:var(--gold,#C9A24B);font-size:30px;line-height:1;cursor:pointer;z-index:2}.ln-eyb{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#C9A24B;margin:0 0 10px}.ln-name{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:40px;line-height:1.04;color:#EDE6D8;margin:0 0 8px}.ln-taste{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:#d8cdbb;margin:0 0 18px}.ln-rule{height:1px;background:rgba(201,162,75,.4);margin:6px 0 16px}.ln-blabel{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#C9A24B;margin:0 0 10px}.ln-build{list-style:none;margin:0 0 22px;padding:0}.ln-build li{font-weight:300;font-size:13.5px;color:#cfc7b8;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.ln-price{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:27px;color:#C9A24B;margin:0}@media (max-width:600px){.ln-dialog{flex-direction:column}.ln-cover{flex:none;aspect-ratio:1/1;min-height:0}.ln-info{padding:24px}.ln-name{font-size:32px}.grid{gap:26px 16px}.rec:hover,.rec:focus-visible,.rec.pulled{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.rec,.vinyl{transition:none}}
