/* ── GOOGLE FONTS IMPORT ── */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Nunito:wght@400;700;800&display=swap');
/* ── BRAND VARIABLES ── */
:root {
--teal: #2d7a72;
--navy: #1e3a4a;
--peach: #e8956d;
--gold: #e8c84a;
--cream: #fdf8f3;
}
/* ── GLOBAL BODY ── */
body {
background-color: var(--cream);
font-family: 'Nunito', sans-serif;
}
/* ── HEADINGS ── */
h1, h2, .hero-headline {
font-family: 'Playfair Display', serif;
color: var(--navy);
font-weight: 900;
}
/* ── SCRIPT / HANDWRITING ACCENTS ── */
/* Apply class "script-text" to any text block in Squarespace */
.script-text, .dancing {
font-family: 'Dancing Script', cursive !important;
color: var(--teal);
font-size: 1.8rem;
}
/* ── BUTTONS – PILL SHAPE ── */
.sqs-block-button-element,
.btn-primary,
a.cta-button {
border-radius: 50px !important;
background-color: var(--peach) !important;
border: none !important;
font-family: 'Nunito', sans-serif !important;
font-weight: 800 !important;
font-size: 1rem !important;
padding: 16px 36px !important;
box-shadow: 0 6px 24px rgba(232,149,109,.35) !important;
transition: all 0.2s ease !important;
}
.sqs-block-button-element:hover {
background-color: #d97d52 !important;
transform: translateY(-2px) !important;
box-shadow: 0 10px 32px rgba(232,149,109,.45) !important;
}
/* ── HERO IMAGE – ROUNDED CARD ── */
.hero-photo img,
.hero-image-block img {
border-radius: 24px 24px 0 0 !important;
box-shadow: 0 20px 60px rgba(30,58,74,.18) !important;
}
/* ── ANNOUNCEMENT BAR ── */
#announcement-bar-wrapper {
background-color: var(--navy) !important;
}
#announcement-bar-wrapper p {
font-family: 'Nunito', sans-serif;
font-weight: 700;
font-size: 0.88rem;
letter-spacing: 0.04em;
}
/* ── NAV BAR ── */
.header-nav a {
font-family: 'Nunito', sans-serif;
font-weight: 700;
color: var(--navy) !important;
}
.header-nav a:hover {
color: var(--teal) !important;
}
/* ── PAIN POINT CARDS ── */
.pain-card {
background: #fff;
border-radius: 16px;
padding: 28px;
border: 2px solid #f0e9e0;
transition: transform .2s, box-shadow .2s;
}
.pain-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(45,122,114,.1);
}
/* ── "I'VE GOT YOU" SECTION ── */
.ive-got-you-section {
background: linear-gradient(135deg, #1e5550, #2d7a72) !important;
}
.ive-got-you-section h2 {
font-family: 'Dancing Script', cursive !important;
font-size: clamp(2rem, 4vw, 3.5rem) !important;
color: #fff !important;
}
/* ── SQUIGGLY BACKGROUND LINES ── */
.squiggle-bg {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='40'%3E%3Cpath d='M0 20 Q25 5 50 20 Q75 35 100 20 Q125 5 150 20 Q175 35 200 20' fill='none' stroke='%23e8956d22' stroke-width='2'/%3E%3C/svg%3E");
background-repeat: repeat;
background-size: 200px 40px;
}
/* ── GALLERY / PHOTO GRID ── */
.gallery-grid img {
border-radius: 12px;
transition: transform .2s;
}
.gallery-grid img:hover {
transform: scale(1.03);
}
/* ── MOBILE RESPONSIVE ── */
@media (max-width: 767px) {
h1 { font-size: 2rem !important; }
.sqs-block-button-element { width: 100% !important; }
}