/* Petrides Studio — redesign preview. Palette drawn from the work itself: verdigris patina, gold leaf, studio plaster. */
:root{
  --patina-deep:#0d2826; --patina-dark:#143a37; --patina:#2c6f67; --verdigris:#8fc4b7;
  --plaster:#ebe9e4; --paper:#f6f5f1; --white:#fff;
  --ink:#141716; --ink-soft:#4c5351; --line:rgba(20,23,22,.16); --line-d:rgba(235,233,228,.2);
  --gold:#c9a044; --gold-deep:#8d6a17;
  --display:"Bodoni Moda","Didot","Bodoni MT",serif;
  --text:"Commissioner","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.2,.7,.1,1);
  --pad:clamp(1.25rem,4vw,4.5rem);
  --nav-h:68px;
}
@view-transition{navigation:auto}
::view-transition-old(root){animation:.28s ease both vt-out}
::view-transition-new(root){animation:.5s var(--ease) both vt-in}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0;transform:translateY(14px)}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{margin:0;background:var(--plaster);color:var(--ink);font-family:var(--text);font-size:1.0625rem;line-height:1.6;font-weight:380;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.02;margin:0;letter-spacing:-.012em;font-optical-sizing:auto;text-wrap:balance}
p{margin:0 0 1em;text-wrap:pretty}
em{font-style:italic}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
::selection{background:var(--patina);color:#fff}
.skip-link{position:absolute;left:-999px;top:0;z-index:200;background:var(--gold);color:var(--ink);padding:.7rem 1rem}
.skip-link:focus{left:0}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding-inline:var(--pad)}
#progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--gold);z-index:120}

/* labels: the site's existing short labels, set small and quiet */
.mono{font-family:var(--text);font-size:.74rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--patina);margin:0 0 1rem}
.small{font-size:.9rem;color:var(--ink-soft)}
.dim{opacity:.7}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.6em;font:500 .86rem/1 var(--text);letter-spacing:.04em;text-decoration:none;padding:1.05em 1.5em;border:1px solid currentColor;border-radius:999px;margin:.25rem .5rem .25rem 0;position:relative;overflow:hidden;isolation:isolate;transition:color .35s var(--ease),border-color .35s;cursor:pointer;background:none;color:inherit}
.btn::before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1;border-radius:inherit}
.btn:hover{color:var(--paper);border-color:var(--ink)}
.btn:hover::before{transform:none}
.btn.solid{background:var(--patina-deep);border-color:var(--patina-deep);color:var(--paper)}
.btn.solid::before{background:var(--gold)}
.btn.solid:hover{color:var(--ink);border-color:var(--gold)}
.btn[disabled]{opacity:.5;pointer-events:none}

/* ───────── navigation ───────── */
.nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:100;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--pad);background:var(--patina-deep);color:var(--plaster);transition:transform .5s var(--ease),background .4s}
.nav.hide{transform:translateY(-100%)}
.home .nav.top{background:transparent}
.brand{font-family:var(--display);font-size:1.35rem;letter-spacing:.01em;text-decoration:none;white-space:nowrap}
.brand i{font-style:italic;color:var(--gold)}
.nav ul{list-style:none;margin:0;padding:0}
.menu{display:flex;gap:clamp(1rem,2vw,2.1rem);align-items:center}
.menu>li{position:relative}
.menu a,.menu button{font:450 .86rem/1 var(--text);letter-spacing:.02em;color:inherit;text-decoration:none;background:none;border:0;padding:.6rem 0;cursor:pointer;display:inline-flex;gap:.35em;align-items:center;white-space:nowrap}
.menu>li>a,.menu>li>button{position:relative}
.menu>li>a::after,.menu>li>button::after{content:"";position:absolute;left:0;right:0;bottom:.15rem;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.menu>li:hover>a::after,.menu>li:hover>button::after,.menu>li.open>button::after,.menu .on::after{transform:scaleX(1);transform-origin:left}
.menu .on{color:var(--gold)}
.dd{position:absolute;top:100%;left:-1.2rem;min-width:240px;padding:.7rem 0;background:var(--patina-deep);border-top:1px solid var(--gold);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .4s var(--ease),visibility .3s}
.menu>li:last-child .dd,.menu>li:nth-last-child(2) .dd{left:auto;right:-1.2rem}
.menu>li:hover .dd,.menu>li:focus-within .dd,.menu>li.open .dd{opacity:1;visibility:visible;transform:none}
.dd a{display:flex;padding:.7rem 1.2rem;transition:padding .3s var(--ease),color .3s}
.dd a:hover{padding-left:1.6rem;color:var(--gold)}
.menu-toggle{display:none;background:none;border:0;color:inherit;width:44px;height:44px;position:relative;cursor:pointer;z-index:2}
.menu-toggle span{position:absolute;left:10px;right:10px;height:1.5px;background:currentColor;transition:transform .4s var(--ease),top .4s var(--ease)}
.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:26px}
.menu-open .menu-toggle span:first-child{top:21.5px;transform:rotate(45deg)}
.menu-open .menu-toggle span:last-child{top:21.5px;transform:rotate(-45deg)}
@media(max-width:1080px){
  .menu-toggle{display:block}
  .menu{position:fixed;inset:0;background:var(--patina-deep);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:calc(var(--nav-h) + 1.5rem) var(--pad) 3rem;overflow-y:auto;clip-path:inset(0 0 100% 0);transition:clip-path .6s var(--ease);visibility:hidden}
  .menu-open .menu{clip-path:inset(0);visibility:visible}
  .nav.menu-open{transform:none!important;background:var(--patina-deep)!important}
  .menu>li{width:100%;border-bottom:1px solid var(--line-d);padding:.9rem 0;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .6s var(--ease)}
  .menu-open .menu>li{opacity:1;transform:none;transition-delay:calc(.12s + var(--i)*.05s)}
  .menu>li>a,.menu>li>button{font-family:var(--display);font-size:1.7rem;font-weight:400;padding:.2rem 0}
  .menu>li>button{pointer-events:none}
  .menu>li>a::after,.menu>li>button::after{display:none}
  .dd{position:static;opacity:1;visibility:visible;transform:none;border:0;padding:.3rem 0 0;display:flex;flex-wrap:wrap;gap:0 1.4rem;background:none}
  .dd a{padding:.45rem 0;color:var(--verdigris)}
}

