/* petrides.art — redesign preview. Same design as the petrides.studio redesign: verdigris patina, gold leaf, studio plaster; Bodoni Moda and Commissioner (GFS Didot for Greek, Amiri and Noto Naskh for Arabic). Laid over the site's existing stylesheet. */
:root{
  --patina-deep:#0d2826;--patina-dark:#143a37;--patina:#2c6f67;--verdigris:#8fc4b7;--plaster:#ebe9e4;--paper:#f6f5f1;--ink:#141716;--ink-soft:#4c5351;--gold:#c9a044;--gold-deep:#8d6a17;--line:rgba(20,23,22,.16);--line-d:rgba(235,233,228,.2);
  --display:"Bodoni Moda","GFS Didot","Amiri",serif;--text:"Commissioner","Noto Naskh Arabic",sans-serif;--ease:cubic-bezier(.2,.7,.1,1);--pad:clamp(1.25rem,4vw,4.5rem);--nav-h:68px;
  --ground:#ebe9e4;--ground2:#f6f5f1;--panel:#f6f5f1;--bronze:#2c6f67;--bronze-deep:#143a37;--pale:#1f5650;--titanium:#4c5351;--bone:#141716;--bone-dim:#4c5351;--faint:#6b7371;--hair:rgba(20,23,22,.3);--hair2:rgba(20,23,22,.14);--serif:var(--display);
}
body>nav,.hero,.site-footer,#lightbox,.atlas,.stage,.story,.inquiry-builder{--ground:#0d2826;--ground2:#143a37;--panel:#143a37;--bronze:#c9a044;--bronze-deep:#8d6a17;--pale:#e0c479;--bone:#ebe9e4;--bone-dim:rgba(235,233,228,.82);--faint:#8fc4b7;--hair:rgba(235,233,228,.28);--hair2:rgba(235,233,228,.14)}
@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)}}
@keyframes rise{to{transform:none}}
@keyframes fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hero-settle{to{transform:none}}
@keyframes marquee{to{transform:translateX(-100%)}}
@keyframes marquee-rtl{to{transform:translateX(100%)}}
body::before,.frame,.frame2,.corner,.engrave{display:none!important}
html{scroll-padding-top:calc(var(--nav-h) + 16px)}
body{font-family:var(--text);font-size:1.0625rem;line-height:1.6;font-weight:380;color:var(--ink);background:var(--plaster);overflow-x:hidden}
[dir=rtl] body{line-height:1.95;font-size:1.12rem}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.012em;line-height:1.04;text-wrap:balance}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.35}
[lang=el] h1,[lang=el] h2,[lang=el] h3{letter-spacing:0;line-height:1.12}
p{text-wrap:pretty}
::selection{background:var(--patina);color:#fff}
#progress{top:0!important;left:0!important;max-width:none!important;background:var(--gold);z-index:120}
.wrap{max-width:1440px;padding-inline:var(--pad)}
.mono{font-family:var(--text);font-size:.74rem!important;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
[dir=rtl] .mono,[lang=el] .mono{letter-spacing:.04em}
a{color:var(--pale)}
main p a:not([class]),main li a:not([class]),main dd a:not([class]),main td a:not([class]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}

/* buttons */
.action,#press-toggle,button.action{display:inline-flex;align-items:center;gap:.6em;font:500 .86rem/1.2 var(--text);letter-spacing:.04em;text-transform:none;text-decoration:none;padding:1em 1.5em;border:1px solid currentColor;border-radius:999px;position:relative;overflow:hidden;isolation:isolate;transition:color .35s var(--ease),border-color .35s;cursor:pointer;background:none;color:var(--bone)}
.action::before,#press-toggle::before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1;border-radius:inherit}
.action:hover,#press-toggle:hover{color:var(--paper);border-color:var(--ink)}
.action:hover::before,#press-toggle:hover::before{transform:none}
.action.primary{background:var(--patina-deep);border-color:var(--patina-deep);color:var(--paper)}
.action.primary::before{background:var(--gold)}
.action.primary:hover{color:var(--ink);border-color:var(--gold)}
.hero .action,.inquiry-builder .action{border-color:var(--line-d);color:var(--plaster)}
.hero .action::before{background:var(--plaster)}
.hero .action:hover{color:var(--ink);border-color:var(--plaster)}
.hero .action.primary,.inquiry-builder .action.primary{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.hero .action.primary::before,.inquiry-builder .action.primary::before{background:var(--plaster)}
.text-link,.project-back{color:var(--patina);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s,color .3s}
.text-link:hover,.project-back:hover{border-color:currentColor;color:var(--patina-dark)}
.cta-row,.hero-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.across{margin:1.6rem 0}

/* navigation */
body>nav{position:fixed;background:var(--patina-deep);border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0 var(--pad);min-height:var(--nav-h);color:var(--plaster);transition:transform .5s var(--ease),background .4s;z-index:100}
body>nav.hide{transform:translateY(-100%)}
.home.at-top>nav:not(.menu-open){background:transparent}
nav .brand{font-family:var(--display);font-size:1.3rem;letter-spacing:.01em;text-transform:none;color:var(--plaster);display:flex;flex-direction:row;gap:.4em;align-items:baseline;white-space:nowrap}
nav .brand-name{font:inherit;letter-spacing:inherit;color:inherit;text-transform:none}
nav .brand-practice{font-family:var(--display);font-style:italic;font-size:1.3rem!important;letter-spacing:0;text-transform:none;color:var(--gold)}
[dir=rtl] nav .brand-practice,[lang=el] nav .brand-practice{font-style:normal}
@media(max-width:560px){nav .brand-practice{display:none}}
nav ul a,nav .languages a{font-family:var(--text);font-size:.86rem!important;font-weight:450;letter-spacing:.02em!important;text-transform:none;color:var(--plaster)}
nav ul a:hover,nav ul a.active,nav ul a[aria-current=page],nav .languages a:hover{color:var(--gold)}
nav ul a[aria-current=page]{text-decoration:none}
nav .languages a[aria-current]{color:var(--gold);border-color:var(--gold)}
nav ul .sub{background:var(--patina-deep)!important;border:0!important;border-top:1px solid var(--gold)!important}
nav .menu-toggle .bar{background:var(--plaster)}

/* hero (home) */
.hero{min-height:100svh;background:var(--patina-deep);color:var(--plaster);overflow:hidden;align-items:flex-end}
.hero .bg{inset:0!important;width:100%!important;left:0!important}
.hero h1{max-width:none!important}
.hero .bg img{width:100%;height:100%;object-fit:cover;filter:none;transform:scale(1.08);animation:hero-settle 2.6s var(--ease) forwards;object-position:50% 30%}
.hero .bg::after{background:linear-gradient(180deg,rgba(13,40,38,.72) 0%,rgba(13,40,38,.34) 30%,rgba(13,40,38,.62) 60%,rgba(13,40,38,.97) 100%),rgba(20,58,55,.28)!important}
.hero-inner{max-width:1600px;width:100%;margin:0 auto;padding:calc(var(--nav-h) + 3rem) var(--pad) clamp(2rem,4vw,3.5rem);display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem}
.hero .mono{color:var(--verdigris);font-size:.86rem!important;font-weight:400;letter-spacing:.06em;text-transform:none;opacity:0;animation:fade-up 1s var(--ease) .2s forwards}
.hero h1{font-size:clamp(3.2rem,10.4vw,10.6rem);line-height:.88;letter-spacing:-.035em;margin:0 0 .5rem -.04em;color:var(--plaster)}
[lang=el] .hero h1{font-size:clamp(2.6rem,7.6vw,8rem);line-height:1;letter-spacing:-.01em}
[dir=rtl] .hero h1{font-size:clamp(2.8rem,8vw,8.4rem);line-height:1.25;letter-spacing:0;margin:0 0 .5rem}
.hero h1 br{display:none}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.1em}
.hero h1 .ln>span{display:block;transform:translateY(110%);animation:rise 1.25s var(--ease) forwards}
.hero h1 .ln:nth-child(2)>span{animation-delay:.14s}
.hero h1 em{font-style:italic;color:var(--gold);display:block;padding-inline-start:.6em}
[dir=rtl] .hero h1 em,[lang=el] .hero h1 em{font-style:normal;padding-inline-start:0}
.hero .lede{max-width:36rem;color:var(--plaster);font-size:1.08rem;opacity:0;animation:fade-up 1s var(--ease) .8s forwards}
.hero-actions{opacity:0;animation:fade-up 1s var(--ease) .95s forwards}
.hero .stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;background:none;border:0;border-top:1px solid var(--line-d);margin-top:1.4rem;opacity:0;animation:fade-up 1s var(--ease) 1.1s forwards}
.hero .stats div{padding:1.1rem 1.2rem 0 0;border:0;border-inline-start:1px solid var(--line-d);padding-inline-start:1.2rem}
.hero .stats div:first-child{border:0;padding-inline-start:0}
.stats .n{font-family:var(--display);font-size:clamp(2.6rem,5vw,4.6rem);line-height:1;color:var(--plaster);letter-spacing:-.03em}
.hero .stats .mono{opacity:1;animation:none;color:var(--verdigris);margin-top:.4rem}
.hero-note{color:var(--plaster);opacity:.75;font-size:.9rem;margin-top:.4rem}
@media(min-width:980px){.hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:4rem;align-items:end}.hero .mono,.hero h1{grid-column:1/-1}.hero .lede{grid-column:1;grid-row:3}.hero-actions{grid-column:1;grid-row:4}.hero .stats{grid-column:2;grid-row:3/5;margin-top:0;align-self:end}.hero-note{grid-column:1/-1;grid-row:5}}

