/* ============================================================
   STORYBOOK — illustrated, hand-painted. Sky, sea and sand with
   a smiling sun, drifting clouds, palms and a shoreline.
   ============================================================ */
:root{
  --sky:#BFE7F5; --sky-2:#8FD4EC; --sky-pale:#E6F6FC;
  --sand:#FBEBD2; --sand-2:#F5DDBB;
  --coral:#FF9DAF; --coral-2:#F2778E; --coral-pale:#FFE4E9;
  --leaf:#7FBF8A; --leaf-pale:#E2F1E4;
  --sunny:#FFC85C; --sunny-pale:#FFF1D4;

  --violet:#8FD4EC; --violet-d:#4FA9CC;
  --pink:#FF9DAF; --teal:#7FBF8A;
  --gold:#FFC85C; --gold-d:#E8A33D;

  --bg:#FDF6EA; --bg-2:#E6F6FC; --card:#FFFDF8; --card-2:#FFF7EC;
  --cream:#FDF6EA; --cream-2:#E6F6FC;
  --ink:#3B4A57; --muted:#7B8894; --line:#E6D8C2;
}

body{ background:var(--bg) !important; color:var(--ink) !important; }
h1,h2,h3{ color:var(--ink) !important; letter-spacing:0 !important; }

/* ---------- the hero becomes a painted scene ---------- */
.hero{
  position:relative !important; overflow:hidden !important;
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20200%2060%22%3E%3Cg%20stroke%3D%22%236f7f96%22%20stroke-width%3D%222.6%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M20%2030%20q10%20-9%2019%200%20q9%20-9%2019%200%22/%3E%3Cpath%20d%3D%22M96%2016%20q7%20-6%2013%200%20q6%20-6%2013%200%22/%3E%3Cpath%20d%3D%22M150%2040%20q8%20-7%2015%200%20q7%20-7%2015%200%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 74% 16% / 150px auto,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%2090%22%3E%3Cg%20fill%3D%22%23ffffff%22%20opacity%3D%22.92%22%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2258%22%20rx%3D%2242%22%20ry%3D%2226%22/%3E%3Cellipse%20cx%3D%22104%22%20cy%3D%2246%22%20rx%3D%2234%22%20ry%3D%2230%22/%3E%3Cellipse%20cx%3D%22150%22%20cy%3D%2258%22%20rx%3D%2240%22%20ry%3D%2224%22/%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%22166%22%20height%3D%2226%22%20rx%3D%2213%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 6% 20% / 210px auto,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%2090%22%3E%3Cg%20fill%3D%22%23ffffff%22%20opacity%3D%22.92%22%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2258%22%20rx%3D%2242%22%20ry%3D%2226%22/%3E%3Cellipse%20cx%3D%22104%22%20cy%3D%2246%22%20rx%3D%2234%22%20ry%3D%2230%22/%3E%3Cellipse%20cx%3D%22150%22%20cy%3D%2258%22%20rx%3D%2240%22%20ry%3D%2224%22/%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%22166%22%20height%3D%2226%22%20rx%3D%2213%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 88% 30% / 150px auto,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2234%22%20fill%3D%22%23FFD98A%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2227%22%20fill%3D%22%23FFC85C%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2256%22%20r%3D%222.6%22%20fill%3D%22%238a6a2f%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2256%22%20r%3D%222.6%22%20fill%3D%22%238a6a2f%22/%3E%3Cpath%20d%3D%22M52%2066%20q8%207%2016%200%22%20stroke%3D%22%238a6a2f%22%20stroke-width%3D%222.4%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2264%22%20r%3D%224%22%20fill%3D%22%23FF9DAF%22%20opacity%3D%22.55%22/%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%2264%22%20r%3D%224%22%20fill%3D%22%23FF9DAF%22%20opacity%3D%22.55%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 84% 9% / 96px 96px,
    linear-gradient(180deg, #A8DDF0 0%, #CFEDF8 34%, #E9F6F3 62%, var(--sand) 88%) !important;
}
/* shoreline + palm along the bottom of the hero */
.hero::after{
  display:block !important; content:'' !important;
  position:absolute !important; left:0; right:0; bottom:0; top:auto;
  width:auto !important; height:190px !important;
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20160%20200%22%3E%3Cpath%20d%3D%22M78%20200%20q-4%20-80%206%20-128%22%20stroke%3D%22%23C79A6B%22%20stroke-width%3D%229%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Cg%20fill%3D%22%237FBF8A%22%3E%3Cpath%20d%3D%22M84%2070%20q-40%20-26%20-64%20-8%20q30%20-4%2062%2014Z%22/%3E%3Cpath%20d%3D%22M84%2070%20q40%20-28%2064%20-8%20q-30%20-4%20-62%2014Z%22/%3E%3Cpath%20d%3D%22M84%2070%20q-30%20-46%20-60%20-44%20q26%2010%2056%2048Z%22/%3E%3Cpath%20d%3D%22M84%2070%20q32%20-46%2060%20-42%20q-28%208%20-58%2046Z%22/%3E%3Cpath%20d%3D%22M84%2070%20q2%20-44%20-14%20-60%20q16%2034%2010%2062Z%22/%3E%3C/g%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%2276%22%20r%3D%225%22%20fill%3D%22%23E8A33D%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2279%22%20r%3D%224.4%22%20fill%3D%22%23E8A33D%22/%3E%3C/svg%3E") no-repeat left 10px bottom 30px / 132px auto,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2070%22%3E%3Cpath%20d%3D%22M40%2066%20C10%2058%204%2030%2016%2014%20C26%202%2054%202%2064%2014%20C76%2030%2070%2058%2040%2066Z%22%20fill%3D%22%23FFD9DE%22/%3E%3Cg%20stroke%3D%22%23F2A9B8%22%20stroke-width%3D%222%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M40%2066%20V10%22/%3E%3Cpath%20d%3D%22M40%2066%20C28%2050%2022%2030%2026%2012%22/%3E%3Cpath%20d%3D%22M40%2066%20C52%2050%2058%2030%2054%2012%22/%3E%3C/g%3E%3C/svg%3E") no-repeat right 12% bottom 24px / 40px auto,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20120%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2070%20q75%20-34%20150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20V120%20H0Z%22%20fill%3D%22%23BFE7F5%22/%3E%3Cpath%20d%3D%22M0%2092%20q75%20-30%20150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20V120%20H0Z%22%20fill%3D%22%238FD4EC%22/%3E%3C/svg%3E") no-repeat left bottom / 102% 110px !important;
  opacity:1 !important; border-radius:0 !important; transform:none !important;
  pointer-events:none; filter:none;
}