main{display:block}
body:not(.home) main{padding-top:calc(var(--nav-h) + clamp(2.5rem,6vw,5rem));padding-bottom:clamp(4rem,8vw,7rem)}

/* ───────── home: hero ───────── */
.hero{position:relative;min-height:100svh;background:var(--patina-deep);color:var(--plaster);display:grid;align-items:end;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media img{transform:scale(1.08);animation:hero-settle 2.6s var(--ease) forwards}
.hero-media video{opacity:0;transition:opacity 1.6s}
.hero-media video.on{opacity:1}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,40,38,.72) 0%,rgba(13,40,38,.36) 32%,rgba(13,40,38,.55) 62%,rgba(13,40,38,.96) 100%),rgba(20,58,55,.28)}
@keyframes hero-settle{to{transform:none}}
.hero-copy{position:relative;padding:calc(var(--nav-h) + 3rem) var(--pad) clamp(2rem,5vw,4rem);display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;max-width:1600px;width:100%;margin:0 auto}
.hero .kicker{font-size:.86rem;letter-spacing:.06em;margin:0;color:var(--verdigris)}
.hero h1{font-size:clamp(4rem,15.5vw,15.5rem);line-height:.84;letter-spacing:-.035em;margin-left:-.04em}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.08em}
.hero h1 .ln>span{display:block;transform:translateY(105%);animation:rise 1.25s var(--ease) forwards}
.hero h1 .ln:nth-child(2)>span{animation-delay:.14s;font-style:italic;padding-left:.9em}
@keyframes rise{to{transform:none}}
.hero-foot{display:grid;grid-template-columns:1fr;gap:1.5rem;border-top:1px solid var(--line-d);padding-top:1.5rem}
.hero-tag{font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.4rem);color:var(--gold);margin:0;line-height:1.1}
.hero .lede{max-width:34rem;margin:0;font-size:1.05rem;color:var(--plaster)}
.hero-cta{display:flex;flex-wrap:wrap;gap:.2rem;align-items:center}
.hero .btn{border-color:var(--line-d)}
.hero .btn::before{background:var(--plaster)}
.hero .btn:hover{color:var(--ink);border-color:var(--plaster)}
.hero .btn.solid{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.hero-foot>*,.hero .kicker{opacity:0;animation:fade-up 1s var(--ease) .75s forwards}
.hero-foot>*:nth-child(2){animation-delay:.9s}.hero-foot>*:nth-child(3){animation-delay:1.05s}
.hero .kicker{animation-delay:.2s}
@keyframes fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:700px){.hero h1{font-size:19vw}.hero h1 .ln:nth-child(2)>span{padding-left:.3em}}
@media(hover:none){.zoomhint{display:none}}
@media(min-width:900px){.hero-foot{grid-template-columns:1fr 1.25fr auto;align-items:end;gap:3rem}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{margin:0 0 .5rem;justify-content:center}}

/* ───────── home: standing ───────── */
.sec{padding-block:clamp(4.5rem,10vw,9.5rem)}
.sec-title{font-size:clamp(2.4rem,6vw,5.4rem)}
.lead{font-size:clamp(1.05rem,1.35vw,1.25rem);max-width:44rem;color:var(--ink-soft)}
.ledger{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}
.ledger a{display:block;text-decoration:none;padding:1.4rem 1.2rem 1.6rem 0;border-bottom:1px solid var(--line);position:relative;transition:padding .4s var(--ease)}
.ledger a:hover{padding-left:.8rem}
.ledger b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(3rem,6.5vw,6rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:lining-nums}
.ledger span{display:block;margin-top:.7rem;max-width:15rem;font-size:.95rem;color:var(--ink-soft)}
@media(min-width:900px){.ledger{grid-template-columns:repeat(4,1fr)}.ledger a{border-bottom:0;padding-left:1.4rem;border-left:1px solid var(--line)}.ledger a:first-child{border-left:0;padding-left:0}.ledger a:hover{padding-left:2rem}.ledger a:first-child:hover{padding-left:.6rem}}
.bigquote{margin:clamp(4rem,9vw,8rem) 0 0;padding:0}
.bigquote p{font-family:var(--display);font-style:italic;font-size:clamp(1.9rem,4.6vw,4.4rem);line-height:1.12;letter-spacing:-.015em;margin:0;max-width:22ch;max-width:min(100%,60rem)}
.bigquote .w{opacity:.14;transition:opacity .5s}
.bigquote .w.lit{opacity:1}
.bigquote cite{display:block;margin-top:1.8rem;font-style:normal;font-size:.95rem;color:var(--patina)}

