/* Venue cards in the Royal Gateway invitation. */
.venue-reference{padding-top:72px}.venue-reference .section-heading{margin-bottom:58px}.venue-stack{max-width:1230px;margin:0 auto;display:grid;gap:54px}.venue-reference .venue-card{width:100%;max-width:none;min-height:660px;display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:70px 80px;margin:0;text-align:left;overflow:hidden;border:3px solid #ca9b4d;border-radius:24px;background:radial-gradient(circle at 10% 70%,#b7464c55,transparent 33%),radial-gradient(circle at 74% 12%,#9e193334,transparent 42%),linear-gradient(130deg,#a02a3e,#641321 72%);box-shadow:0 22px 42px #62231832,inset 0 0 30px #e4a05e18;color:#f0d5a0}.venue-reference .venue-card:before{inset:16px;border:1px solid #d4a76688;border-radius:12px}.venue-reference .venue-card:after{content:'◆';position:absolute;top:4px;right:5px;color:#f4d082;text-shadow:0 1px 4px #461010;font-size:31px}.venue-reference .venue-copy{position:relative;z-index:1}.venue-reference .venue-copy>.script{font-size:48px;margin:0;color:#e7ba73;line-height:1}.venue-reference .venue-copy h3{font:400 clamp(36px,4.3vw,58px)/1.12 var(--serif);text-transform:uppercase;color:#f4cc83;letter-spacing:0;margin:10px 0 27px;max-width:510px}.venue-reference .venue-copy .ornamental-line{justify-content:flex-start;margin:0 0 38px;font-size:17px;color:#dbaf60}.venue-reference .venue-copy .ornamental-line:before,.venue-reference .venue-copy .ornamental-line:after{width:59px}.venue-details{display:grid;gap:19px;margin:0 0 24px}.venue-details>div{position:relative;min-height:82px;padding:18px 25px 17px 94px;border:1px solid #e5af6961;border-radius:13px;background:#ffdcaf09}.venue-details dt{font:11px var(--serif);color:#e8bf79;letter-spacing:2px;text-transform:uppercase}.venue-details dt span{position:absolute;left:14px;top:15px;width:60px;height:60px;display:grid;place-items:center;border:2px solid #e8c27b;border-radius:50%;font:35px var(--sans);color:#f1d397}.venue-details dd{margin:6px 0 0;font:23px/1.25 var(--sans);color:#fff0d4}.venue-reference .venue-copy .gold-button{margin-top:15px;font-size:13px;padding:15px 31px}.venue-reference .venue-note{font:13px var(--sans)!important;color:#f3ce94!important;margin:8px 0 0}.venue-reference .venue-map{position:relative;align-self:stretch;min-height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:0;background:radial-gradient(circle at 52% 52%,#ad334334 0 10%,transparent 56%),repeating-radial-gradient(circle at 54% 52%,transparent 0 33px,#bd805d27 34px 35px,transparent 36px 63px);box-shadow:none;overflow:hidden;color:#ebcc92}.venue-reference .venue-map:after{display:none}.venue-reference .venue-map-ring{position:absolute;inset:15% 8%;border:1px solid #dca86d18;transform:rotate(12deg);border-radius:48%}.venue-reference .venue-map-pin{font:100px var(--sans);line-height:1;color:#d5a35a55;text-shadow:0 0 25px #e2b76a20}.venue-reference .venue-map-caption{text-align:center;color:#eecb90;font:20px var(--serif);text-transform:uppercase;letter-spacing:1px}.venue-reference .venue-map-caption small{font:18px var(--sans);text-transform:none;letter-spacing:0}.venue-reference .venue-card:nth-child(2){background:radial-gradient(circle at 92% 20%,#bd805544,transparent 38%),linear-gradient(120deg,#7c223b,#581727 85%)}.venue-reference .venue-card:nth-child(3){background:radial-gradient(circle at 7% 45%,#aa334055,transparent 34%),linear-gradient(120deg,#8c1f32,#5d1621 85%)}
@media(max-width:900px){.venue-reference .venue-card{gap:27px;padding:52px 42px;min-height:560px}.venue-reference .venue-copy h3{font-size:39px}.venue-details>div{padding-left:75px}.venue-details dt span{width:47px;height:47px;font-size:28px}.venue-details dd{font-size:20px}}
@media(max-width:600px){.venue-reference{padding:54px 16px}.venue-reference .section-heading{margin-bottom:38px}.venue-stack{gap:28px}.venue-reference .venue-card{max-width:440px;min-height:0;grid-template-columns:1fr;gap:12px;padding:40px 30px;border-radius:18px;text-align:left}.venue-reference .venue-card:before{inset:9px}.venue-reference .venue-copy>.script{font-size:37px}.venue-reference .venue-copy h3{font-size:31px;margin:10px 0 18px}.venue-reference .venue-copy .ornamental-line{margin:0 0 23px}.venue-details{gap:11px;margin-bottom:16px}.venue-details>div{min-height:64px;padding:13px 9px 12px 69px;border-radius:8px}.venue-details dt{font-size:8px}.venue-details dt span{left:12px;top:11px;width:42px;height:42px;font-size:24px}.venue-details dd{font-size:18px;margin-top:3px}.venue-reference .venue-copy .gold-button{width:100%;margin-top:8px;font-size:10px}.venue-reference .venue-map{min-height:145px}.venue-reference .venue-map-pin{font-size:56px}.venue-reference .venue-map-caption{font-size:13px}.venue-reference .venue-map-caption small{font-size:13px}.venue-reference .venue-note{font-size:11px!important}}

/* The reference uses live maps, warm photographic texture and tall venue panels. */
.venue-reference .venue-card,
.venue-reference .venue-card:nth-child(2),
.venue-reference .venue-card:nth-child(3){
  background-image:linear-gradient(125deg,#92243bc4,#581426d9),url('assets/reference/gallery/courtyard.jpg'),url('assets/reference/gallery/jharokha.jpg');
  background-size:cover,100% 32%,cover;
  background-position:center,center bottom,center;
  background-repeat:no-repeat;
}
.venue-reference .venue-map{
  display:block;aspect-ratio:4/3;min-height:0;border:0;border-radius:28px;
  background:#e5d9bf;box-shadow:0 26px 46px #1a070a80,0 0 0 1px #edca7c6b;
}
.venue-reference .venue-map iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;
  filter:sepia(.28) saturate(1.2) hue-rotate(-10deg) contrast(1.03);
}
.venue-reference .venue-map-overlay{
  position:absolute;left:5%;right:5%;bottom:13%;display:flex;align-items:center;gap:11px;
  min-height:43px;padding:5px 10px;border:1px solid #e4b867a8;border-radius:30px;
  background:linear-gradient(100deg,#6a2537e8,#5b2d3deb);color:#f6d893;
  box-shadow:0 6px 16px #32111ea8;pointer-events:none;
}
.venue-reference .venue-map-overlay>span{
  flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  background:linear-gradient(#ffdf8a,#d3953c);color:#7b2434;font:24px Georgia,serif;
}
.venue-reference .venue-map-overlay b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:15px/1.1 var(--serif);text-transform:uppercase}
.venue-reference .venue-map-overlay small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font:9px var(--serif);letter-spacing:1px;text-transform:uppercase;color:#ead6ab}
@media(max-width:600px){
  .venue-reference{padding:133px 16px 6px}
  .venue-reference .section-heading{margin-bottom:56px}
  .venue-stack{gap:110px}
  .venue-reference .venue-card{padding:44px 24px 40px;row-gap:90px;text-align:center}
  .venue-reference .venue-copy{text-align:center}
  .venue-reference .venue-copy h3{font-size:35px;line-height:1.3;margin:10px 0 20px}
  .venue-reference .venue-copy .ornamental-line{justify-content:center;margin:0 0 31px}
  .venue-details{gap:16px;margin-bottom:24px;text-align:left}
  .venue-details>div{min-height:82px;padding-top:16px;padding-bottom:16px}
  .venue-reference .venue-copy .gold-button{margin-top:8px;border-radius:40px}
  .venue-reference .venue-map{width:min(100%,263px);margin:0 auto;min-height:0;aspect-ratio:4/3}
  .venue-reference .venue-note{display:none}
}
