@media (max-width:699px) and (orientation:portrait){
.landing,.landing.is-playing{height:100svh;min-height:0;overflow:hidden}
.landing__stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.6rem;height:100%}
.landing__mark{padding-top:.1rem}
.landing .landing__logo .logo,.landing .landing__logo .logo picture{display:flex;justify-content:center}
.landing .landing__logo .logo img{width:auto;height:clamp(54px,9svh,84px);margin:0 auto}
.landing .landing__mark .wordmark img{width:min(170px,46vw)}
.landing .slogan{font-size:.7rem;letter-spacing:.16em;margin-top:.25rem}
.landing__actions{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:.45rem;height:100%}
.access{height:100%;min-height:0;border:1px solid rgba(255,79,216,.28);border-radius:4px}
.access__veil{background:linear-gradient(90deg,#000000d9 0%,#00000080 48%,#00000014 100%)}
.access__caption{top:0;bottom:0;justify-content:center;padding:0 1.1rem;gap:.3rem}
.access__index{font-size:.72rem;color:#ff6fe0}
.access__label{font-size:clamp(1.35rem,6.4vw,1.9rem);letter-spacing:.1em}
.access__caption:after{content:"Ver portfolio";font-family:Outfit,system-ui,sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;color:#fff8f0c7}
.access__arrow{opacity:.9;width:2.2rem;background:#ff6fe0}
.access__arrow:after{border-color:#ff6fe0}
.access:nth-child(1) .access__media img{object-position:60% 40%!important}
.access:nth-child(2) .access__media img{object-position:50% 35%!important}
.access:nth-child(3) .access__media img{object-position:50% 30%!important}
}