/* ───────── home: now and next ───────── */
.now{background:var(--paper)}
.nowlist{border-top:1px solid var(--ink);margin-top:2rem}
.nowitem{display:grid;grid-template-columns:1fr;gap:.6rem;align-items:baseline;padding:2rem 0;border-bottom:1px solid var(--line);text-decoration:none;position:relative;transition:color .4s}
.nowitem::before{content:"";position:absolute;inset:0 calc(var(--pad)*-1);background:var(--patina-deep);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease);z-index:0}
.nowitem>*{position:relative;z-index:1}
.nowitem:hover{color:var(--plaster)}
.nowitem:hover::before{transform:scaleY(1)}
.nowitem .when{font-size:.9rem;letter-spacing:.06em;color:var(--patina);transition:color .4s}
.nowitem:hover .when{color:var(--gold)}
.nowitem b{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,7vw,6.5rem);line-height:.95;letter-spacing:-.025em;transition:transform .5s var(--ease),font-style .1s}
.nowitem:hover b{font-style:italic;transform:translateX(1rem)}
.nowitem .what{max-width:24rem;font-size:.98rem}
@media(min-width:900px){.nowitem{grid-template-columns:11rem 1fr 22rem;gap:2rem}}
.marquee{overflow:hidden;margin-top:clamp(3rem,6vw,5rem);border-block:1px solid var(--line);padding:1.3rem 0;display:flex;gap:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;flex:none;gap:3.5rem;padding-right:3.5rem;font-family:var(--display);font-size:clamp(1.4rem,2.6vw,2.2rem);white-space:nowrap;animation:marquee 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span:nth-child(even){font-style:italic;color:var(--patina)}
@keyframes marquee{to{transform:translateX(-100%)}}
.bandline{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;align-items:baseline;margin:1.6rem 0 0;font-size:.98rem}
.bandline .k{font-weight:500;color:var(--patina);min-width:7.5rem}
.bandline.seen{margin-top:clamp(3rem,6vw,5rem);justify-content:space-between}
.bandline.seen+.marquee{margin-top:1rem}
.bandline ul{flex:1 1 30rem;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:0 2rem}
.bandline li{padding:.55rem 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:1.2rem}

/* ───────── home: the story (pinned stage) ───────── */
.story{background:var(--patina-deep);color:var(--plaster);position:relative}
.story .mono{color:var(--verdigris)}
.story-grid{display:grid;grid-template-columns:1fr}
.stage{display:none}
.chapter{padding-block:clamp(3.5rem,8vw,6rem);border-top:1px solid var(--line-d)}
.chapter:first-child{border-top:0}
.chapter .num{font-family:var(--display);font-style:italic;font-size:clamp(3.2rem,6vw,5.5rem);line-height:1;color:var(--gold);display:block}
.chapter .ch-label{font-size:.9rem;letter-spacing:.06em;color:var(--verdigris);margin:.6rem 0 1.4rem}
.chapter h2{font-size:clamp(2.3rem,5vw,4.6rem);margin-bottom:1.6rem}
.chapter figure{margin:0 0 1.8rem;overflow:hidden;background:var(--patina-dark);aspect-ratio:4/5}
.chapter figure img{width:100%;height:100%;object-fit:cover}
.chapter .prose{max-width:34rem;font-size:1.08rem}
.chapter .prose a:not(.btn){color:var(--gold)}
.story .btn{border-color:var(--line-d)}
.story .btn::before{background:var(--gold)}
.story .btn:hover{color:var(--ink);border-color:var(--gold)}
@media(min-width:960px){
  .story-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(3rem,7vw,8rem)}
  .stage{display:block;position:sticky;top:0;height:100vh;padding-block:calc(var(--nav-h) + 1.5rem) 2.5rem}
  .stage-frame{position:relative;height:100%;overflow:hidden;background:var(--patina-dark)}
  .stage-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(100% 0 0 0);transform:scale(1.12);transition:clip-path 1.1s var(--ease),transform 1.6s var(--ease)}
  .stage-frame img.on{clip-path:inset(0);transform:none;z-index:1}
  .stage-frame img.was{clip-path:inset(0);transform:scale(1.04)}
  .stage-frame::after{content:"";position:absolute;inset:60% 0 0 0;background:linear-gradient(transparent,rgba(13,40,38,.8));z-index:2}
  .stage-rail{position:absolute;left:1.2rem;bottom:3.6rem;z-index:3;display:flex;gap:.9rem;font-family:var(--display);font-style:italic;font-size:1.05rem;color:rgba(235,233,228,.55)}
  .stage-rail span{transition:color .4s,transform .5s var(--ease);display:inline-block}
  .stage-rail span.on{color:var(--gold);transform:translateY(-.35rem) scale(1.25)}
  .stage-count{position:absolute;right:1.2rem;bottom:3.6rem;z-index:3;font-size:.86rem;letter-spacing:.06em}
  .chapter{min-height:100vh;display:flex;flex-direction:column;justify-content:center;border-top:0;padding-block:6rem}
  .chapter figure{display:none}
}

/* ───────── cards: editions ───────── */
.sec-head{margin-bottom:clamp(2rem,4vw,3.5rem)}
.sec-head h2{font-size:clamp(2.4rem,6vw,5.4rem);margin-bottom:1.2rem}
.sec-head .numeral{font-family:var(--display);font-style:italic;font-size:clamp(3.2rem,6vw,5.5rem);color:var(--gold-deep);line-height:1;display:block;margin-bottom:.4rem}
.hp-sub{font-size:clamp(1.02rem,1.3vw,1.2rem);max-width:46rem;color:var(--ink-soft);margin:0}
.engrave{display:none}
.chapcards{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,3rem) clamp(.9rem,2vw,2rem)}
@media(min-width:780px){.chapcards{grid-template-columns:repeat(3,1fr)}.chapcards.four{grid-template-columns:repeat(4,1fr)}}
.chapcard{display:flex;flex-direction:column;text-decoration:none;position:relative}
.chapcard[hidden]{display:none}
.cc-img{display:block;aspect-ratio:4/5;background:#f4f3ef;overflow:hidden;position:relative}
.cc-img img{width:100%;height:100%;object-fit:contain;padding:7%;mix-blend-mode:multiply;transition:transform 1s var(--ease)}
.chapcard:hover .cc-img img{transform:scale(1.07)}
.cc-img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.chapcard:hover .cc-img::after{transform:scaleX(1)}
.cc-body{display:flex;flex-direction:column;gap:.2rem;padding-top:1rem}
.cc-tier,.cc-num{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin:0;color:var(--ink-soft)}
.cc-tier{color:var(--patina)}
.cc-head{font-family:var(--display);font-size:clamp(1.25rem,1.9vw,1.7rem);line-height:1.1;margin-top:.15rem}
.cc-era,.cc-dims{font-size:.88rem;color:var(--ink-soft)}
.cc-price{order:9;font-weight:500;font-family:var(--display);font-size:1.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--line)}
.cc-cta{display:none}
.cta-row{margin-top:clamp(2rem,4vw,3.5rem)}

