/* GATOR STALL & BARN — HOME EXPERIENCE 2026
   This supplemental stylesheet preserves the approved premium design system.
   Dark forest / champagne gold, sequential photo / no-photo surfaces. */
:root{--gator-forest:#0b271d;--gator-forest-soft:#15372a;--gator-gold:#d9bf85;--gator-cream:#f6f2e8}
html{scroll-padding-top:105px}
.vision-hero{min-height:min(850px,100svh)}
.vision-hero-media .vision-hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Decorative custom horseshoe, based on the equestrian mark, without modifying the source logo. */
h1{position:relative}
h1::before{content:"";display:block;width:40px;height:44px;background:url('../images/brand/horseshoe.svg') center/contain no-repeat;margin-bottom:12px;filter:drop-shadow(0 5px 15px #d9bd8755)}
.vision-hero h1::before{width:52px;height:54px;margin-bottom:22px;transform:rotate(-14deg);animation:gatorHorseshoe 5s ease-in-out infinite alternate}
@keyframes gatorHorseshoe{from{transform:rotate(-14deg) translateY(0)}to{transform:rotate(3deg) translateY(-5px)}}
.vision-hero h1 em,.section-heading h2 em,.footer-title h2 em{font-style:italic}
/* Luxurious informative utility ribbon */
.site-header .premium-topbar{height:43px;overflow:visible;background:linear-gradient(90deg,#071c15f5,#132f23ee);border-bottom:1px solid #d4bc8335;color:#e9e6d6}
.premium-topbar .topbar-content{height:43px;gap:16px;max-width:1600px}
.premium-topbar .topbar-location,.premium-topbar .topbar-contacts{display:flex;align-items:center;gap:16px;min-width:0}
.premium-topbar .topbar-location{font-size:11px;letter-spacing:.5px;color:#e3e2cf}
.premium-topbar .topbar-location>span:not(.topbar-emblem){display:block;white-space:nowrap}
.premium-topbar .topbar-emblem{font-size:14px;color:var(--gator-gold);margin-right:0}
.premium-topbar .topbar-divider{display:inline;padding:0 4px;color:#d0bd8a}
.premium-topbar .topbar-contacts>a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:500;color:#eee9da;transition:color .2s}
.premium-topbar .topbar-contacts>a:hover{color:#e5ca8e}
.premium-topbar .topbar-contacts .topbar-social{width:24px;height:24px;display:grid;place-items:center;border:1px solid #d4bd8760;border-radius:50%}
.premium-topbar .topbar-social .icon{width:12px;height:12px}
.site-header:not(.is-sticky) .header-main{min-height:96px}
.site-header .header-cta{border-radius:32px;background:#d7bd8340;box-shadow:0 0 0 1px #ddc58b13 inset}
.site-header .header-cta:hover{background:#e4c88b;color:#102419}
.site-header.is-sticky .premium-topbar{height:0;opacity:0;overflow:hidden;border:0}
/* Alternate image and non-image backgrounds across the Home. */
.page-home .signature-section{background-color:var(--gator-cream);background-image:none}
.page-home .expertise-section{background-image:linear-gradient(96deg,#071e16f5 0%,#0c261de8 43%,#0b211bc4 100%),url('../images/premium/equine-hero.webp');background-size:cover;background-position:center 45%;background-attachment:scroll}
.page-home .expertise-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#ead69b0d 1px,transparent 1px);background-size:160px 100%}
.page-home .expertise-section>.wrap{position:relative}
.page-home .studio-teaser{background-color:#0b2119;background-image:radial-gradient(ellipse at 87% 50%,#2049388c,transparent 60%)}
.page-home .transformation-section{background-image:linear-gradient(#faf7eff0,#f6f1e8f0),url('../images/premium/barn-after.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.page-home .planner-section{background-image:radial-gradient(ellipse at 12% 10%,#284e389c,transparent 60%);background-color:#0b2119}
.page-home .original-work{background-color:#f4f0e7;background-image:none}
.page-home .project-invitation{background-color:#122b20;background-image:radial-gradient(ellipse at 100% 50%,#47664850,transparent 70%)}
.page-home .planner-section>.wrap,.page-home .transformation-section>.wrap{position:relative}
.page-home #transformation,.page-home #space-planner{scroll-margin-top:100px}
.page-home #space-planner{border-top:1px solid #cbb87a55}
.page-home .studio-teaser .studio-open{border-color:#eed39c;background:#09261fbd}
.page-home .studio-teaser .studio-teaser-copy h2{font-size:clamp(37px,4vw,65px)}
/* Integrated architectural inspiration studio: full width, no independent tab */
.page-home .transformation-section .section-heading>p{font-size:14px;line-height:1.7;color:#485e4b}
.page-home .planner-section .section-heading>p{font-size:14px;line-height:1.7;color:#d6dfce}
.page-home .studio-teaser{padding-block:105px}
.page-home .transformation-section,.page-home .planner-section{padding-block:110px}
.page-home .comparison{border:8px solid #fffdf8;box-shadow:0 30px 75px #112c2630}
.page-home .comparison-range:focus-visible{outline:3px solid #d6b878;outline-offset:-8px}
/* Cinematic scroll-snap photo carousel using verified original photos */
.page-home .home-gallery{position:relative;overflow:hidden;color:#f6f0e3;background-image:linear-gradient(104deg,#061810f1,#0a241ad8 58%,#0b211bdc),url('../images/premium/equine-hero.webp');background-position:center;background-size:cover;padding:110px 0 95px}
.page-home .home-gallery::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 95% 0,#d1b87d2b,transparent 54%)}
.page-home .home-gallery>.wrap{position:relative}
.home-gallery .section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}
.home-gallery .section-heading h2{color:#fbf8f1}
.home-gallery .section-heading h2 em{color:#e2cb97}
.home-gallery .gallery-description{font-size:14px;line-height:1.75;margin-top:15px;max-width:520px;color:#ccd8c8}
.gallery-controls{display:flex;gap:12px;flex-shrink:0}
.gallery-controls button{width:51px;height:51px;display:grid;place-items:center;color:#f3deb1;border:1px solid #d2b67a99;border-radius:50%;font-size:29px;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.gallery-controls button:hover,.gallery-controls button:focus-visible{background:#d7bf89;color:#0b261b;transform:translateY(-2px)}
.home-gallery-track{display:flex;gap:21px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:4px;padding:10px 1px 22px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#c8ad74 #203e31}
.home-gallery-track:focus-visible{outline:2px solid #d7c28f;outline-offset:3px}
.home-gallery-card{position:relative;flex:0 0 min(390px,37vw);height:480px;min-width:0;overflow:hidden;border:1px solid #e2d3ad57;scroll-snap-align:start;color:#fff;background:#244336}
.home-gallery-card::before{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#051c14db);z-index:1;pointer-events:none}
.home-gallery-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .5s ease;filter:saturate(.85)}
.home-gallery-card:hover img{transform:scale(1.055);filter:saturate(1.08)}
.home-gallery-card span{position:absolute;bottom:22px;left:22px;right:22px;z-index:2;display:flex;align-items:center;gap:16px;font:500 12px/1.2 Arial,sans-serif;letter-spacing:1.2px;color:#eed8a6}
.home-gallery-card span strong{font:italic 27px/1.15 Georgia,serif;letter-spacing:-.4px;color:#fff}
.gallery-footer-line{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid #d7c49555;padding-top:27px;margin-top:18px}
.gallery-footer-line>span{font-size:11px;letter-spacing:2px;color:#cebc8d}
/* Fully built photo footer with utility tier and a direct conversion CTA. */
.footer{background-color:#071a13;background-image:linear-gradient(90deg,#061912f5 0%,#0a2019ef 55%,#0b251de1),url('../images/optimized/stable-aisle.webp');background-size:cover;background-position:center;isolation:isolate;padding-top:102px}
.footer::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(90deg,#dec9940c 1px,transparent 1px);background-size:25% 100%}
.footer .footer-title .eyebrow{color:#d6c08c;letter-spacing:2px}
.footer-top{padding-bottom:54px}
.footer-trust{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid #d2bc843d;padding:26px 0;color:#e6d5ad}
.footer-trust span{font-size:10px;letter-spacing:1.25px;font-weight:600}
.footer-trust b{font-size:13px;color:#bba16b;font-weight:300}
.footer-grid{padding-top:54px;padding-bottom:62px;gap:45px}
.footer-grid h3{font-size:14px;color:#ecd39a}
.footer-brand p,.footer-contact p,.footer-grid>div>a{color:#cbd3c4;font-size:14px}
.footer-contact .footer-phone{color:#f8edce;font-size:28px}
.footer .social-links a{width:43px;height:43px;color:#ddc890;background:#142d22a6}
.footer-action-band{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 30px;border:1px solid #d6bd7b68;background:linear-gradient(90deg,#19382abf,#092019a1);backdrop-filter:blur(9px);margin-bottom:40px}
.footer-action-band>div{display:grid;gap:7px}
.footer-action-band small{font-size:10px;letter-spacing:1.3px;color:#e4ca8a}
.footer-action-band strong{font:italic clamp(21px,2.4vw,30px)/1.2 Georgia,serif;color:#fff9e7}
.footer-action-band .button{white-space:nowrap}
.footer-bottom{border-top-color:#d4c39c3d;color:#b8c4b2;font-size:11px}
.footer-bottom a{color:#ecd39a}
@media(max-width:1200px){.premium-topbar .topbar-contacts{gap:11px}.premium-topbar .topbar-email{display:none!important}.premium-topbar .topbar-location{font-size:10px}.premium-topbar .topbar-contacts>a{font-size:10px}.footer-grid{gap:30px}}
@media(max-width:991px){.site-header .premium-topbar{height:36px}.premium-topbar .topbar-content{height:36px}.premium-topbar .topbar-location{max-width:70%;overflow:hidden}.premium-topbar .topbar-location>span:not(.topbar-emblem){overflow:hidden;text-overflow:ellipsis}.premium-topbar .topbar-contacts{margin-left:auto}.premium-topbar .topbar-contacts .topbar-social{display:none}.premium-topbar .topbar-emblem{display:none}.page-home .studio-teaser,.page-home .transformation-section,.page-home .planner-section{padding-block:78px}.home-gallery-card{flex-basis:44vw;height:395px}.footer-trust{justify-content:center}}
@media(max-width:700px){.vision-hero{min-height:740px;height:100svh}.vision-hero h1::before{width:37px;height:39px;margin-bottom:14px}.premium-topbar .topbar-location{display:none}.premium-topbar .topbar-content{justify-content:center}.premium-topbar .topbar-contacts{margin:0}.premium-topbar .topbar-contacts>a{font-size:12px}.premium-topbar .topbar-contacts .topbar-social{display:grid}.page-home .studio-teaser,.page-home .transformation-section,.page-home .planner-section{padding-block:60px}.page-home .comparison{border-width:3px}.home-gallery{padding:70px 0!important}.home-gallery .section-heading{align-items:end}.home-gallery .section-heading h2{font-size:38px}.home-gallery .gallery-description{font-size:14px}.home-gallery-card{flex-basis:75vw;height:365px}.gallery-controls button{width:41px;height:41px;font-size:25px}.home-gallery-card span strong{font-size:24px}.footer{padding-top:70px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.footer-trust span{font-size:9px;letter-spacing:.8px}.footer-trust b{display:none}.footer-action-band{flex-direction:column;align-items:start;padding:25px}.footer-action-band .button{max-width:100%;white-space:normal}.footer .footer-top{padding-bottom:38px}}
@media(max-width:430px){.home-gallery-card{flex-basis:84vw;height:345px}.footer-grid{grid-template-columns:1fr}.premium-topbar .topbar-contacts>a{font-size:11px}.premium-topbar .topbar-contacts .topbar-social{width:21px;height:21px}.gallery-footer-line{align-items:start;flex-direction:column}.page-home .planner-controls{padding:22px 17px}.page-home .planner-layout{gap:20px}}
@media(prefers-reduced-motion:reduce){.vision-hero h1::before{animation:none!important}.home-gallery-track{scroll-behavior:auto}}