/*
Theme Name: Hazelnut Heights — Editorial Premium
Theme URI: https://hazelnutheights.com/
Author: Hazelnut Heights
Description: Custom editorial-premium WordPress theme for Hazelnut Heights 360° Real Estate Advisory.
Version: 3.5.13
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hazelnut-heights
*/
:root{--ivory:#f5f1e8;--paper:#fbfaf7;--white:#fff;--ink:#151714;--charcoal:#20231f;--forest:#10251d;--bronze:#a5794b;--bronze2:#c8a47a;--muted:#6c706a;--line:rgba(21,23,20,.14);--max:1380px;--serif:'Open Sans',Georgia,'Times New Roman',serif;--sans:'Airal',Inter,DM Sans,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.45}body,button,input,textarea,select{font-family:var(--sans)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 72px));margin:0 auto}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:50;color:var(--ink);background:rgba(248,247,241,.94);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(21,23,20,.08)}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand-mark{width:30px;height:34px;position:relative;display:inline-block}.brand-mark:before,.brand-mark:after{content:'';position:absolute;top:0;bottom:0;width:3px;background:currentColor}.brand-mark:before{left:3px}.brand-mark:after{right:3px}.brand-mark i{position:absolute;left:9px;top:2px;width:12px;height:28px;border-left:2px solid var(--bronze2);transform:skewY(-20deg)}.brand-name{font-size:13px;line-height:1.03;letter-spacing:.25em;text-transform:uppercase;font-weight:500}.brand-name small{display:block;font-size:10px;letter-spacing:.37em;margin-top:4px;font-weight:400}.main-nav{display:flex;align-items:center;gap:24px;font-size:10px;font-weight:600}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px}.main-nav li{list-style:none;margin:0;padding:0}.main-nav a{color:var(--ink);position:relative;padding:7px 0;text-shadow:0 1px 2px rgba(255,255,255,.35)}.main-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--bronze);transition:right .25s ease}.main-nav a:hover:after,.main-nav .current-menu-item>a:after{right:0}.nav-cta{border:1px solid rgba(21,23,20,.7)!important;padding:9px 13px!important;display:inline-flex;align-items:center;gap:17px;background:rgba(255,255,255,.35)}.nav-cta:after{display:none}.nav-cta:before{content:'→';order:2;font-size:14px}.mobile-toggle{display:none;background:transparent;color:var(--ink);border:0;font-size:24px}.mobile-menu{display:none}
.hero{position:relative;min-height:520px;color:var(--ink);display:flex;align-items:stretch;overflow:hidden;background:var(--ivory)}.hero-bg{position:absolute;inset:0;background-image:url('assets/images/hero-hh-v3-1-2.jpg?v=3.1.4');background-size:cover;background-position:center center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,247,241,.38) 0%,rgba(248,247,241,.14) 35%,rgba(248,247,241,0) 62%),linear-gradient(0deg,rgba(248,247,241,.88) 0%,rgba(248,247,241,.58) 14%,rgba(248,247,241,.18) 30%,rgba(248,247,241,0) 48%),linear-gradient(180deg,rgba(248,247,241,.02),transparent 35%,transparent 78%,rgba(18,25,20,.03));pointer-events:none}.hero-content{position:relative;z-index:2;width:100%;display:flex;align-items:flex-end;padding:88px 0 25px}.hero-copy{max-width:570px}.eyebrow{font-size:8px;letter-spacing:.34em;text-transform:uppercase;margin-bottom:12px;color:var(--ink)}.hero h1{font-family:var(--serif);font-weight:500;transform:translateX(-3px);font-size:clamp(56px,5.4vw,82px);line-height:.9;letter-spacing:-.012em;margin:0;color:var(--ink);max-width:600px}.hero h1 em{font-style:normal;color:var(--bronze)}.hero-lead{font-size:12px;line-height:1.42;max-width:390px;margin:13px 0 0;color:rgba(21,23,20,.88)}.hero-actions{display:flex;gap:16px;align-items:center;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:10px 15px;border:1px solid var(--ink);font-size:10px;font-weight:500;transition:.25s ease}.btn:after{content:'→';font-size:14px}.btn-dark{background:var(--forest);border-color:var(--forest);color:#fff}.btn-text{border:0;padding:7px 0;background:rgba(248,247,241,.18);color:var(--ink);text-shadow:0 1px 1px rgba(255,255,255,.35)}.story-dot{font-size:18px;line-height:0}.hero-tabs{display:flex;margin-top:23px}.hero-tab{font-size:8px;display:flex;gap:8px;align-items:center;padding:5px 22px 5px 0;margin-right:17px;border-bottom:1px solid rgba(21,23,20,.35);text-shadow:0 1px 1px rgba(255,255,255,.45)}.hero-tab b{font-weight:500}.hero-side{position:absolute;z-index:3;right:0;top:86px;width:150px;padding:22px;background:rgba(39,38,33,.5);backdrop-filter:blur(4px);font-size:9px;letter-spacing:.12em;text-transform:uppercase;line-height:1.65;color:#fff}.hero-side span{display:block;margin-top:8px}.hero-scroll{position:absolute;right:26px;bottom:24px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:8px;color:#fff}.scroll-circle{width:32px;height:32px;border:1px solid rgba(255,255,255,.75);border-radius:50%;display:grid;place-items:center;font-size:15px}
.metrics{background:#fff;border-bottom:1px solid var(--line)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric-icon{width:30px;height:30px;display:grid;place-items:center;color:var(--bronze)}.metric-icon svg,.service-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.metric strong{display:block;font-size:13px;font-weight:600}.metric span{display:block;font-size:8px;color:var(--muted)}
.section{padding:30px 0}.services-section{background:var(--paper);padding-top:20px;padding-bottom:20px}.section-kicker{font-size:8px;letter-spacing:.34em;text-transform:uppercase;margin-bottom:8px}.section-title{font-family:var(--serif);font-weight:500;font-size:clamp(32px,3vw,46px);line-height:.98;letter-spacing:-.01em;margin:0}
.services-section .section-title{font-size:32px;line-height:.98}.services-grid{display:flex;flex-direction:row;align-items:flex-start;gap:22px}.services-intro{flex:0 0 32%;max-width:32%}.services-intro p{max-width:340px;color:#50554f;margin:9px 0 11px;font-size:9px;line-height:1.38}.dark-link{color:var(--ink)}.services-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch;flex:1 1 68%;min-width:0;width:68%}.service-card{background:#fff;border:1px solid rgba(21,23,20,.09);min-height:158px;display:flex;flex-direction:column}.service-image{height:88px;background-size:cover;background-position:center}.service-body{padding:7px 8px 8px;display:flex;flex:1;flex-direction:column}.service-top{height:0;position:relative}.service-icon{position:absolute;top:-23px;left:0;width:26px;height:26px;background:#fff;border:1px solid var(--bronze);border-radius:50%;display:grid;place-items:center;color:var(--bronze)}.service-body h3{font-family:var(--serif);font-size:13px;font-weight:500;letter-spacing:0;margin:5px 0 4px}.service-body p{font-size:7.5px;color:var(--muted);line-height:1.35;margin:0 0 7px}.service-link{margin-top:auto;font-size:7.5px;color:#8b6540}.service-link:after{content:'→';margin-left:6px;font-size:11px}
.projects-section{padding-top:18px!important;padding-bottom:20px!important}.projects-section .section-row{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:10px!important}.projects-section .section-title{font-size:30px!important;line-height:.98!important;letter-spacing:-.01em!important;margin:0!important}.projects-section .section-kicker{font-size:7px!important;margin-bottom:5px!important}.projects-section .section-controls{display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap}.projects-section .section-controls .right-link{font-size:8px!important}.projects-section .section-controls button{width:25px!important;height:25px!important}.projects-section .project-grid-home{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.projects-section .project-card-home{min-width:0!important}.projects-section .project-thumb{aspect-ratio:1.85!important}.projects-section .project-badge{left:7px!important;bottom:6px!important;padding:3px 6px!important;font-size:6.5px!important}.projects-section .project-info{padding:7px 9px 8px!important}.projects-section .project-info h3{font-size:13px!important;margin:0 0 3px!important}.projects-section .project-meta{font-size:6.5px!important;gap:6px!important;white-space:nowrap}.projects-section .project-arrow{right:8px!important;bottom:8px!important;width:21px!important;height:21px!important;font-size:9px!important}.section-row .right-link{font-size:8px}.section-controls{display:flex;align-items:center;gap:7px}.section-controls button{width:26px;height:26px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:11px}.section-controls .right-link{margin-right:8px}.project-grid-home{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.project-card-home{background:#fff;border:1px solid rgba(21,23,20,.08);overflow:hidden}.project-thumb{position:relative;aspect-ratio:1.55;background:#d7d1c7;overflow:hidden}.project-thumb img,.project-fallback{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;background-size:cover;background-position:center}.project-card-home:hover .project-thumb img,.project-card-home:hover .project-fallback{transform:scale(1.03)}.project-badge{position:absolute;left:8px;bottom:7px;background:#f4ead7;padding:4px 7px;font-size:7px}.project-info{padding:8px 10px 10px;position:relative}.project-info h3{font-family:var(--serif);font-size:14px;font-weight:500;letter-spacing:0;margin:0 0 3px}.project-meta{font-size:7px;color:var(--muted);display:flex;gap:7px;flex-wrap:wrap}.project-arrow{position:absolute;right:9px;bottom:9px;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px}
.developers{padding:18px 0 22px}.developer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:7px}.developer-head span{font-size:7px;color:var(--muted)}.developer-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px}.developer-wordmark{white-space:nowrap;color:#22241f;line-height:.9}.developer-wordmark.dlf{font-weight:700;font-size:20px}.developer-wordmark.godrej{font-size:13px;font-weight:600}.developer-wordmark.godrej span{font-size:7px;letter-spacing:.12em}.developer-wordmark.emaar{font-size:17px;letter-spacing:.05em}.developer-wordmark.m3m{font-size:18px;font-weight:800}.developer-wordmark.sobha{font-size:12px;letter-spacing:.16em}.developer-wordmark.mahindra{font-size:12px;font-weight:700}.developer-wordmark.mahindra span{display:block;font-size:7px;font-weight:500;letter-spacing:.08em}.developer-wordmark.birla{font-size:10px;font-weight:700}.developer-wordmark.birla span{display:block;font-size:6px;letter-spacing:.12em}.developer-arrow{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:11px}
.split-section{padding:0;background:var(--ivory);display:grid;grid-template-columns:1.05fr .95fr}.split-image{min-height:285px;background-image:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.5)),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1600&q=88');background-size:cover;background-position:center;position:relative}.split-caption{position:absolute;left:30px;bottom:20px;color:#fff;font-family:var(--serif);font-size:18px;line-height:1.03}.split-index{font-family:var(--sans);font-size:7px;letter-spacing:.1em;margin-top:9px}.split-copy{padding:36px 7%;position:relative}.split-copy .section-title{font-size:33px}.split-copy p{font-size:9px;color:#555b54;max-width:330px;margin:11px 0 12px}.why-list{position:absolute;right:7%;top:44px;width:30%;border-top:1px solid var(--line)}.why-item{display:grid;grid-template-columns:25px 1fr;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px}.why-item span{color:var(--bronze);font-size:7px}.why-item strong{font-weight:500}
.insights-section{padding-top:28px;padding-bottom:34px}.insights-grid-home{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:8px}.insight-card-home{background:#fff;border:1px solid rgba(21,23,20,.08);display:grid;grid-template-columns:95px 1fr;min-height:92px}.insight-card-home:first-child{display:grid;grid-template-columns:105px 1fr}.insight-thumb{background-size:cover;background-position:center;min-height:100%}.insight-card-home:nth-child(1) .insight-thumb{background-image:url('https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=1000&q=80')}.insight-card-home:nth-child(2) .insight-thumb{background-image:url('https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=700&q=80')}.insight-card-home:nth-child(3) .insight-thumb{background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=700&q=80')}.insight-body{padding:9px 10px}.insight-tag{font-size:6px;letter-spacing:.16em;text-transform:uppercase}.insight-body h3{font-family:var(--serif);font-size:13px;font-weight:500;letter-spacing:0;line-height:1.05;margin:5px 0}.insight-body .date{font-size:7px;color:var(--muted);margin-top:7px}.insight-body .date span{float:right;color:var(--ink)}

/* =========================================================
   v3.5.7 — FINAL CTA + FOOTER
   Design locked to approved reference.
   Only closing CTA/footer is changed in this version.
   ========================================================= */
.hh-final-cta{position:relative;overflow:hidden;background:var(--forest);color:#fff;border-top:1px solid rgba(200,164,122,.35)}
.hh-final-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,37,29,.985) 0%,rgba(16,37,29,.96) 52%,rgba(16,37,29,.58) 100%),url('assets/images/cta-architecture.jpg') right center/43% 100% no-repeat;pointer-events:none}
.hh-final-cta-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 72px));margin:0 auto;padding:58px 0 42px}
.hh-final-cta-copy{max-width:920px}
.hh-final-cta .section-kicker{color:#d2b47f;font-size:9px;letter-spacing:.30em;margin-bottom:13px}
.hh-final-cta h2{margin:0;color:#fff;font-family:var(--serif);font-size:clamp(48px,5vw,72px);line-height:.96;font-weight:500;letter-spacing:-.025em}
.hh-final-cta-copy p{margin:17px 0 0;max-width:760px;color:rgba(255,255,255,.84);font-size:14px;line-height:1.5}
.hh-final-cta-row{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:28px;margin-top:38px}
.hh-final-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(200,164,122,.38);border-bottom:1px solid rgba(200,164,122,.38)}
.hh-final-benefit{min-height:82px;display:flex;align-items:center;gap:14px;padding:14px 22px 14px 0;color:#f8f4eb;font-size:13px;line-height:1.3}
.hh-final-benefit:not(:last-child){border-right:1px solid rgba(200,164,122,.32);margin-right:22px}
.hh-final-benefit-icon{flex:0 0 44px;width:44px;height:44px;border:1px solid #c8a47a;border-radius:50%;display:grid;place-items:center;color:#c8a47a;font-size:18px}
.hh-final-cta-button{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px;background:#ead8ba;color:#172019;border:1px solid #ead8ba;font-size:14px;font-weight:500}
.hh-final-cta-button span:last-child{font-size:20px}

.hh-site-footer{background:#09140f;color:#dfe4df;padding:42px 0 18px}
.hh-footer-inner{width:min(var(--max),calc(100% - 72px));margin:0 auto;display:grid;grid-template-columns:1.55fr .70fr 1fr 1fr;gap:38px;align-items:start}
.hh-footer-brand .brand{display:inline-flex;align-items:center;gap:10px;color:#fff;margin-bottom:20px}
.hh-footer-brand .brand-mark{width:30px;height:34px}
.hh-footer-brand .brand-name{font-size:13px;line-height:1.03;letter-spacing:.25em}
.hh-footer-brand .brand-name small{font-size:10px;letter-spacing:.37em;margin-top:4px}
.hh-footer-brand p{margin:0;color:#b8c0ba;font-size:13px;line-height:1.45;letter-spacing:.02em}
.hh-footer-heading{margin-bottom:14px;color:#c8a47a;font-size:9px;letter-spacing:.28em;text-transform:uppercase}
.hh-footer-links{display:grid;gap:9px}
.hh-footer-links a,.hh-footer-contact a,.hh-social-row{color:#dce1dc;font-size:13px;line-height:1.35}
.hh-footer-links a:hover,.hh-footer-contact a:hover{color:#c8a47a}
.hh-footer-contact{display:grid;gap:9px}
.hh-footer-enquire{display:inline-flex!important;width:max-content;align-items:center;gap:28px;margin-top:12px;padding:12px 18px;border:1px solid rgba(200,164,122,.72);color:#fff!important}
.hh-social{display:grid;gap:13px}
.hh-social-row{display:flex;align-items:center;gap:12px}
.hh-social-icon{width:27px;height:27px;border:1px solid rgba(200,164,122,.78);border-radius:50%;display:grid;place-items:center;color:#c8a47a;font-size:11px;font-weight:600}
.hh-footer-bottom{width:min(var(--max),calc(100% - 72px));margin:34px auto 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.13);color:#7f8a82;font-size:10px}

@media(max-width:1100px){
  .hh-final-cta-row{grid-template-columns:1fr;gap:22px}
  .hh-final-cta-button{justify-self:start;min-width:210px}
  .hh-footer-inner{grid-template-columns:1.35fr .72fr 1fr 1fr;gap:24px}
  .hh-social{grid-column:auto}
}
@media(max-width:760px){
  .hh-final-cta-inner,.hh-footer-inner,.hh-footer-bottom{width:min(var(--max),calc(100% - 30px))}
  .hh-final-cta-inner{padding:48px 0 32px}
  .hh-final-cta h2{font-size:42px}
  .hh-final-cta-copy p{font-size:14px}
  .hh-final-benefits{grid-template-columns:1fr 1fr}
  .hh-final-benefit:nth-child(2){border-right:0;margin-right:0}
  .hh-final-benefit:nth-child(-n+2){border-bottom:1px solid rgba(200,164,122,.28)}
  .hh-final-benefit{min-height:72px;font-size:11px}
  .hh-footer-inner{grid-template-columns:1fr 1fr;gap:30px}
  .hh-footer-brand{grid-column:1/-1}
  .hh-social{grid-column:auto}
}
@media(max-width:500px){
  .hh-final-benefits{grid-template-columns:1fr}
  .hh-final-benefit:not(:last-child){border-right:0;margin-right:0;border-bottom:1px solid rgba(200,164,122,.28)}
  .hh-footer-inner{grid-template-columns:1fr}
  .hh-footer-brand,.hh-social{grid-column:auto}
}
.page-hero{padding:120px 0 55px;background:var(--ivory)}.page-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(50px,6vw,78px);line-height:.9;margin:0}.content{padding:55px 0}.entry-content{max-width:860px}.entry-content h2,.entry-content h3{font-family:var(--serif);font-weight:500}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.field label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid var(--line);background:#fff;font:inherit}.field textarea{min-height:130px}.notice{padding:12px;background:var(--ivory);border-left:3px solid var(--bronze)}
@media(min-width:1101px){.services-grid{display:flex!important;flex-direction:row!important;align-items:flex-start!important}.services-intro{flex:0 0 32%!important;max-width:32%!important}.services-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;flex:1 1 68%!important;width:68%!important;min-width:0!important}.service-card{min-width:0!important}}
@media(min-width:1101px){
.services-section .services-grid{display:grid!important;grid-template-columns:minmax(240px,32%) minmax(0,68%)!important;gap:22px!important;align-items:start!important;}
.services-section .services-intro{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:none!important;}
.services-section .services-cards{grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:auto!important;min-width:0!important;}
.services-section .service-card{min-width:0!important;width:auto!important;}
}
@media(max-width:1100px){.container{width:min(var(--max),calc(100% - 48px))}.main-nav ul{gap:15px}.main-nav{gap:15px}/* Keep the desktop editorial services composition intact above the mobile breakpoint. */.developer-row{flex-wrap:wrap}.split-section{grid-template-columns:1fr}.split-image{min-height:330px}.split-copy{padding:36px}.why-list{position:static;width:100%;margin-top:20px}.insights-grid-home{grid-template-columns:1fr 1fr}.insight-card-home:first-child{grid-column:1/-1}.cta-grid{grid-template-columns:1fr}.cta-button{justify-self:start}}
@media(max-width:760px){.projects-section .project-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))!important}.projects-section .section-title{font-size:26px!important}.container{width:min(var(--max),calc(100% - 30px))}.header-inner{height:66px}.brand-name{font-size:12px}.brand-name small{font-size:9px}.main-nav{display:none}.mobile-toggle{display:block}.hero{min-height:650px}.hero-content{padding:105px 0 30px}.hero h1{font-size:62px}.hero-side{display:none}.hero-scroll{right:18px;bottom:22px}.hero-tabs{overflow:auto}.hero-tab{white-space:nowrap;margin-right:13px;padding-right:13px}.metrics-grid{grid-template-columns:1fr 1fr}.metric{min-height:70px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.services-cards,.project-grid-home,.insights-grid-home{grid-template-columns:1fr 1fr}.developer-row{justify-content:flex-start}.developer-head span{display:none}.split-copy{padding:34px 30px}.split-copy .section-title{font-size:36px}.why-list{margin-top:22px}.cta-points{grid-template-columns:1fr 1fr}.final-cta .section-title{font-size:38px}.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:500px){.projects-section .project-grid-home{grid-template-columns:1fr!important}.projects-section .section-title{font-size:25px!important}.hero h1{font-size:54px}.hero-lead{font-size:13px}.hero-actions{flex-wrap:wrap}.services-cards,.project-grid-home,.insights-grid-home{grid-template-columns:1fr}.cta-points{grid-template-columns:1fr}.metric strong{font-size:12px}.metric span{font-size:7px}.developer-row{gap:20px 28px}.developer-wordmark{transform:scale(.9);transform-origin:left center}}


/* v3.4.0 — Why Hazelnut Heights editorial split + flexible developer logos */
@media(min-width:1101px){
  .developers{padding:16px 0 20px!important}
  .developer-row{gap:22px!important;padding-top:12px!important}
  .developer-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;flex:1 1 auto!important;height:34px!important;text-decoration:none!important;color:var(--ink)!important}
  .developer-logo-img{display:block!important;max-width:110px!important;max-height:30px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:grayscale(100%)!important;opacity:.92!important}
  .developer-logo:hover .developer-logo-img{opacity:1!important;filter:grayscale(0)!important}
  .split-section{grid-template-columns:52% 48%!important;min-height:280px!important}
  .split-image{min-height:280px!important}
  .split-copy{padding:28px 34px!important;display:grid!important;grid-template-columns:minmax(0,68%) minmax(0,32%)!important;grid-template-rows:auto auto 1fr!important;column-gap:24px!important;align-content:center!important}
  .split-copy .section-kicker{grid-column:1!important;grid-row:1!important;margin-bottom:6px!important}
  .split-copy .section-title{grid-column:1!important;grid-row:2!important;font-size:28px!important;line-height:1.02!important;margin:0!important}
  .split-copy > p{grid-column:1!important;grid-row:3!important;font-size:8px!important;line-height:1.45!important;max-width:300px!important;margin:10px 0 9px!important;align-self:start!important}
  .split-copy > .btn{grid-column:1!important;grid-row:3!important;align-self:end!important;justify-self:start!important;margin-bottom:0!important;font-size:7.5px!important;padding:10px 13px!important}
  .why-list{position:static!important;grid-column:2!important;grid-row:1 / span 3!important;width:auto!important;align-self:stretch!important;margin:0!important;border-top:1px solid var(--line)!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
  .why-item{grid-template-columns:24px 1fr!important;padding:8px 0!important;font-size:14px!important;line-height:1.25!important}
}
@media(max-width:1100px){.developer-logo-img{max-width:110px;max-height:30px;object-fit:contain}.split-section{grid-template-columns:1fr}.split-copy{display:block}.why-list{position:static;width:100%;margin-top:18px}}


/* v3.4.1 — force the approved desktop Why Hazelnut Heights composition */
@media screen and (min-width:900px){
  section#approach.split-section{
    display:grid!important;
    grid-template-columns:52% 48%!important;
    width:100%!important;
    min-height:285px!important;
    height:285px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #approach .split-image{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:285px!important;
    min-height:285px!important;
    background-size:cover!important;
    background-position:center!important;
  }
  #approach .split-copy{
    box-sizing:border-box!important;
    width:100%!important;
    height:285px!important;
    min-height:285px!important;
    padding:27px 30px!important;
    display:grid!important;
    grid-template-columns:minmax(0,68%) minmax(0,32%)!important;
    grid-template-rows:auto auto 1fr!important;
    column-gap:26px!important;
    align-content:center!important;
    position:relative!important;
  }
  #approach .split-copy .section-kicker{
    grid-column:1!important;grid-row:1!important;
    margin:0 0 5px!important;font-size:6.5px!important;
    letter-spacing:.28em!important;
  }
  #approach .split-copy .section-title{
    grid-column:1!important;grid-row:2!important;
    margin:0!important;font-size:28px!important;
    line-height:1.02!important;letter-spacing:-.02em!important;
  }
  #approach .split-copy>p{
    grid-column:1!important;grid-row:3!important;
    max-width:310px!important;margin:9px 0 0!important;
    font-size:8px!important;line-height:1.45!important;
    align-self:start!important;
  }
  #approach .split-copy>.btn{
    grid-column:1!important;grid-row:3!important;
    align-self:end!important;justify-self:start!important;
    margin:0!important;padding:9px 13px!important;
    font-size:7.5px!important;
  }
  #approach .why-list{
    grid-column:2!important;grid-row:1 / span 3!important;
    position:static!important;width:auto!important;height:100%!important;
    margin:0!important;border-top:1px solid var(--line)!important;
    display:flex!important;flex-direction:column!important;
    justify-content:space-between!important;
  }
  #approach .why-item{
    display:grid!important;grid-template-columns:24px 1fr!important;
    padding:0!important;min-height:0!important;flex:1 1 0!important;align-items:center!important;border-bottom:1px solid var(--line)!important;font-size:7px!important;
    line-height:1.2!important;
  }
}
@media screen and (max-width:899px){
  section#approach.split-section{display:block!important;height:auto!important;min-height:0!important}
  #approach .split-image{height:330px!important;min-height:330px!important}
}


