:root{--paper:#f6f1e8;--paper-soft:#fbf8f2;--paper-card:#f8f3ea;--sage:#7e8a72;--sage-dark:#5c6c52;--terra:#b86f4f;--terra-dark:#9d583c;--brown:#3f352d;--muted:#776c62;--border:#e2d9ca;--shadow:0 8px 26px rgba(77,59,43,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--brown);background:radial-gradient(circle at 12% 18%,rgba(184,111,79,.035),transparent 24%),linear-gradient(180deg,#fbf8f2 0%,#f6f1e8 100%);font-family:Georgia,"Times New Roman",serif;line-height:1.55}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.page-width{width:min(1468px,calc(100% - 64px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(251,248,242,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}.header-inner{width:min(1468px,calc(100% - 64px));min-height:108px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:42px}.brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}.brand-logo{width:72px;height:72px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{color:var(--sage-dark);font-size:43px;font-weight:500;letter-spacing:-.8px}.brand-copy em{margin-top:9px;color:var(--terra-dark);font-size:18px;font-weight:normal}.main-nav{display:flex;align-items:stretch;align-self:stretch;gap:36px;white-space:nowrap}.main-nav a{position:relative;display:flex;align-items:center;font-size:17px}.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}.main-nav a:hover,.main-nav a.active{color:var(--terra-dark)}.main-nav a.active::after{background:var(--terra)}
.hero{margin-top:22px;min-height:480px;display:grid;grid-template-columns:minmax(495px,43%) minmax(0,57%);overflow:hidden;border-radius:7px;background:var(--paper);box-shadow:var(--shadow)}.hero-copy{position:relative;min-width:0;z-index:2;background:linear-gradient(90deg,rgba(249,245,236,.99) 0%,rgba(249,245,236,.99) 75%,rgba(249,245,236,.92) 88%,rgba(249,245,236,0) 100%)}.hero-copy-inner{position:relative;z-index:2;max-width:650px;padding:52px 36px 43px 145px}.hero-botanical{position:absolute;left:34px;top:75px;width:105px;height:350px;object-fit:contain;opacity:.9}.eyebrow{margin:0 0 10px;color:var(--terra-dark);font-size:13px;letter-spacing:1.7px;font-weight:700}.hero h1{margin:0;color:var(--sage-dark);font-size:clamp(66px,6.2vw,92px);line-height:.98;font-weight:400;letter-spacing:-2px}.motto{margin:13px 0 0;color:var(--terra-dark);font-size:27px;font-style:italic}.ornament-line{width:265px;margin:25px 0 22px;display:flex;align-items:center;gap:10px;color:var(--terra)}.ornament-line span{height:1px;flex:1;background:rgba(184,111,79,.55)}.ornament-line b{font-size:15px;font-weight:normal}.hero-text{max-width:465px;margin:0 0 15px;font-size:16.5px}.button{display:inline-flex;align-items:center;gap:18px;margin-top:6px;padding:12px 24px;color:#fff;background:var(--sage);border-radius:3px;font-size:16px;box-shadow:0 4px 14px rgba(72,77,63,.12);transition:.18s}.button:hover{background:var(--sage-dark);transform:translateY(-1px)}.button span{font-size:25px;line-height:.8}.hero-photo{min-width:0;overflow:hidden;margin-left:-38px}.hero-photo img{width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center}
.feature-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{min-height:198px;display:grid;grid-template-columns:minmax(0,62%) minmax(145px,38%);overflow:hidden;border:1px solid var(--border);border-radius:6px;background:var(--paper-card);box-shadow:var(--shadow);transition:.18s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(77,59,43,.12)}.feature-content{display:flex;align-items:flex-start;gap:20px;padding:27px 14px 22px 26px;position:relative;z-index:2}.feature-icon{width:52px;height:52px;flex:0 0 52px;object-fit:contain}.feature-card h2{margin:2px 0 9px;font-size:22px;font-weight:600}.feature-card p{margin:0 0 12px;font-size:15px;max-width:220px}.feature-link{color:var(--terra-dark);font-size:15px}.feature-photo{width:100%;height:100%;min-height:198px;object-fit:cover}
.exhibition{margin-top:18px;margin-bottom:48px;min-height:210px;display:grid;grid-template-columns:32% 68%;overflow:hidden;border-radius:6px;background:var(--sage);box-shadow:var(--shadow)}.exhibition-copy{position:relative;z-index:2;padding:21px 26px 20px 52px;color:#fff;background:linear-gradient(90deg,rgba(126,138,114,1) 0%,rgba(126,138,114,1) 78%,rgba(126,138,114,.86) 90%,rgba(126,138,114,0) 100%)}.exhibition-label{margin:0 0 1px;font-size:14px}.exhibition h2{margin:0 0 10px;font-size:29px;line-height:1.12;font-weight:400}.exhibition-meta{margin:5px 0;font-size:14px;line-height:1.35}.exhibition-meta>span{display:inline-block;width:20px}.exhibition-meta small{margin-left:22px;font-size:13px}.button-terra{margin-top:8px;padding:9px 21px;background:var(--terra)}.button-terra:hover{background:var(--terra-dark)}.exhibition-photo{min-width:0;overflow:hidden;margin-left:-45px}.exhibition-photo img{width:100%;height:100%;min-height:210px;object-fit:cover;object-position:center 58%}
.site-footer{border-top:1px solid var(--border);background:rgba(246,241,232,.88)}.footer-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner>div{display:flex;align-items:baseline;gap:14px}.footer-inner strong{color:var(--sage-dark);font-size:21px}.footer-inner span,.footer-inner p{color:var(--muted);font-size:14px}.footer-inner span{font-style:italic}.footer-inner p{font-size:13px}
@media(max-width:1180px){.header-inner{min-height:88px}.brand-logo{width:57px;height:57px}.brand-copy strong{font-size:34px}.brand-copy em{font-size:15px}.main-nav{gap:20px}.main-nav a{font-size:15px}.hero{grid-template-columns:minmax(440px,47%) minmax(0,53%)}.hero-copy-inner{padding-left:82px}.hero-botanical{width:60px;left:18px}.feature-card{grid-template-columns:1fr}.feature-photo{height:160px;min-height:160px}}
@media(max-width:860px){.page-width,.header-inner{width:min(100% - 28px,720px)}.header-inner{min-height:76px}.brand-logo{width:48px;height:48px}.brand-copy strong{font-size:31px}.brand-copy em{font-size:14px}.main-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy-inner{padding:44px 30px;max-width:none}.hero-botanical{display:none}.hero h1{font-size:clamp(54px,15vw,76px)}.motto{font-size:23px}.hero-photo{margin-left:0;height:390px}.hero-photo img{min-height:390px}.feature-grid{grid-template-columns:1fr}.feature-card{grid-template-columns:minmax(0,58%) minmax(180px,42%)}.feature-photo{height:100%;min-height:200px}.exhibition{grid-template-columns:1fr}.exhibition-copy{padding:28px}.exhibition-photo{margin-left:0;height:300px}.footer-inner{padding:22px 0;flex-direction:column;align-items:flex-start}}
@media(max-width:540px){.brand-logo{width:43px;height:43px}.brand-copy strong{font-size:27px}.brand-copy em{font-size:12.5px}.hero-copy-inner{padding:36px 22px}.hero h1{font-size:53px}.motto{font-size:21px}.feature-card{grid-template-columns:1fr}.feature-photo{height:190px}.feature-content{padding:24px 22px}}

/* ==========================================================
   ALKOTÁSOK / GALÉRIA – V2 vizuális alap kiegészítése
   ========================================================== */

.page-hero {
    width: min(1280px, calc(100% - 64px));
    margin: 34px auto 24px;
    padding: 44px 50px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background:
        linear-gradient(120deg, rgba(244,239,229,.96), rgba(250,247,240,.98));
    box-shadow: var(--shadow);
}

.page-hero .eyebrow {
    margin-bottom: 8px;
}

.page-hero h1 {
    margin: 0;
    color: var(--sage-dark);
    font-size: clamp(42px, 5vw, 66px);
    font-weight: normal;
    line-height: 1;
}

.page-hero .lead {
    max-width: 720px;
    margin: 16px 0 0;
    color: var(--brown-light);
    font-size: 18px;
}

.gallery-toolbar {
    width: min(1280px, calc(100% - 64px));
    margin: 0 auto 22px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px;
}

.gallery-toolbar h2 {
    margin: 0;
    font-size: 28px;
    font-weight: normal;
}

.gallery-count {
    color: var(--brown-light);
    font-size: 14px;
}

.artworks-grid {
    width: min(1280px, calc(100% - 64px));
    margin: 0 auto 70px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.artwork-card {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: var(--paper-light);
    box-shadow: var(--shadow);
    transition: transform .2s ease, box-shadow .2s ease;
}

.artwork-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(70,63,56,.12);
}

.artwork-card-image {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: linear-gradient(145deg, #e1cfab, #b99d73);
}

.artwork-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.artwork-card:hover .artwork-card-image img {
    transform: scale(1.025);
}

.artwork-card-body {
    padding: 19px 21px 22px;
}

.artwork-card-meta {
    color: var(--terra-dark);
    font-size: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.artwork-card h3 {
    margin: 5px 0 8px;
    color: var(--brown);
    font-size: 23px;
    font-weight: normal;
}

.artwork-card p {
    margin: 0;
    color: var(--brown-light);
    font-size: 15px;
}

.artwork-card-more {
    display: inline-block;
    margin-top: 14px;
    color: var(--terra-dark);
}

.empty-state {
    width: min(1280px, calc(100% - 64px));
    margin: 25px auto 70px;
    padding: 50px 35px;
    text-align: center;
    border: 1px dashed var(--border);
    background: var(--paper);
}

.empty-state h2 {
    color: var(--sage-dark);
    font-weight: normal;
}

.artwork-detail {
    width: min(1280px, calc(100% - 64px));
    margin: 34px auto 70px;
}

.artwork-detail-head {
    display: grid;
    grid-template-columns: minmax(0, 58%) minmax(320px, 42%);
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--paper);
    box-shadow: var(--shadow);
}

.artwork-detail-cover {
    min-height: 520px;
    background: #e1cfab;
}

.artwork-detail-cover img {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
}

.artwork-detail-copy {
    padding: 54px 48px;
}

.artwork-detail-copy h1 {
    margin: 4px 0 8px;
    color: var(--sage-dark);
    font-size: clamp(42px, 5vw, 62px);
    line-height: 1.05;
    font-weight: normal;
}

.artwork-year {
    color: var(--terra-dark);
    font-style: italic;
}

.artwork-description {
    margin-top: 27px;
    font-size: 17px;
    white-space: pre-line;
}

.back-link {
    display: inline-block;
    margin-top: 28px;
    color: var(--terra-dark);
}

.detail-gallery-title {
    margin: 42px 0 18px;
    font-size: 29px;
    font-weight: normal;
}

.detail-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 18px;
}

.detail-gallery a {
    display: block;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid var(--border);
    background: var(--paper);
}

.detail-gallery img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

@media (max-width: 950px) {
    .artworks-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .artwork-detail-head {
        grid-template-columns: 1fr;
    }

    .artwork-detail-cover,
    .artwork-detail-cover img {
        min-height: 400px;
    }

    .detail-gallery {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 580px) {
    .page-hero,
    .gallery-toolbar,
    .artworks-grid,
    .empty-state,
    .artwork-detail {
        width: min(100% - 28px, 720px);
    }

    .page-hero {
        padding: 32px 24px;
    }

    .artworks-grid,
    .detail-gallery {
        grid-template-columns: 1fr;
    }

    .artwork-detail-copy {
        padding: 34px 24px;
    }
}

/* ALKOTÁSOK GALÉRIA V2 */
.gallery-page-hero{text-align:center}
.gallery-page-hero .lead{margin-left:auto;margin-right:auto}
.gallery-toolbar{width:min(1080px,calc(100% - 64px));margin:0 auto 20px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.centered-gallery{width:min(1080px,calc(100% - 64px));margin:0 auto 72px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px 26px;justify-content:center}
.compact-card{width:100%;max-width:330px;justify-self:center}
.artwork-image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;font:inherit;color:inherit}
.compact-image{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(145deg,#e1cfab,#b99d73)}
.compact-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease,filter .25s ease}
.artwork-image-button:hover .compact-image img{transform:scale(1.035);filter:brightness(.94)}
.zoom-hint{position:absolute;right:10px;bottom:10px;padding:5px 9px;border-radius:3px;background:rgba(70,63,56,.78);color:#fff;font-size:12px;opacity:0;transform:translateY(4px);transition:.2s}
.artwork-image-button:hover .zoom-hint{opacity:1;transform:translateY(0)}
.compact-body{padding:15px 17px 18px;text-align:center}
.compact-body h3{margin-top:4px;font-size:20px}
.compact-body p{font-size:14px;line-height:1.45}
.compact-body .artwork-card-more{margin-top:10px}

.lightbox{position:fixed;inset:0;z-index:1000;display:none}
.lightbox.open{display:block}
.lightbox-backdrop{position:absolute;inset:0;background:rgba(30,26,22,.84);backdrop-filter:blur(3px);cursor:zoom-out}
.lightbox-dialog{position:absolute;left:50%;top:50%;width:min(92vw,1180px);max-height:92vh;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}
.lightbox-dialog img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:4px;box-shadow:0 24px 70px rgba(0,0,0,.35);background:#f4efe5;pointer-events:auto}
.lightbox-caption{margin-top:10px;color:#f7f1e8;font-size:16px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.45);pointer-events:auto}
.lightbox-close{position:absolute;right:0;top:-48px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:31px;line-height:1;cursor:pointer;pointer-events:auto}
.lightbox-close:hover{background:rgba(255,255,255,.24)}
body.lightbox-open{overflow:hidden}
@media(max-width:900px){.centered-gallery{grid-template-columns:repeat(2,minmax(0,1fr));width:min(760px,calc(100% - 36px))}.gallery-toolbar{width:min(760px,calc(100% - 36px))}}
@media(max-width:560px){.centered-gallery{grid-template-columns:1fr;width:min(360px,calc(100% - 28px))}.gallery-toolbar{width:min(360px,calc(100% - 28px));align-items:flex-start;flex-direction:column}.compact-card{max-width:360px}.lightbox-close{right:2px}}


/* ==========================================================
   GALÉRIA V3 – borítókép + minden galériakép
   ========================================================== */

.public-image-grid {
    width: min(1040px, calc(100% - 64px));
    margin: 0 auto 72px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 300px));
    justify-content: center;
    gap: 28px 30px;
}

.public-image-card {
    width: 100%;
    max-width: 300px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: var(--paper-light);
    box-shadow: var(--shadow);
    transition: transform .2s ease, box-shadow .2s ease;
}

.public-image-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 13px 30px rgba(70,63,56,.11);
}

.public-image-button {
    width: 100%;
    display: block;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: zoom-in;
}

.public-image-frame {
    position: relative;
    display: block;
    width: 100%;
    height: 205px;
    overflow: hidden;
    background: #e4d2b3;
}

.public-image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease, filter .25s ease;
}

.public-image-button:hover img {
    transform: scale(1.035);
    filter: brightness(.95);
}

.public-image-info {
    min-height: 132px;
    padding: 14px 15px 17px;
    text-align: center;
}

.public-image-info h3 {
    margin: 4px 0 5px;
    font-size: 19px;
    font-weight: normal;
}

.public-image-info p {
    margin: 5px 0 8px;
    color: var(--brown-light);
    font-size: 13px;
    line-height: 1.4;
}

.public-image-info a {
    display: inline-block;
    margin-top: 5px;
    color: var(--terra-dark);
    font-size: 14px;
}

@media (max-width: 820px) {
    .public-image-grid {
        width: min(680px, calc(100% - 36px));
        grid-template-columns: repeat(2, minmax(0, 300px));
    }
}

@media (max-width: 520px) {
    .public-image-grid {
        width: min(320px, calc(100% - 28px));
        grid-template-columns: 1fr;
    }

    .public-image-card {
        max-width: 320px;
    }

    .public-image-frame {
        height: 220px;
    }
}


/* ==========================================================
   RÉSZLETEK MODAL – a kép-nagyításhoz hasonló megjelenés
   ========================================================== */

.detail-open {
    display: inline-block;
    margin-top: 5px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--terra-dark);
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
}

.detail-open:hover {
    text-decoration: underline;
}

.detail-modal {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: none;
}

.detail-modal.open {
    display: block;
}

.detail-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(30,26,22,.84);
    backdrop-filter: blur(3px);
    cursor: zoom-out;
}

.detail-modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(94vw, 1120px);
    max-height: 90vh;
    transform: translate(-50%, -50%);
    overflow: auto;
    border-radius: 7px;
    background: #f8f3ea;
    box-shadow: 0 28px 80px rgba(0,0,0,.34);
}