/* shared section furniture */
main.wrap,.interior-page main{position:relative}
section{padding:clamp(4rem,8vw,7.5rem) 0 clamp(2rem,4vw,3.5rem)}
.sec-head{margin-bottom:clamp(2rem,4vw,3.5rem)}
.sec-head h2,section>h2:first-child{font-size:clamp(2.2rem,5.4vw,5rem);margin:.8rem 0 1.1rem;letter-spacing:-.02em}
.sec-head p{font-size:clamp(1.02rem,1.3vw,1.2rem);max-width:46rem;color:var(--ink-soft)}
.inner main{padding-top:calc(var(--nav-h) + clamp(2rem,5vw,4rem))!important}
.inner main h1{font-family:var(--display);font-size:clamp(2.6rem,7.6vw,7.4rem);line-height:.94;letter-spacing:-.03em;margin:.8rem 0 1.6rem;color:var(--ink)}
[lang=el] .inner main h1{font-size:clamp(2.2rem,5.6vw,5.6rem);line-height:1.04;letter-spacing:-.005em}
[dir=rtl] .inner main h1{font-family:var(--display);font-size:clamp(2.2rem,5.6vw,5.4rem);line-height:1.3;letter-spacing:0}
.inner main h1 .ln{display:block;overflow:hidden;padding-bottom:.12em}
.inner main h1 .ln>span{display:block;transform:translateY(110%);animation:rise 1.1s var(--ease) forwards}
.inner main h2{font-size:clamp(1.7rem,3.2vw,2.8rem);margin:2.6rem 0 1rem}
.inner main h3{font-size:clamp(1.25rem,1.9vw,1.6rem)}
h2.mono{font-family:var(--text)!important;font-size:.74rem!important;margin:2rem 0 .8rem!important}
.lede,.commission-lead,.sector-lede,.essay-intro,.essay-summary{font-size:clamp(1.1rem,1.5vw,1.35rem);max-width:48rem;color:var(--ink)}
.small,.reg-note,.index-note,.spec-note,.atlas-note,.scroll-note{font-size:.9rem;color:var(--ink-soft)}
.ph{display:block;overflow:hidden;position:relative;background:var(--patina-dark)}
.ph>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease),clip-path 1.3s var(--ease)}
.wipe>img{clip-path:inset(0 0 100% 0)}
.wipe.in>img{clip-path:inset(0)}