/* v3.4.2 — balanced right-side approach list */
@media screen and (min-width:900px){
  #approach .split-copy{grid-template-columns:minmax(0,68%) minmax(0,32%)!important;column-gap:26px!important;}
  #approach .why-list{justify-content:space-between!important;align-self:stretch!important;}
  #approach .why-item{flex:1 1 0!important;min-height:0!important;padding:0!important;align-items:center!important;border-bottom:1px solid var(--line)!important;}
  #approach .why-item:last-child{border-bottom:0!important;}
}


/* v3.5.10 — Insights: override legacy first-card spanning rule */
/* v3.5.3 — Insights: force the approved compact editorial composition on desktop */
@media screen and (min-width:900px){
  #insights-home.insights-section{
    padding:18px 0 22px!important;
    margin:0!important;
    width:100%!important;
  }
  #insights-home > .insights-layout.container{
    display:grid!important;
    grid-template-columns:240px minmax(0,1fr)!important;
    align-items:start!important;
    column-gap:28px!important;
    width:min(var(--max),calc(100% - 64px))!important;
    max-width:var(--max)!important;
    margin:0 auto!important;
    padding:0!important;
  }
  #insights-home .insights-intro{
    display:block!important;
    width:auto!important;
    max-width:240px!important;
    margin:0!important;
    padding:0!important;
  }
  #insights-home .insights-intro .section-kicker{
    font-size:7px!important;
    letter-spacing:.30em!important;
    line-height:1!important;
    margin:0 0 6px!important;
  }
  #insights-home .insights-intro .section-title{
    font-size:24px!important;
    line-height:.98!important;
    letter-spacing:-.02em!important;
    margin:0!important;
    max-width:235px!important;
  }
  #insights-home .insights-main{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  #insights-home .section-controls{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:5px!important;
    height:20px!important;
    margin:0 0 5px!important;
    padding:0!important;
  }
  #insights-home .section-controls .right-link{
    font-size:7px!important;
    line-height:1!important;
    margin-right:2px!important;
  }
  #insights-home .section-controls button{
    display:grid!important;
    place-items:center!important;
    width:19px!important;
    height:19px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:50%!important;
    background:#fff!important;
    font-size:9px!important;
    line-height:1!important;
  }
  #insights-home .insights-grid-home{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  #insights-home .insight-card-home:first-child{grid-column:auto!important;grid-row:auto!important;}
  #insights-home .insights-grid-home .insight-card-home{grid-column:auto!important;grid-row:auto!important;}
  #insights-home .insight-card-home,
  #insights-home .insight-card-home:first-child{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid rgba(21,23,20,.08)!important;
    overflow:hidden!important;
  }
  #insights-home .insight-thumb{
    width:54px!important;
    min-width:54px!important;
    height:58px!important;
    min-height:58px!important;
    background-size:cover!important;
    background-position:center!important;
  }
  #insights-home .insight-body{
    min-width:0!important;
    overflow:hidden!important;
    padding:6px 8px!important;
  }
  #insights-home .insight-tag{
    font-size:5.5px!important;
    letter-spacing:.15em!important;
    line-height:1!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  #insights-home .insight-body h3{
    font-family:var(--serif)!important;
    font-size:10px!important;
    line-height:1.05!important;
    font-weight:500!important;
    margin:4px 0 0!important;
    white-space:normal!important;
    overflow:hidden!important;
  }
  #insights-home .insight-body .date{
    font-size:5.5px!important;
    line-height:1!important;
    margin-top:4px!important;
  }
  #insights-home .insight-body .date span{font-size:8px!important;}
}