.detail-modal-close {
    position: sticky;
    float: right;
    right: 14px;
    top: 14px;
    z-index: 4;
    width: 42px;
    height: 42px;
    margin: 14px 14px -56px 0;
    border: 0;
    border-radius: 50%;
    background: rgba(70,63,56,.78);
    color: #fff;
    font-size: 31px;
    line-height: 1;
    cursor: pointer;
}

.detail-modal-content {
    display: grid;
    grid-template-columns: minmax(0, 58%) minmax(320px, 42%);
    min-height: 490px;
}

.detail-modal-main-image {
    min-height: 490px;
    background: #ddc79e;
}

.detail-modal-main-image img {
    width: 100%;
    height: 100%;
    min-height: 490px;
    max-height: 68vh;
    object-fit: contain;
    background: #e8dbc5;
}

.detail-modal-copy {
    padding: 58px 44px 40px;
}

.detail-modal-copy h2 {
    margin: 4px 0 7px;
    color: var(--sage-dark);
    font-size: clamp(36px, 4vw, 54px);
    line-height: 1.05;
    font-weight: normal;
}

.detail-year {
    color: var(--terra-dark);
    font-style: italic;
    font-size: 17px;
}

.detail-description {
    margin-top: 24px;
    color: var(--brown);
    font-size: 16px;
    line-height: 1.65;
    white-space: pre-line;
}

