/* صفحهٔ اول — لندینگ انیمیشنی code.xr با دادهٔ پویا */

.port-site--landing {
    --port-bg: #060d1a;
    --port-ink: #e8edf5;
    --port-muted: #9aa8bc;
    background: var(--port-bg);
    color: var(--port-ink);
}

.port-site--landing .port-page {
    background: linear-gradient(180deg, #060d1a 0%, #0b1530 12%, #e8edf4 28%, #e8edf4 100%);
}

.port-site--landing .port-hero-ribbon,
.port-site--landing .port-hero-session {
    display: none !important;
}

/* سایت: محتوا همیشه قابل مشاهده — انیمیشن reveal نباید بعد از لود API صفحه را خالی کند */
.port-site--landing .port-land-reveal-inner,
.port-site--landing .port-land-word,
.port-site--landing .port-land-section {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    clip-path: none !important;
}

.port-site--landing .port-land-reveal--play .port-land-reveal-inner,
.port-site--landing .port-land-reveal--play .port-land-word {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

.port-site--landing .xpl-hero__kicker {
    clip-path: inset(0 0 0 0);
    animation: none !important;
}

.port-site--landing .xpl-hero__title,
.port-site--landing .xpl-hero__inner,
.port-site--landing .xpl-hero__visual,
.port-site--landing .port-sms-top {
    opacity: 1 !important;
    visibility: visible !important;
}

.port-land-wrap {
    position: relative;
    width: 100%;
}

/* preloader — روی سایت غیرفعال تا محتوا ناپدید نشود */
.port-site--landing .port-land-preloader {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.port-land-preloader {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: grid;
    grid-template-columns: 1fr 1fr;
    pointer-events: none;
}

.port-land-preloader__panel {
    background: linear-gradient(160deg, #050a14 0%, #123a62 55%, #2a78b8 100%);
    transform: scaleY(1);
    transform-origin: top center;
}

.port-land-preloader__panel--2 {
    background: linear-gradient(200deg, #050a14 0%, #102d4d 50%, #ffd200 130%);
    transform-origin: bottom center;
}

.port-land-preloader__center {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    z-index: 2;
    transition: opacity 0.35s ease;
}

.port-land-preloader__logo {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 1.25rem;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.65rem;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
    animation: port-land-pulse 1.4s ease-in-out infinite;
}

.port-land-preloader__title {
    margin: 0;
    font-size: clamp(1.1rem, 3vw, 1.55rem);
    font-weight: 800;
    color: #fff;
    text-align: center;
    max-width: 20ch;
    line-height: 1.45;
}

.port-land-preloader__track {
    width: min(220px, 62vw);
    height: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    overflow: hidden;
}

.port-land-preloader__bar {
    display: block;
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #8ed0ff, #ffd200);
    animation: port-land-bar 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.port-land-preloader--out .port-land-preloader__panel--1 {
    animation: port-land-curtain-up 0.85s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.port-land-preloader--out .port-land-preloader__panel--2 {
    animation: port-land-curtain-down 0.85s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.port-land-preloader--out .port-land-preloader__center { opacity: 0; }
.port-land-preloader--gone { display: none; }

/* اگر اسکریپت دیر لود شود، لودر سرمه‌ای حداکثر ۴.۵ ثانیه بماند */
.port-land-preloader:not(.port-land-preloader--gone) {
    animation: port-land-preloader-safety 0s 4.5s forwards;
}

@keyframes port-land-preloader-safety {
    to {
        display: none !important;
        visibility: hidden;
        pointer-events: none;
    }
}

/* نمایش محتوا وقتی انیمیشن reveal اجرا نشده (fallback) */
.port-land-wrap--ready .port-land-reveal-inner,
.port-land-wrap--ready .port-land-word {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

.port-land-wrap--ready .xpl-hero__kicker {
    clip-path: none !important;
    animation: none !important;
}

.port-land-wrap--ready .port-land-section {
    opacity: 1 !important;
    transform: none !important;
}

.port-land-wrap--ready .xpl-hero__actions,
.port-land-wrap--ready .xpl-hero__session,
.port-land-wrap--ready .xpl-hero__alert,
.port-land-wrap--ready .xpl-hero__lead {
    opacity: 1;
    visibility: visible;
}

@keyframes port-land-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.06); }
}

@keyframes port-land-bar { to { width: 100%; } }
@keyframes port-land-curtain-up { to { transform: scaleY(0); } }
@keyframes port-land-curtain-down { to { transform: scaleY(0); } }

.xpl-hero .port-land-mesh {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    overflow: hidden;
}

.port-land-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(56px);
    opacity: 0.5;
    animation: port-land-float 14s ease-in-out infinite;
}

.port-land-orb--a {
    width: min(46vw, 460px);
    height: min(46vw, 460px);
    top: -10%;
    inset-inline-start: -8%;
    background: radial-gradient(circle, rgba(255, 210, 0, 0.5) 0%, transparent 70%);
}

.port-land-orb--b {
    width: min(40vw, 400px);
    height: min(40vw, 400px);
    bottom: 5%;
    inset-inline-end: -6%;
    background: radial-gradient(circle, rgba(93, 183, 237, 0.55) 0%, transparent 72%);
    animation-delay: -4s;
}

.port-land-orb--c {
    width: min(30vw, 300px);
    height: min(30vw, 300px);
    top: 42%;
    inset-inline-start: 38%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.28) 0%, transparent 74%);
    animation-delay: -7s;
}

.port-land-grid {
    position: absolute;
    inset: -25%;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: radial-gradient(ellipse 85% 75% at 50% 40%, #000 15%, transparent 78%);
    opacity: 0.4;
    transform: perspective(900px) rotateX(62deg) translateY(-8%);
    animation: port-land-grid-drift 24s linear infinite;
}

@keyframes port-land-float {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(14px, -20px) scale(1.05); }
    66% { transform: translate(-12px, 16px) scale(0.96); }
}

@keyframes port-land-grid-drift { to { background-position: 52px 52px; } }

/* ـــ هیرو تمام‌صفحه (xpl) ـــ */
.xpl-hero {
    position: relative;
    min-height: 100dvh;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
}

.xpl-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.xpl-hero__bg-inner {
    position: absolute;
    inset: -8%;
    will-change: transform;
}

.xpl-hero__slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transform: scale(1.12);
    transition: opacity 1.2s ease, transform 18s ease-out;
}

.xpl-hero__slide--on {
    opacity: 1;
    transform: scale(1);
    z-index: 1;
    animation: xpl-kenburns 22s ease-out forwards;
}

.xpl-hero__slide--ph {
    background: linear-gradient(145deg, #0f2848 0%, #1a4a7a 45%, #102d4d 100%) !important;
    background-image: none !important;
}

.xpl-hero__slide--ph-1 {
    background: linear-gradient(155deg, #123456 0%, #1e5f96 50%, #0c223d 100%) !important;
}

.xpl-hero__slide--ph-2 {
    background: linear-gradient(165deg, #0d2f52 0%, #2a78b8 55%, #08182c 100%) !important;
}

@keyframes xpl-kenburns {
    from { transform: scale(1.08); }
    to { transform: scale(1.02); }
}

.xpl-hero__veil {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        radial-gradient(ellipse 90% 80% at 70% 20%, rgba(42, 120, 184, 0.22) 0%, transparent 55%),
        linear-gradient(180deg, rgba(5, 10, 20, 0.55) 0%, rgba(5, 10, 20, 0.82) 55%, rgba(6, 13, 26, 0.95) 100%),
        linear-gradient(90deg, rgba(5, 10, 20, 0.88) 0%, rgba(5, 10, 20, 0.45) 48%, rgba(5, 10, 20, 0.75) 100%);
}

.xpl-hero__glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    z-index: 3;
    pointer-events: none;
}

.xpl-hero__glow--a {
    width: 320px;
    height: 320px;
    top: 12%;
    inset-inline-end: 8%;
    background: rgba(255, 210, 0, 0.14);
    animation: port-land-float 16s ease-in-out infinite;
}

.xpl-hero__glow--b {
    width: 280px;
    height: 280px;
    bottom: 18%;
    inset-inline-start: 6%;
    background: rgba(93, 183, 237, 0.18);
    animation-delay: -5s;
}

.xpl-hero__inner {
    position: relative;
    z-index: 5;
    width: min(1240px, 100%);
    margin: 0 auto;
    padding: clamp(5.5rem, 12vh, 7rem) clamp(1.25rem, 4vw, 2.5rem) clamp(4.5rem, 10vh, 6rem);
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: center;
}

.xpl-hero__copy {
    text-align: start;
}

.port-land-wrap--ltr .xpl-hero__copy { text-align: left; }

.xpl-hero__alert {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.85rem;
    margin-bottom: 1rem;
    border-radius: 999px;
    background: rgba(255, 210, 0, 0.14);
    border: 1px solid rgba(255, 210, 0, 0.35);
    color: #ffe566;
    font-size: 0.78rem;
    font-weight: 700;
}

.xpl-hero__kicker {
    display: inline-block;
    margin: 0 0 1rem;
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #ffd200;
    background: rgba(255, 210, 0, 0.1);
    border: 1px solid rgba(255, 210, 0, 0.35);
    clip-path: inset(0 100% 0 0);
}

.port-land-reveal--play .xpl-hero__kicker {
    animation: port-land-kicker-wipe 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.08s forwards;
}

.xpl-hero__title {
    margin: 0 0 1rem;
    font-size: clamp(2.2rem, 5.8vw, 4.25rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: #fff;
    text-shadow: 0 8px 40px rgba(0, 0, 0, 0.45);
}

.xpl-hero__lead {
    margin: 0 0 1.35rem;
    max-width: 52ch;
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.75;
    color: rgba(232, 237, 245, 0.88);
    font-weight: 500;
}

.xpl-hero__session {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1.25rem;
    padding: 0.45rem 0.85rem;
    border-radius: 12px;
    background: rgba(46, 125, 50, 0.18);
    border: 1px solid rgba(129, 199, 132, 0.35);
    color: #c8e6c9;
    font-size: 0.82rem;
}

.xpl-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.75rem;
}

.xpl-hero__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1.35rem;
    border-radius: 999px;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 800;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.xpl-hero__btn--primary {
    color: #0a1224;
    background: linear-gradient(135deg, #ffd200 0%, #ffe566 55%, #8ed0ff 140%);
    box-shadow: 0 12px 36px rgba(255, 210, 0, 0.28);
}

.xpl-hero__btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 42px rgba(255, 210, 0, 0.38);
}

.xpl-hero__btn--ghost {
    color: #e8edf5;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(8px);
}

.xpl-hero__btn--ghost:hover {
    background: rgba(255, 255, 255, 0.14);
    transform: translateY(-2px);
}

.xpl-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    max-width: 520px;
}

.xpl-hero__stat {
    padding: 0.75rem 0.85rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
}

.xpl-hero__stat-ico {
    color: #8ed0ff !important;
    font-size: 1.1rem !important;
    margin-bottom: 0.25rem;
}

.xpl-hero__stat-k {
    display: block;
    font-size: 0.68rem;
    color: rgba(232, 237, 245, 0.65);
    margin-bottom: 0.15rem;
}

.xpl-hero__stat-v {
    font-size: 1.35rem;
    font-weight: 900;
    color: #fff;
    font-variant-numeric: tabular-nums;
}

.xpl-hero__visual {
    position: relative;
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xpl-float-card {
    position: absolute;
    width: min(280px, 88%);
    padding: 0;
    border-radius: 18px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(14px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
    animation: xpl-card-float 6s ease-in-out infinite;
    animation-delay: calc(var(--xpl-card-i, 0) * 0.45s);
    will-change: transform;
}

.xpl-float-card:nth-child(1) { transform: rotate(-4deg) translate(-12%, -8%); z-index: 3; }
.xpl-float-card:nth-child(2) { transform: rotate(3deg) translate(8%, 4%); z-index: 2; opacity: 0.92; }
.xpl-float-card:nth-child(3) { transform: rotate(-2deg) translate(-4%, 18%); z-index: 1; opacity: 0.84; scale: 0.94; }

.xpl-float-card__shine {
    position: absolute;
    inset: 0;
    background: linear-gradient(125deg, rgba(255, 255, 255, 0.16) 0%, transparent 42%);
    pointer-events: none;
    z-index: 2;
}

.xpl-float-card__media {
    height: 110px;
    background-size: cover;
    background-position: center;
}

.xpl-float-card__body {
    padding: 0.85rem 1rem 1rem;
    position: relative;
    z-index: 1;
}

.xpl-float-card__tag {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: #ffd200;
    margin-bottom: 0.35rem;
}

.xpl-float-card__title {
    margin: 0 0 0.35rem;
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.35;
}

.xpl-float-card__text {
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.55;
    color: rgba(232, 237, 245, 0.78);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.xpl-float-card__icon {
    position: absolute;
    top: 0.65rem;
    inset-inline-end: 0.65rem;
    opacity: 0.85;
    z-index: 3;
}

@keyframes xpl-card-float {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -10px; }
}

.xpl-hero__controls {
    position: absolute;
    bottom: 4.5rem;
    inset-inline-end: clamp(1rem, 4vw, 2rem);
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.xpl-hero__nav {
    width: 2.4rem;
    height: 2.4rem;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    backdrop-filter: blur(8px);
    transition: transform 0.15s ease, background 0.15s ease;
}

.xpl-hero__nav:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.06);
}

.xpl-hero__dots {
    display: flex;
    gap: 0.4rem;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.xpl-hero__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 0;
    padding: 0;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.35);
    transition: transform 0.2s ease, background 0.2s ease;
}

.xpl-hero__dot--on {
    background: #ffd200;
    transform: scale(1.25);
    box-shadow: 0 0 0 3px rgba(255, 210, 0, 0.25);
}

.xpl-hero__slide-meta {
    position: absolute;
    bottom: 4.65rem;
    inset-inline-start: clamp(1rem, 4vw, 2rem);
    z-index: 6;
    margin: 0;
    font-size: 0.72rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.55);
    letter-spacing: 0.08em;
}

/* reveal متن */
.port-land-reveal-line {
    display: block;
    overflow: hidden;
    line-height: 1.2;
}

.port-land-reveal-inner {
    display: inline-block;
    transform: translateY(110%);
    opacity: 0;
}

.port-land-reveal--play .port-land-reveal-inner {
    animation: port-land-rise 0.95s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: calc(var(--land-i, 0) * 0.14s + 0.18s);
}

.port-land-word {
    display: inline-block;
    transform: translateY(100%) rotate(4deg);
    opacity: 0;
}

.port-land-reveal--play .port-land-word {
    animation: port-land-word 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: calc(var(--land-i, 0) * 0.07s + 0.25s);
}

@keyframes port-land-rise {
    to { transform: translateY(0); opacity: 1; }
}

@keyframes port-land-word {
    to { transform: translateY(0) rotate(0deg); opacity: 1; }
}

@keyframes port-land-kicker-wipe {
    to { clip-path: inset(0 0 0 0); }
}

/* scroll hint */
.port-land-scroll {
    position: absolute;
    left: 50%;
    bottom: 1.25rem;
    transform: translateX(-50%);
    z-index: 8;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    border: 0;
    background: transparent;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.9);
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    transition: transform 0.2s ease, background 0.2s ease;
}

.port-land-scroll:hover {
    background: rgba(0, 20, 40, 0.4);
    transform: translateX(-50%) translateY(-2px);
}

.port-land-scroll__label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-align: center;
}

