/* Revision 13: owner refinements, isolated from the approved baseline. */
.design-experiment header{position:sticky;top:-54px;z-index:30;box-shadow:0 6px 20px #142f4612;border-bottom:0}
.design-experiment .nav{background:white;height:88px}
.design-experiment .logo img{width:150px;height:auto}
.design-experiment .utility{background:var(--blue)}
.design-experiment .utility>.wrap{justify-content:space-between}
.design-experiment .hero{background-image:linear-gradient(0deg,rgba(12,27,37,.9),rgba(12,27,37,.32) 58%,rgba(12,27,37,.04)),url('https://i0.wp.com/azcensionhomes.com/wp-content/uploads/2025/10/azcension-homes-affordable-housing.webp?fit=1920%2C900&ssl=1');color:white;border:0}
.design-experiment .hero h1{max-width:1060px;font-size:clamp(40px,4vw,60px)}
.design-experiment .hero-blue{color:var(--blue);background:transparent}
.design-experiment .hero-description{max-width:650px}
.design-experiment .hero-note{color:white}
.design-experiment .path-brand{margin-inline:auto;margin-bottom:30px}
.design-experiment .path-section{background:white}
.design-experiment .path-feature{align-items:center}
.design-experiment .path-video{min-width:0;width:min(100%,360px);justify-self:center;background:var(--stone)}
.design-experiment .path-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#101820}
.design-experiment .video-caption{margin:0;padding:24px 24px 8px;font-size:22px;line-height:1.3;color:var(--blue)}
.design-experiment .video-hint{font-size:13px;color:var(--muted);margin:0;padding:0 24px 24px}
.design-experiment .homes{background:var(--blue);color:white;padding:64px 40px;margin-block:64px 0}
.design-experiment .homes h2,.design-experiment .homes h2 span{color:white}
.design-experiment .homes .button{color:white;border-color:#ffffff90}
.design-experiment .homes .button:hover{background:white;color:var(--blue)}
.design-experiment .home-gallery{border-top:1px solid #ffffff50;padding-top:24px}
.design-experiment .builder-story{border-top:0}
.design-experiment .plans{background:var(--stone);border:0;padding-block:64px}
.design-experiment .plan-stage{background:white;padding:24px}
.design-experiment .resources{padding-block:88px}
.design-experiment .final-cta{background:var(--blue);border:0}
.design-experiment section[id],.design-experiment h2[id]{scroll-margin-top:110px}
.design-experiment #mobile-menu{max-height:calc(100dvh - 90px);overflow-y:auto}
@media(max-width:1120px){.design-experiment .nav{height:80px}}
@media(max-width:700px){
 .design-experiment .hero h1{font-size:36px}
 .design-experiment .homes{padding:36px 20px;width:100%;margin-top:40px}
 .design-experiment .path-brand{margin-bottom:24px}
 .design-experiment .plans,.design-experiment .resources{padding-block:48px}
 .design-experiment .plan-stage{padding:16px}
 .design-experiment .video-caption{font-size:20px}
}
/* Revision 14: shared editorial rhythm, readable color and paired compositions. */
.design-experiment{--section-space:80px;--spread-gap:64px}
















.design-experiment .homes{width:100%;padding:var(--section-space) max(48px,calc((100% - 1240px)/2));margin:0;background:var(--blue)}
.design-experiment .homes-heading{margin-bottom:32px}.design-experiment .home-gallery{padding-top:0;border:0}
.design-experiment .builder{padding-block:var(--section-space);grid-template-columns:1fr 1fr;gap:var(--spread-gap);align-items:center}
.design-experiment .builder-photo{min-height:0;aspect-ratio:4/3}.design-experiment .builder-story{background:transparent;padding:0}.design-experiment .builder h2{font-size:clamp(30px,3vw,44px)}
.design-experiment .plans,.design-experiment .resources{padding-block:var(--section-space)}
.design-experiment .floorplan-layout,.design-experiment .resources{gap:var(--spread-gap);grid-template-columns:1fr 1fr}.design-experiment .plan-stage{padding:24px}
.design-experiment .final-cta{padding-block:56px}.design-experiment .final-cta h2,.design-experiment .floor-closing h2{color:white}
@media(max-width:1120px){.design-experiment{--spread-gap:40px}}
@media(max-width:700px){.design-experiment{--section-space:48px;--spread-gap:28px}.design-experiment .homes{padding:48px 20px}.design-experiment .builder,.design-experiment .floorplan-layout,.design-experiment .resources{grid-template-columns:1fr}.design-experiment .builder h2{font-size:32px}.design-experiment .plan-stage{padding:16px}.design-experiment .final-cta{padding-block:40px}}

/* Revision 15: restore the owner-preferred hero and Path composition. */
.design-experiment .video-caption{padding-bottom:24px}

/* Owner annotation: white words on blue felt-marker strokes. */
.design-experiment .hero h1 .hero-blue{position:relative;isolation:isolate;display:inline-block;white-space:nowrap;color:#fff;font-weight:800;-webkit-text-stroke:0;padding:0 .1em;background:transparent}
.design-experiment .hero h1 .hero-blue::before{content:"";position:absolute;z-index:-1;inset:.05em -.025em .015em;background:var(--blue);clip-path:polygon(2% 8%,19% 4%,39% 6%,62% 2%,82% 4%,99% 0,98% 16%,100% 22%,98% 41%,99% 58%,97% 82%,99% 91%,77% 94%,57% 92%,35% 98%,15% 94%,0 100%,2% 79%,0 66%,2% 43%,1% 28%);transform:rotate(-.65deg)}
.design-experiment .hero h1 .hero-blue:nth-of-type(2)::before{transform:rotate(.5deg) scaleY(.98)}

/* Owner preview: larger Path logo, scoped to homepage. */
.design-experiment #path .path-brand{width:420px;max-width:100%}
@media(max-width:700px){.design-experiment #path .path-brand{width:320px;max-width:100%}}
