/* ===== Pick Place Core — tokens & containers ===== */ 


/* Type scale (Gilroy) */ 

.h1, h1{ font-weight:700; font-size:clamp(2.5rem, 1.4rem + 3vw, 4.25rem); line-height:1.05; letter-spacing:-.02em; margin:0 0 .4em; } 

.h2, h2{ font-weight:400; font-size:clamp(2rem, 1.4rem + 2vw, 3.125rem); line-height:1.08; letter-spacing: -0.006em; margin:0 0 .5em; } 

.h3, h3{ font-weight:600; font-size:clamp(1.25rem,1rem+.6vw,1.5rem);margin:0 0 .6em; } 

.h5, h5{ font-weight:600; font-size:1rem;} 

 
 

.lead{ font-size:clamp(1.125rem,1rem+.4vw,1.375rem); color:var(--pp-text-2); } 

.body{ font-size:1rem; color:var(--pp-text-2); } 

.caption{ font-size:.8125rem; color:var(--pp-text-2); } 

 
 

/* Eyebrow / kicker lines */ 

.eyebrow{ 

  font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.14em; 

  color: var(--pp-primary); 

} 




:root{ 

  --pp-primary:#FA0035; 

  --pp-bg:#fff; 

  --pp-bg-alt:#E8E8E1; 

  --pp-text:#000817; 

  --pp-text-2:#36383B; 

  --pp-line:#D7D7D7; 

  --pp-radius:12px; 

  --pp-shadow:0 6px 20px rgba(17,24,39,.06); 

  

  /* widths */ 

  --pp-gutter:16px; 

  --pp-container-max:980px; 

} 

@media (min-width:734px){ :root{ --pp-gutter:22px; --pp-container-max:980px; } } 

@media (min-width:1068px){ :root{ --pp-gutter:24px; --pp-container-max:1068px; } } 

  

/* Universal container */ 

.pp-container{ 

  width:min(100%, var(--pp-container-max)); 

  margin-inline:auto; 

  padding-inline:var(--pp-gutter); 

  box-sizing:border-box; 

} 

  

/* Buttons styles) */ 

.btn{ display:inline-flex; align-items:center; justify-content:center; height:2.5rem; padding:0 1rem; border-radius:9999px; font-weight:600; transition:transform .12s ease; } 

.btn:hover{ transform:translateY(-1px); } 

.btn-primary{ background:var(--pp-primary); color:#fff; border:1px solid transparent; } 

.btn-outline{ background:#fff; color:var(--pp-text); border:1px solid var(--pp-line); box-shadow:var(--pp-shadow); } 

.btn-ghost{ background:transparent; color:var(--pp-text); border:1px solid transparent; } 

 

/* Footer */ 

  

#footer-widgets > div{ 

  width: min(100%, var(--pp-container-max)); 

  margin-inline: auto; 

  padding-inline: var(--pp-gutter); 

  box-sizing: border-box; 

}  

 

/* Footer bar: credits + legal + icons */ 

.footer-bottom{ 

  display:flex; align-items:center; justify-content:space-between; 

  gap:.75rem; flex-wrap:wrap; padding-top:12px; border-top:1px solid var(--pp-line); 

} 
 
.footer-bottom .pp-footer-legal{ display:flex; gap:1rem; } 

.footer-bottom .pp-footer-social{ display:flex; gap:1rem; margin-top:0; } 

@media (max-width:768px){ 

  .footer-bottom{ flex-direction:column; text-align:center; } 

  .footer-bottom .pp-footer-legal{ order:2; } 

  .footer-bottom .pp-footer-social{ order:3; justify-content:center; } 

}     

 

 

.footer-bottom .caption{ margin:0; color:var(--pp-text-2); } 

.pp-footer-legal{ display:flex; gap:1rem; } 

.pp-footer-legal a{ color:var(--pp-text); text-decoration:none; opacity:.9; } 

.pp-footer-legal a:hover{ color:var(--pp-primary); opacity:1; } 

  

.pp-footer-social{ display:flex; gap:1rem; } 

.pp-footer-social a{ color:#0A0F1A; opacity:.9; } 

.pp-footer-social a:hover{ color:var(--pp-primary); opacity:1; } 

.pp-footer-social svg{ display:block; } 

  

/* Mobile: stack */ 

@media (max-width:768px){ 

  .footer-bottom{ flex-direction:column; text-align:center; } 

  .pp-footer-legal{ order:2; } 

  .pp-footer-social{ order:3; justify-content:center; } 

} 

  