.page-hero{
  position:relative; overflow:hidden;
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%2090%22%3E%3Cg%20fill%3D%22%23ffffff%22%20opacity%3D%22.92%22%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2258%22%20rx%3D%2242%22%20ry%3D%2226%22/%3E%3Cellipse%20cx%3D%22104%22%20cy%3D%2246%22%20rx%3D%2234%22%20ry%3D%2230%22/%3E%3Cellipse%20cx%3D%22150%22%20cy%3D%2258%22%20rx%3D%2240%22%20ry%3D%2224%22/%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%22166%22%20height%3D%2226%22%20rx%3D%2213%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 4% 26% / 180px auto,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%2090%22%3E%3Cg%20fill%3D%22%23ffffff%22%20opacity%3D%22.92%22%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2258%22%20rx%3D%2242%22%20ry%3D%2226%22/%3E%3Cellipse%20cx%3D%22104%22%20cy%3D%2246%22%20rx%3D%2234%22%20ry%3D%2230%22/%3E%3Cellipse%20cx%3D%22150%22%20cy%3D%2258%22%20rx%3D%2240%22%20ry%3D%2224%22/%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%22166%22%20height%3D%2226%22%20rx%3D%2213%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 92% 18% / 130px auto,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2234%22%20fill%3D%22%23FFD98A%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2227%22%20fill%3D%22%23FFC85C%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2256%22%20r%3D%222.6%22%20fill%3D%22%238a6a2f%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2256%22%20r%3D%222.6%22%20fill%3D%22%238a6a2f%22/%3E%3Cpath%20d%3D%22M52%2066%20q8%207%2016%200%22%20stroke%3D%22%238a6a2f%22%20stroke-width%3D%222.4%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2264%22%20r%3D%224%22%20fill%3D%22%23FF9DAF%22%20opacity%3D%22.55%22/%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%2264%22%20r%3D%224%22%20fill%3D%22%23FF9DAF%22%20opacity%3D%22.55%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 86% 68% / 70px 70px,
    linear-gradient(180deg, #BCE6F6, #E9F6F3 70%, var(--bg)) !important;
  border-bottom:none !important;
}
#lock{
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%2090%22%3E%3Cg%20fill%3D%22%23ffffff%22%20opacity%3D%22.92%22%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2258%22%20rx%3D%2242%22%20ry%3D%2226%22/%3E%3Cellipse%20cx%3D%22104%22%20cy%3D%2246%22%20rx%3D%2234%22%20ry%3D%2230%22/%3E%3Cellipse%20cx%3D%22150%22%20cy%3D%2258%22%20rx%3D%2240%22%20ry%3D%2224%22/%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%22166%22%20height%3D%2226%22%20rx%3D%2213%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 8% 16% / 200px auto,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%2090%22%3E%3Cg%20fill%3D%22%23ffffff%22%20opacity%3D%22.92%22%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2258%22%20rx%3D%2242%22%20ry%3D%2226%22/%3E%3Cellipse%20cx%3D%22104%22%20cy%3D%2246%22%20rx%3D%2234%22%20ry%3D%2230%22/%3E%3Cellipse%20cx%3D%22150%22%20cy%3D%2258%22%20rx%3D%2240%22%20ry%3D%2224%22/%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%22166%22%20height%3D%2226%22%20rx%3D%2213%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 86% 74% / 160px auto,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2234%22%20fill%3D%22%23FFD98A%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2227%22%20fill%3D%22%23FFC85C%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2256%22%20r%3D%222.6%22%20fill%3D%22%238a6a2f%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2256%22%20r%3D%222.6%22%20fill%3D%22%238a6a2f%22/%3E%3Cpath%20d%3D%22M52%2066%20q8%207%2016%200%22%20stroke%3D%22%238a6a2f%22%20stroke-width%3D%222.4%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2264%22%20r%3D%224%22%20fill%3D%22%23FF9DAF%22%20opacity%3D%22.55%22/%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%2264%22%20r%3D%224%22%20fill%3D%22%23FF9DAF%22%20opacity%3D%22.55%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 84% 12% / 80px 80px,
    linear-gradient(180deg, #A8DDF0, #DFF2F6 60%, var(--sand)) !important;
}
#lock::after{ display:none !important; }
.insta{
  position:relative; overflow:hidden;
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2070%22%3E%3Cpath%20d%3D%22M40%2066%20C10%2058%204%2030%2016%2014%20C26%202%2054%202%2064%2014%20C76%2030%2070%2058%2040%2066Z%22%20fill%3D%22%23FFD9DE%22/%3E%3Cg%20stroke%3D%22%23F2A9B8%22%20stroke-width%3D%222%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M40%2066%20V10%22/%3E%3Cpath%20d%3D%22M40%2066%20C28%2050%2022%2030%2026%2012%22/%3E%3Cpath%20d%3D%22M40%2066%20C52%2050%2058%2030%2054%2012%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 6% 74% / 46px auto,
    linear-gradient(120deg, var(--sky-pale), var(--coral-pale) 52%, var(--sunny-pale)) !important;
  color:var(--ink) !important;
}

.hero-logo img, footer .flogo img, #lock .lock-logo img{ filter:none !important; }
.wordmark{ color:var(--ink) !important; font-family:'Cormorant Garamond',serif !important;
  font-size:1.25rem !important; letter-spacing:.5px !important; text-transform:none !important; font-weight:500 !important; }
.wordmark i{ font-style:italic !important; color:var(--coral-2) !important; opacity:1 !important; }

nav{ background:rgba(253,246,234,0.92) !important; border-bottom:2px solid var(--line) !important; }
nav a.link{ color:var(--ink) !important; opacity:.8; font-weight:500 !important; }
nav a.link:hover, nav a.link.active{ color:var(--coral-2) !important; opacity:1; }
nav a.link::after{ background:var(--coral) !important; height:2.5px !important; border-radius:3px; }

/* ---------- cards: soft painted paper ---------- */
.cdwrap, .explore, footer, section.category:nth-child(even){ background:var(--bg-2) !important; }
.card, .item, .story-card, .detail-card, .rsvp-form, #lock .box, .info .row, #da-panel{
  background:var(--card) !important; border:2px solid var(--line) !important;
  color:var(--ink) !important; border-radius:26px !important;
  box-shadow:0 10px 26px rgba(90,120,140,0.10) !important;
}
#lock .box{ backdrop-filter:none !important; border-radius:30px !important;
  box-shadow:0 20px 50px rgba(70,110,135,0.20) !important; }
