.references-page{background:var(--burgundy-deep)}.references-intro{padding:11rem var(--pad) 5rem;background:linear-gradient(135deg,#202329 0%,#15171a 55%,#241817 100%);border-bottom:1px solid var(--line)}.references-intro h1{margin:.8rem 0 1.2rem;font-size:clamp(3.2rem,7vw,7rem);font-weight:300;line-height:1.02;letter-spacing:-.05em}.references-intro h1 em{font-style:normal;color:var(--gold-light)}.references-intro>p:last-child{margin:0;color:var(--muted);font-size:1rem}.references-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);padding:clamp(4rem,8vw,8rem) var(--pad)}.reference-card{overflow:hidden;border:1px solid rgba(242,101,34,.25);background:#16191d;cursor:pointer;transition:transform .3s,border-color .3s}.reference-card:hover{transform:translateY(-4px);border-color:var(--gold)}.reference-cover{aspect-ratio:16/10;background:linear-gradient(145deg,#282d32,#111316);overflow:hidden}.reference-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.reference-card:hover .reference-cover img{transform:scale(1.035)}.reference-cover.empty{display:grid;place-items:center;color:var(--muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.reference-card-copy{padding:1.1rem 1.2rem 1.3rem}.reference-card-copy h2{margin:0;font-size:1.1rem;font-weight:500}.reference-card-copy p{margin:.45rem 0 0;color:var(--muted);font-size:.78rem}.reference-empty{grid-column:1/-1;padding:5rem 2rem;text-align:center;color:var(--muted);border:1px dashed rgba(242,101,34,.35)}.reference-modal{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:2rem;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.reference-modal.open{opacity:1;visibility:visible}.reference-modal-backdrop{position:absolute;inset:0;background:rgba(7,9,11,.78);backdrop-filter:blur(7px)}.reference-panel{position:relative;z-index:1;width:min(100%,64rem);max-height:min(90vh,52rem);overflow:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;padding:clamp(1.5rem,4vw,3rem);background:#20242a;border:1px solid var(--line);box-shadow:0 24px 90px rgba(0,0,0,.55)}.modal-close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer}.modal-copy h2{margin:.6rem 0 1rem;font-size:clamp(1.8rem,3.5vw,3.5rem);line-height:1.05;font-weight:300}.modal-meta{color:var(--gold-light);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.modal-description{color:var(--muted);font-size:.9rem;line-height:1.65}.modal-gallery{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;min-width:0}.gallery-viewport{overflow:hidden;width:100%;background:#111316}.gallery-track{display:flex;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.gallery-track figure{flex:0 0 100%;margin:0;aspect-ratio:4/3}.gallery-track img{width:100%;height:100%;object-fit:cover}.gallery-arrow{width:2.5rem;height:2.5rem;border:1px solid rgba(242,101,34,.55);background:#16191d;color:var(--orange-light);font-size:1rem;cursor:pointer}.gallery-arrow:hover{background:var(--gold);color:#15171a}.gallery-arrow:disabled{opacity:.35;cursor:default}.gallery-counter{position:absolute;bottom:-1.7rem;left:0;right:0;margin:0;text-align:center;color:var(--muted);font-size:.65rem;letter-spacing:.1em}.footer{position:relative}@media(max-width:800px){.references-intro{padding-top:8rem}.references-list{grid-template-columns:1fr}.reference-panel{grid-template-columns:1fr;max-height:88vh;gap:1.2rem}.modal-copy h2{font-size:2.2rem}.modal-description{margin-bottom:0}.modal-gallery{min-height:16rem}}@media(max-width:480px){.references-intro h1{font-size:3rem}.references-list{padding-top:3rem}.reference-panel{padding:1.3rem 1rem 2rem}.gallery-arrow{width:2.1rem;height:2.1rem}.gallery-counter{bottom:-1.5rem}}
