main.tp .tp-os{position:relative}main.tp .tp-os-photo{aspect-ratio:5/4;border-radius:var(--tp-r-xl);background:var(--tp-dark-2);box-shadow:var(--tp-shadow-photo);position:relative;overflow:hidden}main.tp .tp-os-photo>img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;position:absolute;inset:0}main.tp .tp-os-tile{border:1px solid var(--tp-dark-line);border-radius:var(--tp-r-m);background:color-mix(in srgb, var(--tp-dark) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:64%;color:var(--tp-on-dark);font:400 13px/1.35 var(--tp-sans);padding:9px 11px;position:absolute;top:52px;left:12px}main.tp .tp-os-tile b{color:var(--tp-lav-on-dark);font:700 10px/1 var(--tp-ui);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;display:block}main.tp .tp-os-card{z-index:4;border-radius:var(--tp-r-l);background:var(--tp-card);color:var(--tp-ink);box-shadow:0 18px 40px -20px var(--tp-night);margin:-64px 12px 0;padding:14px 16px 16px;position:relative}main.tp .tp-os-card small{color:var(--tp-ink-70);font:700 13px/1.2 var(--tp-ui);display:block}main.tp .tp-os-card span{font:700 19px/1.28 var(--tp-ui);letter-spacing:-.01em;margin-top:6px;display:block}main.tp .tp-hl{background:linear-gradient(transparent 55%, color-mix(in srgb, var(--tp-lime) 90%, transparent) 55%, color-mix(in srgb, var(--tp-lime) 90%, transparent) 92%, transparent 92%);color:inherit}main.tp .tp-os-lines{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}main.tp .tp-oc{border:1px solid var(--tp-dark-line);border-radius:var(--tp-r-l);background:var(--tp-surface);box-shadow:var(--tp-shadow-lift);margin:0;padding:13px 15px 14px;display:block}main.tp .tp-oc:before{content:none}main.tp .tp-oc-top{color:var(--tp-dark-muted);align-items:center;gap:8px;display:flex}main.tp .tp-oc-top i{background:var(--tp-s-natural);border-radius:50%;flex:none;width:8px;height:8px}main.tp .tp-oc[data-s=flirty] .tp-oc-top i{background:var(--tp-s-flirty)}main.tp .tp-oc[data-s=bold] .tp-oc-top i{background:var(--tp-s-bold)}main.tp .tp-oc-top b{color:var(--tp-on-dark);font:700 11px/1 var(--tp-ui);letter-spacing:.1em;text-transform:uppercase}main.tp .tp-oc-top em{color:var(--tp-dark-muted);font:500 12px/1.25 var(--tp-ui);text-align:right;margin-left:auto;font-style:normal}main.tp .tp-oc-line{color:var(--tp-on-dark);font:400 15.5px/1.42 var(--tp-sans);margin-top:8px;display:block}main.tp .tp-slide[data-on=true] .tp-oc{animation:tp-oc-in .42s var(--tp-ease) both}main.tp .tp-slide[data-on=true] .tp-oc:first-child{animation-delay:.35s}main.tp .tp-slide[data-on=true] .tp-oc:nth-child(2){animation-delay:.45s}main.tp .tp-slide[data-on=true] .tp-oc:nth-child(3){animation-delay:.55s}@keyframes tp-oc-in{0%{opacity:0;transform:translateY(14px)}}@media (max-width:1023px){main.tp .tp-os-lines{margin-left:calc(var(--tp-gutter) * -1);margin-right:calc(var(--tp-gutter) * -1);padding:0 var(--tp-gutter) 6px;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}main.tp .tp-os-lines::-webkit-scrollbar{display:none}main.tp .tp-oc{scroll-snap-align:start;box-shadow:none;flex:0 0 82%}}@media (min-width:1024px){main.tp .tp-os{height:600px}main.tp .tp-os-photo{aspect-ratio:2/3;width:60%;position:absolute;top:0;left:0}main.tp .tp-os-card{width:calc(50% - 38px);margin:0;position:absolute;top:440px;left:22px}main.tp .tp-os-card span{font-size:17px}main.tp .tp-os-lines{z-index:3;gap:12px;width:50%;margin:0;position:absolute;top:34px;right:0}main.tp .tp-oc:first-child{rotate:1.2deg}main.tp .tp-oc:nth-child(2){translate:-16px;rotate:-1deg}main.tp .tp-oc:nth-child(3){rotate:.6deg}main.tp .tp-scene-openers .tp-snav{width:36%;margin-left:auto}}@media (prefers-reduced-motion:reduce){main.tp .tp-slide[data-on=true] .tp-oc{animation:none}}
