:root{box-sizing:border-box}body{margin:0;padding:0}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
@font-face{font-family:'Inter';font-style:normal;font-weight:200;font-display:swap;src:url('/assets/fonts/Inter-ExtraLight.woff') format('woff')}
@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/Inter-Light.woff') format('woff')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/Inter-Regular.woff') format('woff')}
@font-face{font-family:'Inter';font-style:italic;font-weight:200;font-display:swap;src:url('/assets/fonts/Inter-ExtraLightItalic.woff') format('woff')}
@font-face{font-family:'Inter';font-style:italic;font-weight:300;font-display:swap;src:url('/assets/fonts/Inter-LightItalic.woff') format('woff')}
@font-face{font-family:'Inter';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/Inter-Italic.woff') format('woff')}

  

  :root {
    --bg: #F9F8F4;            /* curator default: warm ivory */
    --bg-curator: #F9F8F4;    /* warm — inhabited, personal */
    --bg-corporate: #F9F9FC;  /* cool — precise, institutional */
    --fg: #141412;
    --mid: #767470;
    --faint: #EBEBEA;
    --accent: #141412;
    --display: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --serif: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --ink: #3A3835; /* taglines + statement */
    --list-size: 16px; /* shared: Art In Context home categories + Work index titles + Work image captions */
    color-scheme: light;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --bg: #0E0E0C;
      --fg: #E8E6E2;
      --mid: #95928D;
      --faint: #222220;
      --accent: #E8E6E2;
      --ink: #D4D1CC;
      color-scheme: dark;
    }
  }

  :root[data-theme="dark"] {
    --bg: #0E0E0C;
    --fg: #E8E6E2;
    --mid: #95928D;
    --faint: #222220;
    --accent: #E8E6E2;
    --ink: #D4D1CC;
    color-scheme: dark;
  }

  /* background register per side: warm ivory (curator), cool near-white (Art In Context) */
  html[data-domain="curator"]   { --bg: var(--bg-curator); }
  html[data-domain="corporate"] { --bg: var(--bg-corporate); }
  /* dark mode keeps the same idea: a warm dark and a cool dark */
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"])[data-domain="curator"]   { --bg: #100F0D; }
    :root:not([data-theme="light"])[data-domain="corporate"] { --bg: #0D0E11; }
  }
  :root[data-theme="dark"][data-domain="curator"]   { --bg: #100F0D; }
  :root[data-theme="dark"][data-domain="corporate"] { --bg: #0D0E11; }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  a:focus:not(:focus-visible), button:focus:not(:focus-visible) { outline: none; }
  :focus-visible { outline: 1px solid var(--fg); outline-offset: 4px; }

  html, body { overscroll-behavior-x: none; }
  html, body {
    background: var(--bg);
    color: var(--fg);
    font-family: var(--sans);
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.01em;
  }

  /* NAV */
  nav {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 56px;
    background: var(--bg);
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s;
  }

  nav.scrolled { border-bottom-color: transparent; }

  .nav-name {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-decoration: none;
    color: var(--fg);
    opacity: 1;
    transition: opacity 0.4s ease;
  }


  .nav-links {
    display: flex;
    gap: 36px;
    list-style: none;
  }

  .nav-links a {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--fg);
    opacity: 0.62;
    transition: opacity 0.2s;
  }

  .nav-links a:hover, .nav-links a.active { opacity: 1; }

  .nav-id { display: flex; flex-direction: column; gap: 3px; }
  .nav-label {
    font-size: 11px;
    letter-spacing: 0.04em;
    color: var(--mid);
    line-height: 1.2;
  }

  /* DOMAIN SWITCHER */
  .preview-bar {
    position: fixed;
    top: 28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
    display: flex;
    gap: 8px;
  }

  /* preview-only switcher: on narrower windows it moves to the bottom so it never covers the menu */
  @media (max-width: 1320px) { .preview-bar { top: auto; bottom: 16px; } }
  #mobile-preview {
    position: fixed;
    inset: 0;
    z-index: 150;
    background: #F4F4F2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 16px 20px;
  }

  :root[data-theme="dark"] #mobile-preview { background: #181816; }
  @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) #mobile-preview { background: #181816; } }

  #mobile-frame {
    width: 390px;
    height: min(844px, calc(100vh - 100px));
    border: 0;
    border-radius: 24px;
    background: var(--bg);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.06), 0 24px 60px rgba(0,0,0,0.12);
  }

  .domain-toggle {
    display: flex;
    gap: 0;
    border: 1px solid var(--faint);
    background: var(--bg);
  }

  .domain-toggle button {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 10px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--mid);
    background: none;
    border: none;
    padding: 7px 16px;
    cursor: pointer;
    transition: all 0.2s;
  }

  .domain-toggle button.active {
    color: var(--fg);
    background: var(--faint);
  }

  /* PAGE SECTIONS */
  .page { display: none; }
  .page.active { display: block; }

  /* HERO — CURATOR */
  .hero-curator {
    height: 90vh; /* a 10% band of the filmstrip shows on the first screen */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 48px 56px 80px;
    text-align: left;
    position: relative;
  }

  .hero-tagline {
    font-family: var(--display);
    font-weight: 200;
    font-size: clamp(36px, 4.45vw, 66px);
    line-height: 1.04;
    letter-spacing: -0.025em;
    max-width: 10em;
    color: var(--ink);
    text-wrap: balance;
    position: relative;
  }

  .hero-tagline em {
    font-style: normal;
  }

  .hero-scroll-hint {
    margin-top: 48px;
    font-family: var(--sans);
    font-size: 16px;
    font-weight: 200;
    color: var(--mid);
  }

  /* HERO — CORPORATE */
  .hero-corporate {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    gap: 24px;
  }

  .corp-entity {
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--mid);
  }

  .corp-tagline {
    font-family: var(--display);
    font-weight: 200;
    font-size: clamp(42px, 7.5vw, 108px);
    letter-spacing: -0.03em;
    line-height: 1.15;
    max-width: 12em;
    text-wrap: balance;
    letter-spacing: -0.02em;
  }

  .corp-descriptor {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 14px;
    color: var(--mid);
    max-width: 48ch;
    line-height: 1.7;
    margin-top: 12px;
  }

  /* FILMSTRIP SECTION */
  .section-projects {
    padding: 3px 0;
    border-top: none;
    overflow: hidden;
  }

  .filmstrip-track {
    display: flex;
    gap: 3px;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: none; /* free trackpad / wheel scrolling on desktop */
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab;
    padding: 0;
    touch-action: pan-x;
  }

  .filmstrip-track::-webkit-scrollbar { display: none; }
  .filmstrip-track.dragging { cursor: grabbing; }

  .filmstrip-item {
    flex: 0 0 auto;
    position: relative;
    height: 65vh;
    scroll-snap-align: start;
    text-decoration: none;
    color: var(--fg);
    overflow: hidden;
    display: block;
  }

  .filmstrip-img {
    height: 100%;
    width: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.3s;
  }

  .filmstrip-item:hover .filmstrip-img { opacity: 0.88; }

  .filmstrip-caption {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 40px 20px 18px;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.28));
    opacity: 0;
    transition: opacity 0.25s;
  }

  .filmstrip-item:hover .filmstrip-caption { opacity: 1; }

  .filmstrip-title {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.01em;
  }

  .filmstrip-location {
    font-family: var(--sans);
    font-size: 10px;
    letter-spacing: 0.08em;
    color: rgba(255,255,255,0.7);
    margin-top: 3px;
  }

  .img-1 { background: url("/images/img-1.webp") center/cover no-repeat; }
  .img-2 { background: url("/images/img-2.webp") center/cover no-repeat; }
  .img-3 { background: url("/images/img-3.jpg") center/cover no-repeat; }
  .img-4 { background: url("/images/img-4.webp") center/cover no-repeat; }
  .img-5 { background: url("/images/img-5.webp") center/cover no-repeat; }
  .img-6 { background: url("/images/img-6.webp") center/cover no-repeat; }
  .img-20 { background: url("/images/img-20.webp") center/cover no-repeat; }
  .img-21 { background: url("/images/img-21.webp") center/cover no-repeat; }
  .img-22 { background: url("/images/img-22.webp") center/cover no-repeat; }
  .img-23 { background: url("/images/img-23.webp") center/cover no-repeat; }
  .img-24 { background: url("/images/img-24.webp") center/cover no-repeat; }
  .img-25 { background: url("/images/img-25.webp") center/cover no-repeat; }

  .projects-more {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
    padding: 16px 56px 0;
  }

  .projects-more-link {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fg);
    opacity: 0.62;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s;
  }

  .projects-more-link:hover { opacity: 1; }

  .projects-more-arrow {
    font-size: 14px;
    font-weight: 200;
    transition: transform 0.2s;
  }

  .projects-more-link:hover .projects-more-arrow { transform: translateX(3px); }

  /* SECTION — STATEMENT */
  .section-statement {
    padding: 80px 56px;
    border-top: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
  }

  .statement-text {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 19px;
    line-height: 1.7;
    letter-spacing: 0;
    max-width: 46ch;
    color: var(--ink);
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .statement-text { color: var(--ink); }
  }
  :root[data-theme="dark"] .statement-text { color: var(--ink); }

  .section-statement.is-empty .statement-text { visibility: hidden; }
  /* curator homepage: statement anchored low, just above the footer; one sentence per line */
  #domain-curator .section-statement { padding: 48px 56px 0; }
  #domain-curator .statement-text {
    max-width: none;
    font-weight: 200;
    font-size: clamp(26px, 2.2vw, 34px);
    line-height: 1.22;
    letter-spacing: -0.015em;
  }

  .statement-cta {
    font-family: var(--sans);
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--mid);
    text-decoration: none;
    transition: color 0.2s;
  }

  .statement-cta:hover { color: var(--fg); }

  /* SECTION — CORPORATE BIO */
  .section-bio {
    padding: 100px 40px;
    border-top: none;
    display: grid;
    grid-template-columns: 5fr 3fr;
    gap: 80px;
  }

  .bio-text p {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 15px;
    line-height: 1.8;
    color: var(--fg);
    margin-bottom: 24px;
    max-width: 60ch;
  }

  .bio-clients {
    padding-top: 8px;
  }

  .bio-clients-label {
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--mid);
    margin-bottom: 24px;
  }

  .client-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid var(--faint);
  }

  .client-name {
    padding: 14px 0;
    border-bottom: 1px solid var(--faint);
    font-family: var(--sans);
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: var(--fg);
  }

  /* ART IN CONTEXT HOMEPAGE — SPLIT LAYOUT */
  .aic-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100vh;
    overflow: hidden;
  }

  /* LEFT COLUMN — tagline upper third, bottom block anchored */
  .aic-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    padding: 96px 56px 44px;
    overflow: hidden;
  }

  .aic-tagline {
    font-family: var(--display);
    font-weight: 200;
    font-size: clamp(36px, 4.45vw, 66px);
    line-height: 1.04;
    letter-spacing: -0.025em;
    color: var(--ink);
    text-wrap: balance;
    max-width: 10em;
    /* sits in upper third — no bottom margin needed, space-between handles it */
  }

  /* one plain line under the tagline: what the company does */
  .aic-sub { margin-top: 22px; font-size: 15px; font-weight: 300; line-height: 1.5; color: var(--mid); max-width: 30em; text-wrap: balance; }

  /* bottom block: credential + categories + arrow grouped together */
  .aic-bottom-block {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .aic-about-credential {
    font-family: var(--sans);
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.01em;
    text-transform: none;
    color: var(--mid);
    margin-bottom: 28px;
    line-height: 1.6;
  }

  .aic-project-list {
    display: flex;
    flex-direction: column;
  }

  .aic-project-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    text-decoration: none;
    color: var(--fg);
    transition: color 0.2s;
  }
  .aic-project-row:hover { color: var(--mid); }

  .aic-project-name {
    font-size: var(--list-size);
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: -0.01em;
  }

  .aic-bottom-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
  }

  .aic-footer-email {
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--mid);
  }

  .aic-work-arrow {
    font-size: 16px;
    font-weight: 300;
    color: var(--mid);
    text-decoration: none;
    transition: color 0.2s;
  }

  .aic-work-arrow:hover { color: var(--fg); }

  /* RIGHT COLUMN — full height image */
  .aic-right {
    height: 100vh;
    overflow: hidden;
  }

  .aic-panel-img {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: opacity 0.3s ease;
  }
  /* iPic: keep the Vhils wall (left of the photo) in view */
  .aic-panel-img.ip-15, html[data-domain="corporate"] .work-preview-img.ip-15 { background-position: left center !important; }
  /* Denver Pavilions: centred on the building, scaled so both mural walls stay in frame */
  .aic-panel-img.dp-14, html[data-domain="corporate"] .work-preview-img.dp-14 { background-position: 41% center !important; }
  /* framing for cover photos in the tall Work preview and phone thumbnails */
  html[data-domain="corporate"] .work-preview-img.gb-7, html[data-domain="corporate"] .work-row-thumb.gb-7 { background-position: 8% center !important; } /* whole water tower */
  /* (RED), both sides: Bogdan Scutaru, framed on the large face at the right */
  /* A Tale of Ancestral Memories: the microsite title screen, set in a taller frame so its title is never cut in the tall preview */
  html[data-domain="curator"] .work-preview-img.cm-7 { background-image: url("/images/cm-7p.webp") !important; background-position: center !important; }
  html[data-domain="curator"] .work-preview-img.ib-1 { background-image: url("/images/ib-1p.webp") !important; background-position: center !important; }
  .work-preview-img.tw-1 { background-image: url("/images/tw-1p.webp") !important; background-position: center !important; }
  .work-preview-img.rd-13, .work-row-thumb.rd-13 { background-position: 100% center !important; }
  html[data-domain="corporate"] .work-preview-img.hd-9, html[data-domain="corporate"] .work-row-thumb.hd-9 { background-position: 36% top !important; } /* whole mural, from the top */


  @media (max-width: 768px) {
    /* phones: tagline, then image, then credential + categories + arrow */
    .aic-split { display: flex; flex-direction: column; min-height: 100svh; height: auto; overflow: visible; padding: 80px 20px 40px; justify-content: space-between; }
    .aic-left { display: contents; }
    .aic-head { order: 1; margin-bottom: 20px; }
    .aic-sub { margin-top: 12px; font-size: 14px; }
    .aic-tagline { order: 1; margin-bottom: 0; font-size: 30px; line-height: 1.1; letter-spacing: -0.02em; }
    .aic-right { order: 2; flex: 1; min-height: 180px; display: flex; flex-direction: column; }
    .aic-panel-img { flex: 1; width: 100%; height: auto; min-height: 0; aspect-ratio: unset; }
    .aic-bottom-block { order: 3; margin-top: 20px; display: flex; flex-direction: column; flex-shrink: 0; justify-content: flex-end; }
    .aic-about-credential { font-size: 13px; line-height: 1.55; margin-bottom: 20px; }
    .aic-project-row { color: var(--mid); transition: color 0.4s; }
    .aic-project-row.is-active { color: var(--fg); }
  }

  /* FOOTER */
  footer {
    border-top: none;
    padding: 48px 56px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 24px;
  }
  .footer-right { gap: 2px !important; }

  .footer-left {}

  .footer-name {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
  }

  .footer-entities {
    display: block;
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.1em;
    color: var(--mid);
    line-height: 1.6;
    text-decoration: none;
  }
  .footer-entities:hover { color: var(--fg); }

  .footer-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
  }

  .footer-contact {
    display: block;
    line-height: 1.6;
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.1em;
    color: var(--mid);
    text-decoration: none;
  }

  .footer-contact:hover { color: var(--fg); }

  .footer-instagram {
    display: block;
    line-height: 1.6;
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.04em;
    color: var(--mid);
    text-decoration: none;
  }
  .footer-instagram:hover { color: var(--fg); }

  /* WORK PAGE — typographic index + image view */
  .work-page {
    padding: 100px 56px 96px;
    min-height: 100vh;
  }

  .work-controls {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 32px;
    margin-bottom: 72px;
  }

  .work-filters, .work-views {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 28px;
    list-style: none;
  }

  .work-ctrl {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fg);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.62;
    transition: opacity 0.2s;
  }

  .work-ctrl:hover, .work-ctrl.active { opacity: 1; }
  .work-view-prefix { display: none; }
  .work-views { margin-left: auto; }
  .page-kicker.work-kicker { font-weight: 300; opacity: 1; margin-bottom: 20px; }

  .work-ctrl sup {
    font-size: 8px;
    letter-spacing: 0.04em;
    margin-left: 3px;
    vertical-align: top;
    position: relative;
    top: -2px;
  }


  /* INDEX VIEW */
  .work-index {
    display: grid;
    /* right column lands exactly on the viewport midline, like the Art In Context homepage panel */
    grid-template-columns: minmax(0, 1fr) calc(50vw - 56px);
    gap: 0;
    align-items: start;
  }

  /* index view sits tight under the controls */
  .work-page:not(.view-images) .work-controls { margin-bottom: 28px; }
  .work-list { padding-top: 40px; }
  /* List view, desktop: the heading block stays put, so the list scrolls away under it
     and always starts at the same line as the top of the preview image */
  /* the List / Images toggle sits on the "Selected Projects" line, at the right */
  @media (min-width: 769px) {
    .work-head { position: relative; }
    .work-title-row { display: flex; align-items: baseline; gap: 56px; margin-bottom: 20px; }
    .work-title-row .work-kicker { margin-bottom: 0; }
    .work-views { position: static; margin-left: 0; line-height: 1.6; }
    .work-kicker { line-height: 1.6; }
  }
  @media (min-width: 901px) {
    /* (toggle now sits beside the heading) */
  }
  @media (min-width: 901px) {
    .work-page:not(.view-images) .work-head {
      position: sticky; top: 0; z-index: 2;
      margin-top: -100px; padding-top: 100px;
      background: var(--bg);
      padding-bottom: 27px;
    }
    .work-page:not(.view-images) .work-head .work-controls { margin-bottom: 0; }
  }

  .work-list { list-style: none; }

  .work-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: baseline;
    column-gap: 16px;
    padding: 12px 0;
    text-decoration: none;
    color: var(--fg);
    transition: opacity 0.35s ease;
  }

  .work-list:hover .work-row { opacity: 0.22; }
  .work-list .work-row { grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px; }
  .work-list { padding-right: 48px; } /* keeps the location clear of the preview image */
  .work-sub { display: block; margin-top: 5px; font-size: 11px; letter-spacing: 0.06em; color: var(--mid); line-height: 1.4; }
  /* list view: titles only, no location (both sides) */
  .work-row-place { display: none !important; }
  .work-row-place {
    font-size: 11px; letter-spacing: 0.06em; color: var(--mid);
    text-align: right; white-space: nowrap;
  }
  .work-list .work-row:hover { opacity: 1; }

  .work-row-num {
    font-size: 10px;
    letter-spacing: 0.08em;
    color: var(--mid);
    font-variant-numeric: tabular-nums;
  }

  .work-row-title {
    font-family: var(--display);
    font-weight: 300;
    font-size: var(--list-size);
    line-height: 1.3;
    letter-spacing: -0.01em;
  }

  .work-row-meta {
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--mid);
    text-align: right;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity 0.3s, transform 0.3s;
  }

  .work-row:hover .work-row-meta { opacity: 1; transform: none; }

  .work-row-meta span + span::before { content: " · "; }

  .work-preview {
    /* pinned to the right and bottom edges; the list scrolls independently */
    position: fixed;
    top: 179px; /* below the Selected Projects label + controls */
    right: 0;
    bottom: 0;
    width: 50vw;
    z-index: 1;
  }
  .work-list { grid-column: 1; }

  .work-preview-img {
    position: absolute;
    inset: 0;
    background-size: cover !important;
    background-position: center !important;
    opacity: 0;
    transition: opacity 0.45s ease;
  }

  .work-preview-img.show { opacity: 1; }

  .work-preview-cap {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 48px 24px 20px;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.28));
    font-size: 11px;
    letter-spacing: 0.06em;
    color: rgba(255,255,255,0.85);
    opacity: 0;
    transition: opacity 0.3s;
  }

  .work-preview-cap.show { opacity: 1; }

  /* IMAGE VIEW */
  .work-images {
    display: none;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 88px;
    align-items: end;
  }

  .work-page.view-images .work-index { display: none; }
  .work-page.view-images .work-images { display: grid; }

  .work-tile {
    display: block;
    text-decoration: none;
    color: var(--fg);
  }

  .work-tile.slot-1 { grid-column: 1 / span 7; }
  .work-tile.slot-2 { grid-column: 9 / span 4; }
  .work-tile.slot-3 { grid-column: 2 / span 4; }
  .work-tile.slot-4 { grid-column: 7 / span 6; }
  .work-tile.slot-5 { grid-column: 1 / span 5; }
  .work-tile.slot-6 { grid-column: 7 / span 5; }
  /* hand-composed curator page: place from the project, image at its own proportions */
  .work-images.is-hand-grid { grid-auto-flow: row dense; } /* a row can open on its right-hand tile */
  .work-tile.is-hand { grid-column: var(--tile-col); }
  .work-tile.is-hand .work-tile-img { aspect-ratio: var(--r) !important; }
  /* a lone last tile sits on the left, wide, rather than leaving a hole */
  .work-tile.slot-last-odd { grid-column: 1 / span 7; }
  /* flipped rows: upright photo takes the narrow, upright slot */
  .work-tile.slot-1.slot-flip { grid-column: 1 / span 4; }
  .work-tile.slot-2.slot-flip { grid-column: 6 / span 7; }
  .work-tile.slot-3.slot-flip { grid-column: 1 / span 6; }
  .work-tile.slot-4.slot-flip { grid-column: 9 / span 4; }

  .work-tile-img {
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    transition: opacity 0.3s;
  }

  .work-tile.slot-1 .work-tile-img { aspect-ratio: 3 / 2; }
  .work-tile.slot-2 .work-tile-img { aspect-ratio: 4 / 5; }
  .work-tile.slot-3 .work-tile-img { aspect-ratio: 3 / 4; }
  .work-tile.slot-4 .work-tile-img { aspect-ratio: 4 / 3; }
  .work-tile.slot-5 .work-tile-img { aspect-ratio: 1 / 1; }
  .work-tile.slot-6 .work-tile-img { aspect-ratio: 3 / 2; }
  .work-tile.slot-1.slot-flip .work-tile-img { aspect-ratio: 4 / 5; }
  .work-tile.slot-2.slot-flip .work-tile-img { aspect-ratio: 3 / 2; }
  .work-tile.slot-3.slot-flip .work-tile-img { aspect-ratio: 4 / 3; }
  .work-tile.slot-4.slot-flip .work-tile-img { aspect-ratio: 3 / 4; }
  /* upright photos in a slot that is not already upright: narrower, upright tile */
  .work-tile.is-v .work-tile-img { aspect-ratio: 4 / 5 !important; }
  .work-tile.slot-1.is-v:not(.slot-flip) { grid-column: 1 / span 5; }
  .work-tile.slot-4.is-v:not(.slot-flip) { grid-column: 8 / span 5; }
  .work-tile.slot-5.is-v { grid-column: 2 / span 4; }
  .work-tile.slot-6.is-v { grid-column: 8 / span 4; }

  .work-tile:hover .work-tile-img { opacity: 0.88; }

  .work-tile-cap {
    margin-top: 14px;
    font-size: var(--list-size);
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: -0.01em;
  }

  /* filtering */
  .work-row.is-hidden, .work-tile.is-hidden { display: none; }
  .work-index, .work-images { transition: opacity 0.25s ease; }
  .work-page.fading .work-index, .work-page.fading .work-images { opacity: 0; }


  @media (max-width: 900px) {
    .work-page { padding: 104px 20px 0; }
    .work-controls { flex-direction: column; gap: 20px; margin-bottom: 48px; }
    .work-index { grid-template-columns: 1fr; }
    .work-preview { display: none; }
    .work-row { grid-template-columns: minmax(0, 1fr); padding: 10px 0; }
    .work-list .work-row { grid-template-columns: minmax(0, 1fr); }
    .work-row-place { text-align: left; margin-top: 4px; }
    .work-row-meta { grid-column: 1; opacity: 1; transform: none; text-align: left; margin-top: 4px; }
    .work-list:hover .work-row { opacity: 1; }
    .work-images { row-gap: 56px; }
    .work-tile[class*="slot-"], .work-tile.slot-flip[class*="slot-"], .work-tile.is-v.is-v[class*="slot-"], .work-images .work-tile.is-hand { grid-column: 1 / -1; }
  }

  /* PRACTICE PAGE */
  .practice-page {
    padding: 132px 56px 0;
  }

  .practice-intro {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 60px;
    margin-bottom: 64px;
    padding-bottom: 0;
  }

  .practice-intro h1 {
    font-family: var(--sans);
    font-weight: 200;
    font-size: clamp(28px, 3.5vw, 44px);
    line-height: 1.1;
    letter-spacing: -0.02em;
    align-self: start;
  }

  .practice-intro-side { display: flex; flex-direction: column; gap: 0; }
  .about-clients { line-height: 1.9; list-style: none; columns: 2; column-gap: 32px; }
  /* wide enough that every client name sits on one line (desktop); one column on phones */
  .practice-section-content.about-clients { max-width: 46em; column-gap: 48px; }
  .about-clients li { white-space: nowrap; }
  @media (max-width: 768px) { .practice-section-content.about-clients { columns: 1; } .about-clients li { white-space: normal; } }
  .about-clients li { break-inside: avoid; padding-left: 1em; text-indent: -1em; } /* a long name that wraps indents its second line */

  .practice-portrait {
    width: 100%;
    max-width: 360px;
    aspect-ratio: 4 / 5;
    background-color: var(--faint);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    padding: 14px 16px;
  }
  .practice-credit { margin-top: 10px; font-size: 11px; letter-spacing: 0.02em; color: var(--mid); }
  .practice-portrait span {
    font-size: 10px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--mid);
  }

  .practice-intro-text {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 17px;
    line-height: 1.7;
    color: var(--ink);
    max-width: 54ch;
  }

  .practice-intro-text p { margin-bottom: 20px; }

  .practice-section {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 60px;
    padding: 32px 0;
  }

  /* About: How and Why fold away; the heading opens them */
  .about-fold-head { cursor: pointer; }
  .about-fold-head .practice-section-label { display: flex; justify-content: flex-start; align-items: baseline; gap: 14px; }
  .fold-sign { font-size: 15px; letter-spacing: 0; line-height: 1; transition: transform 0.3s ease; }
  .about-fold-head:hover .practice-section-label { opacity: 1; }
  .about-fold-head[aria-expanded="true"] .fold-sign { transform: rotate(45deg); }
  .about-fold { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.45s ease; }
  .about-fold.open { grid-template-rows: 1fr; }
  .about-fold-inner { overflow: hidden; }
  /* Practice / About rows: label above its text, both in the reading column */
  @media (min-width: 769px) {
    .practice-section { padding: 22px 0; row-gap: 6px; }
    .practice-section > .practice-section-label, .practice-section > .practice-section-content { grid-column: 2; }
  }
  /* About: small-caps headings that open a group of rows */
  .about-subhead { padding-top: 72px; }
  .about-subhead .practice-section-label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--fg); opacity: 0.62; padding-top: 4px; }
  @media (max-width: 768px) { .about-subhead { padding-top: 40px; } }
  .practice-section-label {
    font-family: var(--sans);
    font-weight: 300;
    font-size: var(--list-size);
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--fg);
    padding-top: 2px;
  }

  .practice-section-content {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 15px;
    line-height: 1.8;
    max-width: 60ch;
  }

  .sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
  .page-kicker {
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fg);
    opacity: 0.62;
    margin-bottom: 28px;
  }

  /* WRITING PAGE */
  .writing-page {
    padding: 132px 56px 0;
  }
  .writing-page footer, .practice-page footer { padding: 120px 0 48px; }

  .writing-list { }
  .wp-label {
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--mid);
    margin: 40px 0 6px;
  }
  .page-kicker + .wp-label { margin-top: 48px; }
  .writing-page .sr-only + .wp-label, .writing-page .wp-label:first-child { margin-top: 0; }

  .writing-item-meta {
    margin-top: 6px;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: var(--mid);
  }

  .writing-item {
    display: block;
    gap: 40px;
    padding: 28px 0;
    align-items: baseline;
    cursor: pointer;
    text-decoration: none;
    color: var(--fg);
    transition: opacity 0.2s;
  }

  .writing-item:hover { opacity: 0.5; }

  .writing-item-title {
    font-family: var(--sans);
    font-weight: 300;
    font-size: var(--list-size);
    line-height: 1.3;
    letter-spacing: -0.01em;
  }

  .writing-item-pub {
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.1em;
    color: var(--mid);
    text-transform: uppercase;
    white-space: nowrap;
  }

  /* CONTACT PAGE */
  .contact-page {
    padding: 132px 56px 64px;
    display: flex;
    flex-direction: column;
    gap: 56px;
  }
  .contact-page a { color: inherit; text-decoration: none; }
  .contact-page a:hover { opacity: 0.6; }
  .contact-main .contact-secondary { margin-top: 12px; max-width: 46ch; }
  .contact-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 300px));
    column-gap: 56px;
  }
  .contact-filetype { font-size: 10px; letter-spacing: 0.1em; color: var(--mid); margin-left: 12px; }
  .contact-secondary a { text-decoration: underline; text-underline-offset: 3px; }

  /* content that differs per side */
  html[data-domain="curator"] [data-side="corporate"],
  html[data-domain="corporate"] [data-side="curator"] { display: none !important; }

  .contact-block-label {
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--mid);
    margin-bottom: 20px;
  }

  .contact-info {
    font-family: var(--sans);
    font-weight: 300;
    font-size: var(--list-size);
    line-height: 1.3;
    letter-spacing: -0.01em;
  }

  .contact-secondary {
    font-family: var(--sans);
    font-weight: 300;
    font-size: 13px;
    color: var(--mid);
    line-height: 1.8;
    margin-top: 16px;
  }


  /* CV PAGE: filled from CV (edit the list to update) */
  .cv-sec { margin-top: 72px; }
  .cv-sec:first-of-type { margin-top: 56px; }
  .cv-sec-head { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--fg); opacity: 0.62; padding-bottom: 14px; border-bottom: 1px solid color-mix(in srgb, var(--fg) 14%, transparent); margin-bottom: 8px; }
  .cv-year { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 8fr) minmax(0, 2fr); column-gap: 24px; padding: 18px 0 6px; border-bottom: 1px solid color-mix(in srgb, var(--fg) 7%, transparent); }
  .cv-year:last-child { border-bottom: 0; }
  .cv-y { font-size: 15px; font-weight: 300; color: var(--mid); padding-top: 1px; font-variant-numeric: tabular-nums; }
  .cv-entry { margin-bottom: 18px; max-width: 72ch; }
  .cv-t { font-size: 16px; font-weight: 300; line-height: 1.45; color: var(--ink); }
  .cv-t a[data-page] { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 30%, transparent); }
  .cv-t a[data-page]:hover { text-decoration-color: currentColor; }
  .cv-c a[data-page] { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 30%, transparent); }
  .cv-w { font-size: 14px; font-weight: 300; line-height: 1.55; color: var(--mid); margin-top: 2px; }
  .cv-c { font-size: 12.5px; font-weight: 300; line-height: 1.6; color: var(--mid); margin-top: 6px; }
  .cv-c + .cv-c { margin-top: 2px; }
  .cv-c .lab { color: var(--fg); opacity: 0.7; }
  .pd-kicker .cv-pdf { margin-left: 2px; }
  .practice-cv { font-size: 13px; letter-spacing: 0.04em; margin-top: 28px; }
  .practice-cv a { color: var(--fg); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, currentColor 30%, transparent); padding-bottom: 2px; transition: border-color 0.2s; }
  .practice-cv a:hover { border-color: currentColor; }
  @media (max-width: 768px) {
    .cv-sec { margin-top: 48px; }
    .cv-year { grid-template-columns: 1fr; padding: 16px 0 4px; }
    .cv-y { margin-bottom: 8px; font-size: 13px; }
    .cv-t { font-size: 15px; }
    .cv-w { font-size: 13px; }
    .cv-c { font-size: 12px; }
  }

  /* PAGE NOT FOUND */
  .notfound-links { display: flex; gap: 28px; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; }
  .notfound-links a { color: var(--fg); opacity: 0.62; text-decoration: none; }
  .notfound-links a:hover { opacity: 1; }
  /* the published sites: no preview tools */
  html.is-live .preview-bar, html.is-live #mobile-preview { display: none !important; }

  /* PROJECT PAGE */
  .pd { padding: 132px 56px 72px; }

  .pd-head { margin-bottom: 40px; position: relative; padding-right: 64px; }
  /* back arrow: top right, on the title line */
  .pd-back {
    position: absolute; top: 0; right: 0;
    font-family: var(--display); font-weight: 200;
    font-size: clamp(32px, 3.6vw, 54px); line-height: 1.05;
    color: var(--ink); text-decoration: none; opacity: 0.55;
    transition: opacity 0.2s, transform 0.2s;
  }
  .pd-back:hover { opacity: 1; transform: translateX(-4px); }
  .pd-prev-link { text-decoration: none; color: var(--fg); }
  .pd-prev-link:hover .pd-next-title { opacity: 0.55; }
  /* project images: full-bleed filmstrip, like the homepage */
  .pd-strip { margin: 0 -56px; }
  .pd-strip .filmstrip-item { cursor: grab; }
  /* a project's microsite, playing as the page's lead image; opens the live site */
  .pd-site { margin-bottom: 64px; }
  .pd-site-frame { display: block; position: relative; overflow: hidden; width: min(100%, calc(78vh * 1.6)); aspect-ratio: 1.6; background: #141412; }
  .pd-site-screens div { position: absolute; inset: 0; background-size: cover !important; background-position: center top !important; opacity: 0; transform: scale(1.02); transition: opacity 1.4s ease, transform 6s ease-out; }
  .pd-site-screens div.on { opacity: 1; transform: scale(1); }
  .pd-site-frame:hover .pd-site-screens div.on { opacity: 0.9; }
  .pd-site-bar { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; width: min(100%, calc(78vh * 1.6)); margin-top: 14px; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mid); }
  .pd-site-bar a { color: var(--fg); text-decoration: none; letter-spacing: 0.06em; text-transform: none; font-size: 13px; }
  .pd-site-bar a:hover { opacity: 0.6; }
  @media (max-width: 768px) { .pd-site { margin-bottom: 40px; } .pd-site-bar a { font-size: 12px; } }
  @media (prefers-reduced-motion: reduce) { .pd-site-screens div { transition: none; transform: none; } }
  /* a project's short film, playing silently as the page's lead */
  .pd-lead { margin-bottom: 64px; }
  .pd-lead video { display: block; height: min(78vh, var(--maxh, 640px)); width: auto; max-width: 100%; aspect-ratio: var(--r, 1.25); object-fit: cover; background: var(--faint); }
  /* a wide film with sound runs the width of the text column, never past its own size */
  .pd-lead video.is-film { width: min(100%, calc(78vh * var(--r, 1.778)), 1280px); height: auto; max-height: none; aspect-ratio: var(--r, 1.778); background: #000; object-fit: contain; }
  video.filmstrip-img { display: block; width: 100%; object-fit: cover; pointer-events: none; background: var(--faint); }
  @media (max-width: 768px) { .pd-lead { margin-bottom: 40px; } .pd-lead video { width: 100%; height: auto; } }
  /* film beside the text: an upright film and the project text open the page together */
  .pd-intro { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 80px; align-items: start; margin-bottom: 104px; }
  .pd-intro .pd-lead { margin: 0; }
  .pd-intro .pd-text { display: flex; flex-direction: column; margin: 0; }
  .pd-intro .pd-body { order: -1; grid-column: auto; }
  .pd-intro .pd-meta { margin-top: 48px; grid-column: auto; }
  @media (max-width: 900px) {
    .pd-intro { grid-template-columns: 1fr; row-gap: 32px; margin-bottom: 56px; }
    .pd-intro .pd-lead video { width: 100%; height: auto; }
  }
  .pd-strip-note { font-size: 11px; letter-spacing: 0.06em; color: var(--mid); text-align: right; }

  .pd-title {
    font-family: var(--display);
    font-weight: 200;
    font-size: clamp(32px, 3.6vw, 54px);
    line-height: 1.05;
    letter-spacing: -0.025em;
    color: var(--ink);
  }

  .pd-kicker {
    margin-top: 16px;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fg);
    opacity: 0.62;
    white-space: pre-wrap;
  }

  /* main image shown whole, at its own proportions */
  .pd-hero-img {
    height: min(78vh, calc((100vw - 112px) / var(--r, 1.5)));
    width: calc(min(78vh, calc((100vw - 112px) / var(--r, 1.5))) * var(--r, 1.5));
    max-width: 100%;
    background-size: cover !important;
    background-position: center !important;
  }

  .pd-text {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 24px;
    margin: 72px 0 104px;
  }

  .pd-meta { grid-column: 1 / span 4; }
  .pd-meta div { margin-bottom: 18px; }
  .pd-meta dt {
    font-size: 10px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--mid);
    margin-bottom: 4px;
  }
  .pd-meta dd { font-size: 14px; font-weight: 300; }

  .pd-body {
    grid-column: 6 / span 6;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.7;
    color: var(--ink);
    max-width: 54ch;
  }
  .pd-body p + p { margin-top: 1.1em; }
  /* names linked to artists' Instagram and venues' sites: quiet underline, full on hover */
  .pd a[target="_blank"], .pd-kicker a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
    transition: text-decoration-color 0.2s;
  }
  .pd a[target="_blank"]:hover, .pd-kicker a:hover { text-decoration-color: currentColor; }
  .pd-meta dd { max-width: 44ch; line-height: 1.6; }
  .pd-meta .nb { white-space: nowrap; }
  /* listen control: a small play / pause mark and a quiet label */
  .pd .pd-fulltext { margin-top: 2em; }
  .pd .pd-fulltext a { color: var(--fg); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
  .pd .pd-fulltext a:hover { opacity: 0.6; }
  .pd-responses { margin-top: 3em; padding-top: 2em; border-top: 1px solid color-mix(in srgb, var(--fg) 14%, transparent); }
  .pd-responses-label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--fg); opacity: 0.62; margin-bottom: 0.9em; }
  .pd-responses p { color: var(--mid); }
  .pd .pd-responses-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 1.2em; font-size: 17px; text-decoration: none !important; color: var(--fg); }
  .pd-responses-link:hover { opacity: 0.6; }
  /* a film hosted on YouTube (keeps the owner's captions); it rewinds just before the end so no suggestions appear */
  .pd-lead-yt { width: min(100%, calc(78vh * 1.778), 1280px); aspect-ratio: 16 / 9; background: #000; }
  .pd-lead-yt iframe { display: block; width: 100%; height: 100%; border: 0; }
  .pd-listen { display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 0; background: none; border: 0; cursor: pointer; font: inherit; font-size: 12px; letter-spacing: 0.02em; color: var(--mid); text-align: left; }
  .pd-listen:hover, .pd-listen.is-playing { color: var(--fg); }
  .pd-listen-icon { flex: 0 0 auto; width: 22px; height: 22px; border: 1px solid currentColor; border-radius: 50%; position: relative; }
  .pd-listen-icon::before { content: ""; position: absolute; left: 8px; top: 6px; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent currentColor; }
  .pd-listen.is-playing .pd-listen-icon::before { left: 7px; top: 6px; width: 3px; height: 10px; border: 0; border-left: 2px solid currentColor; border-right: 2px solid currentColor; box-sizing: border-box; width: 8px; }
  .pd-listen-time { font-variant-numeric: tabular-nums; opacity: 0.8; }
  .pd-listen-time:empty { display: none; } /* an artist's name never breaks across lines */
  .pd .founder-link { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 30%, transparent); }
  .pd .founder-link:hover { text-decoration-color: currentColor; }
  .pd-meta dd a { text-decoration-color: color-mix(in srgb, currentColor 16%, transparent); }

  /* ESSAY PAGE — same frame as a project page, text only */
  .essay-text { margin-top: 24px; }
  .essay-epigraph { margin-bottom: 2.2em; color: var(--mid); font-size: 15px; line-height: 1.7; }
  .essay-epigraph p + p { margin-top: 0.9em; }
  .essay-epigraph cite { display: block; margin-top: 0.8em; font-style: normal; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; }
  .essay-act { margin-top: 2.2em; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mid); }
  .essay-act + p { margin-top: 0.6em !important; }
  .essay-lead { color: var(--mid); margin-bottom: 2em; }
  .pd-body .essay-q { margin-top: 2em; font-weight: 400; color: var(--fg); }
  .pd-body .essay-q + p { margin-top: 0.5em; }

  /* gallery — same staggered rhythm as the Work image view */
  .pd-gallery {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 88px;
    align-items: end;
  }
  .pd-gallery-img { background-size: cover !important; background-position: center !important; }
  .pd-gallery-img:nth-child(4n+1) { grid-column: 1 / span 6; aspect-ratio: 4 / 3; }
  .pd-gallery-img:nth-child(4n+2) { grid-column: 8 / span 5; aspect-ratio: 4 / 5; }
  .pd-gallery-img:nth-child(4n+3) { grid-column: 2 / span 4; aspect-ratio: 3 / 4; }
  .pd-gallery-img:nth-child(4n+4) { grid-column: 7 / span 6; aspect-ratio: 3 / 2; }

  .pd-next {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-top: 144px;
  }
  .pd-all {
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fg);
    opacity: 0.62;
    text-decoration: none;
    transition: opacity 0.2s;
  }
  .pd-all:hover { opacity: 1; }
  .pd-next-left { display: flex; flex-direction: column; gap: 10px; }
  .pd-cross {
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--mid);
    text-decoration: none;
    transition: color 0.2s;
  }
  .pd-cross:hover { color: var(--fg); }
  .pd-next-link { text-align: right; text-decoration: none; color: var(--fg); }
  .pd-next-label {
    display: block;
    font-size: 10px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--mid);
    margin-bottom: 8px;
  }
  .pd-next-title {
    font-family: var(--display);
    font-weight: 300;
    font-size: var(--list-size); /* same size as project titles in the Work list */
    line-height: 1.3;
    letter-spacing: -0.01em;
    transition: opacity 0.2s;
  }
  .pd-next-link:hover .pd-next-title { opacity: 0.55; }

  @media (max-width: 768px) {
    .pd { padding: 104px 20px 56px; }
    .pd-strip { margin: 0 -20px; }
    /* homepage filmstrip on phones: one tall height, each photo at its own width (uncropped) */
    /* the whole homepage fits one phone screen: the strip takes the height that is left */
    #filmstrip { --h: clamp(200px, calc(100svh - 420px), 92vw); }
    #domain-curator .section-statement { padding: 28px 20px 20px; }
    #domain-curator footer { padding: 4px 20px 20px !important; }
    /* statement + footer sit at the bottom of the phone screen */
    html[data-domain="curator"] #page-home.active #domain-curator { display: flex !important; flex-direction: column; min-height: 100svh; }
    #domain-curator .section-statement { margin-top: auto; margin-bottom: 0; }
    #domain-curator .statement-text { font-size: 19px !important; line-height: 1.4; letter-spacing: -0.01em; }
    #domain-curator .st-br { display: none; }
    #domain-curator .projects-more { padding-top: 12px; }
    #filmstrip .filmstrip-item { flex: 0 0 auto; width: calc(var(--h) * var(--r, 1.333)) !important; }
    #filmstrip .filmstrip-img { height: var(--h) !important; aspect-ratio: auto; }
    /* project photos keep their own shape on phones: one height, width from the photo */
    .pd-strip .filmstrip-item { flex: 0 0 auto; width: calc(64vw * var(--r, 1.333)) !important; }
    .pd-strip .filmstrip-img { height: 64vw !important; aspect-ratio: auto; }
    .pd-head { margin-bottom: 28px; }
    .pd-title { font-size: 30px; }
    .pd-back { font-size: 30px; }
    .pd-head { padding-right: 44px; }
    .pd-hero-img { width: 100%; height: auto; aspect-ratio: var(--r, 1.5); }
    .pd-text { display: flex; flex-direction: column; margin: 32px 0 56px; }
    .pd-body { order: -1; }
    .pd-meta { margin-top: 28px; }
    .pd-body { font-size: 15px; line-height: 1.6; } /* matches the homepage statement on phones */
    .pd-gallery { row-gap: 20px; }
    .pd-gallery-img:nth-child(n) { grid-column: 1 / -1; }
    .pd-next { margin-top: 80px; }
    .essay-epigraph { font-size: 14px; }
  }

  /* SPECS OVERLAY */
  .specs-panel {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 500;
    align-items: center;
    justify-content: center;
    padding: 40px;
  }

  .specs-panel.open { display: flex; }

  .specs-box {
    background: var(--bg);
    max-width: 640px;
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    padding: 48px;
    position: relative;
  }

  .specs-close {
    position: absolute;
    top: 20px; right: 24px;
    background: none;
    border: none;
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--mid);
    cursor: pointer;
  }

  .specs-title {
    font-family: var(--serif);
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 32px;
  }

  .spec-row {
    border-top: 1px solid var(--faint);
    padding: 16px 0;
  }

  .spec-row:last-child { border-bottom: 1px solid var(--faint); }

  .spec-key {
    font-family: var(--sans);
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--mid);
    margin-bottom: 6px;
  }

  .spec-val {
    font-family: var(--sans);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.6;
  }

  /* ANNOTATION BADGES */
  .anno-badge {
    display: inline-block;
    background: #1C1B19;
    color: #F6F5F2;
    font-family: var(--sans);
    font-size: 9px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 4px 9px;
    cursor: pointer;
    margin-left: 8px;
    vertical-align: middle;
    opacity: 0.5;
    transition: opacity 0.2s;
    position: relative;
    top: -2px;
  }

  .anno-badge:hover { opacity: 1; }

  /* MAIN NAV SECTIONS */
  .inner-page { display: none; }
  .inner-page.visible { display: block; }

  /* IMG color fills for work page */
  .wi1 { background: #E2E0DC; }
  .wi2 { background: #D8D6D2; }
  .wi3 { background: #DDDBD7; }
  .wi4 { background: #D4D2CE; }
  .wi5 { background: #E0DEDB; }
  .wi6 { background: #D6D4D0; }
  .wi7 { background: #DCDAD6; }
  .wi8 { background: #D9D7D3; }
  .wi9 { background: #E1DFDb; }

  /* RESPONSIVE */
  @media (max-width: 768px) {
    nav { padding: 20px 20px; }
    .domain-toggle { display: none; }
    .nav-links { gap: 20px; }
    .hero-curator, .hero-corporate { padding: 20px; padding-bottom: 60px; }
    .section-projects, .section-statement, .section-bio { padding: 60px 20px; }
    .section-bio { grid-template-columns: 1fr; }
    .project-card:nth-child(n) { grid-column: 1 / -1; }
    .practice-intro, .practice-section { grid-template-columns: 1fr; }
    .contact-page { gap: 36px; padding: 104px 20px 56px; }
    .contact-details { grid-template-columns: 1fr; row-gap: 28px; }
    footer { padding: 40px 20px; flex-direction: column; align-items: flex-start; }
    .filter-bar { flex-wrap: wrap; }
    .footer-right { align-items: flex-start; }
  }

  /* MENU BUTTON + OVERLAY (phones) */
  .nav-menu-btn {
    display: none;
    font-family: var(--sans);
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fg);
    opacity: 0.62;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
  }

  .mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 300;
    background: var(--bg);
    display: flex;
    flex-direction: column;
    padding: 20px 20px 48px;
  }
  .mobile-menu[hidden] { display: none !important; }
  .mobile-menu-top { display: flex; justify-content: space-between; align-items: center; }
  .mobile-menu .nav-menu-btn { display: block; }
  .mobile-menu-links { margin-top: 18vh; display: flex; flex-direction: column; gap: 18px; }
  .mobile-menu-links a {
    font-family: var(--display);
    font-weight: 300;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--fg);
    text-decoration: none;
  }
  .mobile-menu-links a.active { opacity: 0.45; }
  .mobile-menu-foot { margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
  .mobile-menu-foot a {
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--mid);
    text-decoration: none;
  }

  /* filmstrip progress — click or drag along it to move the strip */
  .filmstrip-progress {
    display: block;
    position: relative;
    flex: 1;
    max-width: 200px;
    height: 21px;
    margin-right: auto;
    cursor: pointer;
    touch-action: none;
  }
  .filmstrip-progress::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 10px;
    height: 1px;
    background: var(--faint);
  }
  .filmstrip-progress span {
    position: absolute;
    top: 10px; left: 0;
    height: 1px;
    background: var(--fg);
    opacity: 0.7;
  }
  .filmstrip-progress:hover span { opacity: 1; }

  /* PHONES — curator homepage + nav */
  @media (max-width: 768px) {
    .nav-links { display: none !important; }
    .nav-menu-btn { display: block; }
    .nav-name { white-space: nowrap; }

    .hero-curator {
      height: auto;
      padding: 88px 20px 24px;
    }
    .hero-tagline { font-size: 30px; line-height: 1.1; letter-spacing: -0.02em; }

    .section-projects { padding: 0; }
    .filmstrip-track {
      gap: 8px;
      padding: 0 20px;
      scroll-padding-left: 20px;
      scroll-snap-type: x mandatory;
    }
    .filmstrip-item {
      flex: 0 0 78vw;          /* next image peeks in from the right */
      width: auto !important;
      height: auto;
      aspect-ratio: 4 / 5;
    }

    .projects-more { padding: 18px 20px 0; align-items: center; gap: 24px; }
    .filmstrip-progress { max-width: 160px; }

    .section-statement { padding: 44px 20px 40px; }
    .statement-text { font-size: 15px !important; line-height: 1.6; max-width: 320px !important; }
  }

  /* Filmstrip captions sit below image, not overlaid — item must not clip them */
  .filmstrip-item { height: auto; overflow: visible; }
  .filmstrip-img { height: 65vh; }
  .filmstrip-caption {
    position: static;
    padding: 14px 0 0;
    background: none;
    opacity: 1;
  }
  .filmstrip-title {
    color: var(--fg);
    font-size: var(--list-size);
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: -0.01em;
  }
  .filmstrip-item:first-child .filmstrip-caption { padding-left: 56px; }

  .work-row-thumb { display: none; }

  /* homepage filmstrip: project title fades in at the bottom of the image on hover */
  #filmstrip .filmstrip-item { position: relative; }
  .filmstrip-hover {
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 56px 20px 16px;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.38));
    color: #fff;
    font-size: 13px; font-weight: 300; line-height: 1.4; letter-spacing: 0.01em;
    opacity: 0; transition: opacity 0.3s ease;
    pointer-events: none;
  }
  #filmstrip .filmstrip-item:hover .filmstrip-hover,
  #filmstrip .filmstrip-item:focus-visible .filmstrip-hover { opacity: 1; }
  /* project strips: artist and city fade in over each photo */
  .pd-strip .filmstrip-item { position: relative; }
  .pd-strip .filmstrip-item:hover .filmstrip-hover { opacity: 1; }
  @media (hover: none) { .filmstrip-hover { display: none; } }
  /* touch screens: project-strip credits (artist, city) stay visible, quietly, at the foot of each photo */
  @media (hover: none) {
    .pd-strip .filmstrip-hover { display: block; opacity: 1; padding: 36px 14px 10px; font-size: 11px; }
  }

  @media (max-width: 768px) {
    .filmstrip-item { aspect-ratio: auto; height: auto; }
    .filmstrip-img { height: auto !important; aspect-ratio: 3 / 2; }
    .filmstrip-item:first-child .filmstrip-caption { padding-left: 0; }

    /* 5. filters: one swipeable row, toggle stays on the right */
    .work-controls { flex-direction: column; align-items: stretch; gap: 18px; margin-bottom: 32px; }
    .work-views { align-self: flex-end; align-items: baseline; gap: 10px; }
    .work-view-prefix {
      display: inline;
      font-size: 11px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--mid);
    }
    .work-filters {
      flex: 1;
      min-width: 0;
      flex-wrap: nowrap;
      overflow-x: auto;
      scrollbar-width: none;
      gap: 16px;
    }
    /* fade only when the filters really overflow (Art In Context side) */
    .work-filters.fade {
      padding-right: 28px;
      -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
              mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
    }
    .work-filters::-webkit-scrollbar { display: none; }
    .work-filters .work-ctrl { white-space: nowrap; flex: 0 0 auto; letter-spacing: 0.1em; }
    .footer-right { order: -1; }
    footer { padding: 8px 20px 36px !important; gap: 14px !important; }
    .work-images { row-gap: 32px; }
    .work-views { flex: 0 0 auto; }
    /* toggle shares the line with the Selected Projects label */
    .work-page { position: relative; }
    .work-views { position: absolute; top: 104px; right: 20px; line-height: 1.6; }
    .work-list { padding-top: 0; }

    /* 6. list view: small image beside each title */
    .work-list { padding-right: 0; }
    .work-list .work-row { grid-template-columns: 64px minmax(0, 1fr); row-gap: 4px; align-content: center; }
    .work-row-title { align-self: end; }
    .work-row-place { align-self: start; }
    .work-row-thumb { grid-row: span 2; }
    .work-row-place { grid-column: 2; margin-top: 0; }
    .work-row {
      grid-template-columns: 64px minmax(0, 1fr);
      align-items: center;
      column-gap: 16px;
      padding: 6px 0;
    }
    .work-row-thumb {
      display: block;
      width: 64px;
      aspect-ratio: 4 / 5;
      background-size: cover !important;
      background-position: center !important;
    }
  }

  /* PHONES — Writing page: same margins as the rest of the site */
  @media (max-width: 768px) {
    .writing-page { padding: 104px 20px 0; }
    .page-kicker { margin-bottom: 14px; }
    .wp-label { margin-top: 28px; }
    .page-kicker + .wp-label { margin-top: 28px; }
    .writing-item { padding: 10px 0; }
    .writing-page footer, .practice-page footer { padding: 56px 0 36px !important; }
  }

  /* PHONES — Practice page: tighter blocks */
  @media (max-width: 768px) {
    .practice-page { padding: 104px 20px 0; }
    .practice-intro-text { font-size: 16px; }
    .practice-intro { gap: 24px; margin-bottom: 8px; }
    .practice-intro-text p:last-child { margin-bottom: 0; }
    .practice-intro-side { gap: 24px; }
    .practice-portrait { max-width: none; aspect-ratio: 4 / 5; }
    .practice-credit { margin-top: -14px; } /* sits close under the photo */
    .practice-intro-text p { margin-bottom: 14px; }
    .practice-section { gap: 6px; padding: 16px 0; }
  }


  /* WORK PAGE, both sites: list view mirrors the Art In Context homepage, the image runs the full right half */
  @media (min-width: 901px) {
    .work-preview { top: 0; }
    /* heading, toggle, filters and list stay in the left half; the toggle sits at its right edge */
    /* the Grid / List toggle sits at the right edge of this column, beside the image, in both views */
    .work-page .work-head,
    .work-page:not(.view-images) .work-index { max-width: calc(50vw - 56px - 40px); }
    .work-index { grid-template-columns: minmax(0, 1fr); }
    .work-filters { flex-wrap: wrap; row-gap: 10px; }
  }

  /* readability: small uppercase labels at 12px in solid grey (hover/active go dark) */
  .nav-links a, .work-ctrl, .projects-more-link, .pd-all, .nav-menu-btn, .page-kicker, .pd-kicker, .about-subhead .practice-section-label {
    font-size: 12px; opacity: 1; color: var(--mid);
  }
  .page-kicker.work-kicker { color: var(--fg); }
  .nav-links a:hover, .nav-links a.active, .work-ctrl:hover, .work-ctrl.active, .projects-more-link:hover, .pd-all:hover, .nav-menu-btn:hover,
  .about-fold-head:hover .practice-section-label { color: var(--fg); }
  .pd-next-label, .pd-meta dt, .contact-block-label, .work-view-prefix { font-size: 11px; }
  .work-sub, .pd-strip-note, .footer-contact, .footer-instagram, .footer-entities, .pd-cross { font-size: 12px; }
  /* Art In Context: the studio email closes every page, bottom left */
  .aic-foot { padding-top: 96px; }
  .work-more { padding-top: 96px; }
  .work-page:not(.view-images) .work-more { max-width: calc(50vw - 56px - 40px); padding-top: 56px; }
  @media (max-width: 768px) { .work-more { padding-top: 56px; padding-bottom: 8px; } }
  .contact-page .aic-foot { padding-top: 40px; }
  html[data-domain="corporate"] .work-page .aic-foot { max-width: calc(50vw - 56px - 40px); }
  @media (max-width: 768px) { .aic-foot { padding-top: 56px; padding-bottom: 36px; } }
  /* PLACEHOLDER IMAGES — flat grey boxes until the real photos arrive.
     Delete this block to bring the photos back. */
  :root { --ph-a: #E4E3DF; --ph-b: #DAD9D5; --ph-c: #D0CFCB; }
  :root[data-theme="dark"] { --ph-a: #1E1E1C; --ph-b: #262624; --ph-c: #2E2E2B; }
  @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --ph-a: #1E1E1C; --ph-b: #262624; --ph-c: #2E2E2B; } }
  .img-1, .img-4, .img-20, .img-23 { background: var(--ph-a) !important; }
  .img-2, .img-5, .img-21, .img-24 { background: var(--ph-b) !important; }
  .img-3, .img-6, .img-22, .img-25 { background: var(--ph-c) !important; }

  /* REAL PHOTOS — In case my mind [betrays] me */
  .cm-1 { background: url("/images/cm-1.webp") center/cover no-repeat; }
  .cm-2 { background: url("/images/cm-2.webp") center/cover no-repeat; }
  .cm-3 { background: url("/images/cm-3.webp") center/cover no-repeat; }
  .cm-4 { background: url("/images/cm-4.webp") center/cover no-repeat; }
  .cm-5 { background: url("/images/cm-5.webp") center/cover no-repeat; }
  .cm-6 { background: url("/images/cm-6.webp") center/cover no-repeat; }
  .cm-7 { background: url("/images/cm-7.webp") center/cover no-repeat; }
  .cm-8 { background: url("/images/cm-8.webp") center/cover no-repeat; }
  .cm-9 { background: url("/images/cm-9.webp") center/cover no-repeat; }
  .cm-10 { background: url("/images/cm-10.webp") center/cover no-repeat; }
  .cm-11 { background: url("/images/cm-11.webp") center/cover no-repeat; }
  .cm-12 { background: url("/images/cm-12.webp") center/cover no-repeat; }
  /* REAL PHOTOS — Full Disclosure */
  .fd-1 { background: url("/images/fd-1.webp") center/cover no-repeat; }
  .fd-2 { background: url("/images/fd-2.webp") center/cover no-repeat; }
  .fd-3 { background: url("/images/fd-3.webp") center/cover no-repeat; }
  .fd-4 { background: url("/images/fd-4.webp") center/cover no-repeat; }
  .fd-5 { background: url("/images/fd-5.webp") center/cover no-repeat; }
  .fd-6 { background: url("/images/fd-6.webp") center/cover no-repeat; }
  .fd-7 { background: url("/images/fd-7.webp") center/cover no-repeat; }
  .fd-8 { background: url("/images/fd-8.webp") center/cover no-repeat; }
  .fd-9 { background: url("/images/fd-9.webp") center/cover no-repeat; }
  .fd-10 { background: url("/images/fd-10.webp") center/cover no-repeat; }
  .fd-11 { background: url("/images/fd-11.webp") center/cover no-repeat; }
  .fd-12 { background: url("/images/fd-12.webp") center/cover no-repeat; }
  .fd-13 { background: url("/images/fd-13.webp") center/cover no-repeat; }
  .fd-14 { background: url("/images/fd-14.webp") center/cover no-repeat; }
  .fd-15 { background: url("/images/fd-15.webp") center/cover no-repeat; }
  .fd-16 { background: url("/images/fd-16.webp") center/cover no-repeat; }
  .fd-18 { background: url("/images/fd-18.webp") center/cover no-repeat; }
  .fd-17 { background: url("/images/fd-17.webp") center/cover no-repeat; }
  /* REAL PHOTOS — LusaHumma */
  .lh-1 { background: url("/images/lh-1.webp") center/cover no-repeat; }
  .lh-2 { background: url("/images/lh-2.webp") center/cover no-repeat; }
  .lh-3 { background: url("/images/lh-3.webp") center/cover no-repeat; }
  .lh-4 { background: url("/images/lh-4.webp") center/cover no-repeat; }
  .lh-5 { background: url("/images/lh-5.webp") center/cover no-repeat; }
  .lh-6 { background: url("/images/lh-6.webp") center/cover no-repeat; }
  .lh-7 { background: url("/images/lh-7.webp") center/cover no-repeat; }
  .lh-8 { background: url("/images/lh-8.webp") center/cover no-repeat; }
  .lh-9 { background: url("/images/lh-9.webp") center/cover no-repeat; }
  .lh-10 { background: url("/images/lh-10.webp") center/cover no-repeat; }
  .lh-11 { background: url("/images/lh-11.webp") center/cover no-repeat; }
  .lh-12 { background: url("/images/lh-12.webp") center/cover no-repeat; }
  .lh-13 { background: url("/images/lh-13.webp") center/cover no-repeat; }
  .lh-14 { background: url("/images/lh-14.webp") center/cover no-repeat; }
  .lh-15 { background: url("/images/lh-15.webp") center/cover no-repeat; }
  .lh-16 { background: url("/images/lh-16.webp") center/cover no-repeat; }
  .lh-17 { background: url("/images/lh-17.webp") center/cover no-repeat; }
  .lh-18 { background: url("/images/lh-18.webp") center/cover no-repeat; }
  /* REAL PHOTOS — Silencio */
  .si-1 { background: url("/images/si-1.webp") center/cover no-repeat; }
  .si-2 { background: url("/images/si-2.webp") center/cover no-repeat; }
  .si-3 { background: url("/images/si-3.webp") center/cover no-repeat; }
  .si-4 { background: url("/images/si-4.webp") center/cover no-repeat; }
  .si-5 { background: url("/images/si-5.webp") center/cover no-repeat; }
  .si-6 { background: url("/images/si-6.webp") center/cover no-repeat; }
  .si-7 { background: url("/images/si-7.webp") center/cover no-repeat; }
  .si-8 { background: url("/images/si-8.webp") center/cover no-repeat; }
  .si-9 { background: url("/images/si-9.webp") center/cover no-repeat; }
  .si-10 { background: url("/images/si-10.webp") center/cover no-repeat; }
  .si-11 { background: url("/images/si-11.webp") center/cover no-repeat; }
  .si-12 { background: url("/images/si-12.webp") center/cover no-repeat; }
  .si-13 { background: url("/images/si-13.webp") center/cover no-repeat; }
  .si-14 { background: url("/images/si-14.jpg") center/cover no-repeat; }
  .si-15 { background: url("/images/si-15.webp") center/cover no-repeat; }
  .si-16 { background: url("/images/si-16.webp") center/cover no-repeat; }
  /* REAL PHOTOS — REPAIR */
  .rp-1 { background: url("/images/rp-1.webp") center/cover no-repeat; }
  .rp-2 { background: url("/images/rp-2.webp") center/cover no-repeat; }
  .rp-3 { background: url("/images/rp-3.webp") center/cover no-repeat; }
  .rp-4 { background: url("/images/rp-4.webp") center/cover no-repeat; }
  .rp-5 { background: url("/images/rp-5.webp") center/cover no-repeat; }
  .rp-6 { background: url("/images/rp-6.webp") center/cover no-repeat; }
  .rp-7 { background: url("/images/rp-7.webp") center/cover no-repeat; }
  .rp-8 { background: url("/images/rp-8.webp") center/cover no-repeat; }
  .rp-9 { background: url("/images/rp-9.webp") center/cover no-repeat; }
  .rp-10 { background: url("/images/rp-10.webp") center/cover no-repeat; }
  .rp-11 { background: url("/images/rp-11.webp") center/cover no-repeat; }
  .rp-12 { background: url("/images/rp-12.webp") center/cover no-repeat; }
  .rp-13 { background: url("/images/rp-13.webp") center/cover no-repeat; }
  .rp-14 { background: url("/images/rp-14.webp") center/cover no-repeat; }
  .rp-15 { background: url("/images/rp-15.webp") center/cover no-repeat; }
  .rp-16 { background: url("/images/rp-16.webp") center/cover no-repeat; }
  .rp-17 { background: url("/images/rp-17.webp") center/cover no-repeat; }
  .rp-18 { background: url("/images/rp-18.webp") center/cover no-repeat; }
  .rp-19 { background: url("/images/rp-19.webp") center/cover no-repeat; }
  .rp-21 { background: url("/images/rp-21.webp") center/cover no-repeat; }
  .rp-22 { background: url("/images/rp-22.webp") center/cover no-repeat; }
  .rp-23 { background: url("/images/rp-23.webp") center/cover no-repeat; }
  .rp-24 { background: url("/images/rp-24.webp") center/cover no-repeat; }
  .rp-25 { background: url("/images/rp-25.webp") center/cover no-repeat; }
  .rp-26 { background: url("/images/rp-26.webp") center/cover no-repeat; }
  .rp-27 { background: url("/images/rp-27.webp") center/cover no-repeat; }
  .rp-28 { background: url("/images/rp-28.webp") center/cover no-repeat; }
  .rp-29 { background: url("/images/rp-29.jpg") center/cover no-repeat; }
  .rp-30 { background: url("/images/rp-30.webp") center/cover no-repeat; }
  .rp-31 { background: url("/images/rp-31.jpg") center/cover no-repeat; }
  .rp-32 { background: url("/images/rp-32.jpg") center/cover no-repeat; }
  .rp-33 { background: url("/images/rp-33.webp") center/cover no-repeat; }
  .rp-34 { background: url("/images/rp-34.webp") center/cover no-repeat; }
  .rp-20 { background: url("/images/rp-20.webp") center/cover no-repeat; }
  /* REAL PHOTOS — La Isla de Barro */
  .ib-1 { background: url("/images/ib-1.webp") center/cover no-repeat; }
  .ib-2 { background: url("/images/ib-2.webp") center/cover no-repeat; }
  .ib-3 { background: url("/images/ib-3.webp") center/cover no-repeat; }
  .ib-4 { background: url("/images/ib-4.webp") center/cover no-repeat; }
  .ib-5 { background: url("/images/ib-5.webp") center/cover no-repeat; }
  .ib-6 { background: url("/images/ib-6.webp") center/cover no-repeat; }
  .ib-7 { background: url("/images/ib-7.webp") center/cover no-repeat; }
  .ib-8 { background: url("/images/ib-8.webp") center/cover no-repeat; }
  .ib-9 { background: url("/images/ib-9.webp") center/cover no-repeat; }
  .ib-10 { background: url("/images/ib-10.webp") center/cover no-repeat; }
  /* REAL PHOTOS — Silencio, Sulian Rios */
  .sr-1 { background: url("/images/sr-1.webp") center/cover no-repeat; }
  .sr-2 { background: url("/images/sr-2.webp") center/cover no-repeat; }
  .sr-3 { background: url("/images/sr-3.webp") center/cover no-repeat; }
  .sr-4 { background: url("/images/sr-4.webp") center/cover no-repeat; }
  .sr-5 { background: url("/images/sr-5.webp") center/cover no-repeat; }
  .sr-6 { background: url("/images/sr-6.webp") center/cover no-repeat; }
  .sr-7 { background: url("/images/sr-7.webp") center/cover no-repeat; }
  .sr-8 { background: url("/images/sr-8.webp") center/cover no-repeat; }
  .sr-9 { background: url("/images/sr-9.webp") center/cover no-repeat; }
  /* REAL PHOTOS — RXR Realty, 475 Clermont */
  .rx-1 { background: url("/images/rx-1.webp") center/cover no-repeat; }
  .rx-2 { background: url("/images/rx-2.webp") center/cover no-repeat; }
  .rx-3 { background: url("/images/rx-3.webp") center/cover no-repeat; }
  .rx-4 { background: url("/images/rx-4.webp") center/cover no-repeat; }
  .rx-5 { background: url("/images/rx-5.webp") center/cover no-repeat; }
  .rx-6 { background: url("/images/rx-6.webp") center/cover no-repeat; }
  .rx-7 { background: url("/images/rx-7.webp") center/cover no-repeat; }
  /* REAL PHOTOS — Great Bowery, 190 Bowery */
  .gb-1 { background: url("/images/gb-1.webp") center/cover no-repeat; }
  .gb-2 { background: url("/images/gb-2.webp") center/cover no-repeat; }
  .gb-3 { background: url("/images/gb-3.webp") center/cover no-repeat; }
  .gb-4 { background: url("/images/gb-4.webp") center/cover no-repeat; }
  .gb-5 { background: url("/images/gb-5.webp") center/cover no-repeat; }
  .gb-6 { background: url("/images/gb-6.webp") center/cover no-repeat; }
  .gb-7 { background: url("/images/gb-7.webp") center/cover no-repeat; }
  .gb-8 { background: url("/images/gb-8.webp") center/cover no-repeat; }
  .gb-9 { background: url("/images/gb-9.webp") center/cover no-repeat; }
  .gb-10 { background: url("/images/gb-10.webp") center/cover no-repeat; }
  .gb-11 { background: url("/images/gb-11.webp") center/cover no-repeat; }
  .gb-12 { background: url("/images/gb-12.webp") center/cover no-repeat; }
  /* REAL PHOTOS — Mac Partners, The Heard */
  .hd-1 { background: url("/images/hd-1.webp") center/cover no-repeat; }
  .hd-2 { background: url("/images/hd-2.webp") center/cover no-repeat; }
  .hd-3 { background: url("/images/hd-3.webp") center/cover no-repeat; }
  .hd-4 { background: url("/images/hd-4.webp") center/cover no-repeat; }
  .hd-5 { background: url("/images/hd-5.webp") center/cover no-repeat; }
  .hd-6 { background: url("/images/hd-6.webp") center/cover no-repeat; }
  .hd-7 { background: url("/images/hd-7.webp") center/cover no-repeat; }
  .hd-8 { background: url("/images/hd-8.webp") center/cover no-repeat; }
  .hd-9 { background: url("/images/hd-9.webp") center/cover no-repeat; }
  /* REAL PHOTOS — iPic Theaters Art Program */
  .ip-1 { background: url("/images/ip-1.webp") center/cover no-repeat; }
  .ip-2 { background: url("/images/ip-2.webp") center/cover no-repeat; }
  .ip-3 { background: url("/images/ip-3.webp") center/cover no-repeat; }
  .ip-4 { background: url("/images/ip-4.webp") center/cover no-repeat; }
  .ip-5 { background: url("/images/ip-5.webp") center/cover no-repeat; }
  .ip-6 { background: url("/images/ip-6.webp") center/cover no-repeat; }
  .ip-7 { background: url("/images/ip-7.webp") center/cover no-repeat; }
  .ip-8 { background: url("/images/ip-8.webp") center/cover no-repeat; }
  .ip-9 { background: url("/images/ip-9.webp") center/cover no-repeat; }
  .ip-10 { background: url("/images/ip-10.webp") center/cover no-repeat; }
  .ip-11 { background: url("/images/ip-11.webp") center/cover no-repeat; }
  .ip-12 { background: url("/images/ip-12.webp") center/cover no-repeat; }
  .ip-13 { background: url("/images/ip-13.webp") center/cover no-repeat; }
  .ip-14 { background: url("/images/ip-14.webp") center/cover no-repeat; }
  .ip-15 { background: url("/images/ip-15.webp") center/cover no-repeat; }
  .ip-16 { background: url("/images/ip-16.webp") center/cover no-repeat; }
  .ip-17 { background: url("/images/ip-17.webp") center/cover no-repeat; }
  .ip-18 { background: url("/images/ip-18.webp") center/cover no-repeat; }
  .ip-19 { background: url("/images/ip-19.webp") center/cover no-repeat; }
  .ip-20 { background: url("/images/ip-20.webp") center/cover no-repeat; }
  .ip-21 { background: url("/images/ip-21.webp") center/cover no-repeat; }
  .ip-22 { background: url("/images/ip-22.webp") center/cover no-repeat; }
  .ip-23 { background: url("/images/ip-23.webp") center/cover no-repeat; }
  .ip-24 { background: url("/images/ip-24.webp") center/cover no-repeat; }
  .ip-25 { background: url("/images/ip-25.webp") center/cover no-repeat; }
  .ip-26 { background: url("/images/ip-26.webp") center/cover no-repeat; }
  .ip-27 { background: url("/images/ip-27.webp") center/cover no-repeat; }
  .ip-28 { background: url("/images/ip-28.webp") center/cover no-repeat; }
  .ip-29 { background: url("/images/ip-29.webp") center/cover no-repeat; }
  .ip-30 { background: url("/images/ip-30.webp") center/cover no-repeat; }
  .ip-31 { background: url("/images/ip-31.webp") center/cover no-repeat; }
  .ip-32 { background: url("/images/ip-32.webp") center/cover no-repeat; }
  .ip-33 { background: url("/images/ip-33.webp") center/cover no-repeat; }
  .ip-34 { background: url("/images/ip-34.webp") center/cover no-repeat; }
  .ip-35 { background: url("/images/ip-35.webp") center/cover no-repeat; }
  .ip-36 { background: url("/images/ip-36.webp") center/cover no-repeat; }
  .ip-37 { background: url("/images/ip-37.webp") center/cover no-repeat; }
  .ip-38 { background: url("/images/ip-38.webp") center/cover no-repeat; }
  /* REAL PHOTOS — PAINT (RED) SAVE LIVES */
  .rd-1 { background: url("/images/rd-1.webp") center/cover no-repeat; }
  .rd-2 { background: url("/images/rd-2.webp") center/cover no-repeat; }
  .rd-3 { background: url("/images/rd-3.webp") center/cover no-repeat; }
  .rd-4 { background: url("/images/rd-4.webp") center/cover no-repeat; }
  .rd-5 { background: url("/images/rd-5.webp") center/cover no-repeat; }
  .rd-6 { background: url("/images/rd-6.webp") center/cover no-repeat; }
  .rd-7 { background: url("/images/rd-7.webp") center/cover no-repeat; }
  .rd-8 { background: url("/images/rd-8.webp") center/cover no-repeat; }
  .rd-9 { background: url("/images/rd-9.webp") center/cover no-repeat; }
  .rd-10 { background: url("/images/rd-10.webp") center/cover no-repeat; }
  .rd-11 { background: url("/images/rd-11.webp") center/cover no-repeat; }
  .rd-12 { background: url("/images/rd-12.webp") center/cover no-repeat; }
  .rd-13 { background: url("/images/rd-13.webp") center/cover no-repeat; }
  .rd-14 { background: url("/images/rd-14.webp") center/cover no-repeat; }
  .rd-15 { background: url("/images/rd-15.webp") center/cover no-repeat; }
  .rd-16 { background: url("/images/rd-16.webp") center/cover no-repeat; }
  .rd-17 { background: url("/images/rd-17.webp") center/cover no-repeat; }
  .rd-18 { background: url("/images/rd-18.webp") center/cover no-repeat; }
  .rd-19 { background: url("/images/rd-19.webp") center/cover no-repeat; }
  .rd-20 { background: url("/images/rd-20.webp") center/cover no-repeat; }
  .rd-21 { background: url("/images/rd-21.webp") center/cover no-repeat; }
  .rd-22 { background: url("/images/rd-22.webp") center/cover no-repeat; }
  .rd-23 { background: url("/images/rd-23.webp") center/cover no-repeat; }
  .rd-24 { background: url("/images/rd-24.webp") center/cover no-repeat; }
  .rd-25 { background: url("/images/rd-25.webp") center/cover no-repeat; }
  .rd-26 { background: url("/images/rd-26.webp") center/cover no-repeat; }
  .rd-27 { background: url("/images/rd-27.webp") center/cover no-repeat; }
  .rd-28 { background: url("/images/rd-28.webp") center/cover no-repeat; }
  .rd-29 { background: url("/images/rd-29.webp") center/cover no-repeat; }
  .rd-30 { background: url("/images/rd-30.webp") center/cover no-repeat; }
  .ta-1 { background: url("/images/ta-1.webp") center/cover no-repeat; }
  .ta-2 { background: url("/images/ta-2.webp") center/cover no-repeat; }
  .ta-3 { background: url("/images/ta-3.webp") center/cover no-repeat; }
  .ta-4 { background: url("/images/ta-4.webp") center/cover no-repeat; }
  .ta-5 { background: url("/images/ta-5.webp") center/cover no-repeat; }
  .ta-6 { background: url("/images/ta-6.webp") center/cover no-repeat; }
  .ta-7 { background: url("/images/ta-7.webp") center/cover no-repeat; }
  .tw-1 { background: url("/images/tw-1.webp") center/cover no-repeat; }
  .tw-2 { background: url("/images/tw-2.webp") center/cover no-repeat; }
  .tw-3 { background: url("/images/tw-3.webp") center/cover no-repeat; }
  .tw-4 { background: url("/images/tw-4.webp") center/cover no-repeat; }
  .tw-5 { background: url("/images/tw-5.webp") center/cover no-repeat; }
  .tw-6 { background: url("/images/tw-6.webp") center/cover no-repeat; }
  .tw-7 { background: url("/images/tw-7.webp") center/cover no-repeat; }
  .tw-8 { background: url("/images/tw-8.webp") center/cover no-repeat; }
  .to-1 { background: url("/images/to-1.webp") center/cover no-repeat; }
  .to-2 { background: url("/images/to-2.webp") center/cover no-repeat; }
  .to-3 { background: url("/images/to-3.webp") center/cover no-repeat; }
  .to-4 { background: url("/images/to-4.webp") center/cover no-repeat; }
  .to-5 { background: url("/images/to-5.webp") center/cover no-repeat; }
  .to-6 { background: url("/images/to-6.webp") center/cover no-repeat; }
  .to-7 { background: url("/images/to-7.webp") center/cover no-repeat; }
  .to-8 { background: url("/images/to-8.webp") center/cover no-repeat; }
  .to-9 { background: url("/images/to-9.webp") center/cover no-repeat; }
  .to-10 { background: url("/images/to-10.webp") center/cover no-repeat; }
  .to-11 { background: url("/images/to-11.webp") center/cover no-repeat; }
  .to-12 { background: url("/images/to-12.webp") center/cover no-repeat; }
  .mc-1 { background: url("/images/mc-1.webp") center/cover no-repeat; }
  .mc-2 { background: url("/images/mc-2.webp") center/cover no-repeat; }
  .mc-3 { background: url("/images/mc-3.webp") center/cover no-repeat; }
  .mc-4 { background: url("/images/mc-4.webp") center/cover no-repeat; }
  .mc-5 { background: url("/images/mc-5.webp") center/cover no-repeat; }
  .mc-6 { background: url("/images/mc-6.webp") center/cover no-repeat; }
  .er-1 { background: url("/images/er-1.webp") center/cover no-repeat; }
  .er-2 { background: url("/images/er-2.webp") center/cover no-repeat; }
  .er-3 { background: url("/images/er-3.webp") center/cover no-repeat; }
  .er-4 { background: url("/images/er-4.webp") center/cover no-repeat; }
  .er-5 { background: url("/images/er-5.webp") center/cover no-repeat; }
  .sg-1 { background: url("/images/sg-1.webp") center/cover no-repeat; }
  .sg-2 { background: url("/images/sg-2.webp") center/cover no-repeat; }
  .sg-3 { background: url("/images/sg-3.webp") center/cover no-repeat; }
  .sg-4 { background: url("/images/sg-4.webp") center/cover no-repeat; }
  .sg-5 { background: url("/images/sg-5.webp") center/cover no-repeat; }
  .sg-6 { background: url("/images/sg-6.webp") center/cover no-repeat; }
  .sg-7 { background: url("/images/sg-7.webp") center/cover no-repeat; }
  .sg-8 { background: url("/images/sg-8.webp") center/cover no-repeat; }
  .sg-9 { background: url("/images/sg-9.webp") center/cover no-repeat; }
  .sg-10 { background: url("/images/sg-10.webp") center/cover no-repeat; }
  .sg-11 { background: url("/images/sg-11.webp") center/cover no-repeat; }
  .sg-12 { background: url("/images/sg-12.webp") center/cover no-repeat; }
  .lb-1 { background: url("/images/lb-1.webp") center/cover no-repeat; }
  .lb-2 { background: url("/images/lb-2.webp") center/cover no-repeat; }
  .lb-3 { background: url("/images/lb-3.webp") center/cover no-repeat; }
  .sd-1 { background: url("/images/sd-1.webp") center/cover no-repeat; }
  .sd-2 { background: url("/images/sd-2.webp") center/cover no-repeat; }
  .sd-3 { background: url("/images/sd-3.webp") center/cover no-repeat; }
  .lo-1 { background: url("/images/lo-1.webp") center/cover no-repeat; }
  .lo-2 { background: url("/images/lo-2.webp") center/cover no-repeat; }
  .lo-3 { background: url("/images/lo-3.webp") center/cover no-repeat; }
  .lo-4 { background: url("/images/lo-4.webp") center/cover no-repeat; }
  .lo-5 { background: url("/images/lo-5.webp") center/cover no-repeat; }
  .la-1 { background: url("/images/la-1.webp") center/cover no-repeat; }
  .la-2 { background: url("/images/la-2.webp") center/cover no-repeat; }
  .la-3 { background: url("/images/la-3.webp") center/cover no-repeat; }
  .la-4 { background: url("/images/la-4.webp") center/cover no-repeat; }
  .la-5 { background: url("/images/la-5.webp") center/cover no-repeat; }
  .la-6 { background: url("/images/la-6.webp") center/cover no-repeat; }
  .la-7 { background: url("/images/la-7.webp") center/cover no-repeat; }
  .la-8 { background: url("/images/la-8.webp") center/cover no-repeat; }
  .la-9 { background: url("/images/la-9.webp") center/cover no-repeat; }
  .la-10 { background: url("/images/la-10.webp") center/cover no-repeat; }
  .la-11 { background: url("/images/la-11.webp") center/cover no-repeat; }
  .la-12 { background: url("/images/la-12.webp") center/cover no-repeat; }
  .yn-1 { background: url("/images/yn-1.webp") center/cover no-repeat; }
  .yn-2 { background: url("/images/yn-2.webp") center/cover no-repeat; }
  .yn-3 { background: url("/images/yn-3.webp") center/cover no-repeat; }
  .yn-4 { background: url("/images/yn-4.webp") center/cover no-repeat; }
  .yn-5 { background: url("/images/yn-5.webp") center/cover no-repeat; }
  .yn-6 { background: url("/images/yn-6.webp") center/cover no-repeat; }
  .yn-7 { background: url("/images/yn-7.webp") center/cover no-repeat; }
  .yn-8 { background: url("/images/yn-8.webp") center/cover no-repeat; }
  .im-1 { background: url("/images/im-1.webp") center/cover no-repeat; }
  .im-2 { background: url("/images/im-2.webp") center/cover no-repeat; }
  .im-3 { background: url("/images/im-3.webp") center/cover no-repeat; }
  .im-4 { background: url("/images/im-4.webp") center/cover no-repeat; }
  .im-5 { background: url("/images/im-5.webp") center/cover no-repeat; }
  .im-6 { background: url("/images/im-6.webp") center/cover no-repeat; }
  .im-7 { background: url("/images/im-7.webp") center/cover no-repeat; }
  .im-8 { background: url("/images/im-8.webp") center/cover no-repeat; }
  .sm-1 { background: url("/images/sm-1.webp") center/cover no-repeat; }
  .sm-2 { background: url("/images/sm-2.webp") center/cover no-repeat; }
  .sm-3 { background: url("/images/sm-3.webp") center/cover no-repeat; }
  .sm-4 { background: url("/images/sm-4.webp") center/cover no-repeat; }
  .sm-5 { background: url("/images/sm-5.webp") center/cover no-repeat; }
  .sm-6 { background: url("/images/sm-6.webp") center/cover no-repeat; }
  .sm-7 { background: url("/images/sm-7.webp") center/cover no-repeat; }
  .sm-8 { background: url("/images/sm-8.webp") center/cover no-repeat; }
  .sm-9 { background: url("/images/sm-9.webp") center/cover no-repeat; }
  .sm-10 { background: url("/images/sm-10.webp") center/cover no-repeat; }
  .wf-1 { background: url("/images/wf-1.webp") center/cover no-repeat; }
  .wf-2 { background: url("/images/wf-2.webp") center/cover no-repeat; }
  .wf-3 { background: url("/images/wf-3.webp") center/cover no-repeat; }
  .wf-4 { background: url("/images/wf-4.webp") center/cover no-repeat; }
  .wf-5 { background: url("/images/wf-5.webp") center/cover no-repeat; }
  .wf-6 { background: url("/images/wf-6.webp") center/cover no-repeat; }
  .mc-v { background: url("/images/mc-v.webp") center/cover no-repeat; }
  /* REAL PHOTOS — Denver Pavilions */
  .dp-1 { background: url("/images/dp-1.webp") center/cover no-repeat; }
  .dp-3 { background: url("/images/dp-3.webp") center/cover no-repeat; }
  .dp-2 { background: url("/images/dp-2.webp") center/cover no-repeat; }
  .dp-9 { background: url("/images/dp-9.webp") center/cover no-repeat; }
  .dp-4 { background: url("/images/dp-4.webp") center/cover no-repeat; }
  .dp-16 { background: url("/images/dp-16.webp") center/cover no-repeat; }
  .dp-12 { background: url("/images/dp-12.webp") center/cover no-repeat; }
  .dp-6 { background: url("/images/dp-6.webp") center/cover no-repeat; }
  .dp-11 { background: url("/images/dp-11.webp") center/cover no-repeat; }
  .dp-7 { background: url("/images/dp-7.webp") center/cover no-repeat; }
  .dp-13 { background: url("/images/dp-13.webp") center/cover no-repeat; }
  .dp-15 { background: url("/images/dp-15.webp") center/cover no-repeat; }
  .dp-5 { background: url("/images/dp-5.webp") center/cover no-repeat; }
  .dp-14 { background: url("/images/dp-14.webp") center/cover no-repeat; }
  /* REAL PHOTOS — C3 Presents / Live Nation (Lollapalooza 2017, Pixel Pancho) */
  .c3-3 { background: url("/images/c3-3.webp") center/cover no-repeat; }
  .c3-2 { background: url("/images/c3-2.webp") center/cover no-repeat; }
  .c3-1 { background: url("/images/c3-1.webp") center/cover no-repeat; }
  .c3-8 { background: url("/images/c3-8.webp") center/cover no-repeat; }
  .c3-7 { background: url("/images/c3-7.webp") center/cover no-repeat; }
  .c3-6 { background: url("/images/c3-6.webp") center/cover no-repeat; }
  .c3-5 { background: url("/images/c3-5.webp") center/cover no-repeat; }
  .c3-4 { background: url("/images/c3-4.webp") center/cover no-repeat; }
  .c3-12 { background: url("/images/c3-12.webp") center/cover no-repeat; }
  .c3-15 { background: url("/images/c3-15.webp") center/cover no-repeat; }
  .c3-18 { background: url("/images/c3-18.webp") center/cover no-repeat; }
  .c3-19 { background: url("/images/c3-19.webp") center/cover no-repeat; }
  .c3-21 { background: url("/images/c3-21.webp") center/cover no-repeat; }
  .c3-22 { background: url("/images/c3-22.webp") center/cover no-repeat; }
  .c3-23 { background: url("/images/c3-23.webp") center/cover no-repeat; }
  .c3-24 { background: url("/images/c3-24.webp") center/cover no-repeat; }
  .c3-25 { background: url("/images/c3-25.webp") center/cover no-repeat; }
  .c3-26 { background: url("/images/c3-26.webp") center/cover no-repeat; }
  .c3-27 { background: url("/images/c3-27.webp") center/cover no-repeat; }
  .c3-28 { background: url("/images/c3-28.webp") center/cover no-repeat; }
  .c3-29 { background: url("/images/c3-29.webp") center/cover no-repeat; }
  /* REAL PHOTOS — The Yacht Club */
  .yc-1 { background: url("/images/yc-1.webp") center/cover no-repeat; }
  .yc-6 { background: url("/images/yc-6.webp") center/cover no-repeat; }
  .yc-3 { background: url("/images/yc-3.webp") center/cover no-repeat; }
  .yc-4 { background: url("/images/yc-4.webp") center/cover no-repeat; }
  .yc-5 { background: url("/images/yc-5.webp") center/cover no-repeat; }
  .yc-2 { background: url("/images/yc-2.webp") center/cover no-repeat; }
  /* REAL PHOTOS — FERG */
  .fg-1 { background: url("/images/fg-1.webp") center/cover no-repeat; }
  .fg-2 { background: url("/images/fg-2.webp") center/cover no-repeat; }
  .fg-4 { background: url("/images/fg-4.webp") center/cover no-repeat; }
  .fg-3 { background: url("/images/fg-3.webp") center/cover no-repeat; }
  /* REAL PHOTOS — WeWork Art Program */
  .ww-27 { background: url("/images/ww-27.webp") center/cover no-repeat; }
  .ww-28 { background: url("/images/ww-28.webp") center/cover no-repeat; }
  .ww-29 { background: url("/images/ww-29.webp") center/cover no-repeat; }
  .ww-30 { background: url("/images/ww-30.webp") center/cover no-repeat; }
  .ww-31 { background: url("/images/ww-31.webp") center/cover no-repeat; }
  .ww-1 { background: url("/images/ww-1.webp") center/cover no-repeat; }
  .ww-2 { background: url("/images/ww-2.webp") center/cover no-repeat; }
  .ww-3 { background: url("/images/ww-3.webp") center/cover no-repeat; }
  .ww-14 { background: url("/images/ww-14.webp") center/cover no-repeat; }
  .ww-26 { background: url("/images/ww-26.webp") center/cover no-repeat; }
  .ww-10 { background: url("/images/ww-10.webp") center/cover no-repeat; }
  .ww-12 { background: url("/images/ww-12.webp") center/cover no-repeat; }
  .ww-13 { background: url("/images/ww-13.webp") center/cover no-repeat; }
  .ww-4 { background: url("/images/ww-4.webp") center/cover no-repeat; }
  .ww-24 { background: url("/images/ww-24.webp") center/cover no-repeat; }
  .ww-18 { background: url("/images/ww-18.webp") center/cover no-repeat; }
  .ww-15 { background: url("/images/ww-15.webp") center/cover no-repeat; }
  .ww-21 { background: url("/images/ww-21.webp") center/cover no-repeat; }
  .ww-19 { background: url("/images/ww-19.webp") center/cover no-repeat; }
  .ww-22 { background: url("/images/ww-22.webp") center/cover no-repeat; }
  /* REAL PHOTOS — El Cielo del Mar */
  .ec-1 { background: url("/images/ec-1.webp") center/cover no-repeat; }
  .ec-2 { background: url("/images/ec-2.webp") center/cover no-repeat; }
  .ec-3 { background: url("/images/ec-3.webp") center/cover no-repeat; }
  .ec-4 { background: url("/images/ec-4.webp") center/cover no-repeat; }
  .ec-5 { background: url("/images/ec-5.webp") center/cover no-repeat; }
  .ec-6 { background: url("/images/ec-6.webp") center/cover no-repeat; }
  .ec-7 { background: url("/images/ec-7.webp") center/cover no-repeat; }
  .ec-8 { background: url("/images/ec-8.webp") center/cover no-repeat; }
  .ec-9 { background: url("/images/ec-9.webp") center/cover no-repeat; }
  .ec-10 { background: url("/images/ec-10.webp") center/cover no-repeat; }
  .ec-11 { background: url("/images/ec-11.webp") center/cover no-repeat; }
  .ec-12 { background: url("/images/ec-12.webp") center/cover no-repeat; }


@media (max-width: 768px){.c3-1{background-image:url("/images/m/c3-1.webp")}.c3-12{background-image:url("/images/m/c3-12.webp")}.c3-19{background-image:url("/images/m/c3-19.webp")}.c3-2{background-image:url("/images/m/c3-2.webp")}.c3-21{background-image:url("/images/m/c3-21.webp")}.c3-23{background-image:url("/images/m/c3-23.webp")}.c3-24{background-image:url("/images/m/c3-24.webp")}.c3-25{background-image:url("/images/m/c3-25.webp")}.c3-28{background-image:url("/images/m/c3-28.webp")}.c3-29{background-image:url("/images/m/c3-29.webp")}.c3-3{background-image:url("/images/m/c3-3.webp")}.c3-4{background-image:url("/images/m/c3-4.webp")}.c3-5{background-image:url("/images/m/c3-5.webp")}.c3-6{background-image:url("/images/m/c3-6.webp")}.c3-7{background-image:url("/images/m/c3-7.webp")}.c3-8{background-image:url("/images/m/c3-8.webp")}.cm-1{background-image:url("/images/m/cm-1.webp")}.cm-10{background-image:url("/images/m/cm-10.webp")}.cm-11{background-image:url("/images/m/cm-11.webp")}.cm-12{background-image:url("/images/m/cm-12.webp")}.cm-2{background-image:url("/images/m/cm-2.webp")}.cm-3{background-image:url("/images/m/cm-3.webp")}.cm-4{background-image:url("/images/m/cm-4.webp")}.cm-5{background-image:url("/images/m/cm-5.webp")}.cm-6{background-image:url("/images/m/cm-6.webp")}.cm-7{background-image:url("/images/m/cm-7.webp")}.cm-7p{background-image:url("/images/m/cm-7p.webp")}.cm-8{background-image:url("/images/m/cm-8.webp")}.cm-9{background-image:url("/images/m/cm-9.webp")}.dp-1{background-image:url("/images/m/dp-1.webp")}.dp-11{background-image:url("/images/m/dp-11.webp")}.dp-12{background-image:url("/images/m/dp-12.webp")}.dp-13{background-image:url("/images/m/dp-13.webp")}.dp-14{background-image:url("/images/m/dp-14.webp")}.dp-15{background-image:url("/images/m/dp-15.webp")}.dp-16{background-image:url("/images/m/dp-16.webp")}.dp-2{background-image:url("/images/m/dp-2.webp")}.dp-3{background-image:url("/images/m/dp-3.webp")}.dp-4{background-image:url("/images/m/dp-4.webp")}.dp-5{background-image:url("/images/m/dp-5.webp")}.dp-6{background-image:url("/images/m/dp-6.webp")}.dp-7{background-image:url("/images/m/dp-7.webp")}.dp-9{background-image:url("/images/m/dp-9.webp")}.ec-1{background-image:url("/images/m/ec-1.webp")}.ec-10{background-image:url("/images/m/ec-10.webp")}.ec-11{background-image:url("/images/m/ec-11.webp")}.ec-12{background-image:url("/images/m/ec-12.webp")}.ec-2{background-image:url("/images/m/ec-2.webp")}.ec-3{background-image:url("/images/m/ec-3.webp")}.ec-4{background-image:url("/images/m/ec-4.webp")}.ec-5{background-image:url("/images/m/ec-5.webp")}.ec-6{background-image:url("/images/m/ec-6.webp")}.ec-7{background-image:url("/images/m/ec-7.webp")}.ec-8{background-image:url("/images/m/ec-8.webp")}.ec-9{background-image:url("/images/m/ec-9.webp")}.er-1{background-image:url("/images/m/er-1.webp")}.er-2{background-image:url("/images/m/er-2.webp")}.er-3{background-image:url("/images/m/er-3.webp")}.er-4{background-image:url("/images/m/er-4.webp")}.er-5{background-image:url("/images/m/er-5.webp")}.fd-1{background-image:url("/images/m/fd-1.webp")}.fd-10{background-image:url("/images/m/fd-10.webp")}.fd-11{background-image:url("/images/m/fd-11.webp")}.fd-12{background-image:url("/images/m/fd-12.webp")}.fd-13{background-image:url("/images/m/fd-13.webp")}.fd-14{background-image:url("/images/m/fd-14.webp")}.fd-15{background-image:url("/images/m/fd-15.webp")}.fd-16{background-image:url("/images/m/fd-16.webp")}.fd-17{background-image:url("/images/m/fd-17.webp")}.fd-18{background-image:url("/images/m/fd-18.webp")}.fd-2{background-image:url("/images/m/fd-2.webp")}.fd-3{background-image:url("/images/m/fd-3.webp")}.fd-4{background-image:url("/images/m/fd-4.webp")}.fd-5{background-image:url("/images/m/fd-5.webp")}.fd-6{background-image:url("/images/m/fd-6.webp")}.fd-7{background-image:url("/images/m/fd-7.webp")}.fd-8{background-image:url("/images/m/fd-8.webp")}.fd-9{background-image:url("/images/m/fd-9.webp")}.fg-1{background-image:url("/images/m/fg-1.webp")}.fg-2{background-image:url("/images/m/fg-2.webp")}.fg-3{background-image:url("/images/m/fg-3.webp")}.fg-4{background-image:url("/images/m/fg-4.webp")}.gb-1{background-image:url("/images/m/gb-1.webp")}.gb-10{background-image:url("/images/m/gb-10.webp")}.gb-11{background-image:url("/images/m/gb-11.webp")}.gb-12{background-image:url("/images/m/gb-12.webp")}.gb-2{background-image:url("/images/m/gb-2.webp")}.gb-6{background-image:url("/images/m/gb-6.webp")}.gb-7{background-image:url("/images/m/gb-7.webp")}.gb-8{background-image:url("/images/m/gb-8.webp")}.gb-9{background-image:url("/images/m/gb-9.webp")}.hd-1{background-image:url("/images/m/hd-1.webp")}.hd-2{background-image:url("/images/m/hd-2.webp")}.hd-3{background-image:url("/images/m/hd-3.webp")}.hd-4{background-image:url("/images/m/hd-4.webp")}.hd-5{background-image:url("/images/m/hd-5.webp")}.hd-6{background-image:url("/images/m/hd-6.webp")}.hd-7{background-image:url("/images/m/hd-7.webp")}.hd-8{background-image:url("/images/m/hd-8.webp")}.hd-9{background-image:url("/images/m/hd-9.webp")}.ib-1{background-image:url("/images/m/ib-1.webp")}.ib-10{background-image:url("/images/m/ib-10.webp")}.ib-1p{background-image:url("/images/m/ib-1p.webp")}.ib-2{background-image:url("/images/m/ib-2.webp")}.ib-3{background-image:url("/images/m/ib-3.webp")}.ib-4{background-image:url("/images/m/ib-4.webp")}.ib-5{background-image:url("/images/m/ib-5.webp")}.ib-6{background-image:url("/images/m/ib-6.webp")}.ib-7{background-image:url("/images/m/ib-7.webp")}.ib-8{background-image:url("/images/m/ib-8.webp")}.ib-9{background-image:url("/images/m/ib-9.webp")}.im-1{background-image:url("/images/m/im-1.webp")}.im-2{background-image:url("/images/m/im-2.webp")}.im-3{background-image:url("/images/m/im-3.webp")}.im-4{background-image:url("/images/m/im-4.webp")}.im-5{background-image:url("/images/m/im-5.webp")}.im-6{background-image:url("/images/m/im-6.webp")}.im-7{background-image:url("/images/m/im-7.webp")}.im-8{background-image:url("/images/m/im-8.webp")}.img-1{background-image:url("/images/m/img-1.webp")}.img-20{background-image:url("/images/m/img-20.webp")}.img-21{background-image:url("/images/m/img-21.webp")}.img-22{background-image:url("/images/m/img-22.webp")}.img-23{background-image:url("/images/m/img-23.webp")}.img-24{background-image:url("/images/m/img-24.webp")}.img-25{background-image:url("/images/m/img-25.webp")}.img-5{background-image:url("/images/m/img-5.webp")}.img-6{background-image:url("/images/m/img-6.webp")}.ip-1{background-image:url("/images/m/ip-1.webp")}.ip-10{background-image:url("/images/m/ip-10.webp")}.ip-15{background-image:url("/images/m/ip-15.webp")}.ip-16{background-image:url("/images/m/ip-16.webp")}.ip-17{background-image:url("/images/m/ip-17.webp")}.ip-18{background-image:url("/images/m/ip-18.webp")}.ip-19{background-image:url("/images/m/ip-19.webp")}.ip-2{background-image:url("/images/m/ip-2.webp")}.ip-20{background-image:url("/images/m/ip-20.webp")}.ip-21{background-image:url("/images/m/ip-21.webp")}.ip-22{background-image:url("/images/m/ip-22.webp")}.ip-23{background-image:url("/images/m/ip-23.webp")}.ip-24{background-image:url("/images/m/ip-24.webp")}.ip-25{background-image:url("/images/m/ip-25.webp")}.ip-26{background-image:url("/images/m/ip-26.webp")}.ip-3{background-image:url("/images/m/ip-3.webp")}.ip-32{background-image:url("/images/m/ip-32.webp")}.ip-33{background-image:url("/images/m/ip-33.webp")}.ip-34{background-image:url("/images/m/ip-34.webp")}.ip-35{background-image:url("/images/m/ip-35.webp")}.ip-37{background-image:url("/images/m/ip-37.webp")}.ip-38{background-image:url("/images/m/ip-38.webp")}.ip-4{background-image:url("/images/m/ip-4.webp")}.ip-5{background-image:url("/images/m/ip-5.webp")}.ip-6{background-image:url("/images/m/ip-6.webp")}.ip-7{background-image:url("/images/m/ip-7.webp")}.ip-8{background-image:url("/images/m/ip-8.webp")}.la-1{background-image:url("/images/m/la-1.webp")}.la-10{background-image:url("/images/m/la-10.webp")}.la-11{background-image:url("/images/m/la-11.webp")}.la-12{background-image:url("/images/m/la-12.webp")}.la-2{background-image:url("/images/m/la-2.webp")}.la-3{background-image:url("/images/m/la-3.webp")}.la-4{background-image:url("/images/m/la-4.webp")}.la-5{background-image:url("/images/m/la-5.webp")}.la-6{background-image:url("/images/m/la-6.webp")}.la-7{background-image:url("/images/m/la-7.webp")}.la-8{background-image:url("/images/m/la-8.webp")}.la-9{background-image:url("/images/m/la-9.webp")}.lb-1{background-image:url("/images/m/lb-1.webp")}.lb-2{background-image:url("/images/m/lb-2.webp")}.lb-3{background-image:url("/images/m/lb-3.webp")}.lh-1{background-image:url("/images/m/lh-1.webp")}.lh-10{background-image:url("/images/m/lh-10.webp")}.lh-11{background-image:url("/images/m/lh-11.webp")}.lh-12{background-image:url("/images/m/lh-12.webp")}.lh-13{background-image:url("/images/m/lh-13.webp")}.lh-14{background-image:url("/images/m/lh-14.webp")}.lh-15{background-image:url("/images/m/lh-15.webp")}.lh-16{background-image:url("/images/m/lh-16.webp")}.lh-17{background-image:url("/images/m/lh-17.webp")}.lh-18{background-image:url("/images/m/lh-18.webp")}.lh-2{background-image:url("/images/m/lh-2.webp")}.lh-3{background-image:url("/images/m/lh-3.webp")}.lh-4{background-image:url("/images/m/lh-4.webp")}.lh-5{background-image:url("/images/m/lh-5.webp")}.lh-6{background-image:url("/images/m/lh-6.webp")}.lh-7{background-image:url("/images/m/lh-7.webp")}.lh-8{background-image:url("/images/m/lh-8.webp")}.lh-9{background-image:url("/images/m/lh-9.webp")}.lo-1{background-image:url("/images/m/lo-1.webp")}.lo-2{background-image:url("/images/m/lo-2.webp")}.lo-3{background-image:url("/images/m/lo-3.webp")}.lo-4{background-image:url("/images/m/lo-4.webp")}.lo-5{background-image:url("/images/m/lo-5.webp")}.mc-1{background-image:url("/images/m/mc-1.webp")}.mc-2{background-image:url("/images/m/mc-2.webp")}.mc-3{background-image:url("/images/m/mc-3.webp")}.mc-4{background-image:url("/images/m/mc-4.webp")}.mc-5{background-image:url("/images/m/mc-5.webp")}.mc-6{background-image:url("/images/m/mc-6.webp")}.mc-film{background-image:url("/images/m/mc-film.webp")}.mc-v{background-image:url("/images/m/mc-v.webp")}.portrait{background-image:url("/images/m/portrait.webp")}.rp-1{background-image:url("/images/m/rp-1.webp")}.rp-10{background-image:url("/images/m/rp-10.webp")}.rp-11{background-image:url("/images/m/rp-11.webp")}.rp-12{background-image:url("/images/m/rp-12.webp")}.rp-13{background-image:url("/images/m/rp-13.webp")}.rp-14{background-image:url("/images/m/rp-14.webp")}.rp-15{background-image:url("/images/m/rp-15.webp")}.rp-16{background-image:url("/images/m/rp-16.webp")}.rp-17{background-image:url("/images/m/rp-17.webp")}.rp-18{background-image:url("/images/m/rp-18.webp")}.rp-19{background-image:url("/images/m/rp-19.webp")}.rp-2{background-image:url("/images/m/rp-2.webp")}.rp-20{background-image:url("/images/m/rp-20.webp")}.rp-21{background-image:url("/images/m/rp-21.webp")}.rp-22{background-image:url("/images/m/rp-22.webp")}.rp-23{background-image:url("/images/m/rp-23.webp")}.rp-24{background-image:url("/images/m/rp-24.webp")}.rp-25{background-image:url("/images/m/rp-25.webp")}.rp-26{background-image:url("/images/m/rp-26.webp")}.rp-27{background-image:url("/images/m/rp-27.webp")}.rp-28{background-image:url("/images/m/rp-28.webp")}.rp-3{background-image:url("/images/m/rp-3.webp")}.rp-30{background-image:url("/images/m/rp-30.webp")}.rp-33{background-image:url("/images/m/rp-33.webp")}.rp-34{background-image:url("/images/m/rp-34.webp")}.rp-4{background-image:url("/images/m/rp-4.webp")}.rp-5{background-image:url("/images/m/rp-5.webp")}.rp-6{background-image:url("/images/m/rp-6.webp")}.rp-7{background-image:url("/images/m/rp-7.webp")}.rp-8{background-image:url("/images/m/rp-8.webp")}.rp-9{background-image:url("/images/m/rp-9.webp")}.rx-1{background-image:url("/images/m/rx-1.webp")}.rx-2{background-image:url("/images/m/rx-2.webp")}.rx-3{background-image:url("/images/m/rx-3.webp")}.rx-4{background-image:url("/images/m/rx-4.webp")}.rx-5{background-image:url("/images/m/rx-5.webp")}.rx-6{background-image:url("/images/m/rx-6.webp")}.rx-7{background-image:url("/images/m/rx-7.webp")}.rx-v{background-image:url("/images/m/rx-v.webp")}.sd-1{background-image:url("/images/m/sd-1.webp")}.sd-2{background-image:url("/images/m/sd-2.webp")}.sd-3{background-image:url("/images/m/sd-3.webp")}.sg-1{background-image:url("/images/m/sg-1.webp")}.sg-10{background-image:url("/images/m/sg-10.webp")}.sg-11{background-image:url("/images/m/sg-11.webp")}.sg-12{background-image:url("/images/m/sg-12.webp")}.sg-2{background-image:url("/images/m/sg-2.webp")}.sg-3{background-image:url("/images/m/sg-3.webp")}.sg-4{background-image:url("/images/m/sg-4.webp")}.sg-5{background-image:url("/images/m/sg-5.webp")}.sg-6{background-image:url("/images/m/sg-6.webp")}.sg-7{background-image:url("/images/m/sg-7.webp")}.sg-8{background-image:url("/images/m/sg-8.webp")}.sg-9{background-image:url("/images/m/sg-9.webp")}.si-1{background-image:url("/images/m/si-1.webp")}.si-10{background-image:url("/images/m/si-10.webp")}.si-11{background-image:url("/images/m/si-11.webp")}.si-12{background-image:url("/images/m/si-12.webp")}.si-13{background-image:url("/images/m/si-13.webp")}.si-15{background-image:url("/images/m/si-15.webp")}.si-16{background-image:url("/images/m/si-16.webp")}.si-2{background-image:url("/images/m/si-2.webp")}.si-3{background-image:url("/images/m/si-3.webp")}.si-4{background-image:url("/images/m/si-4.webp")}.si-5{background-image:url("/images/m/si-5.webp")}.si-6{background-image:url("/images/m/si-6.webp")}.si-7{background-image:url("/images/m/si-7.webp")}.si-8{background-image:url("/images/m/si-8.webp")}.si-9{background-image:url("/images/m/si-9.webp")}.sr-1{background-image:url("/images/m/sr-1.webp")}.sr-2{background-image:url("/images/m/sr-2.webp")}.sr-3{background-image:url("/images/m/sr-3.webp")}.sr-4{background-image:url("/images/m/sr-4.webp")}.sr-5{background-image:url("/images/m/sr-5.webp")}.sr-6{background-image:url("/images/m/sr-6.webp")}.sr-7{background-image:url("/images/m/sr-7.webp")}.sr-8{background-image:url("/images/m/sr-8.webp")}.sr-9{background-image:url("/images/m/sr-9.webp")}.ta-1{background-image:url("/images/m/ta-1.webp")}.ta-2{background-image:url("/images/m/ta-2.webp")}.ta-4{background-image:url("/images/m/ta-4.webp")}.ta-6{background-image:url("/images/m/ta-6.webp")}.ta-7{background-image:url("/images/m/ta-7.webp")}.to-2{background-image:url("/images/m/to-2.webp")}.to-3{background-image:url("/images/m/to-3.webp")}.to-5{background-image:url("/images/m/to-5.webp")}.to-6{background-image:url("/images/m/to-6.webp")}.to-7{background-image:url("/images/m/to-7.webp")}.to-8{background-image:url("/images/m/to-8.webp")}.to-9{background-image:url("/images/m/to-9.webp")}.tw-1{background-image:url("/images/m/tw-1.webp")}.tw-1p{background-image:url("/images/m/tw-1p.webp")}.tw-2{background-image:url("/images/m/tw-2.webp")}.tw-3{background-image:url("/images/m/tw-3.webp")}.tw-4{background-image:url("/images/m/tw-4.webp")}.tw-5{background-image:url("/images/m/tw-5.webp")}.tw-6{background-image:url("/images/m/tw-6.webp")}.tw-7{background-image:url("/images/m/tw-7.webp")}.tw-8{background-image:url("/images/m/tw-8.webp")}.wf-1{background-image:url("/images/m/wf-1.webp")}.wf-2{background-image:url("/images/m/wf-2.webp")}.wf-3{background-image:url("/images/m/wf-3.webp")}.wf-4{background-image:url("/images/m/wf-4.webp")}.wf-5{background-image:url("/images/m/wf-5.webp")}.wf-6{background-image:url("/images/m/wf-6.webp")}.ww-1{background-image:url("/images/m/ww-1.webp")}.ww-10{background-image:url("/images/m/ww-10.webp")}.ww-12{background-image:url("/images/m/ww-12.webp")}.ww-13{background-image:url("/images/m/ww-13.webp")}.ww-14{background-image:url("/images/m/ww-14.webp")}.ww-15{background-image:url("/images/m/ww-15.webp")}.ww-18{background-image:url("/images/m/ww-18.webp")}.ww-19{background-image:url("/images/m/ww-19.webp")}.ww-21{background-image:url("/images/m/ww-21.webp")}.ww-22{background-image:url("/images/m/ww-22.webp")}.ww-24{background-image:url("/images/m/ww-24.webp")}.ww-26{background-image:url("/images/m/ww-26.webp")}.ww-27{background-image:url("/images/m/ww-27.webp")}.ww-28{background-image:url("/images/m/ww-28.webp")}.ww-29{background-image:url("/images/m/ww-29.webp")}.ww-3{background-image:url("/images/m/ww-3.webp")}.ww-30{background-image:url("/images/m/ww-30.webp")}.ww-31{background-image:url("/images/m/ww-31.webp")}.ww-4{background-image:url("/images/m/ww-4.webp")}.yc-1{background-image:url("/images/m/yc-1.webp")}.yc-2{background-image:url("/images/m/yc-2.webp")}.yc-3{background-image:url("/images/m/yc-3.webp")}.yc-4{background-image:url("/images/m/yc-4.webp")}.yc-5{background-image:url("/images/m/yc-5.webp")}.yn-1{background-image:url("/images/m/yn-1.webp")}.yn-2{background-image:url("/images/m/yn-2.webp")}.yn-3{background-image:url("/images/m/yn-3.webp")}.yn-4{background-image:url("/images/m/yn-4.webp")}.yn-5{background-image:url("/images/m/yn-5.webp")}.yn-6{background-image:url("/images/m/yn-6.webp")}.yn-7{background-image:url("/images/m/yn-7.webp")}.yn-8{background-image:url("/images/m/yn-8.webp")}}