.hn-morph{background:var(--hn-ivory);overflow:hidden;position:relative}.hn-morph__grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(24px,5vw,80px);min-height:min(84vh,820px);padding-block:clamp(40px,6vw,88px)}.hn-morph__copy{position:relative;z-index:3;min-width:0}.hn-morph__title{font-size:clamp(2.8rem,6.2vw,5.4rem);line-height:1;margin:0}html[dir=rtl] .hn-morph__title{font-size:clamp(2.6rem,5.6vw,4.8rem);line-height:1.3}.hn-morph__prefix{display:block}.hn-morph__words{display:grid}.hn-morph__word{grid-area:1 / 1;display:block;font-style:italic;color:var(--hn-taupe);opacity:0;filter:blur(10px);transform:translateY(14px);transition:opacity .55s var(--hn-ease),filter .55s var(--hn-ease),transform .75s var(--hn-ease)}html[dir=rtl] .hn-morph__word{font-style:normal}.hn-morph__word.is-active{opacity:1;filter:none;transform:none;transition-delay:.1s}.hn-morph__metas{display:grid;grid-template-columns:minmax(0,1fr);margin-top:26px}.hn-morph__meta{grid-area:1 / 1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--hn-brown);text-decoration:none;font-size:.9rem;min-width:0;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .6s var(--hn-ease),transform .6s var(--hn-ease)}.hn-morph__meta.is-active{opacity:1;transform:none;pointer-events:auto;transition-delay:.25s}.hn-morph__meta b{font-weight:500;color:var(--hn-teal)}.hn-morph__meta:hover .hn-morph__pname{text-decoration:underline;text-underline-offset:3px}.hn-morph__pill{border:1px solid var(--hn-line);border-radius:999px;padding:5px 14px;font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--hn-teal);background:#fff6}.hn-morph__actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}.hn-morph__stage{position:relative;display:grid;place-items:center;aspect-ratio:1;width:min(100%,600px);justify-self:center}.hn-morph__blob{position:absolute;left:11%;top:24%;width:78%;aspect-ratio:1;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.6),transparent 55%),linear-gradient(140deg,var(--m1),var(--m2));border-radius:42% 58% 63% 37%/45% 41% 59% 55%;animation:hn-blob 14s ease-in-out infinite;transition:background 1.2s var(--hn-ease)}@property --m1{syntax: "<color>"; inherits: true; initial-value: #e9e5da;}@property --m2{syntax: "<color>"; inherits: true; initial-value: #a99a7f;}.hn-morph{transition:--m1 .9s var(--hn-ease),--m2 .9s var(--hn-ease)}@keyframes hn-blob{0%,to{border-radius:42% 58% 63% 37%/45% 41% 59% 55%;transform:rotate(0) scale(1)}33%{border-radius:58% 42% 38% 62%/57% 61% 39% 43%;transform:rotate(14deg) scale(1.04)}66%{border-radius:36% 64% 52% 48%/38% 52% 48% 62%;transform:rotate(-10deg) scale(.97)}}.hn-morph__items{position:relative;width:100%;aspect-ratio:1;z-index:2;isolation:isolate;background:var(--hn-ivory)}.hn-morph__item{position:absolute;left:6%;top:3%;width:88%;aspect-ratio:1;display:block;animation:hn-float 6s ease-in-out infinite;opacity:0;transform:translateY(18px) scale(.94);transition:opacity .55s var(--hn-ease),transform .8s var(--hn-ease);pointer-events:none}.hn-morph__item.is-active{opacity:1;transform:none;pointer-events:auto;transition-delay:.12s}.hn-morph__item img{width:100%;height:100%;object-fit:contain;display:block}.hn-morph__item--blend{mix-blend-mode:multiply}.hn-morph__pname{min-width:0;flex:1 1 14em}.hn-morph__item--cut img,.hn-morph__item:not(.hn-morph__item--blend) img{filter:drop-shadow(0 26px 22px rgba(43,70,68,.3)) drop-shadow(0 2px 3px rgba(43,70,68,.18))}@keyframes hn-float{50%{translate:0 -12px}}.hn-morph__ko{position:absolute;inset-inline-end:0;top:4%;writing-mode:vertical-rl;font-family:var(--hn-ko);font-size:clamp(1.6rem,3vw,2.6rem);color:var(--hn-taupe);opacity:.4;letter-spacing:.3em;pointer-events:none}.hn-morph__bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:3}.hn-morph__bubbles span{position:absolute;bottom:-30px;white-space:nowrap;border-radius:999px;padding:6px 13px;background:#f2f0e9c7;border:1px solid var(--hn-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font:500 .66rem/1 var(--hn-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--hn-teal);animation:hn-rise var(--t, 12s) linear infinite;animation-delay:var(--dl, 0s);opacity:0}html[dir=rtl] .hn-morph__bubbles span{font-family:Jost,sans-serif}@keyframes hn-rise{0%{transform:translateY(0);opacity:0}10%,82%{opacity:1}to{transform:translateY(-560px);opacity:0}}@media(max-width:899px){.hn-morph__grid{grid-template-columns:1fr;min-height:0;padding-block:12px 48px;gap:8px}.hn-morph__stage{order:-1;width:min(100%,420px)}.hn-morph__title{font-size:clamp(2.4rem,10vw,3.2rem)}html[dir=rtl] .hn-morph__title{font-size:clamp(2.3rem,9.5vw,3rem)}.hn-morph__prefix,.hn-morph__words{display:inline-grid}.hn-morph__prefix{display:inline;margin-inline-end:.25em}.hn-morph__words{vertical-align:bottom}.hn-morph__metas{margin-top:16px}.hn-morph__actions{margin-top:22px}.hn-morph__ko{display:none}.hn-morph__bubbles span{font-size:.6rem;padding:5px 10px}}@media(prefers-reduced-motion:reduce){.hn-morph__blob,.hn-morph__item,.hn-morph__bubbles span{animation:none}.hn-morph__bubbles{display:none}.hn-morph__word,.hn-morph__item,.hn-morph__meta{filter:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hanora-morph.css.map */