@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@300;400;500;600&family=Noto+Serif+Armenian:wght@400;500;600&family=DM+Sans:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600&display=swap');:root{--bg:#111310;--fg:#f0ede3;--muted:#a7a99d;--line:#383d35;--accent:#c3c9a1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans','Noto Sans Armenian',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid #33382f;position:relative;z-index:3;background:#111310}.brand{font-size:19px;font-weight:700;letter-spacing:.04em}.brand span{color:#8c907b}.top nav{display:flex;gap:38px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#b7b9ae}.top nav a:hover,.secondary:hover{color:#fff}.language select{background:#242821;border:1px solid #454b40;border-radius:2px;color:#f0ede3;padding:10px 13px;max-width:145px;cursor:pointer}.hero{min-height:calc(100vh - 82px);position:relative;display:grid;grid-template-columns:53% 47%;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#272c22 0%,#171a15 48%,#111310 80%)}.hero-text{padding:clamp(75px,11vh,145px) 0 55px 10.4%;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.23em;text-transform:uppercase;color:#b9beab}.line{display:block;width:35px;height:1px;background:var(--accent)}h1,h2,p{margin-top:0}.hero h1{font-family:'Manrope','Noto Sans Armenian',sans-serif;font-size:clamp(54px,6.1vw,112px);font-weight:300;line-height:1.08;letter-spacing:-.065em;margin:47px 0 20px;max-width:760px;overflow-wrap:anywhere}.subtitle{font-size:clamp(16px,1.6vw,23px);font-weight:300;color:var(--accent);letter-spacing:.005em;margin-bottom:34px}.intro{font-size:15px;line-height:1.9;color:#afb3a7;max-width:490px}.actions{display:flex;gap:28px;align-items:center;margin-top:27px;flex-wrap:wrap}.primary{background:#c8cfaa;color:#161914;padding:17px 25px;font-size:12px;font-weight:700;letter-spacing:.04em}.primary:hover{background:#f1f2db}.secondary{color:#c0c3b5;font-size:12px;letter-spacing:.05em}.index{margin-top:auto;padding-top:55px;color:#83897d;font-size:11px;letter-spacing:.2em}.index span{margin-left:20px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:630px}.art-glow{position:absolute;width:75%;height:75%;background:radial-gradient(ellipse,#3b4331 0%,transparent 70%);filter:blur(50px)}.hero-art img{position:relative;width:100%;height:86%;object-fit:contain;filter:drop-shadow(0 15px 32px #080a08)}.hero-vertical{position:absolute;right:19px;bottom:48px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em;color:#72796c}.section-label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:65px}.installation,.essay,.gallery{padding:110px 10.4%}.installation{background:#e6e6dd;color:#242a24}.installation .section-label{color:#747f67}.statement{max-width:1000px;margin:auto;text-align:center}.mark{font-size:100px;line-height:.6;color:#a7ad94;font-family:Georgia,serif}.statement h2{font-weight:300;font-size:clamp(37px,5vw,72px);line-height:1.2;letter-spacing:-.045em;margin:22px auto 30px;max-width:930px}.rule{width:55px;height:1px;background:#7c8972;margin:0 auto 32px}.statement p{font-size:16px;line-height:2;color:#656d60;max-width:740px;margin:0 auto 80px}.wide-photo{height:clamp(370px,60vw,750px);overflow:hidden;background:#2e332b}.wide-photo img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.essay{background:#161a15}.essay-layout{display:grid;grid-template-columns:35% 1fr;gap:11%}.essay aside{position:sticky;top:45px;align-self:start}.small-title,.essay-heading{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#a5ae95}.essay aside h2{font-size:clamp(27px,3vw,44px);line-height:1.3;font-weight:300;letter-spacing:-.03em;margin:24px 0}.small-line{height:1px;background:#454c3f;width:70px;margin:35px 0}.essay-count{font-size:11px;color:#838b7d;letter-spacing:.2em}.essay-heading{margin-bottom:40px}.essay-paragraph{display:grid;grid-template-columns:30px 1fr;gap:25px;border-top:1px solid #353c33;padding:25px 0 32px}.essay-paragraph span{color:#849078;font-size:11px;padding-top:8px}.essay-paragraph p{color:#c7cabe;line-height:2.05;font-size:15px;font-weight:300;margin:0}.gallery{background:#10130f}.gallery h2{font-size:clamp(32px,4.4vw,60px);font-weight:300;letter-spacing:-.045em;margin-bottom:55px}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:300px 300px;gap:18px}.gallery-item{padding:0;border:0;background:#2d332b;position:relative;overflow:hidden;cursor:zoom-in}.gallery-item.tall{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item span{position:absolute;bottom:20px;left:23px;color:white;font-size:12px;text-shadow:0 1px 8px #000}footer{padding:55px 10.4%;border-top:1px solid #343a31;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.footer-brand{font-size:22px;font-weight:300}footer a,footer p{font-size:11px;color:#8e9788;letter-spacing:.08em;margin:0}dialog{background:#101310;border:1px solid #535a4d;max-width:94vw;max-height:94vh;padding:15px}dialog::backdrop{background:#000d}dialog img{max-width:88vw;max-height:85vh;object-fit:contain;display:block}#close{position:absolute;right:15px;top:15px;border:0;background:#111c;color:white;font-size:30px;cursor:pointer;width:45px;height:45px}@media(max-width:850px){.top{height:70px;padding:0 5%}.top nav{gap:15px}.hero{grid-template-columns:1fr}.hero-text{padding:70px 7% 0}.hero h1{font-size:clamp(52px,10vw,88px);margin-top:33px}.hero-art{min-height:490px;height:65vh;max-height:700px}.hero-art img{height:100%}.hero-vertical{display:none}.installation,.essay,.gallery{padding:75px 7%}.essay-layout{grid-template-columns:1fr;gap:45px}.essay aside{position:static}.gallery-grid{grid-template-rows:220px 220px}.statement p{margin-bottom:50px}}@media(max-width:560px){.top nav{display:none}.hero-text{padding-top:60px}.hero h1{font-size:clamp(48px,12vw,66px)}.hero-art{min-height:390px;height:55vh}.intro{font-size:14px}.index{padding-top:40px}.section-label{margin-bottom:42px}.statement h2{font-size:37px}.statement p{font-size:14px}.wide-photo{height:420px}.gallery-grid{display:flex;flex-direction:column}.gallery-item{height:330px}.gallery-item.tall{height:470px}footer{padding:35px 7%}.essay-paragraph{gap:14px;grid-template-columns:23px 1fr}.essay-paragraph p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery-item img{transition:none}}