/* home: collections */
.recog{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:0 2rem;border:0;padding:clamp(3.5rem,7vw,6rem) 0 0;margin:0}
.recog .mono{grid-column:1/-1;margin-bottom:1rem}
.recog .i{font-family:var(--display);font-size:1.3rem;color:var(--ink);padding:.7rem 0;border:0;border-bottom:1px solid var(--line);transition:padding .4s var(--ease),color .3s;display:block}
.recog .i:hover{padding-inline-start:.7rem;color:var(--patina)}

/* home: sectors as a large index, the picture follows the pointer */
.home .sector-grid{display:block;border-top:1px solid var(--ink)}
.home .sector-tile{display:grid;grid-template-columns:64px 1fr auto;gap:.2rem 1rem;align-items:center;padding:.9rem 0;border:0;border-bottom:1px solid var(--line);background:none;transition:padding .5s var(--ease),opacity .4s;color:var(--ink)}
.home .sector-tile .ph{width:64px;height:64px;grid-row:1/3;aspect-ratio:auto}
.home .sector-tile h3{font-size:clamp(1.9rem,5.4vw,4.8rem);line-height:1;letter-spacing:-.02em;margin:0;grid-row:1/3;color:inherit}
.home .sector-tile .inst{grid-column:3;text-align:end;margin:0;font-size:.95rem;color:var(--ink)}
.home .sector-tile .where{grid-column:3;text-align:end;margin:0;font-size:.86rem;color:var(--ink-soft)}
.peek{display:none}
@media(hover:hover) and (min-width:900px){
  .home .sector-tile{grid-template-columns:1fr auto;padding:1.1rem 0}
  .home .sector-tile .ph{display:none}
  .home .sector-tile .inst,.home .sector-tile .where{grid-column:2}
  .home .sector-grid:hover .sector-tile{opacity:.32}
  .home .sector-grid .sector-tile:hover{opacity:1;padding-inline-start:1.4rem}
  .home .sector-tile:hover h3{font-style:italic}
  [dir=rtl] .home .sector-tile:hover h3,[lang=el] .home .sector-tile:hover h3{font-style:normal;color:var(--patina)}
  .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;transition:opacity .35s;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}
}