.port-land-scroll__chev {
    width: 1.1rem;
    height: 1.1rem;
    border-inline: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-top: -0.15rem;
    animation: port-land-bounce 1.6s ease-in-out infinite;
}

@keyframes port-land-bounce {
    0%, 100% { transform: rotate(45deg) translateY(0); opacity: 0.75; }
    50% { transform: rotate(45deg) translateY(6px); opacity: 1; }
}

/* بخش‌های اسکرول */
.port-land-section {
    opacity: 0;
    transform: translateY(48px);
    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: calc(var(--land-sec-i, 0) * 90ms);
}

.port-land-section--in {
    opacity: 1;
    transform: none;
}

.port-widget-packs__head {
    margin-bottom: 1.25rem;
}

.port-widget-packs__title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: clamp(1.25rem, 2.5vw, 1.65rem);
    font-weight: 700;
}

.port-widget-packs__title-ico {
    flex-shrink: 0;
}

.port-widget-packs__lead {
    margin: 0.35rem 0 0;
    color: var(--port-muted, rgba(255, 255, 255, 0.72));
    font-size: 0.95rem;
}

.port-widget-packs__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.port-widget-packs__card {
    overflow: hidden;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
}

.port-widget-packs__toolbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.port-widget-packs__card-title {
    padding: 0.75rem 1rem 0;
}

