/*
Theme Name: PIERadise Coming Soon
Theme URI: https://pieradise.com
Author: Skyway Media
Author URI: https://skywaymedia.com
Description: Coming-soon landing page theme for PIERadise, Anna Maria Island. Eat. Drink. Fish. Repeat.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pieradise-coming-soon
*/

:root{
  --sunset:#FE4501;
  --navy:#002341;
  --teal:#01ADAF;
  --aqua:#9FE0DF;
  --coral:#FEB3A0;
  --white:#FFFFFF;
}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;}
body{
  font-family:'Poppins',sans-serif;
  background:var(--white);
  color:var(--navy);
  display:flex;
  flex-direction:column;
  min-height:100vh;
  overflow-x:hidden;
}
.site-main{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:48px 24px 32px;
}
.logo-wrap{
  animation:bob 6s ease-in-out infinite;
}
.logo-wrap img{
  width:min(420px, 78vw);
  height:auto;
  display:block;
}
@keyframes bob{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-10px);}
}
.script{
  font-family:'Pacifico',cursive;
  color:var(--teal);
  font-size:clamp(1.4rem, 3.5vw, 2rem);
  margin-top:36px;
}
.headline{
  font-weight:800;
  font-size:clamp(2.6rem, 8vw, 4.6rem);
  letter-spacing:.06em;
  text-transform:uppercase;
  line-height:1.05;
  margin-top:6px;
}
.headline .dot{color:var(--sunset);}
.waterline{
  display:flex;
  gap:10px;
  justify-content:center;
  margin:28px auto 24px;
}
.waterline span{
  display:block;
  height:5px;
  border-radius:3px;
  background:var(--teal);
  animation:shimmer 3.2s ease-in-out infinite;
}
.waterline span:nth-child(1){width:64px;animation-delay:0s;}
.waterline span:nth-child(2){width:36px;background:var(--aqua);animation-delay:.4s;}
.waterline span:nth-child(3){width:88px;animation-delay:.8s;}
.waterline span:nth-child(4){width:36px;background:var(--aqua);animation-delay:1.2s;}
.waterline span:nth-child(5){width:64px;animation-delay:1.6s;}
@keyframes shimmer{
  0%,100%{opacity:1;transform:translateY(0);}
  50%{opacity:.45;transform:translateY(3px);}
}
.sub{
  font-size:clamp(1rem, 2.4vw, 1.15rem);
  font-weight:400;
  max-width:520px;
  color:#3A5570;
}
.sub strong{font-weight:600;color:var(--navy);}
.site-footer{
  background:var(--navy);
  color:var(--white);
  text-align:center;
  padding:22px 24px 26px;
}
.site-footer .tag{
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.85rem;
}
.site-footer .tag em{font-style:normal;color:var(--coral);}
.site-footer .place{
  margin-top:6px;
  font-size:.8rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--aqua);
}
@media (prefers-reduced-motion: reduce){
  .logo-wrap, .waterline span{animation:none;}
}