/* ───────── home: index of everything ───────── */
.explore{background:var(--paper)}
.index{border-top:1px solid var(--ink);margin-top:1rem}
.index a{display:grid;grid-template-columns:64px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .5s var(--ease),opacity .4s}
.index a img{width:64px;height:64px;object-fit:cover}
.index b{font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,5.2vw,4.6rem);line-height:1;letter-spacing:-.02em;transition:font-style .1s}
.index .sub{font-size:.9rem;color:var(--ink-soft);text-align:right}
.index .ext{font-size:1rem;color:var(--patina);margin-left:.4em;vertical-align:super;font-family:var(--text)}
.peek{display:none}
@media(hover:hover) and (min-width:900px){
  .index a{grid-template-columns:1fr auto;padding:1.15rem 0}
  .index a img{display:none}
  .index:hover a{opacity:.32}
  .index a:hover{opacity:1;padding-left:1.4rem}
  .index a:hover b{font-style:italic}
  .peek{display:block;position:fixed;left:0;top:0;width:min(26vw,380px);aspect-ratio:4/5;pointer-events:none;z-index:60;overflow:hidden;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .35s,scale .5s var(--ease);will-change:transform}
  .peek.on{opacity:1}
  .peek img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
  .peek img.on{opacity:1}
}

/* ───────── tiles (studio art) ───────── */
.tilegrid{display:grid;gap:clamp(.9rem,2vw,2rem);grid-template-columns:1fr}
@media(min-width:780px){.tilegrid{grid-template-columns:1.25fr 1fr 1fr;align-items:end}}
.tile{position:relative;display:block;overflow:hidden;text-decoration:none;color:var(--plaster);aspect-ratio:4/5;background:var(--patina-dark)}
@media(min-width:780px){.tile:nth-child(2){aspect-ratio:4/5.6}.tile:nth-child(3){aspect-ratio:4/4.4}}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.tile:hover img{transform:scale(1.06)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(13,40,38,.88))}
.t-label{position:absolute;left:1.4rem;right:1.4rem;bottom:1.3rem;z-index:1;display:flex;flex-direction:column-reverse;gap:.3rem}
.t-label b{font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,2.8vw,2.6rem);line-height:1}
.t-label span{font-size:.9rem;color:var(--verdigris)}

/* ───────── signup, artist, invite ───────── */
.news{background:var(--patina);color:var(--paper)}
.news .mono{color:var(--paper);opacity:.8}
.news h2{font-size:clamp(2.2rem,5vw,4.4rem);margin-bottom:1rem}
.news-grid{display:grid;gap:2.5rem;align-items:end}
@media(min-width:900px){.news-grid{grid-template-columns:1fr 1fr;gap:5rem}}
.news label{display:block;font-size:.9rem;margin-bottom:.4rem}
.signup-row{display:flex;gap:.8rem;border-bottom:1px solid var(--paper);align-items:center;flex-wrap:wrap}
.signup-row input{flex:1 1 14rem;background:none;border:0;color:inherit;font:400 1.5rem var(--display);padding:.7rem 0;outline:none;min-width:0}
.signup-row .btn{margin:0 0 .6rem;background:var(--paper);color:var(--ink);border-color:var(--paper)}
.news .small{color:var(--paper);opacity:.82;margin-top:1rem}
#news-status,#iq-status{min-height:1.4em;font-size:.95rem;margin:.6rem 0 0}
.two{display:grid;gap:2rem}
@media(min-width:900px){.two{grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,8rem);align-items:start}}
.prose{max-width:40rem}
.prose p{margin-bottom:1.1em}
.prose h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:2.2rem 0 .8rem}
.prose a:not(.btn){color:var(--patina);text-decoration:underline}
.invite{background:var(--patina-deep);color:var(--plaster);text-align:left;position:relative;overflow:hidden}
.invite .mono{color:var(--verdigris)}
.invite h2{font-size:clamp(2.8rem,9vw,9rem);line-height:.92;letter-spacing:-.03em;max-width:13ch;margin-bottom:2rem}
.invite h2 em{color:var(--gold)}
.invite p{max-width:36rem}
.invite .btn{border-color:var(--line-d)}
.invite .btn::before{background:var(--plaster)}
.invite .btn:hover{color:var(--ink)}
.invite .btn.solid{background:var(--gold);border-color:var(--gold);color:var(--ink)}

/* image wipe used on scroll for a few key images */
.wipe>img{clip-path:inset(0 0 100% 0);transition:clip-path 1.3s var(--ease),transform 1.4s var(--ease)}
.wipe.in>img{clip-path:inset(0)}
.reveal{opacity:1}

