.hp-invyt-tile{position:relative;display:block;aspect-ratio:3/4;text-decoration:none;color:inherit;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;contain:paint;isolation:isolate;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.hp-invyt-tile:hover{transform:translateY(-4px);border-color:rgba(192,132,252,.35);box-shadow:0 18px 40px -20px rgba(124,58,237,.45)}.hp-invyt-tile__render{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hp-invyt-tile__render>*{width:100%;height:100%}.hp-invyt-tile__zone{position:absolute;left:0;right:0;z-index:2;display:block;text-decoration:none;color:inherit;cursor:pointer}.hp-invyt-tile__zone--top{top:0;bottom:5.25rem}.hp-invyt-tile__zone--bottom{bottom:0;height:5.25rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;font:inherit;text-align:left;width:100%;padding:2.5rem 1rem 1rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78) 50%,rgba(0,0,0,.94));display:flex;flex-direction:column;justify-content:flex-end;gap:.25rem;transition:background .25s ease}.hp-invyt-tile__zone--bottom:hover{background:linear-gradient(180deg,transparent,rgba(0,0,0,.85) 50%,rgba(0,0,0,.98))}.hp-invyt-tile__zone--bottom:focus-visible,.hp-invyt-tile__zone--top:focus-visible{outline:2px solid rgba(192,132,252,.65);outline-offset:-2px}.hp-invyt-tile__name{font-family:"Playfair Display",var(--font-playfair),Georgia,serif;font-size:1.12rem;font-weight:400;margin:0;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.hp-invyt-tile__use-hint{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:hsla(0,0%,100%,.78);font-weight:500;display:inline-flex;align-items:center;gap:.35em;transition:color .2s ease}.hp-invyt-tile__use-hint:after{content:"→";font-size:1em;display:inline-block;transition:transform .2s ease}.hp-invyt-tile__zone--bottom:hover .hp-invyt-tile__use-hint{color:#fff}.hp-invyt-tile__zone--bottom:hover .hp-invyt-tile__use-hint:after{transform:translateX(3px)}.hp-invyt-tile__preview-hint{position:absolute;top:1rem;right:1rem;z-index:3;pointer-events:none;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.78);padding:.35rem .7rem;border-radius:999px;font-weight:500;opacity:0;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease}@media (hover:hover) and (pointer:fine){.hp-invyt-tile__use-hint{opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease,color .2s ease}.hp-invyt-tile:focus-within .hp-invyt-tile__use-hint,.hp-invyt-tile:hover .hp-invyt-tile__use-hint{opacity:1;transform:translateY(0)}.hp-invyt-tile__zone--top:focus-visible~.hp-invyt-tile__preview-hint,.hp-invyt-tile__zone--top:hover~.hp-invyt-tile__preview-hint{opacity:1;transform:translateY(0)}}@media (hover:none){.hp-invyt-tile__preview-hint{display:none}}@media (max-width:560px){.hp-invyt-tile{aspect-ratio:5/7}.hp-invyt-tile__name{font-size:1.05rem}}