/* home: selected installations on a pinned stage */
.story{background:var(--patina-deep);color:var(--plaster);padding:clamp(4rem,8vw,7rem) 0 clamp(2rem,4vw,4rem);position:relative;box-shadow:0 0 0 100vmax var(--patina-deep);clip-path:inset(0 -100vmax)}
.story .sec-head h2{color:var(--plaster)}.story .sec-head p{color:var(--plaster);opacity:.8}.story .sec-head .mono{color:var(--verdigris)}
.story .selected-grid{display:block}
.story .selected-card{display:block;padding:2.2rem 0;border:0;border-top:1px solid var(--line-d);background:none;color:var(--plaster)}
.story .selected-card .ph{aspect-ratio:4/5;margin-bottom:1.4rem}
.story .selected-card h3{font-size:clamp(2rem,4.4vw,4.2rem);line-height:1.02;letter-spacing:-.02em;color:var(--plaster);margin:.6rem 0 1rem;transition:color .3s}
.story .selected-card:hover h3{color:var(--gold)}
.story .selected-card .inst{color:var(--gold);font-size:1.05rem;margin:0}
.story .selected-card .where{color:var(--verdigris);font-size:.95rem!important;letter-spacing:.02em;text-transform:none;margin:.3rem 0 0;font-family:var(--text)}
.story .num{font-family:var(--display);font-style:italic;font-size:clamp(2.6rem,5vw,4.6rem);line-height:1;color:var(--gold);display:block}
.story .section-links{border-top:1px solid var(--line-d);padding-top:1.6rem;margin-top:1rem;display:flex;flex-wrap:wrap;gap:.6rem 2rem}
.story .section-links a{color:var(--gold);border-bottom:1px solid transparent}.story .section-links a:hover{border-color:var(--gold)}
.stage{display:none}
@media(min-width:960px){
  .story-grid{display: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:62% 0 0 0;background:linear-gradient(transparent,rgba(13,40,38,.8));z-index:2}
  .stage-rail{position:absolute;inset-inline-start: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;inset-inline-end:1.2rem;bottom:3.6rem;z-index:3;font-size:.86rem;letter-spacing:.04em;color:var(--plaster);max-width:60%;text-align:end}
  .story .selected-card{min-height:82vh;display:flex;flex-direction:column;justify-content:center;border-top:0;padding-block:3rem}
  .story .selected-card .ph{display:none}
}