.card:hover, .item:hover, .story-card:hover, .detail-card:hover{
  border-color:var(--coral) !important; box-shadow:0 16px 34px rgba(90,120,140,0.16) !important;
}
.item.todo{ background:rgba(255,255,255,0.55) !important; border-style:dashed !important; box-shadow:none !important; }

/* soft tinted card faces, cycling like a painted palette */
.story-card:nth-child(4n+2), .item:nth-child(4n+2), .detail-card:nth-child(4n+2){ background:var(--sky-pale) !important; }
.story-card:nth-child(4n+3), .item:nth-child(4n+3), .detail-card:nth-child(4n+3){ background:var(--coral-pale) !important; }
.story-card:nth-child(4n), .item:nth-child(4n), .detail-card:nth-child(4n){ background:var(--sunny-pale) !important; }
.detail-card.party{ background:var(--leaf-pale) !important; }

.detail-card::before, .item::before, .story-card::before{
  width:6px !important; background:var(--coral) !important; border-radius:6px !important; }
.detail-card:nth-child(even)::before, .item:nth-child(even)::before, .story-card:nth-child(even)::before{ background:var(--sky-2) !important; }
.detail-card:nth-child(3n)::before, .item:nth-child(3n)::before, .story-card:nth-child(3n)::before{ background:var(--sunny) !important; }

