/* Paul et Gabriel — gallery theme */
:root{
  --ink:#111111; --ink-2:#2b2b2b; --ink-3:#3d3d3d; --muted:#6b6b6b;
  --line:#e4e4e4; --paper:#ffffff; --tint:#f2f2f0;
  --serif:'Playfair Display', Georgia, 'Times New Roman', serif;
  --mono:'Roboto Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --wrap:1280px; --gut:40px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:14px;font-weight:300;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration:none}
a:hover{color:#555555}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0}
.pg-wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.pg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pg-skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;z-index:10}
.pg-skip:focus{left:8px;color:#fff}

/* Header */
.pg-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:22px}
.pg-logo img{height:64px;width:auto}
.pg-nav{display:flex;flex-wrap:wrap;gap:36px;font-size:12px;font-weight:400;letter-spacing:.16em;text-transform:uppercase}
.pg-nav a{padding:12px 0 3px;border-bottom:1px solid transparent}
.pg-nav a.is-current{border-bottom-color:var(--ink)}
.pg-rule{height:1px;background:var(--line)}

/* Intro */
.pg-intro{padding-top:88px;padding-bottom:64px}
.pg-intro h1{max-width:860px;font-size:clamp(30px,4vw,46px);line-height:1.18;letter-spacing:-.005em}
.pg-intro--term{padding-top:72px;padding-bottom:48px}
.pg-intro--small{padding-top:40px}

/* Filter */
.pg-filter{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:40px;font-size:12px;font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.pg-filter__links{display:flex;flex-wrap:wrap;gap:28px}
.pg-filter__links a{color:var(--muted);padding:10px 0 3px;border-bottom:1px solid transparent}
.pg-filter__links a.is-current{color:var(--ink);border-bottom-color:var(--ink)}
.pg-filter__note{color:var(--muted)}

/* Rows: every photo in a row has the same height whatever its shape */
.pg-rows{display:flex;flex-direction:column;gap:80px}
.pg-row{display:flex;gap:40px;align-items:flex-start}
.pg-row__fill{display:block}
.pg-card{min-width:0;display:flex;flex-direction:column;gap:18px;color:var(--ink)}
.pg-card__img{background:var(--tint);overflow:hidden}
.pg-card__img img,.pg-card__noimg{width:100%;height:auto;object-fit:cover;transition:opacity .3s ease}
.pg-card:hover .pg-card__img img{opacity:.88}
.pg-card:hover{color:var(--ink)}
.pg-card__text{display:flex;flex-direction:column;gap:7px}
.pg-eyebrow{font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pg-card__title{font-family:var(--serif);font-size:21px;line-height:1.25}
.pg-meta{font-size:12px;color:var(--ink-3)}
.pg-sold{display:inline-block;margin-left:6px;font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--ink);padding:1px 7px}
.pg-sold--big{margin:4px 0 0;font-size:11px;padding:4px 10px;align-self:flex-start}
.pg-empty{color:var(--muted)}
.pg-more{display:flex;justify-content:center;padding:96px 0 112px}
.pg-more--empty{padding:56px 0}

/* Buttons */
.pg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 34px;border:1px solid var(--ink);font-size:12px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:transparent}
.pg-btn:hover{background:var(--ink);color:#fff}
.pg-btn--dark{background:var(--ink);color:#fff}
.pg-btn--dark:hover{background:#333;color:#fff}
.pg-btn--light{border-color:#fff;color:#111;background:#fff}
.pg-btn--light:hover{background:#ddd;color:#111}

/* About band (front page) */
.pg-about{border-top:1px solid var(--line)}
.pg-about__inner{padding-top:96px;padding-bottom:96px;display:flex;flex-wrap:wrap;gap:48px 80px}
.pg-about__inner h2{flex:1 1 280px;font-size:32px;line-height:1.2}
.pg-about__inner .pg-prose{flex:2 1 480px}

/* Prose */
.pg-prose{font-size:14px;line-height:1.85;color:var(--ink-2)}
.pg-prose p{margin:0 0 18px}
.pg-prose a{text-decoration:underline;text-underline-offset:3px}
.pg-prose h2{font-size:26px;margin:40px 0 16px}

/* Pages */
.pg-page{padding-top:72px;padding-bottom:120px;max-width:900px}
.pg-page h1{font-size:clamp(30px,4vw,42px);line-height:1.2;margin-bottom:40px}

/* Piece page */
.pg-crumb{padding-top:28px;font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pg-crumb a{color:var(--muted)}
.pg-piece{padding-top:32px;padding-bottom:120px;display:flex;flex-wrap:wrap;gap:56px 80px;align-items:flex-start}
.pg-piece__media{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:14px}
.pg-piece__main{background:var(--tint);position:relative}
.pg-arrow{position:absolute;top:0;bottom:0;width:35%;padding:0 22px;border:0;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center}
.pg-arrow svg{opacity:0;transform:translateX(0);transition:opacity .35s ease,transform .35s ease;filter:drop-shadow(0 1px 6px rgba(0,0,0,.28))}
.pg-arrow--prev:hover svg{transform:translateX(-3px)}
.pg-arrow--next:hover svg{transform:translateX(3px)}
.pg-arrow:hover svg,.pg-arrow:focus-visible svg{opacity:.92}
.pg-arrow:focus-visible{outline:none}
.pg-arrow--prev{left:0;justify-content:flex-start}
.pg-arrow--next{right:0;justify-content:flex-end}
.pg-piece__main img{width:100%}
.pg-thumbs{display:flex;flex-wrap:wrap;gap:10px}
.pg-thumb{width:72px;height:72px;padding:0;border:1px solid transparent;background:var(--tint);cursor:pointer;opacity:.7}
.pg-thumb img{width:100%;height:100%;object-fit:cover}
.pg-thumb.is-current,.pg-thumb:hover{opacity:1;border-color:var(--ink)}
.pg-piece__info{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:28px;padding-top:8px}
.pg-piece__head{display:flex;flex-direction:column;gap:14px}
.pg-piece__head h1{font-size:40px;line-height:1.15}
.pg-specs{margin:0;display:grid;grid-template-columns:130px minmax(0,1fr);border-top:1px solid var(--line);font-size:13px}
.pg-specs dt,.pg-specs dd{padding:14px 0;border-bottom:1px solid var(--line);margin:0}
.pg-specs dt{font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pg-actions{display:flex;flex-wrap:wrap;gap:12px}
.pg-actions .pg-btn{flex:1 1 180px}
.pg-note{margin:0;font-size:12px;color:var(--muted)}
.pg-related{border-top:1px solid var(--line)}
.pg-related .pg-wrap{padding-top:72px;padding-bottom:120px;display:flex;flex-direction:column;gap:36px}
.pg-related h2{font-size:28px}

/* Footer */
.pg-footer{background:var(--ink);color:#f2f2f0}
.pg-footer__inner{padding-top:80px;padding-bottom:40px;display:flex;flex-direction:column;gap:64px}
.pg-footer__news{display:flex;flex-wrap:wrap;gap:32px 80px;align-items:flex-end;justify-content:space-between}
.pg-footer__lead{flex:1 1 360px;display:flex;flex-direction:column;gap:12px}
.pg-footer__lead h2{font-size:32px;line-height:1.2;color:#fff}
.pg-footer__lead p{margin:0;font-size:13px;color:#bdbdbd}
.pg-news{flex:1 1 420px;display:flex;flex-wrap:wrap;gap:12px}
.pg-news input{flex:1 1 240px;min-height:48px;background:transparent;border:0;border-bottom:1px solid #8a8a8a;color:#fff;font-family:var(--mono);font-size:13px;padding:0 2px}
.pg-news input::placeholder{color:#9a9a9a}
.pg-news button{min-height:48px;padding:0 30px;background:#fff;color:#111;border:0;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.pg-footer__rule{height:1px;background:#333}
.pg-footer__cols{display:flex;flex-wrap:wrap;gap:32px 72px;font-size:12px;line-height:1.9;color:#bdbdbd}
.pg-footer__cols>div{display:flex;flex-direction:column}
.pg-footer__cols a{color:#bdbdbd}
.pg-footer__cols a:hover{color:#fff}
.pg-footer__h{letter-spacing:.16em;text-transform:uppercase;color:#fff;padding-bottom:6px;font-weight:400}
.pg-footer__end{margin-left:auto;justify-content:flex-end}

/* Phone */
@media (max-width:700px){
  :root{--gut:16px}
  .pg-logo img{height:52px}
  .pg-nav{gap:18px}
  .pg-intro{padding-top:48px;padding-bottom:40px}
  .pg-rows{gap:48px}
  .pg-row{flex-direction:column;gap:48px}
  .pg-row>.pg-card{flex:none!important;width:100%}
  .pg-row__fill{display:none}
  .pg-piece__head h1{font-size:32px}
  .pg-arrow{display:none}
  .pg-footer__end{margin-left:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}