.hh-composition{background:transparent;color:#224963}.hh-composition-grid{display:grid;grid-template-columns:repeat(var(--hh-piece-count),minmax(0,1fr));grid-template-rows:auto minmax(var(--hh-layered-height,900px),auto) auto;gap:0;position:relative;isolation:isolate}.hh-composition[data-hh-mode="separate"] .hh-composition-grid{column-gap:16px}.hh-shared-stage{grid-column:1/-1;grid-row:2;position:relative;z-index:0;overflow:hidden}.hh-piece-stage{position:relative;z-index:1;min-width:0;overflow:hidden;isolation:isolate;container-type:inline-size}.hh-composition[data-hh-mode="separate"] .hh-piece-stage{border-radius:12px}.hh-piece-background,.hh-piece-color{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hh-piece-background{object-fit:cover}.hh-piece-second,.hh-piece-third{position:absolute;inset:0}.hh-piece-second{z-index:2}.hh-piece-third{z-index:3;pointer-events:none}.hh-piece-third a{pointer-events:auto}.hh-piece-stage .hh-layered-product{position:absolute;inset:8%;display:grid;place-items:center}.hh-piece-stage .hh-layered-product img,.hh-piece-third-photo{display:block;width:100%;height:100%!important;object-fit:contain}.hh-piece-third-photo{position:absolute;inset:8%;width:84%;height:84%!important}.hh-piece-copy{position:relative;z-index:4;width:100%;padding:24px;box-sizing:border-box;overflow-wrap:anywhere}.hh-piece-second>.hh-piece-copy,.hh-piece-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.hh-piece-copy[data-hh-side="left"]{width:60%;margin-right:auto}.hh-piece-copy[data-hh-side="right"]{width:60%;margin-left:auto}.hh-piece-stage .hh-layered-words h2{font-size:clamp(23px,7cqw,48px)}.hh-piece-stage .hh-layered-words p{font-size:clamp(13px,3.4cqw,17px)}.hh-piece-overlay--mist{top:auto;min-height:28%;background:linear-gradient(0deg,rgba(244,249,253,.97),rgba(244,249,253,.85) 70%,transparent);padding-top:24px}.hh-piece-outside{min-width:0;position:relative;background:#fbfdff}.hh-piece-outside .hh-piece-copy{padding:22px 18px}.hh-piece-outside:empty{padding:0}.hh-piece-outside h2{font-size:26px!important}.hh-piece-copy .hh-rich-content{line-height:1.65}.hh-piece-copy .hh-rich-content p{white-space:pre-wrap}.hh-piece-number{position:absolute;left:8px;top:8px;z-index:8;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;color:#5d7c94;background:#ffffffb8;font:11px Arial;pointer-events:none}.hh-piece-stage:has(.hh-piece-number){outline:1px dashed #9ab4c659;outline-offset:-1px}.hh-composition [data-hh-static] .hh-layered-words,.hh-composition [data-hh-static] .hh-layered-button{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.hh-piece-second:has(>.hh-piece-copy){display:grid;place-items:center}.hh-piece-copy .hh-layered-button{align-self:center}
@media(max-width:767px){.hh-composition-grid{grid-template-columns:1fr;grid-template-rows:none;gap:0!important}.hh-shared-stage{grid-column:1!important;grid-row:1/-1!important;position:absolute;inset:0}.hh-piece-stage,.hh-piece-outside{grid-column:1!important;grid-row:auto!important}.hh-piece-stage{min-height:300px}.hh-composition[data-hh-mode="separate"] .hh-piece-stage{margin-bottom:12px}.hh-piece-copy{padding:20px}.hh-piece-copy[data-hh-side]{width:100%}.hh-piece-stage .hh-layered-words h2{font-size:30px}.hh-piece-stage .hh-layered-words p{font-size:15px}}
.hh-piece-copy>.hh-layered-words{width:100%;min-width:0}.hh-piece-copy .hh-layered-words h2,.hh-piece-copy .hh-layered-words p{color:inherit}

.hh-layer-region,.hh-composition .hh-piece-second,.hh-composition .hh-piece-third{position:absolute;inset:0;margin:auto;width:var(--hh-layer-width,100%);height:var(--hh-layer-height,100%);max-width:100%;max-height:100%;transform:none}.hh-outside-layer{height:var(--hh-layer-height,100%);width:var(--hh-layer-width,100%);max-width:100%;margin-inline:auto}.hh-outside-layer .hh-piece-copy{min-height:0}

@media(min-width:768px) and (prefers-reduced-motion:no-preference){.hh-composition.hh-layered-play .hh-piece-second .hh-layered-product{animation:hh-photo-develop var(--hh-appearance-speed,1.8s) .5s both}.hh-composition.hh-layered-prepared:not(.hh-layered-play) .hh-piece-third-photo{opacity:0}.hh-composition.hh-layered-play .hh-piece-third-photo{animation:hh-layered-fade var(--hh-appearance-speed,1.8s) var(--hh-appearance-delay,2.3s) both}.hh-composition.hh-layered-play.hh-letter-mode .hh-falling-letter{animation-duration:var(--hh-letter-duration,.65s)}}
@keyframes hh-photo-develop{0%{opacity:0;filter:grayscale(1) brightness(1.65) contrast(.15) blur(7px)}25%{opacity:.4;filter:grayscale(1) brightness(1.4) contrast(.4) blur(4px)}60%{opacity:.85;filter:grayscale(.45) brightness(1.13) contrast(.8) blur(1.4px)}100%{opacity:1;filter:grayscale(0) brightness(1) contrast(1) blur(0)}}

.hh-composition .hh-piece-second[data-hh-static] .hh-layered-product,.hh-composition .hh-piece-second[data-hh-static] .hh-layered-words,.hh-composition .hh-piece-second[data-hh-static] .hh-layered-button{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}