.rule{ background:none !important; width:110px !important; height:16px !important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20120%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2070%20q75%20-34%20150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20V120%20H0Z%22%20fill%3D%22%23BFE7F5%22/%3E%3Cpath%20d%3D%22M0%2092%20q75%20-30%20150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20V120%20H0Z%22%20fill%3D%22%238FD4EC%22/%3E%3C/svg%3E") !important; background-size:100% 100% !important; opacity:.85; }

.story-card .icon{
  background:var(--sunny-pale) !important; border:2px solid var(--sunny) !important;
  color:var(--ink) !important; width:52px !important; height:52px !important;
  font-size:1.3rem !important; border-radius:50% !important;
}
.story-card:nth-child(even) .icon{ background:var(--sky-pale) !important; border-color:var(--sky-2) !important; }
.story-card:nth-child(3n) .icon{ background:var(--coral-pale) !important; border-color:var(--coral) !important; }

.eyebrow{ color:var(--coral-2) !important; letter-spacing:2.5px !important; font-weight:500 !important; }
.hero h1 .amp, .page-hero h1 .glow, .cd .num{
  background:none !important; -webkit-text-fill-color:initial !important; color:var(--ink) !important; }
.hero h1 .amp{ color:var(--coral-2) !important; }
.cd .num{ color:var(--ink) !important; }
.hero .tagline span{ color:var(--ink) !important; }
.hero .tagline i{ background:var(--ink) !important; opacity:.3; }
.hero .date{ color:var(--ink) !important; }
.hero .place, .section-head p, .cat-head .sub, .head .sub, .card p, .item p,
.story-card p, .q .a, .info .row .note, .page-hero p, .insta p, .cd .label{ color:var(--muted) !important; }
.card .go, .item .tag{ color:var(--coral-2) !important; border-color:var(--line) !important; border-radius:99px !important; }
.detail-card .row b{ color:var(--muted) !important; }
.detail-card .row span{ color:var(--ink) !important; }
.detail-card a{ color:var(--coral-2) !important; border-bottom:2px solid var(--coral) !important; }
.q summary{ color:var(--ink) !important; }
.q summary::after{ color:var(--coral-2) !important; }
.scroll-hint{ color:var(--ink) !important; opacity:.7; }

.photo-frame{ border:8px solid #fff !important; border-radius:50% !important;
  box-shadow:0 16px 36px rgba(90,120,140,0.22) !important; }
.photo-wrap::before, .photo-wrap::after{ border-color:var(--coral) !important; }

.eq span, #lock .eqm span{ background:var(--coral) !important; box-shadow:none !important; border-radius:99px !important; }
.eq span:nth-child(even), #lock .eqm span:nth-child(even){ background:var(--sky-2) !important; }
.eq span:nth-child(3n), #lock .eqm span:nth-child(3n){ background:var(--sunny) !important; }

#lock button, .rsvp-form button, .insta .btn{
  background:var(--coral-2) !important; color:#fff !important;
  border:2px solid var(--coral-2) !important; border-radius:99px !important;
  box-shadow:0 8px 20px rgba(242,119,142,0.32) !important; letter-spacing:1.5px !important; font-weight:500 !important;
}
#lock button:hover, .rsvp-form button:hover, .insta .btn:hover{ filter:brightness(1.06); transform:translateY(-2px) !important; }
#lock .error{ color:#d4536f !important; }

