/* Invitation cover background. The artwork sits on the two cover doors, which swing open when the guest taps
   "Tap to Open Invitation". Each door shows its half of one picture, sized to cover the screen.
   Wide screens use the landscape artwork; tall screens (phones, portrait tablets) use the portrait artwork. */
.cover-door{
  --R:1.7761;                                         /* artwork width / height */
  --iw:max(100vw, calc(100vh * var(--R)));
  background-color:#cfe6d4;background-repeat:no-repeat;background-size:var(--iw) auto;
  background-image:url("assets/cover/cover-desk-1920.webp");
  background-image:-webkit-image-set(url("assets/cover/cover-desk-1920.webp") 1x,url("assets/cover/cover-desk-3200.webp") 2x);
  background-image:image-set(url("assets/cover/cover-desk-1920.webp") 1x,url("assets/cover/cover-desk-3200.webp") 2x);
}
@supports (height:100dvh){ .cover-door{--iw:max(100vw, calc(100dvh * var(--R)))} }
.cover-door-l{background-position:calc(50vw - var(--iw) / 2) center}
.cover-door-r{background-position:calc(0.05vw - var(--iw) / 2) center}
@media (max-aspect-ratio:1/1){
  .cover-door{
    --R:0.6134;
    background-image:url("assets/cover/cover-mob-860.webp");
    background-image:-webkit-image-set(url("assets/cover/cover-mob-860.webp") 1x,url("assets/cover/cover-mob-1290.webp") 2x);
    background-image:image-set(url("assets/cover/cover-mob-860.webp") 1x,url("assets/cover/cover-mob-1290.webp") 2x);
  }
}

/* ---------- cover text, styled after the supplied cover designs ---------- */
/* "&" between gold rules */
.cover-content .cv-amp{display:flex;align-items:center;justify-content:center;gap:.32em}
.cover-content .cv-amp::before,.cover-content .cv-amp::after{content:"";display:block;height:1px;width:1.55em;
  background:linear-gradient(90deg,rgba(173,133,84,0),rgba(173,133,84,.85))}
.cover-content .cv-amp::after{background:linear-gradient(90deg,rgba(173,133,84,.85),rgba(173,133,84,0))}
/* countdown tiles: warm cream cards with a gold edge */
.cover-content .cv-count .rounded-xl{background:rgba(255,250,239,.9);border-color:rgba(196,154,102,.75);border-radius:12px;
  box-shadow:0 7px 16px -9px rgba(110,72,28,.5),inset 0 1px 0 rgba(255,255,255,.75);-webkit-backdrop-filter:none;backdrop-filter:none}
.cover-content .cv-count [role=timer] span[aria-hidden]{display:none}

/* phones and portrait tablets: lift the text a little, as in the portrait design */
@media (max-aspect-ratio:1/1){
  .cover-content{padding-top:max(env(safe-area-inset-top),5vh);padding-bottom:max(env(safe-area-inset-bottom),22vh)}
}

/* wide screens: size and place everything in units of the landscape artwork (--u = 1 artwork pixel), so the
   text sits inside the arch exactly as in the design at any screen size */
@media (min-aspect-ratio:1/1){
  .cover-door-l{background-position:calc(50vw - var(--iw) / 2) 20%}
  .cover-door-r{background-position:calc(0.05vw - var(--iw) / 2) 20%}
  .cover-content{
    --vh:100vh;
    --u:max(calc(var(--vh) / 941), calc(100vw / 1672));
    justify-content:flex-start;padding-bottom:0;
    padding-top:calc((var(--vh) - 941 * var(--u)) * .20 + 56 * var(--u));
  }
  @supports (height:100dvh){ .cover-content{--vh:100dvh} }
  .cover-content .cv-emblem img{width:auto;height:calc(100 * var(--u))}
  .cover-content .cv-emblem p{margin-top:calc(10 * var(--u));font-size:calc(22 * var(--u))}
  .cover-content .cv-line{margin-top:calc(16 * var(--u));font-size:calc(21 * var(--u));line-height:1.3;max-width:calc(470 * var(--u))}
  .cover-content .cv-names{margin-top:calc(18 * var(--u))}
  .cover-content .cv-names .title-caps{font-size:calc(62 * var(--u));letter-spacing:.16em}
  .cover-content .cv-amp{font-size:calc(54 * var(--u));margin:calc(2 * var(--u)) 0}
  .cover-content .cv-date{margin-top:calc(16 * var(--u))}
  .cover-content .cv-date .hairline{width:calc(250 * var(--u))}
  .cover-content .cv-date .eyebrow{margin-top:calc(14 * var(--u));font-size:calc(17 * var(--u));letter-spacing:.24em}
  .cover-content .cv-count{margin-top:calc(18 * var(--u))}
  .cover-content .cv-count [role=timer] > div{gap:calc(18 * var(--u))}
  .cover-content .cv-count .rounded-xl{min-width:calc(92 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u))}
  .cover-content .cv-count .rounded-xl > span:first-child{font-size:calc(36 * var(--u))}
  .cover-content .cv-count .rounded-xl > span:last-child{font-size:calc(13 * var(--u));margin-top:calc(4 * var(--u))}
  .cover-content .cv-count [role=timer] > p{font-size:calc(21 * var(--u));margin-top:calc(12 * var(--u))}
  .cover-content .cv-btn{margin-top:calc(20 * var(--u))}
  .cover-content .cv-btn .btn{font-size:calc(19 * var(--u));padding:calc(20 * var(--u)) calc(46 * var(--u));min-height:0}
  .cover-content .cv-music{margin-top:calc(18 * var(--u));font-size:calc(17 * var(--u))}
  .cover-content .cv-music svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}
}

