.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:64px}
.reference-card{border:1px solid #34343a;background:var(--black-soft)}
.reference-card a{display:block;height:100%}.reference-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.reference-card a>div{padding:24px}.reference-card h2{font-size:2rem;margin:12px 0}.reference-card p{color:#c3c3ca;margin-bottom:14px}
.reference-card a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.reference-card:hover{border-color:var(--gold)}
.reference-photo{margin:0 0 36px}.reference-photo img{display:block;width:100%;height:auto;max-height:780px;object-fit:contain;background:#08080a}
.reference-photo figcaption{font-size:.85rem;color:#bfbfc6;padding-top:12px}.reference-facts{margin:24px 0}.reference-facts dt{color:var(--gold-light);font-size:.85rem;margin-top:18px}.reference-facts dd{margin:5px 0;color:#eee}
.service-page #references+.footer{margin-top:64px}
@media(max-width:850px){.reference-grid{grid-template-columns:1fr;max-width:580px}.reference-photo img{max-height:none}}

/* Realisation details: image and story together, compact project facts below. */
.reference-detail{padding-top:104px;background:radial-gradient(ellipse at 80% 0,#c9a24b0e,transparent 35%)}
.reference-detail h2{font:500 clamp(1.8rem,3vw,2.6rem)/1.18 var(--font-display)}
.reference-detail p{color:#b9b9c1}.reference-detail .eyebrow{color:var(--gold-light)}
.reference-feature{padding-bottom:44px}.reference-feature .service-breadcrumb{margin-bottom:26px}
.reference-feature-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:'photo copy';align-items:center;gap:clamp(32px,6vw,90px)}
.reference-feature-copy{grid-area:copy}.reference-feature-copy h1{font:600 clamp(3.5rem,6vw,6.2rem)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em}
.reference-feature-copy h1 span{display:block;font-size:.45em;color:var(--gold-light);margin-top:12px;line-height:1.15}
.reference-feature-intro{max-width:590px;margin:26px 0;font-size:1rem;line-height:1.85}
.reference-role{border-left:2px solid var(--gold);padding-left:18px;margin:26px 0 30px}
.reference-role>span{display:block;color:#909098;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.reference-role strong{font-size:.92rem;font-weight:500;color:#efede6}
.reference-feature-copy .service-actions{align-items:center;gap:18px}.reference-text-link{display:inline-block;padding:12px 0;color:#e4c889;font-size:.8rem}
.reference-feature-photo{grid-area:photo;position:relative;margin:0;height:480px;background:#0d0d0f;border:1px solid #c9a24b40;overflow:hidden}
.reference-feature-photo img{width:100%;height:100%;object-fit:contain}
.reference-feature-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:36px 20px 16px;background:linear-gradient(transparent,#070709e8);color:#d4cdbf;font-size:.66rem}
.reference-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:22px 0;margin:30px 0 0;border-block:1px solid #33312b}
.reference-summary>div+div{border-left:1px solid #33312b;padding-left:32px}.reference-summary dt{font-size:.65rem;color:#92929a;text-transform:uppercase;letter-spacing:.14em}.reference-summary dd{margin:6px 0 0;font:500 1.3rem/1.3 var(--font-display);color:#f0ede4}
.reference-story{scroll-margin-top:90px;display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(32px,6vw,90px);padding-block:18px 50px}.reference-story h2{max-width:460px}.reference-story p{font-size:.94rem;line-height:1.85}
.reference-story .reference-text-link{margin-top:14px}.reference-source{display:block;margin-top:24px;padding:18px 22px;border:1px solid #3f3826;background:#c9a24b08}.reference-source>span{display:block;color:#92929a;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.reference-source strong{font-weight:500;color:#e4c889;font-size:.85rem}.reference-source strong span{margin-left:12px}
.reference-next{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:32px;border:1px solid #80672f;background:linear-gradient(100deg,#c9a24b17,#121212)}
.reference-next h2{margin-bottom:16px}.reference-next p:not(.eyebrow){font-size:.88rem;max-width:580px}.reference-next>.btn{flex-shrink:0}
.reference-more{padding-block:46px 20px}.reference-more-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.reference-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.reference-more-card{display:grid;grid-template-columns:105px 1fr;gap:22px;background:#121214;border:1px solid #33312b;overflow:hidden}
.reference-more-card img{width:105px;height:155px;object-fit:cover}.reference-more-card>div{padding:20px 20px 20px 0;align-self:center}.reference-more-card p{font-size:.72rem}.reference-more-card h3{font:500 1.8rem/1.2 var(--font-display);margin:10px 0}.reference-more-card h3 span{color:var(--gold-light)}
.reference-more-card:hover,.reference-source:hover{border-color:var(--gold)}.reference-detail a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:850px){.reference-feature-grid{grid-template-columns:1fr;grid-template-areas:'copy' 'photo';gap:28px}.reference-feature-photo{height:420px}.reference-story{grid-template-columns:1fr;gap:22px}.reference-next{align-items:flex-start;flex-direction:column;gap:24px}.reference-more-grid{grid-template-columns:1fr}}
@media(max-width:540px){.reference-detail{padding-top:90px}.reference-feature-copy h1{font-size:3.6rem}.reference-feature-intro{font-size:.92rem;margin:22px 0}.reference-feature-photo{height:360px}.reference-feature-copy .service-actions{align-items:stretch;gap:4px}.reference-summary{gap:12px;padding:18px 0}.reference-summary>div+div{padding-left:12px}.reference-summary dt{font-size:.55rem;letter-spacing:.07em}.reference-summary dd{font-size:1rem}.reference-next{padding:24px}.reference-more-heading{display:block}.reference-more-heading>.reference-text-link{margin-top:8px}.reference-story{padding-bottom:32px}}