/* LUMRI / Tropical Punch. Editorial colour, not an ingredient illustration. */
:root { --punch:#e85b45; --mango:#ffb64f; }
body:not(.legal-page) { border-top:6px solid var(--punch); }
body:not(.legal-page) main { position:relative; padding-top:28px; padding-bottom:52px; }
.tropical-mark { width:104px; height:104px; flex:none; margin:0 0 48px; }
.tropical-mark svg,.tropical-mark img { display:block; width:100%; height:100%; }
body:not(.legal-page) .brand { isolation:isolate; }
body:not(.legal-page) h1 { position:relative; }
body:not(.legal-page) .dot { color:var(--punch); }
body:not(.legal-page) .soon { background:var(--acid); transform:rotate(5deg); border:1px solid var(--ink); }
body:not(.legal-page) .line { font-size:clamp(18px,2vw,27px); }
body:not(.legal-page) .invitation { margin-top:42px; }
body:not(.legal-page) .social { background:var(--ink); color:var(--paper); border:1px solid var(--ink); padding:14px 20px; min-height:56px; border-radius:2px; transition:background-color .15s,color .15s; }
body:not(.legal-page) .social:hover { background:var(--acid); color:var(--ink); padding:14px 20px; border-width:1px; }
body:not(.legal-page) footer { border-top:1px solid #b8c0ac; padding-top:12px; }
@media(max-width:480px) {
  body:not(.legal-page) main { padding-top:25px; padding-bottom:40px; }
  .tropical-mark { width:86px; height:86px; margin-bottom:48px; }
  body:not(.legal-page) .line { font-size:18px; max-width:100%; }
  body:not(.legal-page) .invitation { margin-top:32px; }
  body:not(.legal-page) .social { padding:12px 14px; font-size:13px; gap:10px; }
  body:not(.legal-page) .social:hover { padding:12px 14px; }
}
@media(max-height:680px) and (min-width:481px) {
  .tropical-mark { width:64px; height:64px; margin-bottom:38px; }
  body:not(.legal-page) h1 { font-size:min(18.5vw,200px); }
}