.tpn-hero{position:relative}.tpn-hero__link{display:block;position:relative;overflow:hidden;text-decoration:none}.tpn .tpn-hero__link,.tpn .tpn-hero__link:hover,.tpn .tpn-hero__text{color:#fff}.tpn-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;pointer-events:none}.tpn-hero__video.is-playing{opacity:1}.tpn-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--tpn-shade, .13));pointer-events:none}.tpn-hero__text{position:absolute;left:var(--timi-page-gutter);right:var(--timi-page-gutter);top:50%;transform:translateY(-50%);display:grid;gap:10px;justify-items:center;text-align:center;pointer-events:none}.tpn-hero__title{font-family:var(--timi-font-heading);font-weight:var(--timi-fw-regular);text-transform:uppercase;letter-spacing:var(--timi-tracking-caps);font-size:clamp(1.625rem,2.7vw,2.5rem);line-height:1.1}.tpn-hero__sub{font-size:var(--timi-fs-sm);letter-spacing:.12em;text-transform:uppercase;font-weight:var(--timi-fw-regular)}.tpn-split{max-width:var(--timi-page-max);margin:var(--timi-section-gap) auto 0;padding:0 var(--timi-page-gutter);display:grid;grid-template-columns:1fr 1fr;gap:var(--timi-grid-gap);align-items:stretch}.tpn-split+.tpn-split{margin-top:calc(2 * var(--timi-grid-gap))}.tpn-hero+.tpn-split{margin-top:var(--timi-grid-gap)}.tpn-split__half{min-width:0}.tpn-split__half--center{display:flex;align-items:center;justify-content:center}.tpn .timi-img--portrait{aspect-ratio:2 / 3}.tpn-card{position:relative;width:46%;min-width:220px}.tpn-card__video{position:absolute;top:0;left:0;width:100%;aspect-ratio:var(--timi-ratio-card);object-fit:contain;background:var(--timi-color-tile);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.tpn-card__video.is-playing{opacity:1}.tpn-card .timi-card__price:before{content:var(--tpn-from, none);margin-right:.3em}.tpn-letters{width:70%}.tpn-letters .timi-img{background:transparent}.tpn-more .rec-row.rec-row--carousel{padding:0}.tpn-wide .tpn-wide__img{aspect-ratio:3 / 1}.tpn>:last-child{margin-bottom:var(--timi-section-gap)}@media(max-width:749px){.tpn-split{grid-template-columns:1fr}.tpn-split__half--center{padding:var(--timi-space-5) 0}.tpn-card{width:70%}.tpn-letters{width:80%}.tpn-wide .tpn-wide__img{aspect-ratio:12 / 7}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/timi-personalised-necklace.css.map */