/* cards: selected works, work index, sector tiles on inner pages */
.selected-grid,.work-grid,.sector-grid{gap:clamp(1.5rem,3vw,3rem) clamp(.9rem,2vw,2rem);border:0}
.selected-card,.work-card,.sector-tile{background:none;border:0;padding:0;color:var(--ink);display:flex;flex-direction:column;position:relative}
.selected-card .ph,.work-card .ph,.sector-tile .ph{aspect-ratio:4/5;margin-bottom:1rem}
.selected-card .ph::after,.work-card .ph::after,.sector-tile .ph::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)}
[dir=rtl] .ph::after{transform-origin:right}
a:hover>.ph::after{transform:scaleX(1)}
a:hover>.ph.in>img,a:hover>.ph:not(.wipe)>img{transform:scale(1.06)}
.selected-card h3,.work-card h3,.sector-tile h3{font-size:clamp(1.25rem,1.9vw,1.7rem);line-height:1.12;margin:0 0 .3rem;color:var(--ink)}
.selected-card .inst,.work-card .inst,.sector-tile .inst{color:var(--patina);font-size:.95rem;margin:0}
.selected-card .where,.work-card .meta,.sector-tile .where{color:var(--ink-soft);font-family:var(--text);font-size:.86rem!important;letter-spacing:.01em;text-transform:none;margin:.2rem 0 0}
.section-links,.section-nav,.hlinks{display:flex;flex-wrap:wrap;gap:.5rem 1.8rem;border:0;border-top:1px solid var(--ink);padding:1.2rem 0 0;margin-top:clamp(2.5rem,5vw,4rem)}
.section-links a,.section-nav a,.hlinks a{font-family:var(--display);font-size:1.25rem;color:var(--ink);border:0;padding:0;background:none;text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.section-links a:hover,.section-nav a:hover,.hlinks a:hover{color:var(--patina);border-color:currentColor}

/* atlas */
.atlas{background:var(--patina-deep);border:0;color:var(--plaster)}
.atlas-note{color:var(--plaster);opacity:.7}
.atlas-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}
.atlas-list button,.chip,.view-toggle button,.sector-filter{font:450 .86rem/1 var(--text)!important;letter-spacing:.02em!important;text-transform:none!important;border:1px solid var(--line);border-radius:999px;padding:.6em 1.1em;background:none;color:var(--ink);cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.atlas-list button:hover,.chip:hover,.view-toggle button:hover{border-color:var(--ink)}
.atlas-list button[aria-pressed=true],.chip.on,.view-toggle button[aria-pressed=true]{background:var(--patina-deep);color:var(--plaster);border-color:var(--patina-deep)}
td .sector-filter{border:0;padding:0;border-radius:0;font-family:var(--display)!important;font-size:1.2rem!important;color:var(--patina)}

/* testimonial as the large quotation */
.testimonial{background:none;border:0;padding:clamp(3.5rem,7vw,6rem) 0;margin:0;max-width:none;text-align:start}
.testimonial blockquote{font-family:var(--display);font-style:italic;font-size:clamp(1.8rem,4.2vw,4rem);line-height:1.14;letter-spacing:-.015em;color:var(--ink);max-width:62rem;border:0;padding:0;margin:.8rem 0 0}
[dir=rtl] .testimonial blockquote,[lang=el] .testimonial blockquote{font-style:normal;letter-spacing:0;line-height:1.4}
.testimonial .w{opacity:.14;transition:opacity .5s}
.testimonial .w.lit{opacity:1}
.testimonial cite{display:block;margin-top:1.6rem;font-style:normal;font-size:.95rem;color:var(--patina);max-width:46rem}

/* press strip as a slow ticker */
.press-strip{display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden;border:0;border-block:1px solid var(--line);padding:1.2rem 0;margin:0;gap:0;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent)}
.press-strip>.mono{flex:none;padding-inline-end:2.5rem;background:var(--plaster);position:relative;z-index:1}
.press-strip .track{display:flex;flex:none;gap:3.5rem;padding-inline-end:3.5rem;animation:marquee 34s linear infinite}
[dir=rtl] .press-strip .track{animation-name:marquee-rtl}
.press-strip:hover .track{animation-play-state:paused}
.press-strip a{font-family:var(--display);font-size:clamp(1.4rem,2.6vw,2.2rem);white-space:nowrap;color:var(--ink);text-decoration:none}
.press-strip a:nth-child(even){font-style:italic;color:var(--patina)}
.press-strip a:hover{color:var(--gold-deep)}

