/*
 * Audreyanna Editorial Refinements 1.0
 * A restrained functional polish layer informed by Inkwell Studios.
 */

/* The header begins as a quiet veil over the opening frame, then resolves to
   the site's deep ink color once the visitor starts moving through the page. */
.aelr-refined .ae-site-header {
    transition: background-color .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.aelr-refined.home .ae-site-header:not(.is-scrolled) {
    background: linear-gradient(180deg, rgba(8, 6, 7, .96) 0%, rgba(8, 6, 7, .76) 72%, rgba(8, 6, 7, .60) 100%);
    border-bottom-color: rgba(240, 236, 228, .08);
    box-shadow: none;
}

.aelr-refined .ae-site-header.is-scrolled {
    background: rgba(14, 10, 11, .965);
    border-bottom-color: rgba(240, 236, 228, .14);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
}

/* Art-directed portrait crop: the inline Customizer value was centering the
   image and cutting through Audreyanna's hairline on the stacked layout. */
.aelr-refined .ae-v7-artist-photo img {
    object-position: 50% 16% !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
}

/* Give the hero and selected-work section their own paint layers without
   promoting either image plane to a persistent transformed compositor layer. */
.aelr-refined .ae-v7-hero,
.aelr-refined .ae-v7-work {
    position: relative;
    isolation: isolate;
    contain: paint;
}

.aelr-refined .ae-v7-hero {
    z-index: 0;
}

.aelr-refined .ae-v7-work {
    z-index: 1;
}

.aelr-refined .ae-v7-hero-link img,
.aelr-refined .ae-v7-hero-link:hover img {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
}

/* The gallery no longer traps vertical wheel movement. Proximity snapping on
   touch keeps horizontal browsing deliberate without making vertical scroll
   feel sticky over the cards. */
@media (max-width: 760px) {
    .aelr-refined .ae-v7-work-track {
        scroll-snap-type: x mandatory !important;
        overscroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* Inkwell-style restraint: a small, slow lift of the artwork rather than a
   decorative animation. The frame stays still and the caption remains crisp. */
@media (hover: hover) and (pointer: fine) {
    .aelr-refined .ae-v71-work-grid .ae-v71-work-image img,
    .aelr-refined .ae-v7-work-frame img {
        transition: transform .68s cubic-bezier(.2, .7, .2, 1) !important;
        will-change: auto;
    }

    .aelr-refined .ae-v71-work-grid .ae-v71-work-card:hover .ae-v71-work-image img,
    .aelr-refined .ae-v7-work-frame:hover img {
        transform: scale(1.018) !important;
    }
}

/* A quiet, consistent disabled state makes carousel position legible. */
.aelr-refined .ae-v7-slider-arrows button {
    transition: color .22s ease, border-color .22s ease, background-color .22s ease, opacity .22s ease;
}

.aelr-refined .ae-v7-slider-arrows button:disabled {
    opacity: .34;
    cursor: default;
}

/* Progressive disclosure keeps the full archive from becoming a wall of
   imagery. The control is injected only when more than twelve works exist. */
.aelr-refined .ae-v71-gallery-more {
    display: flex;
    justify-content: center;
    padding: 42px 0 0;
}

.aelr-refined .ae-v71-gallery-more[hidden] {
    display: none;
}

.aelr-refined .ae-v71-gallery-more-button {
    min-width: 208px;
    min-height: 52px;
    padding: 14px 26px;
    border: 1px solid rgba(240, 236, 228, .28);
    background: transparent;
    color: #eee7df;
    font: 600 9px/1.2 var(--ae-sans);
    letter-spacing: .18em;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .24s ease, border-color .24s ease, background-color .24s ease;
}

.aelr-refined .ae-v71-gallery-more-button:hover {
    background: #d3b19e;
    border-color: #d3b19e;
    color: #110d0e;
}

.aelr-refined .ae-v71-work-card.is-revealing {
    animation: aelr-gallery-reveal .42s cubic-bezier(.2, .7, .2, 1) both;
}

@keyframes aelr-gallery-reveal {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.aelr-refined :where(a, button, input, textarea, select):focus-visible {
    outline: 1px solid rgba(211, 177, 158, .92);
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
    .aelr-refined *,
    .aelr-refined *::before,
    .aelr-refined *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* 1.1 — soft entrances and precise pointer feedback. */
.aelr-refined .aelr-reveal { transition: opacity .85s cubic-bezier(.2,.7,.2,1); }
.aelr-refined .aelr-reveal.aelr-pending { opacity: 0; }
.aelr-refined .aelr-reveal:focus-within { opacity: 1; }
.aelr-refined :where(.ae-nav a,.ae-v4-footer-nav a,.ae-v4-footer-social,.ae-arrow-link,.ae-v7-section-link,.ae-v7-artist-link) {
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-underline-offset: .4em;
    text-decoration-thickness: 1px;
    transition: color .25s ease, text-decoration-color .3s ease;
}
.aelr-refined :where(.ae-nav a,.ae-v4-footer-nav a,.ae-v4-footer-social,.ae-arrow-link,.ae-v7-section-link,.ae-v7-artist-link):is(:hover,:focus-visible) {
    color: #d3b19e; text-decoration-color: currentColor;
}
.aelr-refined :where(.ae-button,.ae-v7-primary,.ae-v7-outline-button) {
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}
.aelr-refined :where(.ae-button,.ae-v7-primary,.ae-v7-outline-button):is(:hover,:focus-visible) {
    background-color: #d3b19e; border-color: #d3b19e; color: #110d0e;
}
.aelr-refined :where(.ae-arrow-link,.ae-button,.ae-v7-section-link,.ae-v7-primary,.ae-v7-outline-button) > span[aria-hidden] {
    display: inline-block; transition: translate .3s ease;
}
@media (hover:hover) and (pointer:fine) {
    .aelr-refined :where(.ae-arrow-link,.ae-button,.ae-v7-section-link,.ae-v7-primary,.ae-v7-outline-button):hover > span[aria-hidden] { translate: 3px 0; }
    .aelr-refined .ae-v7-work-frame { transition: box-shadow .3s ease; }
    .aelr-refined .ae-v7-work-frame:hover { box-shadow: inset 0 0 0 1px rgba(211,177,158,.5); }
}
@media (prefers-reduced-motion:reduce) {
    .aelr-refined .aelr-reveal.aelr-pending { opacity: 1; }
    .aelr-refined [aria-hidden] { translate: none !important; }
}

/* A single centered photograph per mobile stop. Full-width cards also make
   the first and last image center correctly without artificial end spacers. */
@media(max-width:760px) {
 .aelr-refined .ae-v7-work-track { scroll-snap-type:x mandatory !important; scroll-padding-inline:0; }
 .aelr-refined .ae-v7-work-card { flex:0 0 100% !important; scroll-snap-align:center !important; scroll-snap-stop:always; }
}
.aelr-studio { padding:clamp(56px,7vw,100px) max(20px,5vw); background:#171011; border-top:1px solid rgba(211,177,158,.18); color:#eee7df; }
.aelr-studio-inner { display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,6vw,90px); max-width:1280px; margin:auto; align-items:center; }
.aelr-studio-photo { margin:0; aspect-ratio:4/3; overflow:hidden; }
.aelr-studio-photo img { display:block; width:100%; height:100%; object-fit:cover; filter:grayscale(1); }
.aelr-studio h2 { font-size:clamp(42px,5vw,76px); line-height:1; margin:16px 0 24px; }
.aelr-studio p { max-width:48ch; color:#b8aea7; line-height:1.7; }
.aelr-studio address { font-style:normal; margin:24px 0; line-height:1.8; }
.aelr-studio-links { display:flex; flex-wrap:wrap; gap:14px 26px; margin-top:24px; }
.aelr-studio a { text-underline-offset:5px; text-decoration:underline; transition:color .25s; }
.aelr-studio a:hover { color:#d3b19e; }
@media(max-width:760px) { .aelr-studio-inner { grid-template-columns:1fr; } }