@media screen and (max-width:899px){
  #insights-home .insights-layout{
    display:block!important;
    width:min(var(--max),calc(100% - 48px))!important;
  }
  #insights-home .insights-main{margin-top:18px!important;}
}

/* v3.5.10 — Global body typography pass
   Increase supporting/body text readability without changing headline hierarchy. */
body{font-size:16px;line-height:1.5}
.main-nav,.main-nav ul{font-size:14px}
.main-nav a{font-size:14px}
.nav-cta{font-size:14px}
.eyebrow,.section-kicker{font-size:10px}
.hero-lead{font-size:16px;line-height:1.5}
.hero-tab{font-size:13px}
.hero-side{font-size:12px}
.hero-scroll{font-size:11px}
.btn{font-size:14px}
.metric strong{font-size:16px}
.metric span{font-size:13px}
.services-intro p{font-size:15px;line-height:1.5}
.service-body p{font-size:14px;line-height:1.45}
.service-link{font-size:13px}
.projects-section .section-controls .right-link,.section-row .right-link{font-size:13px!important}
.projects-section .project-badge{font-size:11px!important}
.projects-section .project-meta{font-size:12px!important}
.project-meta{font-size:12px}
.developer-head span{font-size:13px}
.split-copy>p{font-size:15px!important;line-height:1.5!important}
.why-item{font-size:13px!important;line-height:1.4!important}
.insights-section .section-controls .right-link{font-size:13px!important}
#insights-home .insight-tag{font-size:10px!important}
#insights-home .insight-body .date{font-size:12px!important}
.hh-final-cta-copy p{font-size:16px}
.hh-final-benefit{font-size:15px}
.hh-final-cta-button{font-size:15px}
.hh-footer-brand p,.hh-footer-links a,.hh-footer-contact a,.hh-social-row{font-size:14px}
.hh-footer-bottom{font-size:12px}
.page-hero .section-kicker{font-size:10px}
.entry-content p,.entry-content li{font-size:16px;line-height:1.65}
.field label{font-size:10px}
.notice{font-size:15px;line-height:1.5}

