/* Homepage only Loaded under $ynHomepage and scoped to its own wrapper */
.yn-home .yn-homepage { min-width:0; }
.yn-home .yn-homepage *, .yn-home .yn-homepage *::before, .yn-home .yn-homepage *::after { box-sizing:border-box; }
.yn-home .yn-homepage h2 { font-size:32px; font-weight:700; line-height:1.3; letter-spacing:-.02em; }
.yn-home .yn-homepage h3 { color:var(--yn-ink); font-size:20px; font-weight:650; line-height:1.4; letter-spacing:0; }
.yn-home .yn-homepage p { color:var(--yn-copy); }
.yn-home .yn-homepage .yn-home-heading { margin-bottom:24px; }
.yn-home .yn-homepage .yn-home-heading h2 { margin:0 0 10px; }
.yn-home .yn-homepage .yn-home-heading p { margin:0; font-size:17px; font-weight:400; line-height:1.6; }
.yn-home .yn-homepage .yn-service-strip { padding:32px 0; }
.yn-home .yn-homepage .yn-service-links { padding:0; }
.yn-home .yn-homepage .yn-service-links a { min-width:0; min-height:96px; padding:14px 12px; justify-content:center; font-weight:600; gap:10px; }
.yn-home .yn-homepage .yn-service-links .yn-icon { width:32px; height:32px; }
.yn-home .yn-homepage .yn-home-product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:22px; }
.yn-home .yn-homepage .yn-home-product-card { min-width:0; display:flex; align-items:flex-start; gap:20px; padding:26px 24px 18px; border:1px solid var(--yn-line); border-radius:12px; background:#fff; transition:border-color .18s,box-shadow .18s; }
.yn-home .yn-homepage .yn-home-product-card:hover { border-color:#9dcfc1; box-shadow:0 6px 20px #173e3010; }
.yn-home .yn-homepage .yn-home-card-icon { display:grid; place-items:center; flex:0 0 62px; width:62px; height:64px; border-radius:15px; background:#edf8f5; color:var(--yn-green); }
.yn-home .yn-homepage .yn-home-card-icon svg { display:block; width:38px; height:38px; }
.yn-home .yn-homepage .yn-home-product-body { min-width:0; display:flex; flex-direction:column; align-items:flex-start; align-self:stretch; }
.yn-home .yn-homepage .yn-home-product-body h3 { margin:0 0 8px; }
.yn-home .yn-homepage .yn-home-product-body p { font-size:16px; font-weight:400; line-height:1.7; margin:0 0 8px; }
.yn-home .yn-homepage .yn-home-text-link { display:inline-flex; align-items:center; justify-content:flex-start; gap:8px; min-height:44px; margin-top:auto; color:#007b66; font-size:16px; font-weight:600; line-height:1.5; }
.yn-home .yn-homepage .yn-home-text-link:hover { color:#005f4e; text-decoration:underline; text-underline-offset:4px; }
.yn-home .yn-homepage .yn-home-text-link .yn-icon { width:20px; height:20px; flex-shrink:0; }
.yn-home .yn-homepage .yn-regions { padding-top:20px; }
.yn-home .yn-homepage .yn-region-item { min-height:64px; padding-top:13px; padding-bottom:13px; gap:16px; }
.yn-home .yn-homepage .yn-region-item > span:nth-child(2) { min-width:0; }
.yn-home .yn-homepage .yn-region-arrow { flex-shrink:0; }
.yn-home .yn-homepage .yn-home-compute { padding-top:16px; padding-bottom:44px; }
.yn-home .yn-homepage .yn-home-compute-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,30%); gap:28px; align-items:center; }
.yn-home .yn-homepage .yn-home-compute-copy { min-width:0; }
.yn-home .yn-homepage .yn-home-spec-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:28px 0 24px; }
.yn-home .yn-homepage .yn-home-spec { display:flex; gap:14px; align-items:flex-start; min-width:0; }
.yn-home .yn-homepage .yn-home-spec > svg { width:32px; height:32px; flex:0 0 32px; color:var(--yn-green); margin-top:2px; }
.yn-home .yn-homepage .yn-home-spec h3 { font-size:18px; margin:0 0 6px; }
.yn-home .yn-homepage .yn-home-spec p { font-size:16px; font-weight:400; line-height:1.65; margin:0; }
.yn-home .yn-homepage .yn-home-compute-art { display:block; width:100%; }
.yn-home .yn-homepage .yn-home-compute-art img { display:block; width:100%; height:auto; }
.yn-home .yn-homepage .yn-home-secondary-button { min-width:0; min-height:46px; padding:11px 22px; font-size:16px; font-weight:600; line-height:1.5; }
.yn-home .yn-homepage .yn-benefits { padding:42px 0 32px; }
.yn-home .yn-homepage .yn-benefits-heading { margin-bottom:28px; }
.yn-home .yn-homepage .yn-benefits-heading h2 { font-size:32px; font-weight:700; }
.yn-home .yn-homepage .yn-benefits-heading p { font-size:17px; font-weight:400; }
.yn-home .yn-homepage .yn-benefits-grid { gap:20px; }
.yn-home .yn-homepage .yn-benefit-card { display:grid; grid-template-columns:56px minmax(0,1fr); align-content:start; column-gap:18px; row-gap:8px; min-width:0; padding:25px 22px; border-radius:12px; box-shadow:none; text-align:left; }
.yn-home .yn-homepage .yn-benefit-icon { grid-column:1; grid-row:1 / span 2; width:56px; height:56px; border-radius:14px; margin:0; }
.yn-home .yn-homepage .yn-benefit-icon svg { width:32px; height:32px; }
.yn-home .yn-homepage .yn-benefit-card h3 { grid-column:2; margin:0; font-size:19px; font-weight:650; line-height:1.4; align-self:center; }
.yn-home .yn-homepage .yn-benefit-card p { grid-column:2; margin:0; font-size:16px; font-weight:400; line-height:1.7; }
.yn-home .yn-homepage .yn-home-status { padding:26px 0 40px; background:#f5f9fb; }
.yn-home .yn-homepage .yn-home-status-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto; align-items:center; gap:28px; }
.yn-home .yn-homepage .yn-home-status .yn-home-heading { margin:0; }
.yn-home .yn-homepage .yn-home-status h2 { font-size:32px; }
.yn-home .yn-homepage .yn-home-status-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); min-width:0; padding:0; overflow:hidden; border:1px solid var(--yn-line); border-radius:12px; background:#fff; }
.yn-home .yn-homepage .yn-home-status-links a { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-width:0; min-height:96px; padding:14px 12px; border:0; color:var(--yn-ink); font-size:16px; font-weight:600; line-height:1.5; text-align:center; transition:color .18s,background-color .18s; }
.yn-home .yn-homepage .yn-home-status-links a::after { content:""; position:absolute; inset:20px 0 20px auto; width:1px; background:var(--yn-line); pointer-events:none; }
.yn-home .yn-homepage .yn-home-status-links a:last-child::after { display:none; }
/* Each entire shortcut is one hit area with the same hover and keyboard state */
.yn-home .yn-homepage .yn-service-links,
.yn-home .yn-homepage .yn-billing-links { overflow:hidden; border-radius:12px; }
.yn-home .yn-homepage .yn-service-links a,
.yn-home .yn-homepage .yn-billing-links a,
.yn-home .yn-homepage .yn-home-status-links a { line-height:1.5; border-radius:0; }
.yn-home .yn-homepage .yn-service-links a:hover,
.yn-home .yn-homepage .yn-service-links a:focus-visible,
.yn-home .yn-homepage .yn-billing-links a:hover,
.yn-home .yn-homepage .yn-billing-links a:focus-visible,
.yn-home .yn-homepage .yn-home-status-links a:hover,
.yn-home .yn-homepage .yn-home-status-links a:focus-visible { color:#007861; background:#eef8f4; }
.yn-home .yn-homepage .yn-service-links a::after,
.yn-home .yn-homepage .yn-billing-links a::after { top:20px; bottom:20px; }
.yn-home .yn-homepage .yn-home-status-links svg { flex-shrink:0; color:var(--yn-green); width:30px; height:30px; }
.yn-home .yn-homepage .yn-billing { border-top:0; }
.yn-home .yn-homepage .yn-billing > .yn-wrap > h2 { margin:0 0 10px; }
.yn-home .yn-homepage .yn-billing > .yn-wrap > p { font-size:17px; margin:0; }
.yn-home .yn-homepage .yn-billing-links { margin-top:22px; padding:0; }
.yn-home .yn-homepage .yn-billing-links a { min-height:78px; padding:18px 12px; font-size:16px; font-weight:600; }
.yn-home .yn-homepage .yn-billing-links .yn-icon { flex-shrink:0; width:30px; height:30px; }
.yn-home .yn-homepage .yn-faq { border-top:0; padding-top:12px; }
.yn-home .yn-homepage .yn-faq-grid > h2 { margin:10px 0 0; }
.yn-home .yn-homepage .yn-faq-list summary { font-weight:500; }
.yn-home .yn-homepage .yn-faq-list details[open] summary { font-weight:600; }
.yn-home .yn-homepage a:focus-visible,
.yn-home .yn-homepage button:focus-visible,
.yn-home .yn-homepage summary:focus-visible { outline:2px solid #008f76; outline-offset:4px; border-radius:4px; }
.yn-home .yn-homepage .yn-service-links a:focus-visible,
.yn-home .yn-homepage .yn-billing-links a:focus-visible,
.yn-home .yn-homepage .yn-home-status-links a:focus-visible { outline-offset:-3px; border-radius:0; }
@media (max-width:1199px) {
    .yn-home .yn-homepage .yn-home-product-card { gap:16px; padding:22px 20px 14px; }
    .yn-home .yn-homepage .yn-home-card-icon { flex-basis:52px; width:52px; height:56px; }
    .yn-home .yn-homepage .yn-home-card-icon svg { width:32px; height:32px; }
    .yn-home .yn-homepage .yn-home-compute-grid { grid-template-columns:minmax(0,1fr) 26%; gap:20px; }
    .yn-home .yn-homepage .yn-home-spec-grid { gap:20px; }
    .yn-home .yn-homepage .yn-home-spec { flex-direction:column; gap:10px; }
    .yn-home .yn-homepage .yn-home-status-grid { grid-template-columns:minmax(0,1fr) auto; gap:20px 24px; }
    .yn-home .yn-homepage .yn-home-status .yn-home-heading { grid-column:1; grid-row:1; }
    .yn-home .yn-homepage .yn-home-status-links { grid-column:1 / -1; grid-row:2; }
    .yn-home .yn-homepage .yn-home-status-grid > .yn-button { grid-column:2; grid-row:1; justify-self:end; }
    .yn-home .yn-homepage .yn-billing-links a { font-size:15px; }
}
@media (min-width:768px) and (max-width:1023px) {
    .yn-home .yn-homepage .yn-home-product-grid { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; }
    .yn-home .yn-homepage .yn-home-product-card { flex-direction:column; padding:22px 18px 14px; }
    .yn-home .yn-homepage .yn-home-product-body { flex:1; }
    .yn-home .yn-homepage .yn-home-product-body h3 { font-size:19px; }
    .yn-home .yn-homepage .yn-region-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767px) {
    .yn-home .yn-homepage h2,
    .yn-home .yn-homepage .yn-benefits-heading h2 { font-size:26px; line-height:1.35; }
    .yn-home .yn-homepage .yn-section { padding:30px 0; }
    .yn-home .yn-homepage .yn-hero-grid { padding-top:38px; padding-bottom:36px; }
    .yn-home .yn-homepage .yn-hero-actions { gap:12px; }
    .yn-home .yn-homepage .yn-hero-actions .yn-button { min-width:0; font-weight:600; }
    .yn-home .yn-homepage .yn-service-strip { padding:26px 0; }
    .yn-home .yn-homepage .yn-service-grid h2 { margin:0 0 8px; }
    .yn-home .yn-homepage .yn-service-grid p { font-size:16px; line-height:1.6; }
    .yn-home .yn-homepage .yn-service-links { padding:0; margin-top:18px; }
    .yn-home .yn-homepage .yn-service-links a { min-height:88px; padding:14px 8px; font-size:15px; }
    .yn-home .yn-homepage .yn-service-links .yn-icon { width:28px; height:28px; }
    .yn-home .yn-homepage .yn-home-heading { margin-bottom:20px; }
    .yn-home .yn-homepage .yn-home-heading h2 { margin-bottom:8px; }
    .yn-home .yn-homepage .yn-home-heading p { font-size:16px; }
    .yn-home .yn-homepage .yn-home-product-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
    .yn-home .yn-homepage .yn-home-product-card { padding:20px 18px 12px; gap:18px; }
    .yn-home .yn-homepage .yn-home-card-icon { flex-basis:52px; height:54px; }
    .yn-home .yn-homepage .yn-home-product-body h3 { font-size:20px; margin-bottom:6px; }
    .yn-home .yn-homepage .yn-home-product-body p { margin-bottom:4px; }
    .yn-home .yn-homepage .yn-regions { padding-top:14px; }
    .yn-home .yn-homepage .yn-section-top { margin-bottom:8px; }
    .yn-home .yn-homepage .yn-region-filters { gap:8px 18px; }
    .yn-home .yn-homepage .yn-region-filters button { min-height:44px; }
    .yn-home .yn-homepage .yn-region-grid { gap:0 18px; }
    .yn-home .yn-homepage .yn-region-item { min-height:62px; gap:10px; padding:12px 0; font-size:15px; }
    .yn-home .yn-homepage .yn-region-symbol { width:26px; }
    .yn-home .yn-homepage .yn-home-compute { padding-top:12px; }
    .yn-home .yn-homepage .yn-home-compute-grid { display:block; }
    .yn-home .yn-homepage .yn-home-compute-art { display:none; }
    .yn-home .yn-homepage .yn-home-spec-grid { grid-template-columns:minmax(0,1fr); gap:20px; margin:22px 0 24px; }
    .yn-home .yn-homepage .yn-home-spec { flex-direction:row; gap:18px; }
    .yn-home .yn-homepage .yn-home-spec > svg { width:30px; height:30px; flex-basis:30px; }
    .yn-home .yn-homepage .yn-home-spec h3 { font-size:18px; margin-bottom:4px; }
    .yn-home .yn-homepage .yn-benefits { padding:30px 0 24px; }
    .yn-home .yn-homepage .yn-benefits-heading { text-align:left; margin-bottom:20px; }
    .yn-home .yn-homepage .yn-benefits-heading p { font-size:16px; }
    .yn-home .yn-homepage .yn-benefits-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
    .yn-home .yn-homepage .yn-benefit-card { grid-template-columns:48px minmax(0,1fr); gap:6px 16px; padding:22px 18px; }
    .yn-home .yn-homepage .yn-benefit-icon { width:48px; height:48px; border-radius:12px; }
    .yn-home .yn-homepage .yn-benefit-card h3 { font-size:19px; }
    .yn-home .yn-homepage .yn-home-status { padding:12px 0 30px; }
    .yn-home .yn-homepage .yn-home-status-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
    .yn-home .yn-homepage .yn-home-status h2 { font-size:26px; }
    .yn-home .yn-homepage .yn-home-status .yn-home-heading { grid-column:1; grid-row:1; }
    .yn-home .yn-homepage .yn-home-status-links { grid-column:1; grid-row:2; padding:0; }
    .yn-home .yn-homepage .yn-home-status-links a { font-size:15px; padding:14px 8px; min-height:88px; }
    .yn-home .yn-homepage .yn-service-links a::after,
    .yn-home .yn-homepage .yn-home-status-links a::after { top:16px; bottom:16px; }
    .yn-home .yn-homepage .yn-home-status-grid > .yn-button { grid-column:1; grid-row:3; justify-self:stretch; }
    .yn-home .yn-homepage .yn-billing > .yn-wrap > p { font-size:16px; }
    .yn-home .yn-homepage .yn-billing-links { margin-top:20px; padding:0; }
    .yn-home .yn-homepage .yn-billing-links a { min-height:60px; padding:14px 18px; font-size:16px; gap:18px; }
    .yn-home .yn-homepage .yn-billing-links .yn-icon { width:26px; height:26px; }
    .yn-home .yn-homepage .yn-billing-links a::after { inset:auto 18px 0 18px; width:auto; height:1px; }
    .yn-home .yn-homepage .yn-faq { padding-top:6px; }
    .yn-home .yn-homepage .yn-faq-grid > h2 { margin:0 0 20px; }
    .yn-home .yn-homepage .yn-faq-list summary { min-height:60px; font-size:16px; }
    .yn-home .yn-homepage .yn-faq-list p { font-size:16px; }
}
@media (max-width:359px) {
    .yn-home .yn-homepage .yn-region-filters { gap:8px 10px; }
    .yn-home .yn-homepage .yn-home-product-card { gap:14px; padding-inline:16px; }
    .yn-home .yn-homepage .yn-home-card-icon { flex-basis:44px; width:44px; height:48px; }
    .yn-home .yn-homepage .yn-service-links a,
    .yn-home .yn-homepage .yn-home-status-links a { font-size:14px; padding-inline:5px; }
    .yn-home .yn-homepage .yn-region-grid { gap:0 14px; }
    .yn-home .yn-homepage .yn-region-item { gap:8px; }
}
@media (prefers-reduced-motion:reduce) {
    .yn-home .yn-homepage .yn-home-product-card,
    .yn-home .yn-homepage .yn-home-status-links a { transition:none; }
}

/* Native dropdown entry motion Homepage shell only No timers or interaction changes */
@keyframes yn-home-menu-enter {
    from { opacity:0; transform:translateY(-8px); }
    to { opacity:1; transform:translateY(0); }
}
.yn-home.yn-homepage-active .yn-dropdown[open] > .yn-dropdown-list,
.yn-home.yn-homepage-active .yn-search-panel[open] > form {
    animation:yn-home-menu-enter 220ms ease-out;
    transform-origin:top center;
}
.yn-home.yn-homepage-active .yn-chevron {
    margin-top:0;
    transition:transform 220ms ease-out;
}
.yn-home.yn-homepage-active .yn-dropdown[open] > summary .yn-chevron { margin-top:0; }
@media (max-width:1199px) {
    .yn-home.yn-homepage-active .yn-nav.is-open { animation:yn-home-menu-enter 220ms ease-out; }
}
@media (min-width:1200px) {
    .yn-home.yn-homepage-active.yn-compact-nav .yn-nav.is-open { animation:yn-home-menu-enter 220ms ease-out; }
}
@media (prefers-reduced-motion:reduce) {
    .yn-home.yn-homepage-active .yn-dropdown[open] > .yn-dropdown-list,
    .yn-home.yn-homepage-active .yn-search-panel[open] > form,
    .yn-home.yn-homepage-active .yn-nav.is-open { animation:none; }
    .yn-home.yn-homepage-active .yn-chevron { transition:none; }
}

/* Dotted world map The region tabs and the original product links remain the controls */
.yn-home .yn-homepage .yn-regions-layout.yn-has-map { display:block; }
.yn-home .yn-homepage .yn-regions .yn-section-top { margin-bottom:12px; }
.yn-home .yn-homepage .yn-region-filters button:focus:not(:focus-visible) { outline:none; }
.yn-home .yn-homepage .yn-region-filters button:focus-visible { outline:2px solid #008f76; outline-offset:3px; border-radius:4px; }
.yn-home .yn-homepage .yn-region-map { position:relative; min-width:0; padding:8px 0 0; border:0; background:transparent; }
.yn-home .yn-homepage .yn-map-canvas { position:relative; width:100%; max-width:1040px; margin-inline:auto; aspect-ratio:720 / 306; transform:translateX(-2.56%); }
.yn-home .yn-homepage .yn-map-canvas > img { display:block; width:100%; height:100%; object-fit:contain; opacity:.86; filter:saturate(.55); }
.yn-home .yn-homepage .yn-map-points { position:absolute; inset:0; pointer-events:none; }
.yn-home .yn-homepage .yn-map-point { position:absolute; display:block; width:6px; height:6px; border-radius:50%; transform:translate(-50%,-50%); background:#8da0ad; box-shadow:0 0 0 1.5px #fff; opacity:.65; transition:background-color .24s,box-shadow .24s,opacity .24s; }
.yn-home .yn-homepage .yn-map-point.is-active { background:#008f76; opacity:1; box-shadow:0 0 0 1.5px #fff,0 0 0 3.5px #008f761c; }
.yn-home .yn-homepage .yn-map-point.is-highlighted { background:#006f5b; opacity:1; box-shadow:0 0 0 2px #fff,0 0 0 5px #008f7629,0 0 14px #008f7645; z-index:1; }
.yn-home .yn-homepage .yn-map-description { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.yn-home .yn-homepage .yn-has-map .yn-region-grid { margin-top:12px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 24px; }
.yn-home .yn-homepage .yn-has-map .yn-region-item { min-height:60px; padding:12px 10px; gap:12px; font-size:16px; line-height:1.5; }
.yn-home .yn-homepage .yn-has-map .yn-region-item > span:nth-child(2) { min-width:0; }
.yn-home .yn-homepage .yn-has-map .yn-region-symbol { width:30px; }
.yn-home .yn-homepage .yn-has-map .yn-region-symbol .iti-flag { transform:scale(1.4); }
.yn-home .yn-homepage .yn-has-map .yn-region-arrow { display:inline-flex; align-items:center; justify-content:center; flex:0 0 18px; margin-left:auto; opacity:0; transform:translateX(-4px); transition:opacity .18s,transform .18s; }
.yn-home .yn-homepage .yn-has-map .yn-region-item:hover .yn-region-arrow,
.yn-home .yn-homepage .yn-has-map .yn-region-item:focus-visible .yn-region-arrow { opacity:1; transform:translateX(0); }
@media (max-width:1199px) and (min-width:768px) {
    .yn-home .yn-homepage .yn-has-map .yn-region-grid { grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:20px; }
    .yn-home .yn-homepage .yn-has-map .yn-region-item { font-size:15px; }
}
@media (max-width:767px) {
    .yn-home .yn-homepage .yn-region-map { padding:10px 0 2px; }
    .yn-home .yn-homepage .yn-regions .yn-section-top { margin-bottom:4px; }
    .yn-home .yn-homepage .yn-map-canvas > img { opacity:1; filter:saturate(.55) brightness(.88); }
    .yn-home .yn-homepage .yn-map-point { width:5px; height:5px; box-shadow:0 0 0 1px #fff; }
    .yn-home .yn-homepage .yn-map-point.is-active { box-shadow:0 0 0 1px #fff,0 0 0 2px #008f7618; }
    .yn-home .yn-homepage .yn-map-point.is-highlighted { box-shadow:0 0 0 1px #fff,0 0 0 3px #008f7626,0 0 8px #008f7640; }
    .yn-home .yn-homepage .yn-has-map .yn-region-grid { margin-top:10px; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:18px; }
    .yn-home .yn-homepage .yn-has-map .yn-region-item { position:relative; min-height:64px; padding:12px 0; gap:10px; font-size:15px; }
    .yn-home .yn-homepage .yn-has-map .yn-region-symbol { width:26px; }
    .yn-home .yn-homepage .yn-has-map .yn-region-arrow { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    .yn-home .yn-homepage .yn-map-point,
    .yn-home .yn-homepage .yn-has-map .yn-region-arrow { transition:none; }
}

/* Cards enter once after reaching the viewport All content is visible by default */
@keyframes yn-home-card-enter {
    from { opacity:.35; transform:translateY(24px); }
    to { opacity:1; transform:translateY(0); }
}
.yn-home .yn-homepage .yn-entry-entering { animation:yn-home-card-enter 560ms cubic-bezier(.22,1,.36,1) var(--yn-entry-delay,0ms) both; }
@media (max-width:767px) {
    @keyframes yn-home-card-enter {
        from { opacity:.35; transform:translateY(18px); }
        to { opacity:1; transform:translateY(0); }
    }
}
@media (prefers-reduced-motion:reduce) {
    .yn-home .yn-homepage .yn-entry-entering { animation:none; }
}