:root{
  --cream: #FFE9E0;
  --orange: #FB4700;
}

*{ box-sizing:border-box; margin:0; padding:0; }

html,body{ height:100%; }

body{
  font-family:'League Spartan', sans-serif;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}

.top{
  background:var(--cream);
  flex:1 1 60%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:clamp(32px,6vw,48px) 24px;
}

.logo{
  width:min(260px, 42vw);
  height:auto;
  margin-bottom:clamp(20px,4vw,36px);
}

.tagline{
  font-weight:600;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--orange);
  font-size:clamp(0.95rem, 2.4vw, 1.6rem);
  line-height:1.5;
  max-width:640px;
}

.bottom{
  background:var(--orange);
  flex:1 1 40%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(32px,6vw,48px) 24px;
}

.insta{
  width:52px;
  height:52px;
  border-radius:50%;
  background:var(--cream);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform 0.15s ease, background 0.2s ease;
}
.insta:hover{ background:#FFFFFF; transform:translateY(-2px); }
.insta svg{ width:24px; height:24px; }

@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; }
}