/* Artist profiles */
.artists{padding:110px clamp(22px,6vw,110px);background:#171916;color:#e9e6df}
.artists>h2{font-family:Georgia,serif;font-size:clamp(36px,5vw,72px);font-weight:400;margin:30px 0 55px}
.artist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,68px);align-items:start}
.artist-card{min-width:0;border-top:1px solid #5b5d54;padding-top:24px}
.artist-photo{height:clamp(240px,28vw,440px);overflow:hidden;background:#292c27;margin-bottom:28px}
.artist-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.photo-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(140deg,#2a2c27,#141613);color:#b7b9ad}
.photo-placeholder span{font:normal clamp(60px,10vw,130px) Georgia,serif;opacity:.28}
.photo-placeholder small{letter-spacing:.12em;text-transform:uppercase;font-size:11px}
.artist-role{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#b2b6a7}
.artist-copy h3{font:normal clamp(29px,3.2vw,48px) Georgia,serif;margin:12px 0 24px}
.artist-bio p{line-height:1.8;font-size:clamp(14px,1.18vw,17px);color:#d3d4ca;margin:0 0 20px}
@media(max-width:750px){.artists{padding:70px 22px}.artist-grid{grid-template-columns:1fr;gap:65px}.artist-photo{height:350px}}

/* Image zoom overlay */
#lightbox{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:rgba(8,10,9,.97);color:white;overflow:hidden}
#lightbox::backdrop{background:rgba(0,0,0,.94)}
#lightbox[open]{display:flex;align-items:center;justify-content:center}
#lightbox .zoom-viewport{position:absolute;inset:55px 15px 80px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
#lightbox #large-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;touch-action:none;transform-origin:center;transition:none}
#lightbox #close{position:absolute;z-index:5;top:15px;right:24px;font-size:38px;background:#202520;color:white;border:1px solid #666;border-radius:50%;width:50px;height:50px;cursor:pointer}
.zoom-toolbar{position:absolute;z-index:5;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:#242823;border:1px solid #777;border-radius:35px;padding:8px 14px;font:15px Arial,sans-serif}
.zoom-toolbar button{font:26px Arial,sans-serif;color:white;background:transparent;border:0;cursor:pointer;min-width:36px;min-height:36px}
.zoom-toolbar span{min-width:54px;text-align:center}
.gallery-item:focus-visible{outline:3px solid #e0bd85;outline-offset:3px}

/* Compact artist portraits; biographies remain fully visible */
.artist-photo{height:clamp(180px,19vw,275px);max-width:360px;margin-bottom:22px}
.artist-photo img{object-position:center 30%}
.artist-bio{display:block;visibility:visible;opacity:1}
@media(max-width:750px){.artist-photo{height:240px;max-width:320px}}

/* Hero photograph reveal on hover and keyboard focus */
.hero-art{isolation:isolate;overflow:hidden}
.hero-art .art-glow{pointer-events:none}
.hero-art img.hero-art-default,.hero-art img.hero-art-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .65s ease;display:block}
.hero-art img.hero-art-default{opacity:1}
.hero-art img.hero-art-hover{opacity:0;object-fit:contain;object-position:center center}
.hero-art:hover img.hero-art-default,.hero-art:focus-within img.hero-art-default{opacity:0}
.hero-art:hover img.hero-art-hover,.hero-art:focus-within img.hero-art-hover{opacity:1}
@media(hover:none){.hero-art:active img.hero-art-default{opacity:0}.hero-art:active img.hero-art-hover{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-art img.hero-art-default,.hero-art img.hero-art-hover{transition:none}}

/* Single complete triptych, preserving its three panels and their original proportions. */
.triptych-wrap{width:100%;max-width:1500px;margin:0 auto}.triptych-item{display:block;width:100%;height:auto;line-height:0;background:#080a08}.triptych-item img{width:100%;height:auto;display:block;object-fit:contain}.triptych-item span{line-height:1.2;background:#111a;padding:8px 12px}.triptych-item:hover img{transform:none;filter:brightness(1.07)}

/* Show Arem's complete horizontal three-photo collage without cropping. */
.artist-card:nth-child(2) .artist-photo{width:100%;max-width:520px;height:auto;aspect-ratio:2047/788;overflow:visible;background:transparent}
.artist-card:nth-child(2) .artist-photo img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
@media(max-width:750px){.artist-card:nth-child(2) .artist-photo{max-width:100%;height:auto}}

/* Align both artists' names on the same horizontal baseline without cropping the collage. */
@media (min-width:751px){
  .artist-card{display:grid;grid-template-rows:310px auto;align-content:start}
  .artist-card .artist-photo{align-self:start;margin-bottom:0}
  .artist-card .artist-copy{align-self:start}
}

/* Arabic right-to-left typography and layout */
html[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif}html[dir="rtl"] .hero-text{padding-left:0;padding-right:10.4%}html[dir="rtl"] .hero-vertical{right:auto;left:19px}html[dir="rtl"] .artist-bio,html[dir="rtl"] .essay-paragraph p{text-align:right}html[dir="rtl"] .triptych-item span{left:auto;right:23px}html[dir="rtl"] .gallery-item span{left:auto;right:23px}html[dir="rtl"] .essay-paragraph{grid-template-columns:30px 1fr}html[dir="rtl"] .hero h1{letter-spacing:normal}html[dir="rtl"] .top nav{letter-spacing:normal}@media(max-width:850px){html[dir="rtl"] .hero-text{padding-right:7%}} 

/* Mobile: show the complete installation photograph */
@media (max-width: 750px) {
    .hero-art {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 4;
        overflow: hidden;
    }

    .hero-art img.hero-art-default,
    .hero-art img.hero-art-hover {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }
}