/* ───────── inner pages ───────── */
.hp-open{margin-bottom:clamp(2rem,5vw,4rem);max-width:70rem}
.hp-open h1,.hp-era{font-size:clamp(2.8rem,8.5vw,8rem);line-height:.92;letter-spacing:-.03em;margin:0 0 1.4rem}
.hp-open h1 .ln{display:block;overflow:hidden;padding-bottom:.1em}
.hp-open h1 .ln>span{display:block;transform:translateY(105%);animation:rise 1.1s var(--ease) forwards}
.hp-open .mono,.hp-open .hp-sub{opacity:0;animation:fade-up .9s var(--ease) .35s forwards}
.hp-rail{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.hp-rail a{text-decoration:none}.hp-rail a:hover{color:var(--patina)}
.hp-rail .mono{margin:0}
.sec-head h2{letter-spacing:-.02em}

/* edition page */
.edition .hp-open h1{font-size:clamp(2.4rem,6vw,5.6rem)}
.dgrid{display:grid;gap:2.5rem}
@media(min-width:960px){.dgrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(3rem,6vw,6rem);align-items:start}.dtext{position:sticky;top:calc(var(--nav-h) + 1.5rem)}}
.loupe-wrap{position:relative;background:#f4f3ef;cursor:zoom-in;overflow:hidden}
.loupe-wrap img{width:100%;aspect-ratio:1;object-fit:contain;padding:6%;mix-blend-mode:multiply;animation:plinth 1.4s var(--ease) both}
@keyframes plinth{from{opacity:0;transform:scale(1.06) translateY(20px)}}
.zoomhint{position:absolute;right:1rem;bottom:.9rem;font-size:.78rem;color:var(--ink-soft)}
.lens{display:none;position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid var(--gold);box-shadow:0 18px 50px rgba(13,40,38,.3);background-repeat:no-repeat;background-color:#fff;pointer-events:none;z-index:2}
.detailrow{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:.7rem}
.detail{background:var(--white);cursor:zoom-in;overflow:hidden}
.detailrow .detail img{aspect-ratio:1;object-fit:contain;width:100%;padding:8%;transition:transform .7s var(--ease)}
.detail:hover img{transform:scale(1.06)}
.buybar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.4rem;border-bottom:1px solid var(--ink)}
.bb-price{font-weight:500;font-family:var(--display);font-size:clamp(2.2rem,4vw,3.4rem);line-height:1}
.buybar .btn{margin:0}
.spec{margin:0 0 1.6rem}
.srow{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.98rem}
.sk{color:var(--ink-soft)}
.sv a{color:var(--patina)}
.finishrow{display:flex;flex-wrap:wrap;gap:.4rem}
.finishrow span{border:1px solid var(--line);border-radius:999px;padding:.2rem .8rem;font-size:.86rem}
.inqbox{background:var(--paper);padding:1.6rem}
.inqbox .mono{margin-bottom:.6rem}
.edition-story{max-width:44rem;margin:clamp(3.5rem,7vw,6rem) 0 0}
.edition-context{margin-top:clamp(3.5rem,7vw,6rem);background:var(--patina-deep);color:var(--plaster);padding:clamp(2rem,5vw,4.5rem)}
.edition-context .mono{color:var(--verdigris)}
.edition-context h2{font-size:clamp(2rem,4.4vw,3.8rem);margin-bottom:1.2rem}
.edition-context p{max-width:44rem}
.ec-links{display:flex;flex-wrap:wrap;gap:.5rem 1.8rem;margin-top:1.4rem}
.ec-links a{color:var(--gold);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}
.ec-links a:hover{border-color:var(--gold)}
.pgnav-wrap{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(3rem,6vw,5rem);border-block:1px solid var(--ink)}
.pgnav{padding:1.6rem 0;text-decoration:none;display:block;transition:padding .4s var(--ease),background .4s}
.pgnav .mono{display:block;margin-bottom:.4rem}
.pgnav b{font-family:var(--display);font-weight:400;font-size:clamp(1.2rem,2.4vw,2rem);line-height:1.1}
.pgnav.next{text-align:right;border-left:1px solid var(--line);padding-left:1rem}
.pgnav:hover b{font-style:italic}

/* shop */
.tiers{margin:0 0 clamp(2rem,4vw,3rem)}
.tiers-h{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:1.2rem}
.tiers-row{display:grid;gap:0;border-top:1px solid var(--ink)}
@media(min-width:860px){.tiers-row{grid-template-columns:repeat(3,1fr)}}
.tier{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem 1.6rem 0;text-decoration:none;border-bottom:1px solid var(--line);position:relative;transition:background .4s,padding .4s var(--ease),color .4s}
@media(min-width:860px){.tier{padding-left:1.5rem;border-left:1px solid var(--line)}.tier:first-child{border-left:0}}
.tier .mono{font-family:var(--display);font-style:italic;font-size:1.6rem;letter-spacing:0;text-transform:none;color:var(--gold-deep);margin:0}
.tier b{font-family:var(--display);font-weight:400;font-size:1.6rem;line-height:1.1}
.tier span{font-size:.95rem;color:var(--ink-soft)}
.tier .tier-p{font-family:var(--display);font-size:1.15rem;color:var(--ink);margin-top:auto;padding-top:.6rem}
.tier:hover,.tier.on{background:var(--patina-deep);color:var(--plaster);padding-left:1.5rem}
.tier:hover span,.tier.on span,.tier:hover .tier-p,.tier.on .tier-p{color:var(--plaster)}
.tier:hover .mono,.tier.on .mono{color:var(--gold)}
.tiers-note{margin-top:1rem;font-size:.95rem;color:var(--ink-soft)}
.shop-controls{display:flex;gap:1.5rem;flex-wrap:wrap;margin:0 0 2rem;font-size:.92rem}
.shop-controls select{font:inherit;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:.35rem 1.6rem .35rem .2rem;margin-left:.4rem;color:inherit;border-radius:0}

/* collecting (accordion) */
.essays{border-top:1px solid var(--ink);max-width:62rem}
.essay{border-bottom:1px solid var(--line)}
.essay summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0}
.essay summary::-webkit-details-marker{display:none}
.etitle{font-family:var(--display);font-size:clamp(1.5rem,3.2vw,2.6rem);line-height:1.05;transition:transform .4s var(--ease)}
.essay summary:hover .etitle{transform:translateX(.6rem);font-style:italic}
.essay summary::after{content:"";flex:none;width:18px;height:18px;background:linear-gradient(var(--ink),var(--ink)) center/100% 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 100% no-repeat;transition:transform .5s var(--ease)}
.essay[open] summary::after{transform:rotate(135deg)}
.ebody{padding:0 0 1.8rem;max-width:44rem}
.essay[open] .ebody{animation:fade-up .6s var(--ease)}

/* contact */
.feature{display:grid;gap:2.5rem}
@media(min-width:960px){.feature{grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,7rem);align-items:start}}
.inquiry{background:var(--patina-deep);color:var(--plaster);padding:clamp(1.6rem,4vw,3rem)}
.inquiry .mono{color:var(--verdigris)}
.inquiry .small{color:var(--plaster);opacity:.8}
.inquiry a{color:var(--gold)}
.iqgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem;margin-top:1.2rem}
.iqgrid input,.iqgrid textarea{background:none;border:0;border-bottom:1px solid var(--line-d);color:inherit;font:inherit;padding:1rem 0;outline:none;transition:border-color .3s;min-width:0;border-radius:0}
.iqgrid textarea{grid-column:1/-1;resize:vertical}
.iqgrid input:focus,.iqgrid textarea:focus{border-color:var(--gold)}
.iqgrid ::placeholder{color:rgba(235,233,228,.6)}
.signup-consent{display:flex;gap:.6rem;align-items:center;margin-top:1.2rem;font-size:.95rem}
.inquiry .btn.solid{background:var(--gold);border-color:var(--gold);color:var(--ink);margin-top:1.2rem}
.inquiry .btn.solid::before{background:var(--plaster)}
@media(max-width:560px){.iqgrid{grid-template-columns:1fr}}

