/*
Theme Name: Holistiq PT v6
Theme URI: https://holistiq-pt.com/
Author: Holistiq PT
Description: Custom WordPress theme for Holistiq PT. Updated header typography, hero crop and calmer hero text.
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
Version: 6.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: holistiqpt-v4
Tags: one-column, custom-background
*/

:root {
  --bg:#F7F2EC;
  --paper:#FFFDF9;
  --beige:#E8DDD2;
  --sand:#D8CBBF;
  --taupe:#8B7765;
  --mauve:#8C748A;
  --plum:#5D475F;
  --text:#2F2926;
  --muted:#665D55;
  --line:#D8CBBF;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height:1.68;
  font-size:17px;
}
h1,h2,h3,.brand {
  font-family: Georgia, "Times New Roman", serif;
  font-weight:400;
  letter-spacing:-.03em;
}
a { color:inherit; }

.site-header {
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(247,242,236,.95);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(216,203,191,.75);
}
.header-inner {
  max-width: 1280px;
  margin: auto;
  padding: 18px 28px 18px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.brand {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  line-height: 1;
  letter-spacing: -0.02em;
  font-weight: 400;
  text-decoration: none;
  color: #2f2926;
}

.tagline {
  display: block;
  margin-top: 7px;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6b645d;
  font-weight: 500;
}

.credentials {
  display: block;
  margin-top: 5px;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  letter-spacing: 0.03em;
  color: #6b645d;
  font-weight: 400;
}
.nav {
  display:flex;
  gap:26px;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  flex-wrap:wrap;
}
.nav a {
  text-decoration:none;
  color:var(--text);
}
.nav a:hover { color:var(--mauve); }

.hero {
  min-height: 620px;
  display: grid;
  grid-template-columns: 1fr;

  background:
    linear-gradient(
      90deg,
      rgba(247,242,236,.45) 0%,
      rgba(247,242,236,.18) 35%,
      rgba(247,242,236,.05) 55%,
      rgba(247,242,236,0) 100%
    ),
    url('https://holistiq-pt.com/wp-content/uploads/2026/06/YuFace_2026040816241177_save.jpg') !important;

  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 88% center !important;

  color: #2b2521;
}
.hero-content {
  max-width: 450px;
  padding: 120px 28px 90px 20px;
  align-self: center;
}
.hero h1 {
  font-size:clamp(42px,5vw,72px);
  line-height:1.05;
  margin:0 0 18px;
}
.hero .subtitle {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1.45;
  color: #2b2521;
  margin: 0 0 34px;
  max-width: 650px;
  font-weight: 400;
  white-space: pre-line;
  letter-spacing: 0.01em;
}
.hero-line {
  width:88px;
  height:2px;
  background:var(--mauve);
  margin:0 0 34px;
}
.hero p {
  font-size:18px;
  line-height:1.7;
  max-width:660px;
}

main {
  min-height:55vh;
}
.page-wrap {
  max-width:900px;
  margin:auto;
  padding:86px 28px;
}
.page-wrap h1 {
  font-size:clamp(42px,6vw,74px);
  line-height:1.05;
  margin:0 0 40px;
}
.page-wrap h2 {
  font-size:clamp(34px,4vw,54px);
  line-height:1.12;
  margin:54px 0 22px;
}
.page-wrap h3 {
  font-size:28px;
  line-height:1.25;
  margin:46px 0 16px;
}
.page-wrap p {
  margin:0 0 17px;
}
.page-wrap ul {
  padding-left:1.2rem;
  margin:0 0 28px;
}
.page-wrap li {
  margin:.45rem 0;
}
.wp-block-separator {
  border:0;
  border-top:1px solid var(--line);
  margin:56px 0;
}

.wp-block-buttons {
  margin:28px 0 48px;
}
.button,
.wp-block-button__link,
.wp-element-button {
  display:inline-block;
  background:var(--mauve) !important;
  color:white !important;
  text-decoration:none;
  border-radius:999px !important;
  padding:14px 30px !important;
  letter-spacing:.055em;
  text-transform:uppercase;
  font-size:13px;
  border:0 !important;
}
.button:hover,
.wp-block-button__link:hover,
.wp-element-button:hover {
  background:var(--plum) !important;
}

.footer {
  background:var(--text);
  color:#F7F2EC;
  padding:48px 28px;
}
.footer-inner {
  max-width:1180px;
  margin:auto 0;
}
.footer strong {
  color:white;
}
.footer .legal {
  color:#D8CBBF;
  font-size:13px;
  max-width:980px;
}
.footer a {
  color:#F7F2EC;
}

@media(max-width:850px) {
  .header-inner {
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }
  .nav {
    gap:14px 18px;
  }
  .hero {
  min-height:720px;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:
    linear-gradient(90deg, rgba(47,41,38,.78) 0%, rgba(47,41,38,.56) 34%, rgba(47,41,38,.18) 62%, rgba(47,41,38,.04) 100%),
    url('assets/hero-jana-rogoschin.jpg');
  background-size:cover;
  background-position:62% center;
  color:white;
}
  .hero-content {
  max-width:560px;
  padding:120px 28px 90px max(28px, calc((100vw - 1180px)/2 + 28px));
  align-self:center;
}
  .page-wrap {
    padding:64px 22px;
  }
}


.hero .subtitle {
  font-size: clamp(22px, 2.2vw, 32px) !important;
  line-height: 1.45 !important;
  color: #2b2521 !important;
}