@media(max-width:760px){
  .main-nav,.main-nav ul{font-size:14px}
  .hero-lead{font-size:15px}
  .hero-tab{font-size:12px}
  .services-intro p{font-size:15px}
  .service-body p{font-size:14px}
  .project-meta{font-size:12px!important}
  .split-copy>p{font-size:15px!important}
  .why-item{font-size:14px!important}
  .hh-final-benefit{font-size:14px}
}

/* v3.5.12 — Services alignment and emphasis refinement */
.services-section .services-intro{padding-left:10px!important;}
.services-section .services-intro .section-kicker{font-size:10.5px!important;font-weight:600!important;letter-spacing:.38em!important;color:#243229!important;}
.services-section .services-intro p{color:#3f4741!important;}
@media(max-width:760px){.services-section .services-intro{padding-left:0!important;}}
/* Why Hazelnut Heights — final typography override */
#approach .why-item{
    font-size:12px!important;
    line-height:1.3!important;
}

#approach .why-item strong{
    font-size:12px!important;
    font-weight:500!important;
}

#approach .why-item span{
    font-size:12px!important;
}
/* Final CTA — compact refinement */
.hh-final-cta-inner{
    padding:28px 0 28px;
}

.hh-final-cta-copy p{
    margin-top:12px;
}