/* works grids (unique, portraits, paintings) */
.worksgrid{columns:2;column-gap:clamp(.9rem,2vw,2rem)}
@media(min-width:900px){.worksgrid{columns:3}}
.workcard{break-inside:avoid;margin-bottom:clamp(1.6rem,3vw,2.8rem)}
.workcard .detail{background:var(--white)}
.workcard .detail img{width:100%;transition:transform 1s var(--ease)}
.wc-cap{display:flex;flex-direction:column;gap:.15rem;padding-top:.8rem;font-size:.9rem;color:var(--ink-soft)}
.wc-cap b{font-family:var(--display);font-weight:400;font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.1;color:var(--ink)}
.wc-cap.held b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-left:.5em;vertical-align:middle}
.wc-inq{color:var(--patina);text-decoration:none;margin-top:.3rem;align-self:flex-start;border-bottom:1px solid transparent;transition:border-color .3s}
.wc-inq:hover{border-color:currentColor}
.worksfoot{margin-top:2rem}

/* films */
.vidgrid{display:grid;gap:clamp(1rem,2vw,2rem);grid-template-columns:1fr}
@media(min-width:700px){.vidgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.vidgrid{grid-template-columns:repeat(3,1fr)}}
.vidcard{position:relative;display:block;text-decoration:none;overflow:hidden;background:var(--patina-deep);color:var(--plaster)}
.vidcard img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform 1.2s var(--ease),opacity .5s}
.vidcard:hover img{transform:scale(1.06);opacity:.6}
.v-play{position:absolute;left:50%;top:calc(50% - 2.4rem);width:64px;height:64px;margin:-32px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-size:1rem;padding-left:3px;transform:scale(0);transition:transform .5s var(--ease)}
.vidcard:hover .v-play{transform:none}
.v-meta{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem 1.2rem}
.v-meta span{font-size:.8rem;color:var(--verdigris)}
.v-meta b{font-family:var(--display);font-weight:400;font-size:1.25rem;line-height:1.15}
.sec-head{margin-top:clamp(3.5rem,7vw,6rem)}
.home .sec-head{margin-top:0}
.vidindex,.pressreg{border-top:1px solid var(--ink)}
.vidindex a{display:grid;grid-template-columns:5.5rem 1fr auto;gap:1rem;padding:.95rem 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:baseline;transition:padding .4s var(--ease),background .4s}
.vidindex a:hover{padding-left:.9rem;color:var(--patina)}
.vd,.pdate{font-size:.84rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.vt{font-family:var(--display);font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.2}
.vx{font-size:.7rem;color:var(--gold-deep)}

/* press */
.prow{display:grid;grid-template-columns:5.5rem 1fr;gap:.2rem 1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);align-items:baseline;transition:padding .4s var(--ease)}
.prow:hover{padding-left:.9rem}
.ptitle{font-family:var(--display);font-size:clamp(1.1rem,1.9vw,1.6rem);line-height:1.2}
.prow.greek .ptitle{font-family:var(--text);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:420}
.ptitle a{text-decoration:none}.ptitle a:hover{color:var(--patina);text-decoration:underline}
.poutlet{grid-column:2;font-size:.78rem;letter-spacing:.1em;color:var(--patina)}
@media(min-width:900px){.prow{grid-template-columns:6.5rem 1fr 16rem}.poutlet{grid-column:3;text-align:right}}
.pressreg:not(.expanded) .hidden-press{display:none}
#press-toggle{margin-top:2rem}
.welcome-pull{margin:3rem 0;font-family:var(--display);font-style:italic;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.2;max-width:50rem}
.welcome-pull cite{display:block;font:normal .9rem var(--text);margin-top:1rem;color:var(--patina)}

/* publications */
.pubgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,3rem) clamp(.9rem,2vw,2rem)}
@media(min-width:800px){.pubgrid{grid-template-columns:repeat(4,1fr)}}
.pubcard{text-decoration:none;display:block}
.pubcard img{width:100%;box-shadow:0 1px 0 var(--line),14px 18px 40px -18px rgba(13,40,38,.45);transition:transform .8s var(--ease),box-shadow .8s}
.pubcard:hover img{transform:translateY(-10px) rotate(-1.2deg);box-shadow:22px 30px 50px -20px rgba(13,40,38,.5)}
.pc-body{display:flex;flex-direction:column;gap:.25rem;padding-top:1.1rem}
.pc-year{font-size:.84rem;color:var(--ink-soft)}
.pubcard h3{font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.15}
.pc-cta{font-size:.74rem;letter-spacing:.1em;color:var(--patina);margin-top:.3rem}

/* the artist */
.artist-top{display:grid;gap:2rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
@media(min-width:900px){.artist-top{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,6vw,6rem)}}
.fig{margin:0;cursor:zoom-in;overflow:hidden}
.fig img{width:100%}
.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.stats>div{padding:1.3rem 1rem 1.3rem 0;border-bottom:1px solid var(--line)}
.stats .n{display:block;font-family:var(--display);font-size:clamp(2.8rem,6vw,5.5rem);line-height:1;letter-spacing:-.03em}
.stats .mono{margin:.5rem 0 0;display:block}
.bio{display:grid;gap:0;border-top:1px solid var(--ink);max-width:none}
.bio>div{display:grid;gap:.6rem 3rem;padding:1.8rem 0;border-bottom:1px solid var(--line)}
@media(min-width:900px){.bio>div{grid-template-columns:18rem minmax(0,44rem)}.bio>div>h3{grid-row:1/span 9}.bio>div>p{grid-column:2}}
.bio h3{font:500 .74rem/1.5 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--patina);margin:.35rem 0 0}
.bio p{font-size:1.08rem;margin:0 0 .9em}
.pathgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--ink)}
@media(min-width:900px){.pathgrid{grid-template-columns:repeat(5,1fr)}}
.path{display:flex;flex-direction:column;gap:.3rem;padding:1.4rem 1rem 1.6rem 0;text-decoration:none;border-bottom:1px solid var(--line);transition:background .4s,color .4s,padding .4s var(--ease)}
.path .mono{margin:0}
.path b{font-family:var(--display);font-weight:400;font-size:1.45rem;line-height:1.1}
.path i{font-size:.86rem;color:var(--ink-soft)}
.path:hover{background:var(--patina-deep);color:var(--plaster);padding-left:1rem}
.path:hover i,.path:hover .mono{color:var(--verdigris)}

