.att-hero{position:relative;min-height:60vh;display:flex;align-items:center;background-image:url(/images/projects/family-friendly-outdoor-living/family-turf.jpeg);background-size:cover;background-position:center 40%}.att-hero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,30,16,.78),rgba(26,77,46,.52))}.att-hero-content{position:relative;z-index:1;padding-top:var(--spacing-xxxl);padding-bottom:var(--spacing-xxxl)}.att-hero-content h1{color:var(--white);font-size:clamp(1.6rem,4vw,3rem);margin-bottom:var(--spacing-md);max-width:680px}.att-hero-content p{color:hsla(0,0%,100%,.85);font-size:1.05rem;max-width:520px;line-height:1.7;margin-bottom:var(--spacing-xl)}.att-hero-phone{display:inline-block;font-size:1.4rem;font-weight:700;color:var(--white);transition:color .2s}.att-hero-phone:hover{color:var(--accent-green)}.att-gallery{background:var(--white)}.att-gallery-sub{font-size:1rem;color:var(--neutral-medium);margin:var(--spacing-md) auto var(--spacing-xxl);max-width:560px;line-height:1.7}.att-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.att-turf-card{display:flex;flex-direction:column;gap:0;border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--neutral-light);background:var(--white);cursor:pointer;text-align:left;padding:0;transition:box-shadow .2s,transform .2s}.att-turf-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.att-turf-image-wrap{aspect-ratio:4/3;overflow:hidden;background:var(--neutral-lightest);position:relative}.att-turf-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.att-turf-card:hover .att-turf-image-wrap img{transform:scale(1.04)}.att-turf-zoom-hint{position:absolute;inset:0;background:transparent;color:transparent;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;letter-spacing:.05em;transition:background .25s,color .25s;pointer-events:none}.att-turf-card:hover .att-turf-zoom-hint{background:rgba(0,0,0,.35);color:var(--white)}.att-turf-label{padding:var(--spacing-md) var(--spacing-lg);background:var(--white)}.att-turf-name{font-size:.95rem;font-weight:700;color:var(--neutral-darkest);margin:0 0 2px}.att-turf-spec{font-size:.8rem;color:var(--neutral-medium);margin:0}.att-cta{background:var(--neutral-lightest)}.att-cta-inner{display:flex;align-items:center;gap:var(--spacing-xxxl);justify-content:space-between}.att-cta-inner h2{font-size:1.8rem;margin-bottom:var(--spacing-md);color:var(--neutral-darkest)}.att-cta-inner p{font-size:1rem;line-height:1.8;color:var(--neutral-dark);max-width:600px;margin:0}.att-cta-inner .btn{flex-shrink:0}.att-related{background:var(--white)}.att-related-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-xxl)}.att-related-card{background:var(--neutral-lightest);border:1px solid var(--neutral-light);border-radius:var(--border-radius);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm);text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}.att-related-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.att-related-card h3{font-size:1.05rem;font-weight:700;color:var(--primary-green-dark);margin:0}.att-related-card p{font-size:.95rem;line-height:1.7;color:var(--neutral-dark);margin:0;flex:1 1}.att-card-arrow{font-size:.9rem;font-weight:600;color:var(--primary-green-medium);margin-top:var(--spacing-sm)}.att-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) 80px;overflow-y:auto}.att-lightbox-inner{position:relative;display:flex;flex-direction:column;align-items:center;max-width:1060px;width:100%;gap:var(--spacing-md);margin:auto}.att-lightbox-close{position:absolute;top:-44px;right:0;background:none;border:none;color:hsla(0,0%,100%,.7);font-size:1.6rem;cursor:pointer;line-height:1;padding:4px 8px;transition:color .2s}.att-lightbox-close:hover,.att-lightbox-nav{color:var(--white)}.att-lightbox-nav{position:absolute;top:38%;transform:translateY(-50%);background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);width:52px;height:52px;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:2}.att-lightbox-nav:hover{background:hsla(0,0%,100%,.28)}.att-lightbox-prev{left:-68px}.att-lightbox-next{right:-68px}.att-lightbox-body{display:grid;grid-template-columns:1fr 360px;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);width:100%;align-items:start}.att-lightbox-image-wrap{width:100%;max-height:72vh;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);overflow:hidden;background:#f0f0f0}.att-lightbox-image-wrap img{max-width:100%;max-height:72vh;object-fit:contain;display:block}.att-lightbox-specs{background:var(--white);border-radius:var(--border-radius);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.att-spec-counter{font-size:.78rem;color:var(--neutral-medium);margin:0;font-weight:500}.att-spec-name{font-size:1.6rem;font-weight:800;color:var(--neutral-darkest);margin:0;line-height:1.1}.att-spec-rule{width:36px;height:2px;background:var(--primary-green-medium)}.att-spec-list{display:flex;flex-direction:column;gap:0;margin:0}.att-spec-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--neutral-light);gap:var(--spacing-md)}.att-spec-row:last-child{border-bottom:none}.att-spec-row dt{font-size:.82rem;font-weight:600;color:var(--neutral-medium);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.att-spec-row dd{font-size:.95rem;font-weight:600;color:var(--neutral-darkest);margin:0;text-align:right}.att-spec-price dd{font-size:1.1rem}.att-price-tbd{font-size:.9rem;font-weight:600;color:var(--primary-green-medium)}.att-spec-apps{display:flex;flex-direction:column;gap:var(--spacing-sm)}.att-spec-apps-label{font-size:.78rem;font-weight:700;color:var(--neutral-medium);text-transform:uppercase;letter-spacing:.06em;margin:0}.att-spec-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.att-spec-tag{display:inline-block;padding:3px 10px;font-size:.78rem;font-weight:600;background:var(--neutral-lightest);border:1px solid var(--neutral-light);border-radius:20px;color:var(--neutral-dark)}.att-spec-cta{width:100%;text-align:center;margin-top:var(--spacing-sm)}.att-lightbox-thumbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:100%;padding-top:var(--spacing-sm)}.att-lightbox-thumb{width:56px;height:56px;border-radius:6px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;opacity:.55;transition:opacity .2s,border-color .2s;flex-shrink:0;background:var(--neutral-lightest)}.att-lightbox-thumb:hover{opacity:.85}.att-lightbox-thumb.active{border-color:var(--accent-green);opacity:1}.att-lightbox-thumb img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:1200px){.att-lightbox{padding:var(--spacing-lg) 60px}.att-lightbox-prev{left:-56px}.att-lightbox-next{right:-56px}}@media (max-width:1024px){.att-lightbox{padding:56px var(--spacing-lg) var(--spacing-lg);align-items:flex-start}.att-lightbox-body{grid-template-columns:1fr}.att-lightbox-specs{max-width:560px;width:100%;margin:0 auto}.att-lightbox-image-wrap,.att-lightbox-image-wrap img{max-height:50vh}.att-lightbox-prev{left:8px}.att-lightbox-next{right:8px}.att-lightbox-nav{top:26%}}@media (max-width:900px){.att-gallery-grid{grid-template-columns:repeat(2,1fr)}.att-cta-inner{flex-direction:column;align-items:flex-start;gap:var(--spacing-xl)}.att-related-grid{grid-template-columns:1fr}}@media (max-width:600px){.att-hero-content h1{font-size:1.7rem}.att-hero-phone{font-size:1.2rem}.att-lightbox{padding:52px var(--spacing-md) var(--spacing-md)}.att-lightbox-nav{width:40px;height:40px;font-size:1.6rem}.att-lightbox-image-wrap,.att-lightbox-image-wrap img{max-height:42vh}.att-lightbox-specs{padding:var(--spacing-lg)}.att-spec-name{font-size:1.3rem}.att-lightbox-thumb{width:42px;height:42px}.att-gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.att-cta-inner h2{font-size:1.4rem}}@media (max-width:380px){.att-gallery-grid{grid-template-columns:1fr}}