.hmf-hero-block{min-height:690px;overflow:hidden;padding-block:clamp(2rem,2rem + 3vw,3rem);position:relative}.home .hmf-hero-block{padding-block-end:clamp(4rem,3rem + 3vw,4.5rem);padding-block-start:1.25rem}.hmf-hero-shape{display:none;pointer-events:none;position:absolute;z-index:0}@media (min-width:64rem){.hmf-hero-shape{display:block}}.hmf-hero-shape--right{background:color-mix(in srgb,var(--harena-color-secondary) 17%,transparent);border-radius:46% 54% 58% 42%/44% 44% 56% 56%;height:470px;right:-140px;top:50px;width:470px}.hmf-hero-shape--left{background:color-mix(in srgb,var(--harena-color-accent-500) 11%,transparent);border-radius:65% 35% 41% 59%/57% 33% 67% 43%;bottom:60px;height:260px;left:-170px;width:360px}.hmf-container{margin-inline:auto;max-width:var(--harena-max-width-container,80rem);padding-inline:var(--harena-spacing-container,clamp(1rem,.5rem + 2vw,2rem));position:relative;width:100%;z-index:1}.hmf-hero-grid{align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}.hmf-hero-content{display:flex;flex-direction:column;gap:1.75rem;max-width:640px;position:relative;z-index:2}.hmf-badge{align-items:center;background-color:var(--harena-color-beige-50);border-radius:var(--harena-radius-full);color:var(--harena-color-primary-900);display:inline-flex;font-family:var(--harena-font-body);font-size:var(--harena-text-fluid-xs);font-weight:var(--harena-font-weight-eyebrow);gap:.625rem;letter-spacing:.06em;padding:.5rem .875rem;text-align:center;text-transform:uppercase;text-wrap-style:balance;width:-moz-fit-content;width:fit-content}.hmf-badge-dot{display:none}.hmf-hero-title{color:var(--harena-color-primary);font-family:var(--harena-font-display);font-size:var(--harena-text-fluid-5xl);font-weight:var(--harena-font-weight-heading);letter-spacing:-.045em;line-height:var(--harena-leading-tight);margin:0;max-width:48rem}.home .hmf-hero-title{font-size:var(--harena-text-fluid-6xl)}.hmf-hero-title__accent{color:var(--harena-color-accent-text);font-style:normal}.hmf-hero-description{color:var(--harena-color-text-light);font-family:var(--harena-font-body);font-size:var(--harena-text-fluid-15lg);line-height:var(--harena-leading-relaxed);margin:0;max-width:560px}.hmf-hero-ctas{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.hmf-btn{align-items:center;border-radius:var(--harena-radius-full);cursor:pointer;display:inline-flex;font-family:var(--harena-font-body);font-size:var(--harena-text-fluid-base);font-weight:var(--harena-font-weight-ui);justify-content:center;min-height:54px;min-width:220px;padding-inline:1.5rem;text-decoration:none;transition:all var(--harena-transition-slow)}.hmf-btn--primary{background-color:var(--harena-color-accent);border:none;box-shadow:0 14px 34px color-mix(in srgb,var(--harena-color-accent) 28%,transparent);color:var(--harena-color-surface-light)}.hmf-btn--primary:focus-visible,.hmf-btn--primary:hover{box-shadow:0 18px 42px color-mix(in srgb,var(--harena-color-accent) 25%,transparent);transform:scale(1.02)}.hmf-btn--ghost{background-color:transparent;border:1px solid var(--harena-color-accent-700);color:var(--harena-color-accent-700)}.hmf-btn--ghost:focus-visible,.hmf-btn--ghost:hover{background-color:var(--harena-color-accent-700);color:var(--harena-color-white);transform:scale(1.02)}.hmf-pills-list{display:flex;flex-wrap:wrap;gap:.625rem;list-style:none;margin:0;padding:0}.hmf-pill{align-items:center;background-color:var(--harena-color-beige-50);border:var(--harena-border-light);border-radius:var(--harena-radius-full);color:var(--harena-color-text);display:inline-flex;font-family:var(--harena-font-body);font-size:var(--harena-text-fluid-2xs);font-weight:var(--harena-font-weight-ui);gap:.5rem;padding:.625rem .875rem}.hmf-pill-dot{display:none}.hmf-pill__bold{color:var(--harena-color-primary-900)}.hmf-pill__regular{color:var(--harena-color-text-light)}.hmf-hero-visual{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.hmf-hero-photo-wrap{max-width:540px;position:relative;width:100%}.hmf-hero-photo-frame{box-shadow:0 34px 80px rgba(26,26,20,.22);height:560px;overflow:hidden;position:relative;width:100%}.hmf-hero-photo-border{background:var(--harena-color-white);padding:10px}.hmf-hero-photo-border--shape-default,.hmf-hero-photo-frame--shape-default{clip-path:url(#harena-blob-shape-default)}.hmf-hero-photo-border--shape-1,.hmf-hero-photo-frame--shape-1{clip-path:url(#harena-blob-shape-1)}.hmf-hero-photo-border--shape-2,.hmf-hero-photo-frame--shape-2{clip-path:url(#harena-blob-shape-2)}.hmf-hero-photo-border--shape-3,.hmf-hero-photo-frame--shape-3{clip-path:url(#harena-blob-shape-3)}.hmf-hero-photo{inset:0;-o-object-position:center;object-position:center;position:absolute;width:100%}.hmf-hero-photo,.hmf-hero-photo img{height:100%;-o-object-fit:cover;object-fit:cover}.hmf-hero-photo img{width:auto}.hmf-hero-photo-overlay{background:linear-gradient(180deg,rgba(26,26,20,.04),rgba(26,26,20,.22)),linear-gradient(140deg,transparent 45%,color-mix(in srgb,var(--harena-color-accent-500) 16%,transparent));inset:0;position:absolute;z-index:1}.hmf-hero-photo-placeholder{align-items:center;background-color:var(--harena-color-beige-150);display:flex;inset:0;justify-content:center;position:absolute}.hmf-hero-photo-placeholder__label{color:var(--harena-color-stone-500);font-family:var(--harena-font-body);font-size:var(--harena-text-fluid-sm);font-weight:var(--harena-font-weight-ui);padding:1rem;text-align:center}.hmf-floating-card{animation:hmf-float 3s ease-in-out infinite;background-color:var(--harena-color-primary-900);border-radius:var(--harena-radius-xl);bottom:54px;box-shadow:0 24px 58px color-mix(in srgb,var(--harena-color-primary-900) 28%,transparent);color:var(--harena-color-beige,#f7f1e9);left:0;padding:1.375rem;position:absolute;width:320px;z-index:1}@keyframes hmf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hmf-floating-card__label{color:var(--harena-accent-sombre,var(--harena-color-accent-500));display:block;font-family:var(--harena-font-body);font-size:var(--harena-text-fluid-2xs);font-weight:var(--harena-font-weight-eyebrow);letter-spacing:.08em;margin-block-end:.5rem;text-transform:uppercase}.hmf-floating-card__title{color:var(--harena-color-beige-100);display:block;font-family:var(--harena-font-display);font-size:var(--harena-text-fluid-xl);font-weight:var(--harena-font-weight-heading);line-height:1.05;margin-block-end:.5rem}.hmf-floating-card em,.hmf-floating-card i{font-style:normal}.hmf-floating-card__text{color:var(--harena-color-beige-300);font-family:var(--harena-font-body);font-size:var(--harena-text-fluid-sm);line-height:1.55;margin:0}.hmf-mini-badge{animation:hmf-float-badge 3.4s ease-in-out .4s infinite;background-color:var(--harena-color-beige-100,#f7f1e9);border:1px solid rgba(26,26,20,.08);border-radius:var(--harena-radius-full);box-shadow:0 18px 45px color-mix(in srgb,var(--harena-color-primary-900) 14%,transparent);color:var(--harena-color-primary-900);font-family:var(--harena-font-body);font-size:var(--harena-text-fluid-2xs);font-weight:var(--harena-font-weight-eyebrow);opacity:.9;padding:.75rem 1.125rem;position:absolute;right:14px;top:72px;white-space:nowrap;z-index:1}@keyframes hmf-float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hmf-hero-block--editor .hmf-floating-card,.hmf-hero-block--editor .hmf-mini-badge{animation:none}@media (min-width:64rem){.hmf-hero-grid{gap:3.6rem;grid-template-columns:1.02fr .98fr}}@media (max-width:63.9375rem){.hmf-hero-content{align-items:center;margin-inline:auto;text-align:center}.hmf-container{padding-inline:1.5rem}.hmf-badge{margin-inline:auto}.hmf-hero-title{max-width:100%}.hmf-hero-description{font-size:var(--harena-text-fluid-lg);max-width:100%}.hmf-hero-photo-frame{max-height:115vw}.hmf-hero-ctas{gap:1.5rem}.hmf-hero-ctas,.hmf-pills-list{justify-content:center}}@media (max-width:47.938rem){.hmf-hero-title{font-size:var(--harena-text-fluid-4xl)}.home .hmf-hero-title{font-size:var(--harena-text-fluid-5xl)}.hmf-hero-block{padding-block-end:2.5rem}.hmf-floating-card{bottom:-40px;left:-8px;width:285px}.hmf-mini-badge{padding:.5rem .75rem;right:6px;top:50px}.hmf-hero-ctas{align-items:flex-start;flex-direction:column;width:100%}.hmf-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.hmf-floating-card,.hmf-mini-badge{animation:none}}@media (max-width:30rem){.hmf-floating-card{animation:none;left:0;margin:-100px auto auto;position:relative;width:100%}.hmf-mini-badge{animation:none;right:50%;top:0;transform:translateX(50%)}}