#lock input, .rsvp-form input, .rsvp-form select{
  background:#fff !important; border:2px solid var(--line) !important;
  color:var(--ink) !important; border-radius:16px !important; }
#lock input::placeholder, .rsvp-form input::placeholder{ color:#aab4bd !important; }
#lock input:focus, .rsvp-form input:focus, .rsvp-form select:focus{
  border-color:var(--sky-2) !important; box-shadow:0 0 0 4px rgba(143,212,236,0.28) !important; }
.rsvp-form label{ color:var(--muted) !important; }
.checks label{ color:var(--ink) !important; border-radius:99px !important; border:2px solid var(--line) !important; }
.checks label:hover{ background:var(--sky-pale) !important; }
.checks input{ accent-color:var(--coral-2) !important; }

#da-fab{ background:var(--coral-2) !important; border:2px solid #fff !important;
  box-shadow:0 8px 22px rgba(242,119,142,0.42) !important; animation:none !important; }
#da-panel{ border-color:var(--line) !important; border-radius:24px !important;
  box-shadow:0 18px 44px rgba(90,120,140,0.20) !important; }
#da-panel .t{ color:var(--ink) !important; }
#da-panel .s{ color:var(--muted) !important; }
*{ -webkit-tap-highlight-color:rgba(242,119,142,0.18) !important; }

.tile{ border:3px solid #fff !important; border-radius:20px !important;
  box-shadow:0 8px 20px rgba(90,120,140,0.16) !important; }
.tile::after{ background:linear-gradient(to top, rgba(255,157,175,0.28), transparent 55%) !important; }
#lb{ background:rgba(253,246,234,0.98) !important; }
#lb .x, #lb .nx, #lb .pv{ color:var(--ink) !important; }
#lb .count{ color:var(--muted) !important; }

footer{
  border-top:none !important; position:relative;
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20120%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2070%20q75%20-34%20150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20V120%20H0Z%22%20fill%3D%22%23BFE7F5%22/%3E%3Cpath%20d%3D%22M0%2092%20q75%20-30%20150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20V120%20H0Z%22%20fill%3D%22%238FD4EC%22/%3E%3C/svg%3E") no-repeat left top / 102% 60px,
    linear-gradient(180deg, var(--sky-pale), var(--sand)) !important;
  padding-top:90px !important;
}
footer .fdate, footer .fmail{ color:var(--muted) !important; }
footer .fmail a{ color:var(--coral-2) !important; }

