/* Emerald Waters — the look's own pictures and colours for the shared full format (../_lantern-full/base.css). */
:root{--gc-deep:#1F4D33;--gc-ink:#22301F;--gc-swag-ar:0.44;
  --gc-journey-bg:#12301F;--gc-drive-top:rgba(18,48,31,.96);--gc-drive-top2:rgba(18,48,31,.7);--fx-ink:#22301F;--fx-muted:#4A5B46;--fx-accent:#1F4D33;--fx-accent-2:#C9A24A;--fx-soft:#1F4D33;--fx-head:"Cormorant Garamond",Georgia,"Noto Serif Malayalam","Noto Serif Devanagari",serif;--fx-caps-font:"Marcellus",Georgia,serif;--fx-card:linear-gradient(180deg,#FFFCF2,#F3EAD3);--fx-card-solid:#FFFCF2;--fx-line:rgba(201,162,74,.55);--fx-edge:linear-gradient(135deg,#E8C875,#C9A24A 40%,#F6E2A8 60%,#A07C31);--fx-edge-w:2px;--fx-radius:16px;--fx-btn:#FFFCF2;--fx-btn-ink:#1F4D33;--fx-on:#1F4D33;--fx-on-ink:#F7F1E1;--fx-on-line:#1F4D33;--fx-field:#fff;--fx-langs-bg:rgba(18,48,31,.55);--fx-langs-ink:#F7F1E1;--fx-foil-1:#A07C31;--fx-foil-2:#C9A24A;--fx-foil-3:#F6E2A8;--fx-foil-dots:#F7F1E1;--fx-foil-ink:rgba(34,48,31,.85);--fx-lb-bg:rgba(18,48,31,.95);--fx-lb-ink:#F7F1E1;}
/* 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/kasavu-strip.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:104px;top:-62px}.gc-swag{width:52%;top:40px}.gc-mark{width:44%;--gc-mark-op:.1}.gc-c{width:58px;bottom:-22px}.gc-bl{left:-8px;transform:none}.gc-br{right:-8px;transform:scaleX(-1)}.gate-card .gate-rule{width:150px;height:9px;margin:10px auto 12px;background-size:100% 100%;border-radius:1px}
/* the front page's words in green and gold on the kasavu banner */
:root{--ga-to:#1F4D3A;--ga-name:#7A5410;--ga-amp:#8A6414;--ga-ink:#8A6414}
/* the controls over the pictures in the look's own green and gold, never a dark smoky glass */
:root{--fx-langs-bg:rgba(251,243,222,.94);--fx-langs-ink:#1F4D33}
.hint-pill{background:rgba(31,77,51,.92);border-color:rgba(233,200,119,.9);color:#FBF3DE;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 6px 18px rgba(10,30,20,.25)}
.audio-btn{background:rgba(31,77,51,.92);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 deep green and gold ink, never a dark veil */
.hero-plate::before{background:radial-gradient(ellipse 66% 72% at 50% 50%,rgba(255,249,236,.78) 0%,rgba(255,247,232,.54) 52%,rgba(255,247,232,0) 88%)!important;inset:-12% -8%!important}
.hero-names{color:#1F4D33!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:#8A6414!important;opacity:1!important;text-shadow:0 0 12px rgba(255,248,232,.95)!important}
.hero-eyebrow{color:#8A6414!important;opacity:1!important;text-shadow:0 0 12px rgba(255,248,232,.95)!important}
.hero-date{color:#1F4D33!important;text-shadow:0 0 14px rgba(255,248,232,.95)!important}
.hero-venue{color:#1F4D33!important;opacity:1!important;text-shadow:0 0 14px rgba(255,248,232,.95)!important}
.hero-plate::after{display:none!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}