/* routes as rows that fill on hover; destinations as a grid */
.routes{display:block!important;border:0;border-top:1px solid var(--ink);margin:clamp(3.5rem,7vw,6rem) 0 0}
.routes>a{display:grid;grid-template-columns:1fr;gap:.5rem 2rem;align-items:baseline;padding:1.8rem 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);position:relative;transition:color .4s}
.routes>a::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}
.routes>a>*{position:relative;z-index:1}
.routes>a:hover{color:var(--plaster)}.routes>a:hover::before{transform:scaleY(1)}
.routes .mono{font-family:var(--display);font-style:italic;font-size:1.6rem!important;letter-spacing:0;text-transform:none;color:var(--gold-deep)}
.routes>a:hover .mono,.routes>a:hover .go{color:var(--gold)}
.routes h3{font-size:clamp(2rem,5vw,4.4rem);line-height:1;letter-spacing:-.02em;color:inherit;margin:0;transition:transform .5s var(--ease)}
.routes>a:hover h3{transform:translateX(1rem)}[dir=rtl] .routes>a:hover h3{transform:translateX(-1rem)}
.routes p{color:inherit;max-width:26rem;font-size:.98rem;margin:0}
.routes .go{color:var(--patina);font:500 .86rem var(--text)!important;letter-spacing:.04em;text-transform:none}
@media(min-width:980px){.routes>a{grid-template-columns:4rem 1fr 24rem}.routes .go{grid-column:3}.routes h3{grid-row:1/3;grid-column:2}.routes .mono{grid-row:1/3}}
.page-destinations{border:0;border-top:1px solid var(--ink);gap:0;margin:clamp(3rem,6vw,5rem) 0}
.page-destinations a{font-family:var(--display);font-size:1.4rem;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:1.3rem 1rem 1.4rem 0;transition:background .4s,color .4s,padding .4s var(--ease)}
.page-destinations a:hover{background:var(--patina-deep);color:var(--plaster);padding-inline-start:1rem}

/* work page */
.project-back{font-size:.92rem}
.dossier{background:none;border:0;padding:0}
.dossier-head{border:0;border-bottom:1px solid var(--line);padding:0 0 1rem;margin-bottom:2rem}
.dossier-head .ref,.register .ref{font-family:var(--text)!important;border:1px solid var(--line);border-radius:999px;padding:.3em .9em;color:var(--patina);background:none;font-size:.8rem!important;letter-spacing:.06em}
.dgrid{gap:clamp(2.5rem,6vw,6rem);align-items:start}
.loupe-wrap{background:#f4f3ef;border:0;cursor:zoom-in;overflow:hidden}
.loupe-wrap img{display:block;width:100%;animation:vt-in 1.2s var(--ease) both}
.zoomhint{font-family:var(--text)!important;font-size:.78rem!important;letter-spacing:.02em;text-transform:none;background:var(--paper);color:var(--ink);border:0;border-radius:999px;padding:.4em .9em}
@media(min-width:960px){.dtext{position:sticky;top:calc(var(--nav-h) + 1.5rem)}}
.dtext h2{font-size:clamp(1.8rem,3vw,2.8rem)!important;margin:.5rem 0 .4rem!important}
.dtext .place{font-family:var(--display);font-style:italic;font-size:1.25rem;color:var(--patina)}
.refline{border:0;border-inline-start:2px solid var(--gold);padding-inline-start:1rem;margin:1.4rem 0}
.refline .r{font-family:var(--display);font-style:italic;font-size:1.1rem;color:var(--ink)}
.spec{border:0;border-top:1px solid var(--ink);margin-top:1.6rem}
.srow{border:0;border-bottom:1px solid var(--line);padding:.8rem 0;font-size:.98rem}
.spec .sk{font-family:var(--text)!important;font-size:.98rem!important;letter-spacing:0!important;text-transform:none;color:var(--ink-soft)}
.spec .sv{font-family:var(--text)!important;font-size:.98rem!important;letter-spacing:0!important;color:var(--ink)}
.work-actions{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.4rem}
.own-edition{color:var(--gold-deep);font-weight:500}
.cs{border:0;border-top:1px solid var(--ink);margin-top:clamp(3rem,6vw,5rem);padding-top:clamp(2.5rem,5vw,4rem);background:none}
.cs-gal{gap:clamp(.9rem,2vw,2rem)}
.cs-gal figure{margin:0}.cs-gal figcaption,figcaption{font-size:.86rem;color:var(--ink-soft);font-family:var(--text);letter-spacing:0;text-transform:none;margin-top:.6rem}
.cs dl>div,.hfind>div{border:0;border-bottom:1px solid var(--line);padding:1.2rem 0}
.cs dt,.hfind dt{font-family:var(--display)!important;font-size:1.3rem!important;letter-spacing:0!important;text-transform:none;color:var(--ink)}
.cs dd,.hfind dd{color:var(--ink-soft)}

/* works index */
.search-row input,#search{font:400 1.2rem var(--display)!important;letter-spacing:0!important;text-transform:none!important;background:none;border:0;border-bottom:1px solid var(--ink);border-radius:0;color:var(--ink);padding:.7rem 0}
#search::placeholder{color:var(--ink-soft);font:inherit!important;letter-spacing:0!important;text-transform:none!important}
details.filter-panel{border:0}details.filter-panel>summary{font:500 .86rem var(--text)!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--patina)}
.result-count{color:var(--ink-soft);font-size:.9rem}
.register{border:0;border-top:1px solid var(--ink)}
.register .row{border:0;border-bottom:1px solid var(--line);transition:padding .4s var(--ease),background .3s;background:none}
.register .row:not(.head):hover{background:var(--paper);padding-inline-start:.8rem}
.register .row.head span,.register .row.head .sortable,th{font:500 .74rem var(--text)!important;letter-spacing:.1em!important;text-transform:uppercase;color:var(--patina);background:none}
.register .w{font-family:var(--display);font-size:1.2rem;color:var(--ink)}
.register .yr,.register .sec,.register .val,.register .col{font-family:var(--text)!important;font-size:.9rem!important;letter-spacing:0!important;text-transform:none;color:var(--ink-soft)}
table{border-collapse:collapse;width:100%}
td,th{border:0;border-bottom:1px solid var(--line);padding:.8rem .6rem .8rem 0;text-align:start}
tr.total td{border-top:1px solid var(--ink);font-weight:500}
.table-scroll{border:0}

