/* Logos use the original animated hover preview.
   All portfolio layout, typography, rotation and hover styling comes from main.css. */
.miko-lab-page .tp-studio-portfolio-img{width:350px;height:350px;isolation:isolate;pointer-events:none;left:40%;opacity:0;visibility:hidden;transform:rotate(90deg) translateY(14px);transition:opacity .18s ease,transform .25s ease,visibility 0s linear .18s}
.miko-lab-page .tp-studio-portfolio-img::before{content:"";position:absolute;inset:0;background:#202020;border-radius:54% 45% 56% 44%/61% 60% 40% 39%;animation:sliderShape 5s linear infinite paused;z-index:-1}
.miko-lab-page .tp-studio-portfolio-img.lab-logo-light::before{background:#f4f1ea}
.miko-lab-page .tp-studio-portfolio-img img{position:absolute;left:50%;top:50%;width:190px;height:190px;object-fit:contain;box-sizing:border-box;padding:0;background:transparent;border-radius:0;animation:none;transform:translate(-50%,-50%);will-change:auto}
.miko-lab-page .tp-studio-portfolio-img.lab-logo-wordmark img{width:230px;height:130px}
@media(prefers-reduced-motion:reduce){.miko-lab-page .tp-studio-portfolio-img::before{animation:none}}
.miko-lab-page .tp-studio-portfolio-item:hover .tp-studio-portfolio-img,.miko-lab-page .tp-studio-portfolio-item:has(a:focus-visible) .tp-studio-portfolio-img{left:40%;opacity:1;visibility:visible;transform:rotate(90deg) translateY(0);transition-delay:0s}
.miko-lab-page .tp-studio-portfolio-item:hover .tp-studio-portfolio-img::before,.miko-lab-page .tp-studio-portfolio-item:has(a:focus-visible) .tp-studio-portfolio-img::before{animation-play-state:running}
.miko-lab-page .tp-studio-portfolio-inner-title{font-family:'Big Shoulders Display',sans-serif;font-weight:700;letter-spacing:0;white-space:nowrap}
.lab-title-text{display:inline-block;font:inherit;color:inherit;position:static;transform-origin:left center;will-change:transform}
.miko-lab-page .tp-studio-portfolio-item[hidden]{display:none}
.miko-lab-page .tp-studio-portfolio-inner-title a:focus-visible{outline:2px solid currentColor;outline-offset:8px}
.lab-pages{display:flex;gap:18px;margin-top:24px}
.lab-pages button{background:transparent;border:0;border-bottom:1px solid transparent;padding:6px 0;font:inherit;color:inherit;cursor:pointer}
.lab-pages button[aria-pressed="true"]{border-bottom-color:currentColor}
.lab-pages button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(min-width:1200px){.miko-lab-page .tp-studio-portfolio-inner-title{font-size:100px;line-height:1}}
@media(max-width:1199px){.miko-lab-page .tp-studio-portfolio-item{padding:24px 20px}.miko-lab-page .tp-studio-portfolio-img{display:none}.miko-lab-page .tp-studio-portfolio-title-box{margin-bottom:40px}.lab-pages button{min-height:44px;min-width:72px}.miko-lab-page .tp-studio-portfolio-inner-title a{display:inline-block;min-height:44px;align-content:center}}
@media(max-width:767px){.miko-lab-page .tp-studio-portfolio-inner-title{font-size:clamp(28px,7vw,44px)}.miko-lab-page .tp-studio-portfolio-inner-title span{font-size:12px;right:-18px}.miko-lab-page .tp-studio-portfolio-inner-title-box{padding-right:24px}.miko-lab-page .tp-studio-portfolio-inner-title a{max-width:100%}.miko-lab-page .tp-studio-portfolio-area{padding-top:120px}.miko-lab-page .tp-studio-portfolio-shape{display:none!important}}
@media(prefers-reduced-motion:reduce){.lab-title-text{will-change:auto}}