.hh-final-cta-row{
    margin-top:24px;
}

.hh-final-benefit{
    min-height:52px;
    padding:10px 18px 10px 0;
}

.hh-final-benefit-icon{
    width:28px;
    height:28px;
    flex:0 0 28px;
    font-size:14px;
}

.hh-final-cta-button{
    min-height:42px;
    padding:0 24px;
}
/* Hero alignment refinement */
.hero-content{
    padding-left:36px!important;
    padding-right:36px!important;
}
/* WordPress admin-bar offset for logged-in preview */
body.admin-bar .site-header{
    top:32px;
}
/* =========================================================
   MOBILE RESPONSIVE REFINEMENT
   ========================================================= */

@media (max-width:760px){

    /* Prevent horizontal overflow */
    html,
    body{
        overflow-x:hidden;
    }

    /* ---------- HERO ---------- */

    .hero{
        min-height:680px!important;
        overflow:hidden!important;
    }

    .hero-content{
        padding:105px 30px 30px!important;
        overflow:hidden!important;
    }

    .hero-copy{
        width:100%!important;
        max-width:none!important;
    }

    .hero h1{
        font-size:48px!important;
        line-height:.94!important;
        max-width:100%!important;
        letter-spacing:-.02em!important;
        transform:none!important;
        overflow-wrap:normal!important;
    }

    .hero-lead{
        font-size:14px!important;
        line-height:1.45!important;
        max-width:100%!important;
    }

    .hero-actions{
        gap:14px!important;
        flex-wrap:wrap!important;
    }

    .hero-tabs{
        width:100%!important;
        max-width:100%!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        padding-bottom:4px!important;
        scrollbar-width:none;
    }

    .hero-tabs::-webkit-scrollbar{
        display:none;
    }

    .hero-tab{
        flex:0 0 auto!important;
        white-space:nowrap!important;
    }


    /* ---------- SERVICES ---------- */

    .services-section .services-grid{
        display:block!important;
        width:100%!important;
    }

    .services-section .services-intro{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        margin-bottom:28px!important;
    }

    .services-section .services-intro p{
        max-width:100%!important;
        font-size:14px!important;
        line-height:1.5!important;
    }

    .services-section .services-cards{
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
        max-width:100%!important;
        gap:12px!important;
    }

    .services-section .service-card{
        width:100%!important;
        min-height:150px!important;
    }

    .services-section .service-image{
        height:150px!important;
    }

    .services-section .service-body p{
        font-size:13px!important;
        line-height:1.45!important;
    }

    .services-section .service-link{
        font-size:11px!important;
    }
}
/* =========================================================
   MOBILE SERVICES — FORCE SINGLE COLUMN
   ========================================================= */

