/* Homepage-only layout and movement; shared styles remain unchanged. */
.hp-home-hero-carousel{position:relative}
.hp-home-hero-viewport{position:relative;overflow:hidden;transition:height .55s cubic-bezier(.22,.61,.36,1)}
.hp-home-hero-slide[hidden],.hp-home-hero-controls[hidden],.hp-home-hero-toggle svg[hidden]{display:none!important}
.hp-home-hero-carousel.is-ready .hp-home-hero-slide{position:absolute;top:0;left:0;width:100%;visibility:hidden;opacity:0;transform:translateX(100%);transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .65s,visibility .65s;pointer-events:none}
.hp-home-hero-carousel.is-ready .hp-home-hero-slide:first-child{transform:translateX(-100%)}
.hp-home-hero-carousel.is-ready .hp-home-hero-slide.is-active{visibility:visible;opacity:1;transform:none;pointer-events:auto;z-index:1}
.hp-home-hero-carousel .home-first.home-first-restored{background-image:none!important;overflow:hidden;isolation:isolate}
.hp-hero-backdrops{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:#fffaf0}
.hp-hero-pan{position:absolute;inset:0 -4%;background-size:cover;background-repeat:no-repeat;background-position:center 53%;animation:hp-hero-drift 30s ease-in-out infinite alternate;will-change:transform}
.hp-home-backdrops .hp-hero-pan,.hp-pro-backdrop-original .hp-hero-pan{background-image:url('https://cdn.shopify.com/s/files/1/0686/5764/3564/files/homeplanzabackdrop.png?v=1791245904')}
.hp-home-backdrops:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,247,.72) 0%,rgba(255,253,247,.48) 37%,rgba(255,253,247,.12) 62%,rgba(255,253,247,.02) 100%)}
.hp-pro-backdrop-original{position:absolute;inset:0 66.6667% 0 0;overflow:hidden}
.hp-pro-backdrop-original .hp-hero-pan{background-position:24% center}
.hp-pro-backdrop-photo{position:absolute;inset:0 0 0 33.3333%;overflow:hidden}
.hp-pro-backdrop-photo .hp-hero-pan{background-image:url('/assets/home-hero-plan-handoff.png');background-position:center center}
.hp-pro-backdrops:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,247,.76) 0%,rgba(255,253,247,.78) 27%,rgba(255,253,247,.97) 33%,rgba(255,253,247,.91) 39%,rgba(255,253,247,.65) 46%,rgba(255,253,247,.15) 54%,rgba(255,253,247,.035) 61%,rgba(255,253,247,.025) 100%)}
.hp-home-hero-carousel.is-paused .hp-hero-pan,.hp-home-hero-carousel.is-motion-held .hp-hero-pan,.hp-home-hero-slide:not(.is-active) .hp-hero-pan{animation-play-state:paused}
@keyframes hp-hero-drift{from{transform:translateX(2%)}to{transform:translateX(-2%)}}
.hp-professional-hero .home-restored-hero{min-height:690px;padding-top:40px;padding-bottom:110px}
.hp-professional-hero-copy{width:44%;max-width:565px}
.hp-professional-hero-logo{display:block;width:290px;max-width:100%;height:auto;max-height:none;margin:0 0 24px;object-fit:contain;object-position:left}
.hp-professional-hero-copy h2{max-width:565px;margin:0;color:#10243f;font-family:var(--sans)!important;font-size:clamp(48px,4.25vw,62px)!important;font-weight:800!important;letter-spacing:-.055em!important;line-height:1.02!important;text-shadow:0 1px 12px #fffaf099}
.hp-professional-hero-copy>p{max-width:560px;margin-top:23px;font-size:16px;line-height:1.65}
.hp-professional-hero-copy .home-restored-actions{margin-top:26px;gap:10px}
.hp-professional-hero-copy .home-restored-primary,.hp-professional-hero-copy .home-restored-secondary{padding:14px 17px;font-size:12px}
.hp-professional-hero-copy .home-restored-proof{margin-top:24px;gap:8px 0;font-size:10px}
.hp-professional-hero-copy .home-restored-proof span{padding-right:13px}
.hp-home-hero-controls{position:absolute;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:5px;border:1px solid #ffffffbf;border-radius:999px;background:#fffdf3ed;backdrop-filter:blur(14px);box-shadow:0 5px 25px #10243f10;max-width:calc(100% - 28px)}
.hp-home-hero-audiences{display:flex;align-items:center;gap:3px}
.hp-home-hero-controls button{appearance:none;display:flex;align-items:center;justify-content:center;min-height:40px;padding:10px 18px;margin:0;border:0;border-radius:999px;box-shadow:none;background:transparent;color:#375456;font-family:var(--sans);font-size:12px;line-height:1.2;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.hp-home-hero-audiences button[aria-pressed=true]{background:#10243f;color:#fff}
.hp-home-hero-audiences button:hover:not([aria-pressed=true]){background:#e7eee8;color:#10243f}
.hp-home-hero-controls .hp-home-hero-toggle{flex-shrink:0;width:38px;padding:10px;border:0;border-radius:8px;background:transparent;color:#5d756d}
.hp-home-hero-toggle:hover{color:#10243f}
.hp-home-hero-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hp-home-hero-toggle [data-home-hero-play]{fill:currentColor;stroke:none}
.hp-home-hero-carousel :focus-visible{outline:3px solid #2c8069;outline-offset:4px}
.hp-home-hero-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){
 .hp-home-backdrops:after{background:linear-gradient(90deg,rgba(255,253,247,.73),rgba(255,253,247,.40) 58%,rgba(255,253,247,.10))}
 .hp-professional-hero-copy{width:49%;max-width:565px}
 .hp-professional-hero-copy h2{font-size:clamp(44px,4.65vw,54px)!important}
 .hp-professional-hero-logo{width:265px}
 .hp-professional-hero-copy>p{font-size:15px}
 .hp-professional-hero .home-restored-hero{min-height:640px}
 .hp-pro-backdrops:after{background:linear-gradient(90deg,rgba(255,253,247,.78) 0%,rgba(255,253,247,.88) 34%,rgba(255,253,247,.82) 43%,rgba(255,253,247,.35) 53%,rgba(255,253,247,.03) 63%)}
}
@media(max-width:900px){
 .hp-professional-hero{--hp-photo-height:clamp(280px,65vw,420px)}
 .hp-professional-hero .home-restored-hero{padding-top:38px;padding-bottom:calc(var(--hp-photo-height) + 120px);min-height:0}
 .hp-professional-hero-copy{width:100%;max-width:620px}
 .hp-professional-hero-copy h2{font-size:clamp(40px,6.8vw,56px)!important;max-width:590px}
 .hp-professional-hero-copy>p{font-size:16px;max-width:600px}
 .hp-pro-backdrop-original{inset:0 0 calc(var(--hp-photo-height) + 88px)}
 .hp-pro-backdrop-original .hp-hero-pan{background-position:85% center}
 .hp-pro-backdrop-photo{inset:auto 0 88px;height:var(--hp-photo-height);mask-image:linear-gradient(to bottom,transparent,#000 10%,#000);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000)}
 .hp-pro-backdrop-photo .hp-hero-pan{background-size:auto 142%;background-position:58% center}
 .hp-pro-backdrops:after{inset:0 0 calc(var(--hp-photo-height) + 88px);background:linear-gradient(180deg,rgba(255,253,247,.79),rgba(255,253,247,.72))}
 .hp-pro-backdrop-photo:after{content:"";position:absolute;inset:0;background:#fffdf707}
}
@media(max-width:600px){
 .hp-home-hero-carousel #find .home-restored-hero{padding-bottom:112px}
 .hp-home-backdrops:after{background:linear-gradient(180deg,rgba(255,253,247,.64) 0%,rgba(255,253,247,.42) 45%,rgba(255,253,247,.18) 100%)}
 .hp-home-backdrops .hp-hero-pan{background-position:85% center}
 .hp-professional-hero .home-restored-hero{padding-top:32px}
 .hp-professional-hero-logo{width:252px;margin-bottom:23px}
 .hp-professional-hero-copy h2{font-size:clamp(36px,9.6vw,52px)!important;line-height:1.04!important}
 .hp-professional-hero-copy>p{margin-top:20px;font-size:14px;line-height:1.65}
 .hp-professional-hero-copy .home-restored-actions{margin-top:24px;gap:10px}
 .hp-professional-hero-copy .home-restored-proof{margin-top:23px;gap:7px;font-size:10px}
 .hp-home-hero-controls{bottom:22px;gap:0;padding:4px}
 .hp-home-hero-controls button{min-height:44px;padding:10px 12px;font-size:11px}
 .hp-home-hero-controls .hp-home-hero-toggle{width:36px;min-height:44px;padding:10px}
}
@media(max-width:350px){.hp-home-hero-controls button{padding:10px 8px;font-size:10px}.hp-professional-hero-logo{width:224px}.hp-professional-hero-copy>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hp-hero-pan{animation:none;transform:none;will-change:auto}.hp-home-hero-viewport,.hp-home-hero-carousel.is-ready .hp-home-hero-slide,.hp-home-hero-controls button{transition:none}}