.han-hover-panel{--han-accent:#1f7a43;--han-radius:28px;--han-transition:.55s;--han-decor-duration:8s;max-width:1180px;margin:70px auto;padding:0 20px;font-family:inherit}.han-hover-header{max-width:780px;margin:0 0 28px}.han-hover-header h1,.han-hover-header h2,.han-hover-header h3,.han-hover-header h4,.han-hover-header h5,.han-hover-header h6,.han-hover-header div{margin:0 0 10px;font-size:clamp(28px,4vw,54px);line-height:1.05;font-weight:800;letter-spacing:-.04em;color:#111}.han-hover-header p{margin:0;color:#666;font-size:clamp(15px,1.4vw,18px);line-height:1.65}.han-hover-inner{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:clamp(22px,4vw,64px);align-items:center}.han-layout-right .han-hover-list{order:2}.han-layout-right .han-hover-visual{order:1}.han-hover-list{display:flex;flex-direction:column;gap:14px}.han-hover-card{width:100%;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:flex-start;text-align:left;border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:22px;padding:20px 22px;cursor:pointer;box-shadow:0 10px 35px rgba(0,0,0,.04);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.han-hover-card:hover,.han-hover-card:focus-visible,.han-hover-card.is-active{transform:translateY(-3px);border-color:color-mix(in srgb,var(--han-accent) 45%,transparent);box-shadow:0 20px 50px rgba(0,0,0,.09);background:linear-gradient(135deg,color-mix(in srgb,var(--han-accent) 7%,#fff),#fff)}.han-hover-icon{width:58px;height:58px;border-radius:18px;background:color-mix(in srgb,var(--han-accent) 12%,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .25s ease}.han-hover-card.is-active .han-hover-icon,.han-hover-card:hover .han-hover-icon{background:var(--han-accent)}.han-hover-icon img,.han-hover-icon svg{width:30px;height:30px;object-fit:contain;transition:filter .25s ease,transform .25s ease}.han-hover-icon svg{fill:var(--han-accent);color:var(--han-accent)}.han-hover-card.is-active .han-hover-icon img,.han-hover-card:hover .han-hover-icon img{filter:brightness(0) invert(1);transform:scale(1.05)}.han-hover-card.is-active .han-hover-icon svg,.han-hover-card:hover .han-hover-icon svg{fill:#fff;color:#fff;transform:scale(1.05)}.han-hover-dot{width:14px;height:14px;border-radius:99px;background:var(--han-accent);display:block}.han-hover-card.is-active .han-hover-dot,.han-hover-card:hover .han-hover-dot{background:#fff}.han-hover-copy strong{display:block;color:#121212;font-size:clamp(18px,2vw,24px);line-height:1.2;margin:2px 0 8px}.han-hover-copy small{display:block;color:#666;font-size:15px;line-height:1.6}.han-hover-visual{position:relative;min-height:520px;border-radius:var(--han-radius);overflow:hidden;background:#f3f3f3;box-shadow:0 30px 80px rgba(0,0,0,.13);isolation:isolate}.han-hover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:2;transform:scale(1.035);transition:opacity var(--han-transition) ease,transform calc(var(--han-transition) + .2s) ease,filter var(--han-transition) ease}.han-hover-image.is-active{opacity:1;transform:scale(1)}.han-hover-decor{position:absolute;display:block;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;will-change:transform,opacity}.han-hover-bg{inset:-8%;background-size:cover;opacity:.9;z-index:0}.han-hover-cloud{filter:blur(.1px)}.han-hover-cloud.han-layer-back{z-index:1}.han-hover-cloud.han-layer-front{z-index:4}.han-hover-cloud-top{left:var(--han-cloud-top-x,-8%);top:var(--han-cloud-top-y,-12%);width:var(--han-cloud-top-width,116%);height:42%;opacity:var(--han-cloud-top-opacity,.92);background-position:top center}.han-hover-cloud-bottom{left:var(--han-cloud-bottom-x,-10%);bottom:var(--han-cloud-bottom-y,-15%);width:var(--han-cloud-bottom-width,120%);height:46%;opacity:var(--han-cloud-bottom-opacity,.92);background-position:bottom center}.han-visual-free .han-hover-visual{background:transparent;box-shadow:none;border-radius:0;overflow:visible;min-height:520px}.han-visual-free .han-hover-image{object-fit:contain}.han-visual-box .han-hover-visual{background:#f3f3f3;box-shadow:0 30px 80px rgba(0,0,0,.13);border-radius:var(--han-radius);overflow:hidden}.han-visual-box .han-hover-image{object-fit:cover}.han-anim-speed-fast{--han-transition:.32s;--han-decor-duration:5s}.han-anim-speed-slow{--han-transition:.85s;--han-decor-duration:12s}.han-img-anim-fade .han-hover-image{transform:none}.han-img-anim-fade .han-hover-image.is-active{transform:none}.han-img-anim-fade_zoom .han-hover-image{transform:scale(1.045)}.han-img-anim-fade_zoom .han-hover-image.is-active{transform:scale(1)}.han-img-anim-slide .han-hover-image{transform:translateX(34px) scale(.985)}.han-img-anim-slide .han-hover-image.is-active{transform:translateX(0) scale(1)}.han-img-anim-rise .han-hover-image{transform:translateY(32px) scale(.985)}.han-img-anim-rise .han-hover-image.is-active{transform:translateY(0) scale(1)}.han-img-anim-flip .han-hover-visual{perspective:1200px}.han-img-anim-flip .han-hover-image{backface-visibility:hidden;transform:rotateY(8deg) scale(.98);filter:blur(2px)}.han-img-anim-flip .han-hover-image.is-active{transform:rotateY(0) scale(1);filter:blur(0)}.han-card-anim-none .han-hover-card:hover,.han-card-anim-none .han-hover-card:focus-visible,.han-card-anim-none .han-hover-card.is-active{transform:none}.han-card-anim-lift .han-hover-card:hover,.han-card-anim-lift .han-hover-card:focus-visible,.han-card-anim-lift .han-hover-card.is-active{transform:translateY(-3px)}.han-card-anim-tilt .han-hover-card:hover,.han-card-anim-tilt .han-hover-card:focus-visible,.han-card-anim-tilt .han-hover-card.is-active{transform:translateY(-3px) rotate(-.45deg)}.han-card-anim-pulse .han-hover-card:hover,.han-card-anim-pulse .han-hover-card:focus-visible,.han-card-anim-pulse .han-hover-card.is-active{transform:translateY(-2px) scale(1.012)}.han-decor-anim-float .han-hover-cloud-top{animation:hanCloudFloatTop var(--han-decor-duration) ease-in-out infinite alternate}.han-decor-anim-float .han-hover-cloud-bottom{animation:hanCloudFloatBottom calc(var(--han-decor-duration) + 2s) ease-in-out infinite alternate}.han-decor-anim-drift .han-hover-cloud-top{animation:hanCloudDriftTop var(--han-decor-duration) ease-in-out infinite alternate}.han-decor-anim-drift .han-hover-cloud-bottom{animation:hanCloudDriftBottom calc(var(--han-decor-duration) + 1s) ease-in-out infinite alternate}.han-decor-anim-breathe .han-hover-cloud{animation:hanDecorBreathe var(--han-decor-duration) ease-in-out infinite alternate}.han-decor-anim-none .han-hover-decor{animation:none!important}@keyframes hanCloudFloatTop{from{transform:translate3d(0,0,0)}to{transform:translate3d(10px,12px,0)}}@keyframes hanCloudFloatBottom{from{transform:translate3d(0,0,0)}to{transform:translate3d(-12px,-10px,0)}}@keyframes hanCloudDriftTop{from{transform:translate3d(-16px,0,0)}to{transform:translate3d(18px,0,0)}}@keyframes hanCloudDriftBottom{from{transform:translate3d(18px,0,0)}to{transform:translate3d(-16px,0,0)}}@keyframes hanDecorBreathe{from{transform:scale(1)}to{transform:scale(1.045)}}@media(max-width:900px){.han-hover-inner{grid-template-columns:1fr}.han-layout-right .han-hover-list,.han-layout-right .han-hover-visual{order:initial}.han-hover-visual{min-height:360px;order:-1}.han-visual-free .han-hover-visual{min-height:360px}.han-hover-card{grid-template-columns:48px 1fr;padding:16px;border-radius:18px}.han-hover-icon{width:48px;height:48px;border-radius:15px}.han-hover-icon img,.han-hover-icon svg{width:26px;height:26px}.han-hover-cloud-top{height:36%}.han-hover-cloud-bottom{height:38%}}@media(max-width:560px){.han-hover-panel{margin:32px auto}.han-hover-visual,.han-visual-free .han-hover-visual{min-height:280px}.han-hover-copy small{font-size:14px}.han-hover-header h1,.han-hover-header h2,.han-hover-header h3,.han-hover-header h4,.han-hover-header h5,.han-hover-header h6,.han-hover-header div{font-size:32px}}@media(prefers-reduced-motion:reduce){.han-hover-panel *{animation:none!important;transition:none!important}}