@media screen and (max-width:760px){

    .services-section .services-grid{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
    }

    .services-section .services-intro{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        flex:none!important;
        margin:0 0 28px!important;
    }

    .services-section .services-intro p{
        width:100%!important;
        max-width:100%!important;
        font-size:14px!important;
        line-height:1.5!important;
    }

    .services-section .services-cards{
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
        max-width:100%!important;
        flex:none!important;
        gap:12px!important;
    }

    .services-section .service-card{
        display:flex!important;
        width:100%!important;
        min-width:0!important;
        min-height:0!important;
    }

    .services-section .service-image{
        height:160px!important;
        flex:none!important;
    }

    .services-section .service-body{
        padding:12px 14px 14px!important;
    }

    .services-section .service-body h3{
        font-size:20px!important;
    }

    .services-section .service-body p{
        font-size:13px!important;
        line-height:1.45!important;
    }

    .services-section .service-link{
        font-size:11px!important;
    }
}
/* Mobile Hero Tabs */
@media screen and (max-width:760px){

    .hero-tabs{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:0 14px!important;
        width:100%!important;
        overflow:visible!important;
    }

    .hero-tab{
        margin:0!important;
        padding:8px 0!important;
        white-space:nowrap!important;
        min-width:0!important;
    }
}
/* =========================================================
   MOBILE — METRICS + SERVICES ALIGNMENT
   ========================================================= */

