.home-hero{background:var(--color-white);grid-template-rows:2fr 3fr;width:100%;height:100svh;display:grid;position:relative;overflow:hidden}.hero-top{justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.hero-top__bg{will-change:transform;background-color:#f6f4f1;background-image:url("images/front elevation and parking picks/name.jpg1");background-position:50% 40%;background-size:cover;transition:transform 8s ease-out;position:absolute;inset:0;transform:scale(1.04)}.home-hero:hover .hero-top__bg{transform:scale(1.08)}.hero-top__overlay{z-index:1;background:linear-gradient(#00000047 0%,#0000002e 50%,#0000006b 85%,#0000009e 100%);position:absolute;inset:0}.hero-top__content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-top__title{z-index:2;font-family:var(--font-serif);color:#f5d98a;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.02em;text-shadow:1px 1px #c9a040,2px 2px #b8902e,3px 3px #a07820,4px 4px #8a6414,5px 5px #74520a,6px 6px #5e4204,7px 7px #4a3200,8px 8px 14px #5032008c,0 0 50px #c8961433;margin:10px;padding-top:3%;font-size:clamp(4rem,11vw,10rem);font-weight:800;line-height:1;position:relative}.hero-top__subtitle{font-family:var(--font-sans);letter-spacing:.18em;color:#000;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #0906068e;margin:clamp(.4rem,1vw,.8rem) 0 0;font-size:clamp(.9rem,2vw,1.5rem);font-weight:600;line-height:1.2}.hero-top__fade{background:linear-gradient(to bottom, transparent 0%, #ffffff14 40%, #ffffffb8 72%, var(--color-white) 100%);z-index:3;pointer-events:none;height:55%;position:absolute;bottom:0;left:0;right:0}.hero-stage{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:0;padding-top:clamp(.5rem,2vw,1.5rem);display:flex;position:relative;overflow:hidden}.hero-carousel{perspective:1200px;width:clamp(280px,55vw,680px);height:clamp(180px,35vw,420px);transform-style:preserve-3d;position:relative}.hero-card{cursor:pointer;transform-origin:50%;border-radius:20px;width:clamp(260px,48vw,600px);height:clamp(170px,32vw,390px);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .5s,opacity .5s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014}.hero-card.active{z-index:10;box-shadow:0 20px 60px #00000038,0 4px 16px #0000001f}.hero-card.prev,.hero-card.next{z-index:5;filter:brightness(.7)}.hero-card.far-prev,.hero-card.far-next{z-index:2;filter:brightness(.45);opacity:.6}.hero-card.hidden{opacity:0;pointer-events:none;z-index:0}.hero-card__img-wrap{width:100%;height:100%;position:relative}.hero-card__img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1)}.hero-card:hover .hero-card__img{transform:scale(1.04)}.img-fallback{background:linear-gradient(135deg,#e8d5b0 0%,#c9a96e 40%,#8b6914 100%)}.hero-card__label{color:#ffffffd9;text-shadow:0 20px 20px #00000059;pointer-events:none;white-space:nowrap;letter-spacing:.02em;background-color:#2f083acc;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.1rem,4vw,2.5rem);font-weight:700;transition:opacity .7s;position:absolute;top:17%;left:80%;transform:translate(-50%,-50%)}.hero-card:not(.active) .hero-card__label{opacity:.6}.hero-carousel-reflection{pointer-events:none;width:clamp(260px,48vw,600px);height:clamp(60px,10vw,120px);margin-top:2px;position:relative;overflow:hidden}.hero-carousel-reflection:before{content:"";background:linear-gradient(to bottom, #ffffff38 0%, #ffffffd9 70%, var(--color-white) 100%);z-index:1;position:absolute;inset:0}.float-nav{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(160%);background:#1e1c1c9e;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem .6rem;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:clamp(1.2rem,3vw,2rem);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001f,inset 0 1px #ffffff14}.float-nav__thumb{background:#ffffff1f;border:1.5px solid #ffffff2e;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.float-nav__thumb-img{background-position:50%;background-size:cover;width:100%;height:100%;transition:background-image .4s}.float-nav__label{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--color-white);text-align:center;min-width:90px;font-size:.78rem;font-weight:600;transition:opacity .3s}.float-nav__btn{width:32px;height:32px;transition:background var(--transition), transform var(--transition);background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.float-nav__btn:hover{background:#fff3;transform:scale(1.1)}.float-nav__btn svg{fill:none;width:14px;height:14px}@media (width<=768px){.hero-top__title{font-size:clamp(3rem,14vw,6rem)}.hero-carousel{width:88vw;height:56vw}.hero-card{width:84vw;height:52vw}.float-nav__label{min-width:70px;font-size:.7rem}.float-nav{display:none}}@media (width<=400px){.hero-top__title{font-size:clamp(2.4rem,16vw,3.5rem)}}