/* commissions, hospitals, essays, press */
ol.stages{border:0;border-top:1px solid var(--ink);padding:0;list-style:none;counter-reset:st}
ol.stages li{border:0;border-bottom:1px solid var(--line);padding:1.3rem 0;display:grid;grid-template-columns:3.2rem 1fr;gap:.2rem 1rem;counter-increment:st;background:none}
ol.stages li::before{content:counter(st,upper-roman);font-family:var(--display);font-style:italic;font-size:1.6rem;color:var(--gold-deep);grid-row:1/3}
ol.stages li b{font-family:var(--display);font-weight:400;font-size:1.5rem;color:var(--ink);display:block}
.commission-faq h3{border-top:1px solid var(--line);padding-top:1.3rem;margin-top:1.3rem}
.resource-panel,.research-sources,.editorial-note,.artist-voice{background:var(--paper);border:0;padding:clamp(1.5rem,3vw,2.5rem);margin:clamp(2.5rem,5vw,4rem) 0}
.resource-panel h2,.research-sources h2{margin-top:0!important}
.artist-voice blockquote{font-family:var(--display);font-style:italic;font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.3;border:0;padding:0;margin:.8rem 0 1rem;color:var(--ink)}
.essay-card{border:0;border-top:1px solid var(--ink);padding:2rem 0;background:none}
.essay-card h2{font-size:clamp(1.8rem,3.6vw,3.2rem)!important;margin:.4rem 0 .8rem!important}
.essay{max-width:44rem;font-size:1.1rem}.essay p{margin-bottom:1.1em}
.news{border:0;border-top:1px solid var(--ink);gap:0 2rem}
.news article{border:0;border-bottom:1px solid var(--line);padding:1.6rem 0}
.news h3{font-size:1.6rem;margin:.4rem 0 .6rem}
.pressreg{border:0;border-top:1px solid var(--ink)}
.prow{border:0;border-bottom:1px solid var(--line);padding:1.1rem 0;transition:padding .4s var(--ease)}
.prow:hover{padding-inline-start:.9rem}
.ptitle{font-family:var(--display);font-size:clamp(1.1rem,1.9vw,1.6rem);line-height:1.25}
.ptitle a{color:var(--ink);text-decoration:none}.ptitle a:hover{color:var(--patina);text-decoration:underline}
.pressreg .pdate{font-family:var(--text)!important;font-size:.84rem!important;letter-spacing:0!important;text-transform:none;color:var(--ink-soft)}
.pressreg .poutlet{font-family:var(--text)!important;font-size:.78rem!important;letter-spacing:.1em!important;color:var(--patina)}
.bio>div{border:0;border-top:1px solid var(--line);padding-top:1.4rem}
.crit li{border-bottom:1px solid var(--line);padding:.8rem 0;list-style:none}
.tour-timeline{border:0}

