/* Lantern Nights — the look's own pictures and colours for the shared full format (../_lantern-full/base.css). */
:root{--gc-deep:#7A1F2B;--gc-ink:#3A1520;--gc-swag-ar:0.42;
  --gc-journey-bg:#2C3E86;--gc-drive-top:rgba(44,62,134,.96);--gc-drive-top2:rgba(44,62,134,.7);--fx-ink:#2A1B14;--fx-muted:#5A4636;--fx-accent:#7A1F2B;--fx-accent-2:#D69A2E;--fx-soft:#7A1F2B;--fx-head:"Cormorant Garamond",Georgia,"Noto Serif Devanagari",serif;--fx-caps-font:"Marcellus",Georgia,serif;--fx-card:linear-gradient(180deg,#FFFBF2,#F6EAD2);--fx-card-solid:#FFFBF2;--fx-line:rgba(214,154,46,.55);--fx-edge:linear-gradient(135deg,#F2C46B,#D69A2E 40%,#FBE0A0 60%,#B7791F);--fx-edge-w:2px;--fx-radius:16px;--fx-btn:#FFFBF2;--fx-btn-ink:#7A1F2B;--fx-on:#7A1F2B;--fx-on-ink:#FFF6E6;--fx-on-line:#7A1F2B;--fx-field:#fff;--fx-langs-bg:rgba(20,24,60,.55);--fx-langs-ink:#FFF6E6;--fx-foil-1:#B7791F;--fx-foil-2:#D69A2E;--fx-foil-3:#FBE0A0;--fx-foil-dots:#FFF6E6;--fx-foil-ink:rgba(42,27,20,.85);--fx-lb-bg:rgba(20,24,60,.95);--fx-lb-ink:#FFF6E6;}
/* pictures are named here, not in a variable: a url() in a custom property resolves against the sheet that uses it */
.gate-card .gate-rule{background-image:url("media/orn-garland-rope.webp")}
@media (max-width:759px){.drive-stage{background-image:url("media/courtyard-9x16.jpg")}}
.gate-bg{background-image:url("media/palace-night-9x16.jpg");background-position:center 40%}
@media (max-width:760px){.gate-bg{background-image:url("media/palace-night-9x16.jpg")}}
.gc-crown{width:96px;top:-46px}
/* the controls over the pictures in the look's own maroon and gold, never a dark smoky glass */
:root{--fx-langs-bg:rgba(251,243,222,.94);--fx-langs-ink:#7A1F2B}
.hint-pill{background:rgba(122,31,43,.9);border-color:rgba(233,200,119,.9);color:#FBF3DE;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 6px 18px rgba(60,20,10,.25)}
.audio-btn{background:rgba(122,31,43,.9);border-color:rgba(233,200,119,.9);-webkit-backdrop-filter:none;backdrop-filter:none}
/* the names on the first screen: a soft ivory glow behind maroon ink, never a dark veil */
.hero-plate::before{background:radial-gradient(ellipse 66% 72% at 50% 50%,rgba(255,249,236,.74) 0%,rgba(255,247,232,.5) 52%,rgba(255,247,232,0) 88%)!important;inset:-12% -8%!important}
.hero-names{color:#5E1424!important;font-weight:400!important;text-shadow:0 0 22px rgba(255,248,232,.95),0 1px 0 rgba(255,250,240,.7)!important}
.hero-weds{color:#9A6A1C!important;opacity:1!important;text-shadow:0 0 12px rgba(255,248,232,.95)!important}
.hero-eyebrow{color:#8A5E1E!important;opacity:1!important;text-shadow:0 0 12px rgba(255,248,232,.95)!important}
.hero-date{color:#7A1F2B!important;text-shadow:0 0 14px rgba(255,248,232,.95)!important}
.hero-venue{color:#7A1F2B!important;opacity:1!important;text-shadow:0 0 14px rgba(255,248,232,.95)!important}
/* a painted front page: from the tap to the film there is never a black frame. The words go, the doors stay
   (the film's backdrop and first frame are the same picture), and the film's own shade waits for its first line. */
.br-art .intro{background:#1a1014 url("media/front.jpg") center/cover no-repeat}
.br-art .intro:not(.is-out){transition:none}
/* the film hands over to the website in a slow dissolve, not a cut */
.br-art .intro.is-out{transition:opacity 1.5s cubic-bezier(.4,0,.2,1)}
.br-art .intro-vid{background:transparent}
.br-art .intro-scrim{opacity:0;transition:opacity 1.2s ease}
.br-art .intro:has(.intro-type .on) .intro-scrim{opacity:1}
html.br-art body.env-out .env{transform:none;transition:opacity .45s ease}
html.br-art body.is-opening .ga-words,html.br-art body.is-opening .gate-body--art,html.br-art body.is-opening .gate-lanterns{opacity:0;transition:opacity .45s ease}