@media screen and (max-width:1100px){

    /* ---------- METRICS ---------- */

    .metrics-grid{
        grid-template-columns:1fr 1fr!important;
    }

    .metric{
        justify-content:flex-start!important;
        padding:18px 28px!important;
        gap:16px!important;
        min-height:78px!important;
    }

    .metric-icon{
        flex:0 0 32px!important;
        width:32px!important;
        height:32px!important;
    }


    /* ---------- SERVICES SECTION ---------- */

    .services-section{
        padding-left:30px!important;
        padding-right:30px!important;
    }

    .services-section .services-grid{
        width:100%!important;
    }
}
/* =========================================================
   MOBILE METRICS — FINAL ALIGNMENT
   ========================================================= */

@media screen and (max-width:1100px){

    .metrics-grid{
        grid-template-columns:1fr 1fr!important;
    }

    .metric{
        min-height:82px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:18px!important;
        padding:16px 30px!important;
        box-sizing:border-box!important;
    }

    .metric-icon{
        flex:0 0 32px!important;
        width:32px!important;
        height:32px!important;
        display:grid!important;
        place-items:center!important;
    }

    .metric strong{
        font-size:18px!important;
        line-height:1.1!important;
        margin:0!important;
    }

    .metric span{
        font-size:13px!important;
        line-height:1.25!important;
        margin-top:5px!important;
        white-space:nowrap!important;
    }
}