/* contact */
.inquiry{background:none;border:0;padding:0}
.contact-address a{font-family:var(--display);font-size:clamp(1.6rem,3.4vw,3rem);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}
.contact-resource{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.7em 1.2em;font-size:.9rem;color:var(--ink);text-decoration:none!important}
.contact-resource:hover{border-color:var(--ink)}
.inquiry-builder{background:var(--patina-deep);color:var(--plaster);border:0;padding:clamp(1.6rem,4vw,3rem);margin:clamp(2rem,4vw,3rem) 0}
.inquiry-builder h2{color:var(--plaster);margin-top:0!important}
.inquiry-builder label{font:400 .9rem var(--text);letter-spacing:0;text-transform:none;color:var(--verdigris)}
.inquiry-builder input,.inquiry-builder textarea{background:none;border:0;border-bottom:1px solid var(--line-d);border-radius:0;color:var(--plaster);font:inherit;padding:.8rem 0;outline:none;transition:border-color .3s}
.inquiry-builder input:focus,.inquiry-builder textarea:focus{border-color:var(--gold)}
.inquiry-builder a{color:var(--gold)}

/* footer */
.site-footer{background:var(--patina-deep);color:var(--plaster);border:0;padding-top:clamp(3.5rem,7vw,6rem);font-size:.95rem}
.site-footer .f-word{font-family:var(--display);font-size:clamp(2.6rem,10.6vw,11rem);line-height:.86;letter-spacing:-.04em;white-space:nowrap;color:var(--patina-dark);-webkit-text-stroke:1px rgba(143,196,183,.35);margin:0 0 clamp(2.5rem,5vw,4rem)}
.site-footer .f-word i{font-style:italic}
[dir=rtl] .site-footer .f-word,[lang=el] .site-footer .f-word{letter-spacing:0;font-size:clamp(2.2rem,8vw,8rem)}
.site-footer h2{font-size:1.5rem;color:var(--plaster);margin-bottom:1rem}
.site-footer a{color:var(--plaster);text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.site-footer a:hover{color:var(--gold);border-color:var(--gold)}
.site-footer summary{font-family:var(--display);font-size:1.5rem;color:var(--plaster)}
.ppsf{border-top:1px solid var(--line-d)!important;max-width:1440px!important}
.ppsf-logo{border:0!important}

/* lightbox */
#lightbox{background:rgba(13,40,38,.97);color:var(--plaster);border:0}
#lightbox::backdrop{background:rgba(13,40,38,.9)}
#lb-close,.zoom-controls button{font:500 .8rem var(--text)!important;letter-spacing:.02em!important;text-transform:none!important;border:1px solid var(--line-d);border-radius:999px;background:none;color:var(--plaster);padding:.6rem 1rem;cursor:pointer}
#lightbox .cap{font-family:var(--display)!important;font-size:1.15rem!important;letter-spacing:0!important;text-transform:none!important;color:var(--plaster)}

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

/* map */
.land{fill:#1b4a46;stroke:rgba(143,196,183,.4)}
.grat{stroke:rgba(143,196,183,.12)}
.marker text{font-family:var(--text);letter-spacing:.08em}
.marker circle.dot{fill:var(--gold)}
#map-tip{box-shadow:none;border:0;border-top:1px solid var(--gold);background:var(--patina-dark)}
#map-tip .city{font-family:var(--display)}
#map-tip a .r{font-family:var(--text);font-size:.74rem}
.artist-voice{border-inline-start:3px solid var(--gold)}
.cv-table th,.cv-table td{border-bottom:1px solid var(--line)}
.cv-table th{color:var(--patina)}
.timeline li,.toc{border-color:var(--line)}
.tour-timeline{padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0 2rem;border-top:1px solid var(--ink)}
.tour-timeline li{border-bottom:1px solid var(--line);padding:1rem 0}
.inner .inquiry h1{font-size:clamp(2.6rem,7.6vw,7.4rem)!important;line-height:.94!important}