/*
Theme Name: Zouk Horizons
Author: Zouk Horizons
Description: Custom editable block theme for Zouk Horizons. Design review version.
Version: 0.4.0
Requires at least: 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: zouk-horizons
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f7f8fa;color:#252735;font-family:Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13;margin:0 0 24px}h1{font-size:clamp(48px,5.4vw,84px);letter-spacing:-3px}h2{font-size:clamp(34px,3.2vw,49px);letter-spacing:-1px}h3{font-size:29px}p{margin:0 0 22px}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 6vw;border-bottom:1px solid #d9dbe2}.brand{font-size:19px;letter-spacing:3px;margin:0}.brand a,.nav a{text-decoration:none}.nav{font-size:14px;margin:0}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:85px 5vw 65px 6vw}.eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:bold;text-transform:uppercase;margin-bottom:24px}.lead{max-width:470px;color:#555966}.image-placeholder{background:#e7e8ec;min-height:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;border:1px solid #cdd0d8;background-image:linear-gradient(135deg,transparent 49.8%,#d0d3dd 50%,transparent 50.2%)}.image-placeholder h3{max-width:300px}.image-placeholder .small{max-width:240px}.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.wp-block-button__link{display:inline-block;background:#2e3192;color:white;padding:14px 21px;text-decoration:none;border-radius:2px;font-size:14px;line-height:1.5}.wp-block-button:nth-child(2) .wp-block-button__link{background:transparent;color:#2e3192;box-shadow:inset 0 0 0 1px #2e3192}.small{font-size:13px;color:#606370}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:34px 6vw;border-top:1px solid #d9dbe2;border-bottom:1px solid #d9dbe2;gap:30px}.stats h3{margin:0 0 7px}.stats p{font-size:13px;margin:0}.section{padding:85px 6vw}.cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:35px 0}.apartment-card{padding:42px;background:#eef0f5;border-top:3px solid #7f8084}.price{font-size:22px}.project{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;background:#e8eaf0}.status-card{padding:40px;border:1px solid #aeb0ba}.status-card h3{margin-bottom:12px}.location{border-top:1px solid #d9dbe2}.contact{background:#2e3192;color:#fff}.contact p{max-width:570px}.contact .wp-block-button__link{background:#e2e4eb;color:#252878}.contact .wp-block-button:nth-child(2) .wp-block-button__link{color:#fff;box-shadow:inset 0 0 0 1px #d9dbea}.site-footer{border:0}.site-footer p{margin:0}a:focus-visible{outline:3px solid #2e3192;outline-offset:5px}a:hover{opacity:.85}.wp-site-blocks>*{margin-block-start:0}.wp-block-group>*:last-child{margin-bottom:0}
@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column;padding:23px 6vw}.nav{line-height:2}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 6vw}.hero>.image-placeholder{min-height:350px}.stats{gap:20px}.stats h3{font-size:23px}.cards,.project{grid-template-columns:1fr}.section{padding:55px 6vw}.apartment-card{padding:28px}.site-footer{flex-direction:column;align-items:flex-start}h1{letter-spacing:-2px}.project{gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.wp-block-image{margin:0}.wp-block-image img{display:block;width:100%;height:auto}.wp-element-caption{font:12px/1.5 Arial,sans-serif;color:#606370;padding:12px 16px;background:#eef0f5;margin:0}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:65px 6vw 45px;max-width:1000px}.hero-copy .lead{max-width:640px}.hero>.wp-block-image{width:100%}.cards .wp-block-image{align-self:start}.site-main> .wp-block-image{margin:0 6vw 50px}@media(min-width:1000px){.hero-copy h1{font-size:72px}.hero-copy h1 br{display:none}}