/* ---------- phones: scale the scenery down so it still reads ---------- */
@media (max-width:760px){
  .hero{
    background:
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%2090%22%3E%3Cg%20fill%3D%22%23ffffff%22%20opacity%3D%22.92%22%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2258%22%20rx%3D%2242%22%20ry%3D%2226%22/%3E%3Cellipse%20cx%3D%22104%22%20cy%3D%2246%22%20rx%3D%2234%22%20ry%3D%2230%22/%3E%3Cellipse%20cx%3D%22150%22%20cy%3D%2258%22%20rx%3D%2240%22%20ry%3D%2224%22/%3E%3Crect%20x%3D%2224%22%20y%3D%2256%22%20width%3D%22166%22%20height%3D%2226%22%20rx%3D%2213%22/%3E%3C/g%3E%3C/svg%3E") no-repeat -4% 15% / 150px auto,
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2234%22%20fill%3D%22%23FFD98A%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2227%22%20fill%3D%22%23FFC85C%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2256%22%20r%3D%222.6%22%20fill%3D%22%238a6a2f%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2256%22%20r%3D%222.6%22%20fill%3D%22%238a6a2f%22/%3E%3Cpath%20d%3D%22M52%2066%20q8%207%2016%200%22%20stroke%3D%22%238a6a2f%22%20stroke-width%3D%222.4%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2264%22%20r%3D%224%22%20fill%3D%22%23FF9DAF%22%20opacity%3D%22.55%22/%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%2264%22%20r%3D%224%22%20fill%3D%22%23FF9DAF%22%20opacity%3D%22.55%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 84% 7% / 66px 66px,
      linear-gradient(180deg, #A8DDF0 0%, #CFEDF8 34%, #E9F6F3 64%, var(--sand) 90%) !important;
  }
  .hero::after{
    height:140px !important;
    background:
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20160%20200%22%3E%3Cpath%20d%3D%22M78%20200%20q-4%20-80%206%20-128%22%20stroke%3D%22%23C79A6B%22%20stroke-width%3D%229%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Cg%20fill%3D%22%237FBF8A%22%3E%3Cpath%20d%3D%22M84%2070%20q-40%20-26%20-64%20-8%20q30%20-4%2062%2014Z%22/%3E%3Cpath%20d%3D%22M84%2070%20q40%20-28%2064%20-8%20q-30%20-4%20-62%2014Z%22/%3E%3Cpath%20d%3D%22M84%2070%20q-30%20-46%20-60%20-44%20q26%2010%2056%2048Z%22/%3E%3Cpath%20d%3D%22M84%2070%20q32%20-46%2060%20-42%20q-28%208%20-58%2046Z%22/%3E%3Cpath%20d%3D%22M84%2070%20q2%20-44%20-14%20-60%20q16%2034%2010%2062Z%22/%3E%3C/g%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%2276%22%20r%3D%225%22%20fill%3D%22%23E8A33D%22/%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2279%22%20r%3D%224.4%22%20fill%3D%22%23E8A33D%22/%3E%3C/svg%3E") no-repeat left 6px bottom 24px / 96px auto,
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20120%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2070%20q75%20-34%20150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20V120%20H0Z%22%20fill%3D%22%23BFE7F5%22/%3E%3Cpath%20d%3D%22M0%2092%20q75%20-30%20150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20t150%200%20V120%20H0Z%22%20fill%3D%22%238FD4EC%22/%3E%3C/svg%3E") no-repeat left bottom / 102% 80px !important;
  }
  .page-hero{
    background:
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cg%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2234%22%20fill%3D%22%23FFD98A%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2227%22%20fill%3D%22%23FFC85C%22/%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2256%22%20r%3D%222.6%22%20fill%3D%22%238a6a2f%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2256%22%20r%3D%222.6%22%20fill%3D%22%238a6a2f%22/%3E%3Cpath%20d%3D%22M52%2066%20q8%207%2016%200%22%20stroke%3D%22%238a6a2f%22%20stroke-width%3D%222.4%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2264%22%20r%3D%224%22%20fill%3D%22%23FF9DAF%22%20opacity%3D%22.55%22/%3E%3Ccircle%20cx%3D%2276%22%20cy%3D%2264%22%20r%3D%224%22%20fill%3D%22%23FF9DAF%22%20opacity%3D%22.55%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 88% 74% / 54px 54px,
      linear-gradient(180deg, #BCE6F6, #E9F6F3 72%, var(--bg)) !important;
  }
  footer{ padding-top:70px !important; background-size:100% 42px, auto !important; }
}