/**
 * /o-evgenii/ — restrained editorial polish and progressive motion.
 * Loaded only on the dedicated introduction page.
 * The core theme layout and all ACF/content/form markup remain unchanged.
 */

/* Delicate one-time light across the existing (unchanged) universal Hero. */
body.ev-motion-enabled .inner-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 28%, rgb(255 255 255 / 13%) 42%, rgb(168 224 233 / 10%) 55%, transparent 70%);
    background-size: 205% 100%;
    animation: ev-hero-light 5.3s ease-out both;
}
body.ev-motion-enabled .inner-hero__content {
    animation: ev-hero-enter 780ms cubic-bezier(.2,.7,.2,1) both;
}
body.ev-motion-enabled .inner-hero__watermark {
    animation: ev-hero-watermark 1350ms cubic-bezier(.2,.7,.2,1) both;
}
@keyframes ev-hero-light {
    from { opacity: 0; background-position: 100% 0; }
    28% { opacity: .68; }
    to { opacity: .35; background-position: 0 0; }
}
@keyframes ev-hero-enter {
    from { opacity: .65; transform: translate3d(0, 8px, 0); }
    to { opacity: 1; transform: none; }
}
@keyframes ev-hero-watermark {
    from { opacity: .45; transform: translate3d(0, 6px, 0); }
    to { opacity: 1; transform: none; }
}

/* Local editorial refinements: no change in section order or column structure. */
.ev-page .ev-page__prose {
    font-size: clamp(16px, 1.16vw, 17.5px);
    line-height: 1.67;
}
.ev-page .ev-page__prose p { margin-bottom: 15px; }
.ev-page .ev-page__eyebrow { color: var(--color-link, #087780); }
.ev-page h2 { text-wrap: balance; }
.ev-page .ev-page__intro .ev-page__split { align-items: center; }
.ev-page .ev-page__portrait {
    border: 1px solid rgb(179 215 229 / 32%);
    box-shadow: 0 15px 38px rgb(19 73 102 / 5%);
    transition: box-shadow 340ms ease, border-color 340ms ease;
}
.ev-page .ev-page__intro .ev-page__copy { min-width: 0; }
.ev-page .ev-page__story {
    background:
        radial-gradient(ellipse at 91% 38%, rgb(206 238 244 / 15%), transparent 56%),
        linear-gradient(107deg, #f5f9fc, #f9fcfd 58%, #f1f7fa);
}
.ev-page .ev-page__story-photo {
    border: 1px solid rgb(176 216 228 / 27%);
    box-shadow: 0 12px 34px rgb(20 75 104 / 4%);
}
.ev-page .ev-page__experience {
    border-color: rgb(146 204 219 / 60%);
    box-shadow: 0 5px 19px rgb(34 104 129 / 3%);
}

/* The three principles remain editorial rows rather than promotional cards. */
.ev-page .ev-page__principles li {
    transition: background-color 260ms ease, border-color 260ms ease, padding-left 260ms ease, opacity 650ms ease, transform 650ms cubic-bezier(.2,.7,.2,1);
}
.ev-page .ev-page__principle-icon {
    transition: background-color 260ms ease, color 260ms ease, transform 260ms ease;
}
.ev-page .ev-page__text-link,
.ev-page .ev-page__text-link span {
    transition: color 230ms ease, border-color 230ms ease, transform 230ms ease;
}
.ev-page .ev-page__text-link span { display: inline-block; }
@media (hover: hover) and (pointer: fine) {
    .ev-page .ev-page__portrait:hover {
        border-color: rgb(126 192 210 / 55%);
        box-shadow: 0 19px 42px rgb(18 77 104 / 8%);
    }
    .ev-page .ev-page__principles li:hover {
        padding-left: 7px;
        border-color: rgb(118 190 205 / 54%);
        background-color: rgb(224 246 250 / 24%);
    }
    .ev-page .ev-page__principles li:hover .ev-page__principle-icon {
        background-color: #dff4f8;
        color: var(--color-link, #087780);
        transform: translateY(-2px);
    }
    .ev-page .ev-page__text-link:hover { border-bottom-color: #119da8; }
    .ev-page .ev-page__text-link:hover span { transform: translate(3px, -3px); }
}

/* One restrained brightening of the original partnership section, no new objects. */
.ev-page .ev-page__partner { position: relative; isolation: isolate; }
.ev-page .ev-page__partner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(114deg, transparent 25%, rgb(255 255 255 / 20%) 48%, rgb(190 233 239 / 11%) 64%, transparent 81%);
    pointer-events: none;
}
.ev-page .ev-page__partner .ev-page__button,
.ev-page .ev-page__submit {
    transition: background-color 250ms ease, transform 250ms ease, box-shadow 250ms ease;
}
.ev-page .ev-page__form-box {
    box-shadow: 0 12px 34px rgb(21 71 101 / 4%), 0 0 0 1px rgb(96 190 205 / 7%);
    transition: border-color 260ms ease, box-shadow 260ms ease;
}
.ev-page .ev-page__form-box:focus-within {
    border-color: #9fcfdc;
    box-shadow: 0 13px 34px rgb(24 75 104 / 5%), 0 0 0 3px rgb(67 175 199 / 7%);
}
.ev-page .ev-page__form input:not([type="checkbox"]) {
    transition: border-color 230ms ease, background-color 230ms ease, box-shadow 230ms ease;
}
.ev-page .ev-page__form input:not([type="checkbox"]):focus {
    border-color: #64aebf;
    background: #fff;
    box-shadow: 0 0 0 3px rgb(64 169 188 / 9%);
}
@media (hover: hover) and (pointer: fine) {
    .ev-page .ev-page__button:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 21px rgb(12 62 90 / 13%);
    }
}

/* Progressive enhancement: JS adds the pending class only when off screen. */
.ev-page .ev-reveal {
    transition: opacity 720ms cubic-bezier(.19, 1, .22, 1),
                transform 720ms cubic-bezier(.19, 1, .22, 1);
    transition-delay: var(--ev-reveal-delay, 0ms);
}
.ev-page .ev-reveal.ev-reveal--pending {
    opacity: 0;
    transform: translate3d(0, 19px, 0);
}
.ev-page .ev-page__portrait.ev-reveal--pending {
    transform: translate3d(-16px, 0, 0);
}
.ev-page .ev-page__story-photo.ev-reveal--pending {
    transform: translate3d(16px, 0, 0);
}

@media (max-width: 900px) {
    /* Preserve the theme's mobile sequence: text, then portrait. */
    .ev-page .ev-page__portrait,
    .ev-page .ev-page__story-photo { max-width: min(100%, 600px); }
}
@media (max-width: 600px) {
    .ev-page .ev-page__prose { font-size: 16px; line-height: 1.65; }
    .ev-page .ev-page__principles li { min-height: 76px; }
}
@media (prefers-reduced-motion: reduce) {
    body.ev-motion-enabled .inner-hero::before,
    body.ev-motion-enabled .inner-hero__content,
    body.ev-motion-enabled .inner-hero__watermark { animation: none !important; }
    .ev-page .ev-reveal,
    .ev-page .ev-page__portrait,
    .ev-page .ev-page__principles li,
    .ev-page .ev-page__principle-icon,
    .ev-page .ev-page__text-link,
    .ev-page .ev-page__text-link span,
    .ev-page .ev-page__button,
    .ev-page .ev-page__form-box,
    .ev-page .ev-page__form input { transition: none !important; }
    .ev-page .ev-reveal--pending { opacity: 1 !important; transform: none !important; }
    .ev-page .ev-page__button:hover,
    .ev-page .ev-page__principle-icon { transform: none !important; }
}