.detail-thumbs {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 16px 22px 22px;
    border-top: 1px solid var(--border);
    background: #f3ede3;
}

.detail-thumb {
    flex: 0 0 112px;
    width: 112px;
    height: 82px;
    padding: 0;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 4px;
    background: #e4d2b3;
    cursor: pointer;
}

.detail-thumb.active {
    border-color: var(--terra);
}

.detail-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.modal-open {
    overflow: hidden;
}

@media (max-width: 800px) {
    .detail-modal-dialog {
        width: min(94vw, 720px);
    }

    .detail-modal-content {
        grid-template-columns: 1fr;
    }

    .detail-modal-main-image,
    .detail-modal-main-image img {
        min-height: 330px;
    }

    .detail-modal-main-image img {
        max-height: 46vh;
    }

    .detail-modal-copy {
        padding: 32px 26px;
    }
}

@media (max-width: 520px) {
    .detail-modal-dialog {
        width: calc(100% - 20px);
        max-height: 94vh;
    }

    .detail-modal-main-image,
    .detail-modal-main-image img {
        min-height: 260px;
    }

    .detail-thumb {
        flex-basis: 90px;
        width: 90px;
        height: 68px;
    }
}

/* CSUHE_LIGHTBOX_NAV_START */
.lightbox-dialog{overflow:visible}
.lightbox-nav{position:absolute;top:50%;z-index:4;width:54px;height:72px;transform:translateY(-50%);border:0;border-radius:4px;background:rgba(255,255,255,.15);color:#fff;font-size:38px;line-height:1;cursor:pointer;transition:background .2s ease}
.lightbox-nav:hover{background:rgba(255,255,255,.28)}
.lightbox-prev{left:-72px}
.lightbox-next{right:-72px}
.lightbox-counter{margin-top:5px;color:rgba(255,255,255,.78);font-size:13px;text-align:center}
@media(max-width:1050px){.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-nav{width:46px;height:62px;background:rgba(30,26,22,.46)}}
@media(max-width:560px){.lightbox-nav{width:42px;height:56px;font-size:31px}.lightbox-prev{left:4px}.lightbox-next{right:4px}}
/* CSUHE_LIGHTBOX_NAV_END */

/* Lightbox nyilak kattinthatóságának javítása */
.lightbox-nav {
    pointer-events: auto !important;
}