.port-widget-packs__host {
    padding: 0.25rem;
    min-height: 320px;
}

.port-widget-packs__empty {
    border-radius: 10px;
}

.port-land-card-tilt {
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    transform-style: preserve-3d;
}

.port-cta[data-land-magnetic],
.xpl-hero__btn[data-land-magnetic] {
    transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 960px) {
    .xpl-hero__inner {
        grid-template-columns: 1fr;
        padding-top: clamp(5rem, 10vh, 6rem);
    }

    .xpl-hero__visual {
        min-height: 260px;
        order: -1;
        margin-bottom: 0.5rem;
    }

    .xpl-float-card {
        width: min(240px, 78%);
    }

    .xpl-float-card:nth-child(2),
    .xpl-float-card:nth-child(3) {
        display: none;
    }

    .xpl-hero__stats {
        max-width: none;
    }
}

@media (max-width: 520px) {
    .xpl-hero__stats {
        grid-template-columns: 1fr;
    }

    .xpl-hero__controls {
        inset-inline-end: 50%;
        transform: translateX(50%);
        bottom: 3.8rem;
    }

    .xpl-hero__slide-meta {
        display: none;
    }

    .port-land-scroll {
        bottom: 0.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .port-land-preloader,
    .port-land-orb,
    .port-land-grid,
    .xpl-hero__slide--on,
    .xpl-float-card,
    .port-land-reveal-inner,
    .port-land-word,
    .port-land-scroll__chev,
    .port-land-section {
        animation: none !important;
        transition: none !important;
    }

    .port-land-preloader--gone,
    .port-land-preloader { display: none !important; }

    .port-land-reveal-inner,
    .port-land-word,
    .port-land-section,
    .xpl-hero__kicker {
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
    }
}