/* landscape screens 3:2 and wider (most laptops and monitors): use the version extended at the sides (2.4:1) and fit it to
   the screen height, so the whole artwork — arch top to rangoli — is always visible and nothing is cut */
@media (min-aspect-ratio:3/2){
  .cover-door{
    --R:2.4;
    --iw:max(100vw, calc(100vh * var(--R)));
    background-image:url("assets/cover/cover-wide-2600.webp");
    background-image:-webkit-image-set(url("assets/cover/cover-wide-2600.webp") 1x,url("assets/cover/cover-wide-4320.webp") 2x);
    background-image:image-set(url("assets/cover/cover-wide-2600.webp") 1x,url("assets/cover/cover-wide-4320.webp") 2x);
  }
  @supports (height:100dvh){ .cover-door{--iw:max(100vw, calc(100dvh * var(--R)))} }
  .cover-door-l{background-position:calc(50vw - var(--iw) / 2) 50%}
  .cover-door-r{background-position:calc(0.05vw - var(--iw) / 2) 50%}
  /* the core artwork is 1672 units wide inside the extended picture: text units follow the screen height */
  .cover-content{--u:calc(var(--vh) / 941);padding-top:calc(56 * var(--u))}
}

/* a tiny blurred copy of the cover sits underneath and shows at once, until the full artwork has arrived */
.cover-door{
  background-image:url("assets/cover/cover-desk-1920.webp"),url("data:image/webp;base64,UklGRowBAABXRUJQVlA4IIABAAAQCACdASooABcAPrVMo02nI6MiKrgIAOAWiWwAnTLLvDAe4W+mADlOCW+jhTaJ0DGidpxaQTpyVQZVXeXP5Bu9GERb48PX/dcwAPwf0Hesp4BokJ3W1WV4bdsXmnO/EYfvtcUWs3BlHh/3hiC6iAGBO0wnlWTTF01dnWtlL2X9nRCRGs3aBu7hqoJfHQ5V3QMa2g/lDUsyF/xybjUOswkN9GXYeG5YGrMq7LHB9k+oeTwvNWMDdo+4VfzH0D/RNXru2GCoHddCd3PwilgPoijs25w0KUkfRBjqzqVwQfc/08Eoa66uFyFUQsAohQac99YdgEfDOx0BTrjNImnPp5VAL1hldfoFDHVxOg+x2wjCIOJfcUaDf6zM07kQ33CDxehem4QSEaVWyuMOsiDn/kyUvnH3XcfmPYhTeqiZ2erbAjJEfPjK8rHedyPCYbf8EM9BcmlDmB5YnB8PYQwUtJcjY36Eq/XZU5KwhaVl/pqd2iS2i9cRqNQFRjTgWl0AAAA=");
  background-image:-webkit-image-set(url("assets/cover/cover-desk-1920.webp") 1x,url("assets/cover/cover-desk-3200.webp") 2x),url("data:image/webp;base64,UklGRowBAABXRUJQVlA4IIABAAAQCACdASooABcAPrVMo02nI6MiKrgIAOAWiWwAnTLLvDAe4W+mADlOCW+jhTaJ0DGidpxaQTpyVQZVXeXP5Bu9GERb48PX/dcwAPwf0Hesp4BokJ3W1WV4bdsXmnO/EYfvtcUWs3BlHh/3hiC6iAGBO0wnlWTTF01dnWtlL2X9nRCRGs3aBu7hqoJfHQ5V3QMa2g/lDUsyF/xybjUOswkN9GXYeG5YGrMq7LHB9k+oeTwvNWMDdo+4VfzH0D/RNXru2GCoHddCd3PwilgPoijs25w0KUkfRBjqzqVwQfc/08Eoa66uFyFUQsAohQac99YdgEfDOx0BTrjNImnPp5VAL1hldfoFDHVxOg+x2wjCIOJfcUaDf6zM07kQ33CDxehem4QSEaVWyuMOsiDn/kyUvnH3XcfmPYhTeqiZ2erbAjJEfPjK8rHedyPCYbf8EM9BcmlDmB5YnB8PYQwUtJcjY36Eq/XZU5KwhaVl/pqd2iS2i9cRqNQFRjTgWl0AAAA=");
  background-image:image-set(url("assets/cover/cover-desk-1920.webp") 1x,url("assets/cover/cover-desk-3200.webp") 2x),url("data:image/webp;base64,UklGRowBAABXRUJQVlA4IIABAAAQCACdASooABcAPrVMo02nI6MiKrgIAOAWiWwAnTLLvDAe4W+mADlOCW+jhTaJ0DGidpxaQTpyVQZVXeXP5Bu9GERb48PX/dcwAPwf0Hesp4BokJ3W1WV4bdsXmnO/EYfvtcUWs3BlHh/3hiC6iAGBO0wnlWTTF01dnWtlL2X9nRCRGs3aBu7hqoJfHQ5V3QMa2g/lDUsyF/xybjUOswkN9GXYeG5YGrMq7LHB9k+oeTwvNWMDdo+4VfzH0D/RNXru2GCoHddCd3PwilgPoijs25w0KUkfRBjqzqVwQfc/08Eoa66uFyFUQsAohQac99YdgEfDOx0BTrjNImnPp5VAL1hldfoFDHVxOg+x2wjCIOJfcUaDf6zM07kQ33CDxehem4QSEaVWyuMOsiDn/kyUvnH3XcfmPYhTeqiZ2erbAjJEfPjK8rHedyPCYbf8EM9BcmlDmB5YnB8PYQwUtJcjY36Eq/XZU5KwhaVl/pqd2iS2i9cRqNQFRjTgWl0AAAA=");
}
@media (max-aspect-ratio:1/1){ .cover-door{
  background-image:url("assets/cover/cover-mob-860.webp"),url("data:image/webp;base64,UklGRvYCAABXRUJQVlA4IOoCAADwDwCdASooAEEAPrVGnkmnI6KhLNgOMOAWiWIAuzM0TwmKPowN7NHpG29/O6acB6AHS+f6NguruZbvGt3s+EP8sEiDQXu8IS1yTSHxBmHyXCN+qvOnGNeAec6kyCbCfWx1MCy5lSPQpZN00+jWpGWQTvMmq/dpw47CMhwkcBJSg70CxgXsNHOAAP4FWTWBe25NfLO7fw4PLQLmyDrgj3WS2TZXmFNpUkgU1sCdIOusfvhV2lQpIBYVXGdOKwHoRejYQ8BOUZw3Ylqo0lTPpfqy+ex+hdIFBZbA83+yWG4RgiGjhB4r5TQz9WusQWefmEKepku7Ok5jjAF0b0ZowQn4ZVElXEix22YscjBA3MKud/PRs4ipQgB7eyCFmZLDdG+qphewyrHaIzhe6dBOGYLxff8ZHb4UIKl1k0I/qCURIJT+zVvfNFeaZ95dE20IRx1nSCN6G8juC3jqTXcQyRskxRMDkKYyX/KJCDzgCjX0UkRnoLSFArklSTn/HnOJ7/Xv1RvNcpx04rKV+7dRc56ol1sc48VOw3IlV8ir9MAexjX1b4S8n81zd5cJB1BLUtP/fvUyMdK+oaRGiUnU2+PqhtGsu40AzeOeBTXjlejptVpbX+QufstKOBhrfh8Uc3rHcD/o1rIdh19omXOsW/iDb/M5M2KZuc4TI1ibwrD3WX3PxxKax87NEoumcLKwoiu3qmbADjCN5VfY7PmaN9oRpJztKzOMJIwaYbh8EkB6Guv++S0Ur9SvBR73Twl8s/j2a7H9LiT9nBxwWay9ZzCZxSCxNxXb3yOJ/Q8NCmPR3+rcyhem5+/930nP7xmRjNkp2i7/J4I9ioYTQTeOsZh2hgK40r09MVTYkvxv92+c8PPk4cTWyemt2NwoQbLosofPazO/QJJDOKqxxjQutvtiItxIpehzDyiakP4Om9F4ogySjvXE9ocK4cR80+cnhaUZ22Oe15gbgOupV0ggcJCPUTNgohR8wAAAAA==");
  background-image:-webkit-image-set(url("assets/cover/cover-mob-860.webp") 1x,url("assets/cover/cover-mob-1290.webp") 2x),url("data:image/webp;base64,UklGRvYCAABXRUJQVlA4IOoCAADwDwCdASooAEEAPrVGnkmnI6KhLNgOMOAWiWIAuzM0TwmKPowN7NHpG29/O6acB6AHS+f6NguruZbvGt3s+EP8sEiDQXu8IS1yTSHxBmHyXCN+qvOnGNeAec6kyCbCfWx1MCy5lSPQpZN00+jWpGWQTvMmq/dpw47CMhwkcBJSg70CxgXsNHOAAP4FWTWBe25NfLO7fw4PLQLmyDrgj3WS2TZXmFNpUkgU1sCdIOusfvhV2lQpIBYVXGdOKwHoRejYQ8BOUZw3Ylqo0lTPpfqy+ex+hdIFBZbA83+yWG4RgiGjhB4r5TQz9WusQWefmEKepku7Ok5jjAF0b0ZowQn4ZVElXEix22YscjBA3MKud/PRs4ipQgB7eyCFmZLDdG+qphewyrHaIzhe6dBOGYLxff8ZHb4UIKl1k0I/qCURIJT+zVvfNFeaZ95dE20IRx1nSCN6G8juC3jqTXcQyRskxRMDkKYyX/KJCDzgCjX0UkRnoLSFArklSTn/HnOJ7/Xv1RvNcpx04rKV+7dRc56ol1sc48VOw3IlV8ir9MAexjX1b4S8n81zd5cJB1BLUtP/fvUyMdK+oaRGiUnU2+PqhtGsu40AzeOeBTXjlejptVpbX+QufstKOBhrfh8Uc3rHcD/o1rIdh19omXOsW/iDb/M5M2KZuc4TI1ibwrD3WX3PxxKax87NEoumcLKwoiu3qmbADjCN5VfY7PmaN9oRpJztKzOMJIwaYbh8EkB6Guv++S0Ur9SvBR73Twl8s/j2a7H9LiT9nBxwWay9ZzCZxSCxNxXb3yOJ/Q8NCmPR3+rcyhem5+/930nP7xmRjNkp2i7/J4I9ioYTQTeOsZh2hgK40r09MVTYkvxv92+c8PPk4cTWyemt2NwoQbLosofPazO/QJJDOKqxxjQutvtiItxIpehzDyiakP4Om9F4ogySjvXE9ocK4cR80+cnhaUZ22Oe15gbgOupV0ggcJCPUTNgohR8wAAAAA==");
  background-image:image-set(url("assets/cover/cover-mob-860.webp") 1x,url("assets/cover/cover-mob-1290.webp") 2x),url("data:image/webp;base64,UklGRvYCAABXRUJQVlA4IOoCAADwDwCdASooAEEAPrVGnkmnI6KhLNgOMOAWiWIAuzM0TwmKPowN7NHpG29/O6acB6AHS+f6NguruZbvGt3s+EP8sEiDQXu8IS1yTSHxBmHyXCN+qvOnGNeAec6kyCbCfWx1MCy5lSPQpZN00+jWpGWQTvMmq/dpw47CMhwkcBJSg70CxgXsNHOAAP4FWTWBe25NfLO7fw4PLQLmyDrgj3WS2TZXmFNpUkgU1sCdIOusfvhV2lQpIBYVXGdOKwHoRejYQ8BOUZw3Ylqo0lTPpfqy+ex+hdIFBZbA83+yWG4RgiGjhB4r5TQz9WusQWefmEKepku7Ok5jjAF0b0ZowQn4ZVElXEix22YscjBA3MKud/PRs4ipQgB7eyCFmZLDdG+qphewyrHaIzhe6dBOGYLxff8ZHb4UIKl1k0I/qCURIJT+zVvfNFeaZ95dE20IRx1nSCN6G8juC3jqTXcQyRskxRMDkKYyX/KJCDzgCjX0UkRnoLSFArklSTn/HnOJ7/Xv1RvNcpx04rKV+7dRc56ol1sc48VOw3IlV8ir9MAexjX1b4S8n81zd5cJB1BLUtP/fvUyMdK+oaRGiUnU2+PqhtGsu40AzeOeBTXjlejptVpbX+QufstKOBhrfh8Uc3rHcD/o1rIdh19omXOsW/iDb/M5M2KZuc4TI1ibwrD3WX3PxxKax87NEoumcLKwoiu3qmbADjCN5VfY7PmaN9oRpJztKzOMJIwaYbh8EkB6Guv++S0Ur9SvBR73Twl8s/j2a7H9LiT9nBxwWay9ZzCZxSCxNxXb3yOJ/Q8NCmPR3+rcyhem5+/930nP7xmRjNkp2i7/J4I9ioYTQTeOsZh2hgK40r09MVTYkvxv92+c8PPk4cTWyemt2NwoQbLosofPazO/QJJDOKqxxjQutvtiItxIpehzDyiakP4Om9F4ogySjvXE9ocK4cR80+cnhaUZ22Oe15gbgOupV0ggcJCPUTNgohR8wAAAAA==");
}}
@media (min-aspect-ratio:3/2){ .cover-door{
  background-image:url("assets/cover/cover-wide-2600.webp"),url("data:image/webp;base64,UklGRkYBAABXRUJQVlA4IDoBAADQBgCdASooABEAPrVSok0nJKMiJWsw4BaJZgCxHwAJGCA6jFmRbGw8FGPKhEqPoSUfMj2g6KG9NxreQcq502AA9r2zpw4TAYI05lnZpHDWgeBNixtaiWP/L1W7UBCs1I+KIFRpM/jDMgMGJAY7FTxNX2P6FBaiHK5SbrPnlhrv1l8AEKVJQQsglnJiwhe4QG0raE7/eKrtLvUw2Pn8cHzAg0/NUDWmXKc8cZh94cktWVeJ+Rm1Su04bEJ/dekIs12qfL1TlPrjUhUqMvFbPMxK81zVcAFMrPkEHqrW+LxCXejh6kjK7b0lQ+ciXUYbi5dAG3wljzxvMUx1N4hpLHvKwBGyvMmbO1OorXq3wd/+Qf9xAHOiLLkxocx+TFlZpP8i+8/gLTZLSKXxcOyE8XpeWaqGYmkNAAAAAA==");
  background-image:-webkit-image-set(url("assets/cover/cover-wide-2600.webp") 1x,url("assets/cover/cover-wide-4320.webp") 2x),url("data:image/webp;base64,UklGRkYBAABXRUJQVlA4IDoBAADQBgCdASooABEAPrVSok0nJKMiJWsw4BaJZgCxHwAJGCA6jFmRbGw8FGPKhEqPoSUfMj2g6KG9NxreQcq502AA9r2zpw4TAYI05lnZpHDWgeBNixtaiWP/L1W7UBCs1I+KIFRpM/jDMgMGJAY7FTxNX2P6FBaiHK5SbrPnlhrv1l8AEKVJQQsglnJiwhe4QG0raE7/eKrtLvUw2Pn8cHzAg0/NUDWmXKc8cZh94cktWVeJ+Rm1Su04bEJ/dekIs12qfL1TlPrjUhUqMvFbPMxK81zVcAFMrPkEHqrW+LxCXejh6kjK7b0lQ+ciXUYbi5dAG3wljzxvMUx1N4hpLHvKwBGyvMmbO1OorXq3wd/+Qf9xAHOiLLkxocx+TFlZpP8i+8/gLTZLSKXxcOyE8XpeWaqGYmkNAAAAAA==");
  background-image:image-set(url("assets/cover/cover-wide-2600.webp") 1x,url("assets/cover/cover-wide-4320.webp") 2x),url("data:image/webp;base64,UklGRkYBAABXRUJQVlA4IDoBAADQBgCdASooABEAPrVSok0nJKMiJWsw4BaJZgCxHwAJGCA6jFmRbGw8FGPKhEqPoSUfMj2g6KG9NxreQcq502AA9r2zpw4TAYI05lnZpHDWgeBNixtaiWP/L1W7UBCs1I+KIFRpM/jDMgMGJAY7FTxNX2P6FBaiHK5SbrPnlhrv1l8AEKVJQQsglnJiwhe4QG0raE7/eKrtLvUw2Pn8cHzAg0/NUDWmXKc8cZh94cktWVeJ+Rm1Su04bEJ/dekIs12qfL1TlPrjUhUqMvFbPMxK81zVcAFMrPkEHqrW+LxCXejh6kjK7b0lQ+ciXUYbi5dAG3wljzxvMUx1N4hpLHvKwBGyvMmbO1OorXq3wd/+Qf9xAHOiLLkxocx+TFlZpP8i+8/gLTZLSKXxcOyE8XpeWaqGYmkNAAAAAA==");
}}