/* Collection palm composition v3. All motion uses nested wrappers; no aura/filter on items. */
.hbp3{display:block;position:relative;isolation:isolate;overflow:hidden;background:#030304;color:#f1eee3;margin-bottom:-64px}
.hbp3__stage{position:relative;overflow:hidden;height:min(560px,56svh);min-height:380px}
.hbp3__scene{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0}
.hbp3__world-drift{position:absolute;inset:-5px;animation:hbp3-world 14s ease-in-out infinite alternate}
.hbp3__world{display:block;width:100%;height:100%;object-fit:cover;object-position:left center;filter:grayscale(.95) brightness(.52);mask-image:linear-gradient(90deg,#000 0,#000 30%,transparent 76%)}
.hbp3__stripe{position:absolute;left:-1672px;top:-941px;width:5016px;height:2823px;max-width:none;pointer-events:none}
.hbp3__lead{position:absolute;left:712px;top:145px;width:778.24px;height:1167.36px}
.hbp3__enter,.hbp3__drift{position:relative;width:100%;height:100%}
.hbp3__hero{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none}
.hbp3__drift{animation:hbp3-drift 8s ease-in-out infinite alternate}
.hbp3__item{position:absolute;left:var(--p-left,3%);top:var(--p-top,9%);width:var(--p-width,27.34375%);height:var(--p-height,18.22917%);pointer-events:none}
.hbp3__float{width:100%;height:100%;animation:hbp3-float 3.6s ease-in-out infinite alternate}
.hbp3__float img{display:block;width:100%;height:100%;object-fit:contain;filter:none;box-shadow:none}
.hbp3__fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#030304,transparent 4%,transparent 96%,#030304),linear-gradient(0deg,#030304 64px,transparent 24%),linear-gradient(90deg,#030304b8,transparent 52%)}
.hbp3__copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:calc(1440px + 2 * var(--hb-gutter,24px));margin-inline:auto;padding:0 calc(2 * var(--hb-gutter,24px));pointer-events:none}
.hbp3__copy h1{font-family:var(--hb-font-title,Impact,'Arial Narrow',sans-serif);font-size:clamp(30px,3.1vw,44px);line-height:1;text-transform:uppercase;margin:0 0 16px;max-width:45%;letter-spacing:.01em;color:inherit}
.hbp3__copy p{max-width:min(380px,40%);margin:0;color:#c9c4b8;font-family:var(--hb-font-body,inherit);font-size:clamp(16px,1.32vw,19px);line-height:1.3}
.hbp3[data-ready]:not([data-entered]):not([data-still]) .hbp3__enter{opacity:0;transform:translateY(32px)}
.hbp3[data-entered] .hbp3__enter{animation:hbp3-enter .85s cubic-bezier(.22,.75,.2,1) both}
.hbp3[data-offscreen] .hbp3__world-drift,.hbp3[data-offscreen] .hbp3__drift,.hbp3[data-offscreen] .hbp3__float{animation-play-state:paused}
.hbp3[data-still] .hbp3__enter,.hbp3[data-still] .hbp3__world-drift,.hbp3[data-still] .hbp3__drift,.hbp3[data-still] .hbp3__float{animation:none;opacity:1;transform:none}
@keyframes hbp3-enter{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes hbp3-drift{from{transform:translate(0,0)}to{transform:translate(4px,-5px)}}
@keyframes hbp3-float{from{transform:translateY(0)}to{transform:translateY(-12px)}}
@keyframes hbp3-world{from{transform:translateX(-3px)}to{transform:translateX(3px)}}
@media(min-width:769px) and (max-width:1200px){.hbp3__lead{left:calc(712px + clamp(0px,(1200px - 100vw)*.72,240px))}.hbp3__copy h1{max-width:42%}}
@media(max-width:768px){.hbp3{margin-bottom:0}.hbp3__stage{height:min(380px,100vw);min-height:0}.hbp3__scene{width:100%!important;height:100%;transform:none!important}.hbp3__world-drift{width:135%;left:-10%}.hbp3__stripe{width:540%;height:300%;left:-223%;top:-100%;object-fit:fill}.hbp3__lead{left:54%;top:12px;width:min(85vw,323px);height:auto;aspect-ratio:2/3;transform:translateX(-50%)!important}.hbp3__copy{position:relative;display:block;padding:22px var(--hb-gutter,24px) 30px}.hbp3__copy h1{max-width:none;margin-bottom:16px}.hbp3__copy p{font-size:16px;max-width:none}}
@media(max-width:768px){.hbp3__fade{background:linear-gradient(90deg,#030304,transparent 4%,transparent 96%,#030304),linear-gradient(0deg,#030304,transparent 18%)}}
@media(max-width:379px){.hbp3__copy{text-align:center}}
@media(prefers-reduced-motion:reduce){.hbp3 .hbp3__enter,.hbp3 .hbp3__world-drift,.hbp3 .hbp3__drift,.hbp3 .hbp3__float{animation:none!important;transform:none!important;opacity:1!important}}