.err{padding:8vh 0;text-align:left}
.err h1{font-size:clamp(3rem,10vw,9rem)}

/* ───────── footer ───────── */
footer{background:var(--patina-deep);color:var(--plaster);padding-top:clamp(3.5rem,7vw,6rem);font-size:.95rem}
footer .mono{color:var(--verdigris)}
footer h3{font-size:1.5rem;margin-bottom:1rem}
footer .f-word{font-family:var(--display);font-size:clamp(3.4rem,13.6vw,14rem);line-height:.8;letter-spacing:-.04em;white-space:nowrap;color:var(--patina-dark);margin:0 0 clamp(2.5rem,5vw,4rem) -.04em;-webkit-text-stroke:1px rgba(143,196,183,.35)}
footer .f-word i{font-style:italic}
.fgrid{display:grid;gap:2.5rem}
@media(min-width:900px){.fgrid{grid-template-columns:1.2fr 1.3fr 1fr;gap:4rem}}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin-bottom:.5rem}
footer a{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s,color .3s}
footer a:hover{color:var(--gold);border-color:var(--gold)}
.colophon{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--line-d)}
.colophon span{margin:0}
.ppsf{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.3rem;max-width:1440px;margin:1.6rem auto 0;padding:1.3rem var(--pad) 2rem;font-size:.84rem}
.ppsf-logo{display:inline-flex;overflow:hidden;width:64px;height:64px;flex:none;border:0!important}
.ppsf-logo img{width:98px;height:98px;max-width:none;margin:-17px}
.ppsf-label{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}
.ppsf [aria-current]{opacity:.55}

/* lightbox */
#lightbox{position:fixed;inset:0;z-index:300;background:rgba(13,40,38,.97);color:var(--plaster);display:none;flex-direction:column}
#lightbox.open{display:flex;animation:vt-in .4s var(--ease)}
#lb-stage{flex:1;overflow:hidden;display:grid;place-items:center;cursor:grab;touch-action:none}
#lb-stage img{max-width:92vw;max-height:82vh;will-change:transform;user-select:none;-webkit-user-drag:none}
#lb-close{position:absolute;top:1rem;right:1rem;z-index:2;background:none;border:1px solid var(--line-d);color:inherit;border-radius:999px;padding:.7rem 1.1rem;font:500 .8rem var(--text);cursor:pointer}
#lightbox .cap{padding:.4rem var(--pad);font-family:var(--display);font-size:1.15rem;text-align:center}
#lightbox .hint{padding:0 0 1rem;text-align:center;font-size:.8rem;opacity:.6}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .marquee-track{animation:none}
  .bigquote .w{opacity:1}
  .wipe>img{clip-path:none}
}

/* content split: news, galleries, press resources, placed works */
.newslist{display:grid;gap:0 clamp(1.5rem,3vw,3rem);border-top:1px solid var(--ink)}
@media(min-width:860px){.newslist{grid-template-columns:repeat(2,1fr)}.newslist.three{grid-template-columns:repeat(3,1fr)}}
.newslist article{padding:1.8rem 0;border-bottom:1px solid var(--line)}
.newslist h3{font-size:clamp(1.5rem,2.6vw,2.2rem);margin:.4rem 0 .7rem}
.newslist p{max-width:34rem;margin-bottom:.6em}
.text-link{color:var(--patina);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}
.text-link:hover{border-color:currentColor}
.gal h2{font-size:clamp(1.8rem,3.6vw,3rem);margin:clamp(2.5rem,5vw,4rem) 0 1.2rem}
.gal>p{max-width:46rem}
.edstrip{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,3rem) clamp(.9rem,2vw,2rem);margin:1.6rem 0}
@media(min-width:780px){.edstrip{grid-template-columns:repeat(4,1fr)}}
.edstrip a{display:flex;flex-direction:column;gap:.2rem;text-decoration:none;font-size:.88rem;color:var(--ink-soft)}
.edstrip img{aspect-ratio:4/5;object-fit:contain;background:#f4f3ef;padding:7%;mix-blend-mode:multiply;margin-bottom:.8rem;transition:transform 1s var(--ease)}
.edstrip a:hover img{transform:scale(1.04)}
.edstrip b{font-family:var(--display);font-weight:400;font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.1;color:var(--ink)}
.edstrip .edp{font-family:var(--display);font-weight:500;font-size:1.2rem;color:var(--ink);margin-top:.3rem}
.reg-note{font-size:.9rem;color:var(--ink-soft);margin:0 0 1rem}
.resource-panel{background:var(--paper);padding:clamp(1.5rem,3vw,2.5rem);margin-top:clamp(3rem,6vw,5rem)}
.resource-panel h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:0 0 .8rem}
.resource-panel .cta-row{margin:1.2rem 0}
.press-photographs{margin-top:2rem}
.press-image-grid{display:grid;gap:2rem;margin-top:1.2rem}
@media(min-width:700px){.press-image-grid{grid-template-columns:repeat(2,minmax(0,22rem))}}
.press-image-card img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:.8rem}
.press-image-card h3{font-size:1.2rem;margin-bottom:.4rem}
.press-image-card p{font-size:.88rem;color:var(--ink-soft);margin:0 0 .3rem}
.wc-cap.placed .wc-inq:not(.wc-placed){display:none}
.wc-placed{color:var(--gold-deep)}
@media(min-width:900px){.pathgrid{grid-template-columns:repeat(3,1fr)}}

