body.exhibition-page { --primary: #28594e; --primary-dark: #173448; --accent: #d6a64a; --accent-hover: #e5bc68; --off-white: #fbf7ef; --border: #dce4d9; --text-mid: #52665e; --text-light: #607168; background: #fbf7ef; }
body.exhibition-page.ex-modal-open { overflow: hidden; }
.exhibition-page :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline: 3px solid #956c23; outline-offset: 4px; }
.exhibition-page .ex-nav { background: #fffdf9; }
.exhibition-page .ex-nav-logo-img { padding: 0; box-shadow: none; background: #fffdf6; }
.exhibition-page .ex-nav-brand-name { font-family: Inter,system-ui,sans-serif; font-size: 19px; color: #173448; }
.exhibition-page .ex-nav-brand-sub { color: #806225; letter-spacing: .22em; }
.exhibition-page .ex-nav-brand-sub::before,.exhibition-page .ex-nav-brand-sub::after { display: none; }
.exhibition-page .ex-hero { background: #fbf7ef; padding: 68px 24px; text-align: left; color: #173448; }
.exhibition-page .ex-hero::before { display: none; }
.exhibition-page .ex-hero-inner { max-width: 1152px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: center; }
.exhibition-page .ex-eyebrow { color: #806225; font-size: 10px; }
.exhibition-page .ex-hero h1 { font-size: clamp(39px,4.8vw,62px); letter-spacing: -.045em; line-height: 1.13; font-weight: 600; }
.exhibition-page .ex-hero h1 em { color: #4f7860; font-weight: 500; }
.exhibition-page .ex-hero p { color: #52665e; max-width: 540px; font-size: 16px; line-height: 1.85; }
.exhibition-page .ex-hero-actions { justify-content: start; }
.exhibition-page .ex-btn { min-height: 46px; border-radius: 9px; font-size: 13px; }
.exhibition-page .ex-hero .ex-btn-gold { background: #28594e; color: white; }
.exhibition-page .ex-btn-ghost { color: #28594e; border-color: #bdcdb6; background: transparent; }
.ex-art-preview { margin: 0; padding: 20px; border: 1px solid #d9dfd1; background: #f0e9dc; border-radius: 100px 100px 18px 18px; }
.ex-art-preview img { width: 100%; aspect-ratio: 1.15; object-fit: cover; display: block; border: 10px solid #fffdf9; border-radius: 85px 85px 5px 5px; }
.ex-art-preview figcaption { padding: 18px 8px 2px; text-align: center; color: #49604f; font-size: 12px; }
.exhibition-page .ex-how { max-width: none; margin: 0; background: #edf2e7; border-block: 1px solid #dce4d5; padding: 34px 24px; }
.exhibition-page .ex-how-grid { max-width: 1152px; margin: 0 auto; gap: 35px; background: transparent; box-shadow: none; }
.exhibition-page .ex-how-step { text-align: left; }
.exhibition-page .ex-how-step .n { width: 38px; padding: 5px; text-align: center; border-radius: 9px; font-size: 15px; color: #547257; background: #fffdf8; border: 1px solid #d3ddca; box-shadow: none; margin: 0 0 14px; }
.exhibition-page .ex-how-step h4 { font-size: 21px; font-weight: 600; }
.exhibition-page .ex-how-step p { font-size: 13px; line-height: 1.8; color: #52665e; }
.exhibition-page .ex-section { max-width: 1200px; padding: 62px 24px; scroll-margin-top: 90px; }
.exhibition-page .ex-section-head { display: block; margin-bottom: 22px; }
.exhibition-page .ex-section-head h2 { font-size: 34px; letter-spacing: -.035em; font-weight: 600; margin-bottom: 23px; }
.exhibition-page .ex-chip { border-color: #d1ddca; background: #fffdf9; color: #49624e; min-height: 38px; padding: 8px 14px; }
.exhibition-page .ex-chip.active { background: #28594e; border-color: #28594e; color: #fff; }
.ex-gallery-tools { display: flex; flex-wrap: wrap; gap: 14px; align-items: end; padding: 18px; background: #edf2e7; border-radius: 13px; margin: 24px 0 15px; }
.ex-gallery-tools label { display: flex; flex-direction: column; gap: 6px; color: #42624d; font-size: 11px; font-weight: 600; }
.ex-gallery-tools label:first-child { flex: 1; min-width: 180px; }
.ex-gallery-tools input,.ex-gallery-tools select { min-height: 44px; border: 1px solid #cbd8c7; border-radius: 8px; background: #fffdf9; padding: 10px 12px; font: 14px Inter,system-ui,sans-serif; color: #173448; }
.ex-results { font-size: 12px; color: #52665e; margin-bottom: 23px; }
.exhibition-page .ex-grid { gap: 24px; }
.exhibition-page .ex-card { border: 1px solid #dce4d9; border-radius: 16px; background: #fffdf9; box-shadow: none; overflow: hidden; }
.exhibition-page .ex-card:hover { border-color: #a9bfa2; box-shadow: 0 10px 25px #28594e0d; transform: translateY(-3px); }
.exhibition-page .ex-card-photo { background: #e6edde; }
.exhibition-page .ex-card-body { padding: 23px; }
.exhibition-page .ex-card h4 { font-size: 24px; font-weight: 600; color: #173448; }
.exhibition-page .ex-card-tag { background: #fffdf9; color: #49624e; }
.exhibition-page .ex-card-price strong { color: #28594e; }
.exhibition-page .ex-empty { background: #fffdf9; border: 1px dashed #bccdb4; border-radius: 16px; padding: 55px 24px; color: #52665e; }
.exhibition-page .ex-empty strong { display: block; font-family: 'Playfair Display',Georgia,serif; color: #28594e; font-size: 25px; margin-bottom: 12px; }
.exhibition-page .ex-modal { background: #fffdf9; border-radius: 18px; }
.exhibition-page .ex-modal-sub { line-height: 1.8; }
.exhibition-page .ex-radio-opt { font: 600 13px Inter,system-ui,sans-serif; cursor: pointer; }
@media(max-width:880px) { .exhibition-page .ex-hero-inner { gap: 30px; grid-template-columns: 1fr 1fr; } .exhibition-page .ex-nav-center:not(.open) { visibility: hidden; padding-block: 0; } }
@media(max-width:650px) { .exhibition-page .ex-hero-inner { grid-template-columns: 1fr; } .ex-art-preview { max-width: 390px; margin: 5px auto 0; } .exhibition-page .ex-hero { padding: 44px 20px; } .ex-gallery-tools label { flex: 1; } .ex-gallery-tools :is(input,select) { width: 100%; min-width: 0; } .exhibition-page .ex-how-grid { grid-template-columns: 1fr; gap: 26px; } }
@media(prefers-reduced-motion:reduce) { .exhibition-page *, .exhibition-page *::before { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }