/* Paper page, raised anthracite logo tiles, original brand artwork. */
body[data-page="references"] #main,
body[data-page="references"] #main .legacy-references{background:#f7f5f1!important;background-image:none!important;color:#20313f}
body[data-page="references"] #main .legacy-references{padding:64px clamp(20px,4vw,64px) 110px}
body[data-page="references"] #main .legacy-references h1{color:#20313f!important;max-width:820px;margin:0 auto 54px;font-size:clamp(28px,3.2vw,44px);line-height:1.15;letter-spacing:-.025em}
body[data-page="references"] #main .legacy-references ul{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 24px;perspective:1100px}
body[data-page="references"] #main .legacy-references li{min-width:0;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:18px}
body[data-page="references"] #main .reference-logo-stage{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;aspect-ratio:1.55;min-height:138px;padding:28px;border:1px solid #ffffff1c;border-top-color:#ffffff33;border-radius:18px;background:linear-gradient(145deg,#34393e 0%,#2a2e32 48%,#24282c 100%);box-shadow:0 17px 24px -11px #000b,0 3px 5px #0006,inset 0 1px 0 #ffffff12;transform:none;transition:none}
body[data-page="references"] #main .reference-logo-stage::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 25% 0%,#ffffff09,transparent 70%)}
body[data-page="references"] #main .reference-logo-stage img{position:relative;display:block;width:100%;height:100%;max-width:210px;max-height:100px;aspect-ratio:auto;object-fit:contain;box-sizing:border-box;padding:0!important;border-radius:0;background:transparent!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;transform:scale(var(--logo-scale,1));transition:none}
/* All marks sit directly on their anthracite tile, without a white inset. */
body[data-page="references"] #main .reference-logo-stage.reference-logo-plate img{background:transparent!important;border-radius:0;padding:0!important}
/* The existing staggered, once-only zoom reveal is intentionally retained. */
body[data-page="references"] #main .reference-original-ready.is-visible{animation-duration:1.9s}
@media(max-width:1100px){body[data-page="references"] #main .legacy-references ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}body[data-page="references"] #main .reference-logo-stage{padding:23px}}
@media(max-width:800px){body[data-page="references"] #main .legacy-references ul{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page="references"] #main .reference-logo-stage{min-height:118px;padding:20px}}
@media(max-width:540px){body[data-page="references"] #main .legacy-references{padding:40px 20px 70px}body[data-page="references"] #main .legacy-references h1{margin-bottom:34px}body[data-page="references"] #main .legacy-references ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}body[data-page="references"] #main .reference-logo-stage{min-height:106px;border-radius:14px;padding:18px}body[data-page="references"] #main .reference-logo-stage img{max-height:70px}}
@media(prefers-reduced-motion:reduce){body[data-page="references"] #main .reference-logo-stage{transition:none;transform:none!important}body[data-page="references"] #main .reference-original-ready{opacity:1;transform:none}body[data-page="references"] #main .reference-original-ready.is-visible{animation:none}}
@media(forced-colors:active){body[data-page="references"] #main,body[data-page="references"] #main .legacy-references{background:Canvas!important;color:CanvasText}body[data-page="references"] #main .legacy-references h1{color:CanvasText!important}body[data-page="references"] #main .reference-logo-stage{background:Canvas;border:1px solid CanvasText;box-shadow:none}}

body[data-page="references"] #main .reference-logo-stage img[data-logo-cutout="pending"]{visibility:hidden}