/* Giti Norouzian — site styles. Colours and fonts come from the admin panel (inline :root vars). */
:root{--hair:rgba(220,193,137,.26);--ease:cubic-bezier(.22,.8,.2,1);--wrap:1320px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{overflow-x:clip}
body{font-family:var(--sans);font-size:calc(15px * var(--scale,1));line-height:1.75;color:var(--ink);background:var(--vellum);letter-spacing:.01em}
[dir=rtl] body{font-family:var(--fa-body);font-weight:300;font-size:calc(16px * var(--scale,1));line-height:2.05;letter-spacing:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:56px}
.skip{position:absolute;top:-80px;inset-inline-start:8px;background:var(--gold);color:var(--night);padding:8px 14px;z-index:100}
.skip:focus{top:8px}
.d{font-family:var(--display)} [dir=rtl] .d{font-family:var(--fa-head)}
.grain{position:relative;isolation:isolate}
.grain::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* jadval: manuscript rule frame */
.jadval{position:relative;padding:16px;background:#000;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.jadval::before{content:"";position:absolute;inset:6px;border:1px solid var(--gold);pointer-events:none;z-index:2}
.jadval::after{content:"";position:absolute;inset:10px;border:1px solid rgba(220,193,137,.4);outline:1px solid var(--carmine);outline-offset:-3px;pointer-events:none;z-index:2}
.jadval img{width:100%;height:100%;object-fit:cover}
.jadval.paper{background:var(--vellum2);box-shadow:0 30px 60px -30px rgba(40,30,20,.35)}

/* ===== Header ===== */
.site-header{position:absolute;inset-inline:0;top:0;z-index:20;color:var(--vellum)}
.site-header.solid{position:relative;background:var(--night)}
.site-header .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;height:104px}
.site-header .nav{justify-self:center}
.brand{display:flex;align-items:center;gap:14px}
.brand svg,.brand img{width:40px;height:40px;flex:none;color:var(--gold2)}
.brand img{object-fit:contain}
.brand b{display:block;white-space:nowrap;font-family:var(--display);font-weight:400;font-size:23px;letter-spacing:.03em;line-height:1}
.brand small{display:block;white-space:nowrap;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--gold2);margin-top:5px}
[dir=rtl] .brand b{font-family:var(--fa-head);font-size:26px;letter-spacing:0}
[dir=rtl] .brand small{font-family:var(--fa-body);font-style:normal;font-size:12.5px;margin-top:2px}
.nav{display:flex;gap:30px;font-size:12px;letter-spacing:.15em;text-transform:uppercase}
[dir=rtl] .nav{letter-spacing:0;font-size:15px;font-weight:400;text-transform:none}
.nav a{opacity:.78;position:relative;padding-block:8px;transition:opacity .3s}
.nav a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .5s var(--ease)}
.nav a:hover,.nav a.on{opacity:1}.nav a:hover::after,.nav a.on::after{transform:scaleX(1)}
.tools{display:flex;justify-content:flex-end;align-items:center;gap:26px;font-size:12px;letter-spacing:.16em}
.tools .lang{color:var(--gold2);border-bottom:1px solid var(--hair);padding-bottom:4px}
[dir=rtl] .tools{letter-spacing:0;font-size:14px}
.burger{display:none;width:30px;height:12px;border-block:1px solid currentColor}
.drawer{position:fixed;inset:0;z-index:60;background:var(--night);color:var(--vellum);display:flex;flex-direction:column;padding:28px 26px;transform:translateY(-100%);transition:transform .6s var(--ease);visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.drawer .top{display:flex;justify-content:space-between;align-items:center}
.drawer nav{display:flex;flex-direction:column;gap:6px;margin-top:56px}
.drawer nav a{font-family:var(--display);font-size:38px;line-height:1.3}
[dir=rtl] .drawer nav a{font-family:var(--fa-head);font-size:32px;line-height:1.7}
.drawer .foot{margin-top:auto;display:flex;justify-content:space-between;color:var(--gold2);font-size:14px}

/* ===== Hero ===== */
.hero{height:100vh;min-height:860px;max-height:1080px;background:var(--night);color:var(--vellum);position:relative;overflow:hidden}
.hero .ambient{position:absolute;inset:-10%;z-index:0}
.hero .ambient img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(90px) saturate(1.25);opacity:0;transform:scale(1.15);transition:opacity 1.8s var(--ease)}
.hero .ambient img.on{opacity:.55}
.hero .veil{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 80% 70% at 50% 45%,transparent 0,rgba(0,0,0,.55) 55%,var(--night) 100%)}
.hero-grid{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1.1fr minmax(400px,580px) .8fr;gap:56px;align-items:center;padding-top:104px;padding-bottom:150px}
.hero h1{font-family:var(--display);font-weight:400;font-size:clamp(60px,6.8vw,116px);line-height:.9;letter-spacing:-.015em}
.hero h1 i{display:block;font-style:italic;padding-inline-start:.5em;color:var(--gold2)}
[dir=rtl] .hero h1{font-family:var(--fa-display);font-weight:400;font-size:clamp(58px,6.2vw,104px);line-height:1.65;letter-spacing:0}
[dir=rtl] .hero h1 i{font-style:normal;padding-inline-start:.9em}
.hero .lede{margin-top:40px;max-width:340px;font-family:var(--serif);font-size:21px;line-height:1.5;color:#D5CEBF}
[dir=rtl] .hero .lede{font-family:var(--fa-body);font-size:16px;line-height:2.1}
.stage{position:relative;width:100%;height:min(66vh,660px)}
.stage .jadval{position:absolute;top:50%;left:50%;translate:-50% -50%;opacity:0;transform:scale(1.02);transition:opacity 1.4s var(--ease),transform 6s linear}
.stage .jadval.on{opacity:1;transform:scale(1)}
.stage .jadval img{transform:scale(1.06);transition:transform 7s linear}
.stage .jadval.on img{transform:scale(1)}
.stage a{position:absolute;inset:0;z-index:3}
.plate{align-self:end;margin-bottom:24px}
.plate .cat{font-size:11px;letter-spacing:.26em;color:var(--gold2);text-transform:uppercase}
[dir=rtl] .plate .cat{letter-spacing:0;font-size:14px}
.plate h2{font-family:var(--display);font-weight:400;font-style:italic;font-size:44px;line-height:1.08;margin-top:14px}
[dir=rtl] .plate h2{font-family:var(--fa-display);font-style:normal;font-size:40px;line-height:1.8;margin-top:0}
.plate p{margin-top:12px;font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.45;color:var(--muted-dark)}
[dir=rtl] .plate p{font-family:var(--fa-body);font-style:normal;font-size:14px}
.btn-line{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;margin-top:30px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:14px 26px;border:1px solid var(--gold);transition:background .4s,color .4s}
.btn-line:hover{background:var(--gold);color:var(--night)}
[dir=rtl] .btn-line{letter-spacing:0;font-size:14px;text-transform:none}
.plate .swap{transition:opacity .6s}.plate .swap.out{opacity:0}
.reel{position:absolute;z-index:3;inset-inline:0;bottom:0;border-top:1px solid var(--hair)}
.reel ol{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.reel li{position:relative;padding:22px 20px 26px;border-inline-end:1px solid var(--hair);cursor:pointer;opacity:.5;transition:opacity .4s}
.reel li:last-child{border:0}
.reel li.on,.reel li:hover{opacity:1}
.reel li b{display:block;font-family:var(--display);font-weight:400;font-size:18px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[dir=rtl] .reel li b{font-family:var(--fa-head);font-size:19px}
.reel li span{font-size:10.5px;letter-spacing:.2em;color:var(--gold2);text-transform:uppercase}
[dir=rtl] .reel li span{letter-spacing:0;font-size:13px}
.reel li::before{content:"";position:absolute;top:-1px;inset-inline-start:0;height:1px;width:0;background:var(--gold2)}
.reel li.on::before{animation:prog var(--interval,7s) linear forwards}
@keyframes prog{to{width:100%}}
.still .reel li.on::before{animation:none;width:42%}
.still .stage .jadval,.still .stage .jadval img,.still .ambient img{transition:none}

/* ===== Sections ===== */
section{padding-block:150px}
.head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:80px}
.head h2,.title-xl{font-family:var(--display);font-weight:400;font-size:clamp(44px,4.6vw,74px);line-height:1.02;letter-spacing:-.01em}
[dir=rtl] .head h2,[dir=rtl] .title-xl{font-family:var(--fa-head);font-weight:400;font-size:clamp(40px,4vw,62px);line-height:1.5;letter-spacing:0}
.head p{font-family:var(--serif);font-size:20px;line-height:1.55;color:var(--muted);max-width:440px;justify-self:end}
[dir=rtl] .head p{font-family:var(--fa-body);font-size:16px;line-height:2.1}
.link{font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:5px;justify-self:end}
[dir=rtl] .link{letter-spacing:0;font-size:14px;text-transform:none}
.meta-i{font-family:var(--serif);font-style:italic;color:var(--muted);font-variant-numeric:lining-nums}
[dir=rtl] .meta-i{font-family:var(--fa-body);font-style:normal;font-size:14px}

/* collections: salon hang */
.hang{display:grid;grid-template-columns:repeat(12,1fr);gap:56px 36px}
.work .img{overflow:hidden;background:var(--vellum2)}
.work .img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.work:hover .img img{transform:scale(1.04)}
.work .plaque{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:20px}
.work h3{font-family:var(--display);font-weight:400;font-style:italic;font-size:28px;line-height:1.15}
[dir=rtl] .work h3{font-family:var(--fa-head);font-style:normal;font-size:26px;line-height:1.6}
.work .meta-i{font-size:17px;white-space:nowrap}
.hang .work:nth-child(5n+1){grid-column:1/6}.hang .work:nth-child(5n+1) .img{aspect-ratio:4/5}
.hang .work:nth-child(5n+2){grid-column:7/13;padding-top:160px}.hang .work:nth-child(5n+2) .img{aspect-ratio:5/4}
.hang .work:nth-child(5n+3){grid-column:2/6}.hang .work:nth-child(5n+3) .img{aspect-ratio:1}
.hang .work:nth-child(5n+4){grid-column:7/10;padding-top:40px}.hang .work:nth-child(5n+4) .img{aspect-ratio:3/4}
.hang .work:nth-child(5n+5){grid-column:10/13;padding-top:180px}.hang .work:nth-child(5n+5) .img{aspect-ratio:3/4}

/* regular grid (discipline pages) */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:64px 40px}
.grid3 .work .img{aspect-ratio:4/5}
.grid3 .work:nth-child(3n+2){margin-top:90px}

/* disciplines */
.disc{background:var(--lapis);color:var(--vellum)}
.disc .head p{color:var(--muted-dark)}
.disc-grid{display:grid;grid-template-columns:7fr 5fr;gap:96px;align-items:center}
.disc ol{list-style:none}
.disc li a{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--hair);transition:padding .6s var(--ease),color .4s}
.disc li:first-child a{border-top:1px solid var(--hair)}
.disc li .t{font-family:var(--display);font-weight:400;font-size:54px;line-height:1.1}
[dir=rtl] .disc li .t{font-family:var(--fa-head);font-size:44px;line-height:1.5}
.disc li .n{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--muted-dark)}
[dir=rtl] .disc li .n{font-family:var(--fa-body);font-style:normal;font-size:14px}
.disc li.on a,.disc li a:hover{padding-inline-start:36px}
.disc li.on .t,.disc li a:hover .t{font-style:italic;color:var(--gold2)}
[dir=rtl] .disc li.on .t,[dir=rtl] .disc li a:hover .t{font-style:normal}
.disc .preview{position:relative}
.disc .preview .jadval{aspect-ratio:1;transition:opacity .5s}
.disc .preview .jadval img{object-fit:contain;background:#000}
.disc .preview p{margin-top:20px;font-family:var(--serif);font-style:italic;font-size:18px;color:var(--muted-dark)}
[dir=rtl] .disc .preview p{font-family:var(--fa-body);font-style:normal;font-size:14px}

/* statement band */
.band{background:var(--carmine);color:var(--vellum);padding-block:130px;text-align:center}
.band svg{margin-inline:auto;margin-bottom:36px;color:var(--gold2)}
.band blockquote{font-family:var(--display);font-weight:400;font-style:italic;font-size:clamp(32px,3.3vw,50px);line-height:1.32;max-width:980px;margin-inline:auto}
[dir=rtl] .band blockquote{font-family:var(--fa-display);font-style:normal;font-size:clamp(28px,2.8vw,42px);line-height:2.2}
.band cite{display:block;margin-top:36px;font-style:normal;font-size:12px;letter-spacing:.24em;color:var(--gold2);text-transform:uppercase}
[dir=rtl] .band cite{letter-spacing:0;font-size:14px}

/* artist */
.artist .grid{display:grid;grid-template-columns:4fr 7fr;gap:110px;align-items:center}
.artist .jadval{aspect-ratio:1;max-width:400px;justify-self:end;width:100%}
.artist h2{font-family:var(--display);font-weight:400;font-size:68px;line-height:1.02}
[dir=rtl] .artist h2{font-family:var(--fa-head);font-size:56px;line-height:1.5}
.prose-lg{font-family:var(--serif);font-size:21px;line-height:1.62;color:#4A443A}
[dir=rtl] .prose-lg{font-family:var(--fa-body);font-size:16.5px;line-height:2.15}
.artist .prose-lg{margin-top:32px;max-width:580px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid #CDC3B0}
.facts div{padding:24px 24px 0 0}
[dir=rtl] .facts div{padding:24px 0 0 24px}
.facts dt{font-family:var(--display);font-size:23px;line-height:1.25}
[dir=rtl] .facts dt{font-family:var(--fa-head);font-weight:700;font-size:20px;line-height:1.6}
.facts dd{margin-top:8px;font-size:17px}
.btns{display:flex;gap:32px;align-items:center;margin-top:52px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;background:var(--night);color:var(--vellum);transition:background .4s,color .4s}
.btn:hover{background:var(--gold);color:var(--night)}
[dir=rtl] .btn{letter-spacing:0;font-size:14px;text-transform:none}

/* exhibitions */
.exhib{background:var(--vellum2)}
.ex-list{border-top:1px solid var(--ink)}
.ex-row{display:grid;grid-template-columns:160px 1fr 1fr 150px;gap:32px;align-items:baseline;padding:26px 0;border-bottom:1px solid #C7BCA7}
.ex-row .y{font-family:var(--display);font-weight:400;font-size:42px;line-height:1;color:var(--carmine)}
[dir=rtl] .ex-row .y{font-family:var(--fa-head);font-size:36px}
.ex-row h4{font-family:var(--display);font-weight:400;font-size:25px;line-height:1.3}
[dir=rtl] .ex-row h4{font-family:var(--fa-head);font-size:23px;line-height:1.7}
.ex-row p{font-size:18px}
.ex-row .k{font-size:11px;letter-spacing:.2em;color:var(--gold);text-align:end;text-transform:uppercase}
[dir=rtl] .ex-row .k{letter-spacing:0;font-size:13px}

/* research & journal */
.rj{display:grid;grid-template-columns:5fr 7fr;gap:110px}
.rj h2{font-family:var(--display);font-weight:400;font-size:58px;line-height:1.02;margin-bottom:44px}
[dir=rtl] .rj h2{font-family:var(--fa-head);font-size:46px;line-height:1.5}
.book{display:grid;grid-template-columns:92px 1fr;gap:26px;align-items:center;padding:20px 0;border-bottom:1px solid #CDC3B0}
.books .book:first-child{border-top:1px solid #CDC3B0}
.cover{aspect-ratio:2/3;background:var(--ultramarine);position:relative;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;color:var(--gold2);font-family:var(--display);font-style:italic;font-size:14px;line-height:1.2;overflow:hidden}
[dir=rtl] .cover{font-family:var(--fa-head);font-style:normal;line-height:1.6}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover::before{content:"";position:absolute;inset:5px;border:1px solid var(--gold);z-index:1}
.book:nth-child(even) .cover{background:var(--carmine)}
.book h4{font-family:var(--display);font-weight:400;font-size:23px;line-height:1.3}
[dir=rtl] .book h4{font-family:var(--fa-head);font-weight:700;font-size:20px;line-height:1.7}
.book p{margin-top:6px;font-size:16px}
.journal{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.post-card .img{aspect-ratio:4/3;overflow:hidden;background:var(--vellum2)}
.post-card .img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.post-card:hover .img img{transform:scale(1.04)}
.post-card time{display:block;margin-top:20px;font-size:16px;color:var(--gold)}
.post-card h4{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.2;margin-top:8px}
[dir=rtl] .post-card h4{font-family:var(--fa-head);font-weight:700;font-size:23px;line-height:1.7}

/* contact */
.contact{background:var(--night);color:var(--vellum)}
.contact .grid{display:grid;grid-template-columns:5fr 7fr;gap:110px}
.contact h2{font-family:var(--display);font-weight:400;font-size:76px;line-height:1}
[dir=rtl] .contact h2{font-family:var(--fa-display);font-size:54px;line-height:2}
.contact .lede{margin-top:28px;font-family:var(--serif);font-size:21px;line-height:1.5;color:var(--muted-dark);max-width:360px}
[dir=rtl] .contact .lede{font-family:var(--fa-body);font-size:16px;line-height:2.1}
.contact dl{margin-top:56px;display:grid;gap:24px}
.contact dt{font-size:11px;letter-spacing:.24em;color:var(--gold2);text-transform:uppercase}
[dir=rtl] .contact dt{letter-spacing:0;font-size:13px}
.contact dd{font-family:var(--serif);font-size:23px}
[dir=rtl] .contact dd{font-family:var(--fa-body);font-size:18px}
.contact dd a{border-bottom:1px solid var(--hair)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px}
.chips label{cursor:pointer}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-block;border:1px solid var(--hair);padding:10px 20px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:all .3s}
[dir=rtl] .chips span{letter-spacing:0;font-size:14px;text-transform:none}
.chips input:checked+span{background:var(--gold);border-color:var(--gold);color:var(--night)}
.chips input:focus-visible+span{outline:2px solid var(--gold2);outline-offset:3px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.field{display:block;margin-bottom:34px}
.field span{display:block;font-size:11px;letter-spacing:.22em;color:var(--gold2);margin-bottom:6px;text-transform:uppercase}
[dir=rtl] .field span{letter-spacing:0;font-size:13px}
.field input,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--hair);color:inherit;padding:8px 0 12px;font-family:var(--serif);font-size:21px;outline:none;border-radius:0}
[dir=rtl] .field input,[dir=rtl] .field textarea{font-family:var(--fa-body);font-size:17px}
.field input:focus,.field textarea:focus{border-color:var(--gold)}
.field textarea{min-height:120px;resize:vertical}
.field .err{display:block;color:#E8A0A8;font-size:13px;margin-top:6px;letter-spacing:0;text-transform:none}
.captcha-row{display:flex;gap:20px;align-items:end}
.captcha-row img{height:52px;width:auto;border:1px solid var(--hair);cursor:pointer}
.captcha-row .field{flex:1;margin-bottom:0}
.send{display:inline-flex;padding:17px 36px;background:var(--gold);color:var(--night);font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin-top:34px;transition:background .3s}
.send:hover{background:var(--gold2)}
[dir=rtl] .send{letter-spacing:0;font-size:14px;text-transform:none}
.notice{border:1px solid var(--gold);padding:18px 22px;margin-bottom:34px;color:var(--gold2)}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

footer{background:var(--night);color:var(--muted-dark);font-size:12px;letter-spacing:.1em;padding-block:64px 44px;border-top:1px solid var(--hair)}
[dir=rtl] footer{letter-spacing:0;font-size:14px}
footer .top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:44px;border-bottom:1px solid rgba(220,193,137,.12);color:var(--vellum)}
footer .links-row{display:flex;flex-wrap:wrap;gap:12px 26px;padding-top:26px;color:var(--muted-dark)}
footer .links-row span{color:var(--gold2)}
footer .bottom{display:flex;justify-content:space-between;gap:20px;padding-top:30px;text-transform:uppercase}
[dir=rtl] footer .links-row{display:flex;flex-wrap:wrap;gap:12px 26px;padding-top:26px;color:var(--muted-dark)}
footer .links-row span{color:var(--gold2)}
footer .bottom{text-transform:none}
footer .soc{display:flex;gap:26px}
footer a:hover{color:var(--gold2)}

/* ===== Inner page hero ===== */
.ph{background:var(--night);color:var(--vellum);padding-top:104px}
.ph .wrap{display:grid;grid-template-columns:7fr 5fr;gap:80px;align-items:end;padding-block:100px 76px}
.ph.simple .wrap{grid-template-columns:1fr}
.crumb{font-size:11px;letter-spacing:.24em;color:var(--gold2);margin-bottom:30px;text-transform:uppercase}
[dir=rtl] .crumb{letter-spacing:0;font-size:13.5px}
.crumb a:hover{color:var(--vellum)}
.ph h1{font-family:var(--display);font-weight:400;font-style:italic;font-size:clamp(64px,8vw,124px);line-height:.95;letter-spacing:-.015em}
[dir=rtl] .ph h1{font-family:var(--fa-display);font-style:normal;font-size:clamp(54px,6vw,92px);line-height:1.7;letter-spacing:0}
.ph .intro{font-family:var(--serif);font-size:21px;line-height:1.55;color:var(--muted-dark);max-width:520px}
[dir=rtl] .ph .intro{font-family:var(--fa-body);font-size:16px;line-height:2.1}
.ph dl{display:flex;flex-wrap:wrap;gap:18px 48px;border-top:1px solid var(--hair);padding-top:26px}
.ph dl dd{margin-top:6px}
.ph dt{font-size:10.5px;letter-spacing:.24em;color:var(--gold2);text-transform:uppercase}
[dir=rtl] .ph dt{letter-spacing:0;font-size:13px}
.ph dd{font-family:var(--display);font-size:26px;line-height:1.3;font-variant-numeric:lining-nums}
[dir=rtl] .ph dd{font-family:var(--fa-head);font-size:22px}

.stmt{display:grid;grid-template-columns:3fr 9fr;gap:90px;padding-block:120px 70px}
.stmt h2{font-size:11px;letter-spacing:.24em;color:var(--muted);border-top:1px solid var(--ink);padding-top:18px;font-weight:400;text-transform:uppercase}
[dir=rtl] .stmt h2{letter-spacing:0;font-size:14px}
.stmt .big{font-family:var(--display);font-weight:400;font-size:36px;line-height:1.35}
[dir=rtl] .stmt .big{font-family:var(--fa-head);font-size:30px;line-height:1.9}
.prose{font-family:var(--serif);font-size:20px;line-height:1.7;color:#3E3931;max-width:740px}
[dir=rtl] .prose{font-family:var(--fa-body);font-size:16.5px;line-height:2.2}
.prose p+p,.prose ul,.prose ol,.prose blockquote,.prose figure,.prose h2,.prose h3,.prose table{margin-top:1.1em}
.prose h2,.prose h3{font-family:var(--display);font-weight:400;color:var(--ink);line-height:1.25}
.prose h2{font-size:36px;margin-top:1.6em}.prose h3{font-size:26px;margin-top:1.4em}
[dir=rtl] .prose h2,[dir=rtl] .prose h3{font-family:var(--fa-head);line-height:1.7}
.prose ul,.prose ol{padding-inline-start:1.3em}
.prose li+li{margin-top:.4em}
.prose a{border-bottom:1px solid var(--gold)}
.prose blockquote{border-inline-start:2px solid var(--gold);padding-inline-start:24px;font-style:italic}
.prose img{margin-block:1.4em}
.prose table{border-collapse:collapse;width:100%;font-size:.9em}.prose td,.prose th{border-bottom:1px solid #CDC3B0;padding:10px 8px;text-align:start;vertical-align:top}
.stmt .prose{margin-top:30px;color:var(--muted)}
.stmt cite{display:block;margin-top:32px;font-style:normal;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
[dir=rtl] .stmt cite{letter-spacing:0;font-size:14px}
.bar{display:flex;justify-content:space-between;border-block:1px solid #C7BCA7;padding-block:18px;margin-bottom:56px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
[dir=rtl] .bar{letter-spacing:0;font-size:14px}
.bar .v{display:flex;gap:26px}.bar .v button{letter-spacing:inherit;text-transform:inherit;font-size:inherit;padding-bottom:2px;border-bottom:1px solid transparent}.bar .v button.on{border-color:var(--ink)}
.mason{columns:3;column-gap:36px}
.mason figure{break-inside:avoid;margin-bottom:52px;cursor:zoom-in}
.mason figure img{width:100%;background:var(--vellum2)}
.mason figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:14px}
.mason figcaption b{font-family:var(--display);font-weight:400;font-style:italic;font-size:22px}
[dir=rtl] .mason figcaption b{font-family:var(--fa-head);font-style:normal;font-size:19px}
.mason figcaption span{font-size:10.5px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
[dir=rtl] .mason figcaption span{letter-spacing:0;font-size:13px}
.view-grid .mason{columns:4}
.view-grid .mason figure img{aspect-ratio:1;object-fit:cover}
.empty{padding:80px 0;text-align:center;color:var(--muted)}
.nextc{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);margin-top:72px}
.nextc a{display:block;padding:48px 0}
.nextc a+a{text-align:end;border-inline-start:1px solid #C7BCA7}
.nextc small{font-size:10.5px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}
[dir=rtl] .nextc small{letter-spacing:0;font-size:13px}
.nextc b{display:block;font-family:var(--display);font-weight:400;font-style:italic;font-size:48px;line-height:1.15;margin-top:8px}
[dir=rtl] .nextc b{font-family:var(--fa-head);font-style:normal;font-size:36px;line-height:1.7}

/* lightbox */
.lb{position:fixed;inset:0;z-index:80;background:var(--night);color:var(--vellum);display:none;grid-template-columns:1fr 400px}
.lb.open{display:grid}
.lb .st{position:relative;display:flex;align-items:center;justify-content:center;padding:70px}
.lb .st .jadval{max-height:calc(100vh - 140px);max-width:100%;display:flex}
.lb .st .jadval img{max-height:calc(100vh - 172px);width:auto;max-width:100%;object-fit:contain}
.lb aside{border-inline-start:1px solid var(--hair);padding:70px 48px;display:flex;flex-direction:column;overflow:auto}
.lb .count{font-size:10.5px;letter-spacing:.24em;color:var(--muted-dark);text-transform:uppercase}
[dir=rtl] .lb .count{letter-spacing:0;font-size:13px}
.lb h3{font-family:var(--display);font-weight:400;font-style:italic;font-size:64px;line-height:1.05;margin-top:28px}
[dir=rtl] .lb h3{font-family:var(--fa-head);font-style:normal;font-size:44px;line-height:1.6}
.lb dl{display:grid;grid-template-columns:auto 1fr;gap:16px 28px;margin-top:44px;font-family:var(--serif);font-size:19px}
[dir=rtl] .lb dl{font-family:var(--fa-body);font-size:15px}
.lb dt{font-family:var(--sans);font-size:10.5px;letter-spacing:.22em;color:var(--gold2);padding-top:6px;text-transform:uppercase}
[dir=rtl] .lb dt{font-family:var(--fa-body);letter-spacing:0;font-size:13px;padding-top:2px}
.lb .note{margin-top:28px;font-family:var(--serif);font-size:18px;color:var(--muted-dark)}
.lb .acts{margin-top:auto;padding-top:40px;display:grid;gap:12px}
.lb .acts a,.lb .acts button{text-align:center;padding:17px;font-size:11.5px;letter-spacing:.22em;border:1px solid var(--gold);text-transform:uppercase}
[dir=rtl] .lb .acts a,[dir=rtl] .lb .acts button{letter-spacing:0;font-size:14px;text-transform:none}
.lb .acts a:first-child{background:var(--gold);color:var(--night)}
.lb .arrows{position:absolute;bottom:34px;inset-inline-start:70px;display:flex;gap:28px;font-size:11px;letter-spacing:.22em;color:var(--muted-dark);text-transform:uppercase}
[dir=rtl] .lb .arrows{letter-spacing:0;font-size:14px}
.lb .arrows button:hover{color:var(--vellum)}
.lb .x{position:absolute;top:28px;inset-inline-end:28px;font-size:13px;letter-spacing:.2em;color:var(--muted-dark)}

/* journal & post */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:64px 40px}
.article{padding-block:110px 60px}
.article .prose{margin-inline:auto}
.article .cover-img{max-width:980px;margin:0 auto 80px}
.pager{display:flex;justify-content:center;gap:18px;margin-top:80px;font-size:13px;letter-spacing:.14em}
.pager a,.pager span{padding:8px 14px;border:1px solid #CDC3B0}.pager .on{background:var(--ink);color:var(--vellum);border-color:var(--ink)}

/* biography */
.bio{display:grid;grid-template-columns:4fr 8fr;gap:90px;padding-block:120px}
.bio aside .jadval{aspect-ratio:1;position:sticky;top:40px}
.cv{margin-top:90px}
.cv h2{margin-bottom:40px}

/* research */
.pubs{display:grid;grid-template-columns:repeat(2,1fr);gap:0 70px}

/* 404 */
.nf{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:28px;background:var(--night);color:var(--vellum);padding:140px 24px 80px}
.nf b{font-family:var(--display);font-style:italic;font-weight:400;font-size:140px;line-height:1;color:var(--gold2)}

/* shop */
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:64px 40px;align-items:start}
.shop-card figure{position:relative;cursor:zoom-in;background:var(--vellum2)}
.shop-card figure img{width:100%}
.shop-card .badge{position:absolute;top:14px;inset-inline-start:14px;background:var(--night);color:var(--gold2);font-size:11px;letter-spacing:.18em;padding:5px 12px;text-transform:uppercase}
[dir=rtl] .shop-card .badge{letter-spacing:0;font-size:13px}
.shop-card .info{padding-top:18px}
.shop-card h3{font-family:var(--display);font-weight:400;font-style:italic;font-size:26px;line-height:1.2}
[dir=rtl] .shop-card h3{font-family:var(--fa-head);font-style:normal;font-size:23px;line-height:1.7}
.shop-card .meta-i{font-size:16px;margin-top:6px}
.shop-card .price{margin-top:12px;font-family:var(--display);font-size:20px;color:var(--carmine);font-variant-numeric:lining-nums}
[dir=rtl] .shop-card .price{font-family:var(--fa-head);font-size:18px}
.wa-btn,.lb .acts a.wa{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:13px 22px;background:#0B3D2E;color:#E9F6EF;font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:background .3s}
.wa-btn:hover{background:#128C4B}
[dir=rtl] .wa-btn,[dir=rtl] .lb .acts a.wa{letter-spacing:0;font-size:14px;text-transform:none}
.lb .acts a.wa{margin:0;border-color:#0B3D2E}
.lb .acts a.wa:first-child{background:#0B3D2E;color:#E9F6EF}
.bar .v a{padding-bottom:2px;border-bottom:1px solid transparent}.bar .v a.on{border-color:var(--ink)}
.shop-strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*32px)/4);gap:32px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}
.wa-float{position:fixed;bottom:22px;inset-inline-end:22px;z-index:50;width:54px;height:54px;border-radius:50%;background:#128C4B;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.45);transition:transform .3s}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:28px;height:28px}

/* ===== Mobile ===== */
@media (max-width:1380px){
  .nav{gap:22px;letter-spacing:.11em}
  .brand small{display:none}
}
@media (max-width:1180px){
  .site-header .nav,.tools .lang{display:none}
  .burger{display:block}
}
@media (max-width:1100px){
  .hero-grid{grid-template-columns:1fr minmax(320px,440px);gap:40px}
  .plate{grid-column:1/-1;margin:0}
  .hero{height:auto;max-height:none;min-height:0}
  .hero-grid{padding-bottom:40px}
  .reel{position:relative}
}
@media (max-width:820px){
  .wrap{padding-inline:22px}
  .nav,.tools .lang{display:none}
  .burger{display:block}
  .site-header .wrap{grid-template-columns:1fr auto;height:78px}
  .brand small{display:none}
  .brand svg,.brand img{width:34px;height:34px}
  .hero-grid{grid-template-columns:1fr;gap:28px;padding-top:110px;padding-bottom:40px}
  .hero h1{font-size:60px}
  [dir=rtl] .hero h1{font-size:62px}
  .hero .lede{margin-top:20px;font-size:18px}
  .stage{height:min(62vh,540px)}
  .plate h2{font-size:34px}
  .reel{overflow-x:auto}
  .reel ol{grid-auto-columns:150px}
  section{padding-block:90px}
  .head{grid-template-columns:1fr;gap:20px;margin-bottom:48px}
  .head p,.link{justify-self:start}
  .hang,.grid3,.posts,.shop-grid{grid-template-columns:1fr;gap:48px}
  .shop-strip{grid-auto-columns:78%}
  .hang .work,.grid3 .work{grid-column:auto!important;padding:0!important;margin:0!important}
  .disc-grid,.artist .grid,.rj,.contact .grid,.ph .wrap,.stmt,.bio,.pubs{grid-template-columns:1fr;gap:48px}
  .disc .preview{display:none}
  .disc li .t{font-size:36px}
  .artist .jadval{justify-self:start;max-width:320px}
  .ex-row{grid-template-columns:90px 1fr;gap:6px 18px}.ex-row .y{font-size:32px}.ex-row .k{display:none}
  .facts{grid-template-columns:1fr}
  .journal,.row2{grid-template-columns:1fr;gap:0}
  .artist h2,.contact h2{font-size:50px}
  .mason,.view-grid .mason{columns:1}
  .nextc b{font-size:30px}
  .stmt .big{font-size:26px}
  .bar{flex-wrap:wrap;gap:10px}.bar>span:last-child{display:none}
  .ph dl{gap:16px 30px}.ph dd{font-size:21px}
  .lb{grid-template-columns:1fr;grid-template-rows:1fr auto}
  .lb .st{padding:56px 14px 70px}
  .lb aside{border:0;border-top:1px solid var(--hair);padding:24px 22px;max-height:40vh}
  .lb h3{font-size:36px;margin-top:10px}
  .lb dl{margin-top:20px}
  .lb .arrows{inset-inline-start:22px;bottom:18px}
  footer .top,footer .links-row{display:flex;flex-wrap:wrap;gap:12px 26px;padding-top:26px;color:var(--muted-dark)}
footer .links-row span{color:var(--gold2)}
footer .bottom{flex-direction:column;align-items:flex-start}
  footer .nav{flex-wrap:wrap;gap:16px 22px}
  .bio aside .jadval{position:static;max-width:320px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}