/* ───────── Arabic edition: right to left ───────── */
[dir=rtl]{--display:"Bodoni Moda","Amiri",serif;--text:"Commissioner","Noto Naskh Arabic",sans-serif}
[dir=rtl] *{letter-spacing:0!important;font-style:normal!important}
[dir=rtl] body{font-size:1.14rem;line-height:1.95}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{line-height:1.3;font-weight:400}
[dir=rtl] .hero h1{line-height:1.12;margin-left:0;font-size:clamp(4rem,14vw,14rem)}
[dir=rtl] .hero h1 .ln,[dir=rtl] .hp-open h1 .ln{padding-bottom:.28em}
[dir=rtl] .hero h1 .ln:nth-child(2)>span{padding-left:0;padding-right:.9em}
[dir=rtl] .hp-open h1,[dir=rtl] .hp-era{line-height:1.2}
[dir=rtl] .mono{font-size:.86rem}
[dir=rtl] .brand,[dir=rtl] .f-word{direction:ltr;unicode-bidi:isolate}
[dir=rtl] footer .f-word{text-align:right;margin-left:0}
[dir=rtl] .cc-head,[dir=rtl] .ptitle,[dir=rtl] .vt,[dir=rtl] .etitle,[dir=rtl] .t-label b,[dir=rtl] .index b,[dir=rtl] .nowitem b,[dir=rtl] .ledger b,[dir=rtl] .bigquote p,[dir=rtl] .wc-cap b,[dir=rtl] .pgnav b,[dir=rtl] .path b,[dir=rtl] .tier b,[dir=rtl] .v-meta b{line-height:1.35}
[dir=rtl] .bigquote p{line-height:1.5}
[dir=rtl] .ptitle,[dir=rtl] .vt,[dir=rtl] .v-meta b{direction:ltr;unicode-bidi:plaintext;text-align:right}
[dir=rtl] .dd{left:auto;right:-1.2rem}
[dir=rtl] .menu>li:last-child .dd,[dir=rtl] .menu>li:nth-last-child(2) .dd,[dir=rtl] .menu>li:nth-last-child(3) .dd{right:auto;left:-1.2rem}
[dir=rtl] .dd a:hover{padding-left:1.2rem;padding-right:1.6rem}
[dir=rtl] .menu>li>a::after,[dir=rtl] .menu>li>button::after{transform-origin:left}
[dir=rtl] .menu>li:hover>a::after,[dir=rtl] .menu>li:hover>button::after,[dir=rtl] .menu .on::after{transform-origin:right}
[dir=rtl] .ledger a{padding:1.4rem 0 1.6rem 1.2rem}
[dir=rtl] .ledger a:hover{padding-left:1.2rem;padding-right:.8rem}
@media(min-width:900px){[dir=rtl] .ledger a{border-left:0;border-right:1px solid var(--line);padding-left:1.2rem;padding-right:1.4rem}[dir=rtl] .ledger a:first-child{border-right:0;padding-right:0}[dir=rtl] .ledger a:hover{padding-right:2rem}[dir=rtl] .ledger a:first-child:hover{padding-right:.6rem}}
[dir=rtl] .nowitem:hover b{transform:translateX(-1rem)}
[dir=rtl] .marquee-track{animation-name:marquee-rtl}
@keyframes marquee-rtl{to{transform:translateX(100%)}}
[dir=rtl] .marquee-track span{direction:ltr}
[dir=rtl] .stage-rail{left:auto;right:1.2rem}
[dir=rtl] .stage-count{right:auto;left:1.2rem}
[dir=rtl] .cc-img::after{transform-origin:right}
[dir=rtl] .index .sub,[dir=rtl] .poutlet{text-align:left}
[dir=rtl] .index .ext{margin-left:0;margin-right:.4em}
[dir=rtl] .index a:hover{padding-left:0;padding-right:1.4rem}
[dir=rtl] .tier{padding:1.5rem 0 1.6rem 1.5rem}
[dir=rtl] .tier:hover,[dir=rtl] .tier.on{padding-right:1.5rem}
@media(min-width:860px){[dir=rtl] .tier{border-left:0;border-right:1px solid var(--line);padding-right:1.5rem}[dir=rtl] .tier:first-child{border-right:0}}
[dir=rtl] .shop-controls select{margin-left:0;margin-right:.4rem;padding:.35rem .2rem .35rem 1.6rem}
[dir=rtl] .pgnav.next{text-align:left;border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:1rem}
[dir=rtl] .essay summary:hover .etitle{transform:translateX(-.6rem)}
[dir=rtl] .vidindex a:hover,[dir=rtl] .prow:hover{padding-left:0;padding-right:.9rem}
[dir=rtl] .path{padding:1.4rem 0 1.6rem 1rem}
[dir=rtl] .path:hover{padding-right:1rem}
[dir=rtl] .zoomhint{right:auto;left:1rem}
[dir=rtl] .wc-cap.held b::after{margin-left:0;margin-right:.5em}
[dir=rtl] #lb-close{right:auto;left:1rem}
[dir=rtl] .btn{margin:.25rem 0 .25rem .5rem}
[dir=rtl] .skip-link{left:auto;right:-999px}
[dir=rtl] .signup-row input,[dir=rtl] .iqgrid input[type=email],[dir=rtl] .iqgrid input[type=tel]{direction:ltr;text-align:right}
.menu .lang a{border:1px solid var(--line-d);border-radius:999px;padding:.5rem .9rem}
.menu .lang a::after{display:none}
@media(max-width:1080px){.menu .lang{border-bottom:0}.menu .lang a{font-family:var(--text)!important;font-size:1rem!important;padding:.6rem 1.1rem}}
/* titles of works inside a sentence: Arabic has no italics, so they are set in quotation marks */
[dir=rtl] p:not(.hero-tag) em::before{content:"«"}
[dir=rtl] p:not(.hero-tag) em::after{content:"»"}