/* keithvdw.com — layout reproduced from the Wix site (980px content column, full-bleed image strips) */
:root {
  --col: 980px;
  --c-logo: #292929;
  --c-nav: #9e9e9e;
  --c-head: #999999;
  --c-sub: #999997;
  --c-foot: #c7c7c7;
  --c-rule: #999997;
  --c-band: #fafafa;
  --header-h: 97px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: var(--c-head); font-family: var(--font-body); font-size: 15px; line-height: 1.4; }
a { color: inherit; text-decoration: none; }
img, picture { display: block; }
picture img { width: 100%; height: auto; }
.wrap { width: var(--col); margin: 0 auto; position: relative; }

/* Wix keeps the fixed 980px layout and scrolls horizontally below ~1006px; do the same on desktop */
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 0 0 auto; } /* short pages: Wix puts the footer straight under the content, not at the bottom of the window */
.site-header, .site-footer { flex: none; }
@media (min-width: 751px) { body { min-width: 1006px; } }

/* ---------- header ---------- */
.strip.geo { position: absolute; left: 0; top: 0; width: 100%; height: 97px; pointer-events: none; }
.strip.geo a, .strip.geo span { position: absolute; display: block; pointer-events: auto; font-size: 15px; text-align: center; color: var(--c, #999997); white-space: nowrap; cursor: pointer; }
.strip.geo a.grp, .strip.geo span.grp { color: var(--c, #9e9e9e); }
.strip.geo a, .strip.geo span { transition: color .4s; }
.strip.geo a.current, .strip.geo span.current, .strip.geo a.cur-scroll, .strip.geo a.grp.current, .strip.geo span.grp.current, .strip.geo a:hover, .strip.geo a:focus-visible { color: #000; }
.site-header { position: sticky; top: 0; z-index: 20; height: var(--header-h); background: #fff; }
.site-header::before, .site-header::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background: var(--c-rule); }
.site-header::before { top: 11px; }
.site-header::after { top: 70px; }
.site-header .wrap { height: 100%; }
/* League Gothic runs ~12% wider than Helvetica Ultra Compressed; scaleX keeps the cap height while matching the set width */
.display { font-family: var(--font-display); font-weight: 400; letter-spacing: 0.01em; display: inline-block; transform: scaleX(.89); transform-origin: left; }
.logo { position: absolute; left: -3px; top: 12px; font-size: 56px; line-height: 66px; color: var(--c-logo); white-space: nowrap; z-index: 1; }
.nav-toggle, .nav-close, .nav-overlay, .m-only { display: none; }
/* Wix nav labels: fixed boxes at 461/551/623/699/769 px in the 1920 layout (column starts at 470) */
.site-nav { position: absolute; left: 0; top: 72px; width: 100%; height: 23px; }
.site-nav ul { list-style: none; margin: 0; padding: 0; }
.site-nav > ul > li { position: absolute; top: 0; height: 23px; text-align: center; }
/* Wix's nav items are 10px wider than their labels; the centres are the same, so the hover/click target matches */
.site-nav > ul > li:nth-child(2) { left: -14px; width: 90px; }
.site-nav > ul > li:nth-child(3) { left: 76px; width: 72px; }
.site-nav > ul > li:nth-child(4) { left: 148px; width: 76px; }
.site-nav > ul > li:nth-child(5) { left: 224px; width: 70px; }
.site-nav > ul > li:nth-child(6) { left: 294px; width: 81px; }
.site-nav > ul > li > a { display: block; font-size: 15px; line-height: 23px; color: var(--c-nav); }
.site-nav a { transition: color .4s; }
.site-nav a:hover, .site-nav a:focus-visible { color: #000; }
.site-nav li.current > a { color: #000; }
.sub-toggle { display: none; }
/* The menu closes as soon as the pointer leaves the item and its menu (the 6px top padding bridges the gap to the
   nav row). Wix lingers ~1s after the pointer leaves; Keith prefers the menu to follow the pointer (2026-09-12). */
.site-nav .sub { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); z-index: 50; width: max-content; min-width: 100%; flex-direction: column; gap: 0; padding: 6px 0 0; visibility: hidden; opacity: 0; transition: opacity .15s, visibility 0s .15s; background: linear-gradient(#fff, #fff) 0 6px / 100% calc(100% - 6px) no-repeat; }
.site-nav li:hover > .sub, .site-nav li:focus-within > .sub, .site-nav li.sub-open > .sub { visibility: visible; opacity: 1; transition: opacity .15s, visibility 0s; }
.site-nav .sub a { display: block; padding: 0 10px; font-size: 15px; line-height: 30px; text-align: center; color: var(--c-nav); white-space: nowrap; }
.site-nav .sub a:hover, .site-nav .sub a:focus-visible { color: #000; }

/* ---------- home strips ---------- */
main { display: block; }
.home main { padding-top: 30px; }
.strips { display: flex; flex-direction: column; gap: 20px; }
.strips picture { width: 100%; }
.strips.mobile { display: none; }
.home-section + .home-section { margin-top: 0; }
/* section headings sit in the exact Wix gaps between strip groups: 153px (Concepts) and 143px (Paintings) on desktop */
.section-head { position: relative; width: var(--col); margin: 0 auto; padding: 0; }
#concepts .section-head { height: 153px; }
#paintings .section-head { height: 143px; }
.home-section { container-type: inline-size; }
.section-head::before { content: ""; position: absolute; left: calc(490px - 50vw); width: 100vw; background: #f8f8f8; }
.section-head::before { left: calc(490px - 50cqw); width: 100cqw; } /* 100vw counts the scrollbar and would scroll the page sideways */
#concepts .section-head::before { top: 74px; height: 59px; }
#paintings .section-head::before { top: 61px; height: 60px; }
.section-head h2 { position: absolute; left: 11px; margin: 0; color: #999999; }
#concepts .section-head h2 { top: 82px; font-size: 40px; line-height: 47px; }
#paintings .section-head h2 { top: 67px; font-size: 40px; line-height: 47px; }
.section-head p { position: absolute; left: 124px; top: 104px; margin: 0; font-size: 14px; line-height: 19.6px; color: var(--c-sub); white-space: nowrap; }
.hero { margin-bottom: 20px; }

/* ---------- bottom block ---------- */
.home-tail { margin-top: 35px; padding: 3px 0 13px; font-size: 16px; line-height: 19.2px; color: var(--c-head); }
.home-tail .band { background: var(--c-band); height: 148px; padding: 18px 0 0 max(20px, calc((100% - var(--col)) / 2)); }
.home-tail .cats { width: min(var(--col), 100% - 40px); margin: 0 auto; padding-left: 4px; }
.home-tail .band p { max-width: 374px; margin: 0 0 0 4px; text-align: justify; color: var(--c-head); }
.home-tail .band a, .home-tail .cats a { text-decoration: underline; color: inherit; }
.home-tail .cats { height: 147px; padding-top: 9px; color: var(--c-sub); }
.home-tail .cats p { margin: 0; line-height: 14.4px; }
.home-tail .cats p + p { margin-top: 14.4px; }
.home-tail .cat-row { display: flex; gap: 6px; margin-top: 10px; margin-left: -2px; }
.home-tail .cat { width: 75px; height: 75px; flex: none; }
.home-tail .cat img { width: 75px; height: 75px; }

/* ---------- footer ---------- */
.site-footer { position: relative; height: 77px; padding-top: 27px; text-align: center; font-size: 12px; line-height: 13.2px; letter-spacing: -0.6px; color: var(--c-foot); }
.site-footer::before { content: ""; position: absolute; left: 0; right: 0; top: 9px; height: 1px; background: var(--c-rule); }
/* Wix centres the footer text in a 938px box starting at the column's left edge (centre x = 939 at 1920) */
.site-footer p { width: 938px; margin: 0 0 0 calc(50% - 490px); }
.site-footer a { color: inherit; }

/* ---------- mobile: Wix's phone view is a 320px canvas (its viewport meta is width=320) that phones scale to the screen.
   base.njk gives phones the same meta, so every value below is a canvas px; if the layout viewport is wider anyway,
   --ms (nav.js) zooms the whole page to the same effect. ---------- */
@media (max-width: 750px) {
  :root { --header-h: 72px; }
  html { overflow-x: hidden; } /* nothing may widen the 320px canvas (slider arrows' touch targets reach past it) */
  body { zoom: var(--ms, 1); }
  .wrap { width: 100%; }
  .site-header { position: relative; height: 72px; box-shadow: none; }
  .site-header::before, .site-header::after { left: 10px; right: 10px; }
  .site-header::before { top: 10px; }
  .site-header::after { top: 64px; }
  .logo { left: 10px; top: 18px; font-size: 35px; line-height: 41px; }
  .nav-toggle { display: block; position: absolute; left: 260px; top: 13px; width: 48px; height: 48px; padding: 14px 13px; border: 0; background: none; cursor: pointer; }
  .nav-toggle span { display: block; height: 2px; margin: 0 0 7px; background: #000; }
  .nav-toggle span:last-child { margin-bottom: 0; }
  /* Wix mobile menu: 123px white drawer from the right over a dimmed page, X to close, right-aligned items, no sub-menus */
  .site-nav { position: fixed; top: 0; right: 0; bottom: 0; left: auto; width: 123px; background: #fff; display: block; padding: 63px 0 0; box-shadow: none; z-index: 60; transform: translateX(100%); transition: transform .25s ease; overflow-y: auto; visibility: hidden; }
  .nav-open .site-nav { transform: none; visibility: visible; }
  .nav-overlay { display: block; position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 55; }
  .nav-overlay[hidden] { display: none; }
  .nav-close { display: block; position: absolute; left: 63px; top: 13px; width: 48px; height: 48px; padding: 0; border: 0; background: none; cursor: pointer; }
  .nav-close span { position: absolute; left: 13px; top: 23px; width: 22px; height: 2px; background: #000; transform: rotate(45deg); }
  .nav-close span:last-child { transform: rotate(-45deg); }
  /* the desktop nav positions each <li> absolutely in the header row; the drawer stacks them instead
     (:nth-child(n) matches the specificity of the desktop nth-child rules so left/width are really reset) */
  .site-nav { height: auto; }
  .site-nav ul { flex-direction: column; gap: 0; }
  .site-nav > ul > li:nth-child(n) { position: static; left: auto; width: auto; height: auto; text-align: right; }
  .site-nav > ul > li > a { display: block; width: 100px; margin-left: 19px; font-size: 17px; line-height: 56px; height: 56px; text-align: right; padding: 0; color: #000; }
  /* Wix's drawer marks only the page you are on, never its parent section */
  .site-nav li.current > a { color: #000; }
  .site-nav li.exact > a { color: rgb(56, 74, 211); }
  .site-nav .sub, .site-nav .sub-toggle { display: none !important; }
  .m-only { display: list-item; }
  .home main { padding-top: 6px; }
  .strips { gap: 7px; width: 100%; margin: 0 auto; }
  .strips.desktop { display: none; }
  .strips.mobile { display: flex; }
  .hero { width: 100%; margin: 0 auto 6px; }
  .home-section + .home-section { margin-top: 0; }
  .section-head { width: 100%; }
  #concepts .section-head { height: 110px; }
  #paintings .section-head { height: 97px; }
  .section-head::before { left: 0; width: 100%; }
  #concepts .section-head::before { top: 35px; height: 50px; }
  #paintings .section-head::before { top: 20px; height: 57px; }
  .section-head h2 { left: 12px; }
  #concepts .section-head h2 { top: 47px; font-size: 30px; line-height: 36px; }
  #paintings .section-head h2 { top: 33px; font-size: 30px; line-height: 30px; }
  .section-head p { display: none; }
  .home-tail { margin-top: 0; }
  .site-footer { height: 114px; padding-top: 38px; font-size: 11px; line-height: 12.1px; letter-spacing: -0.55px; }
  .site-footer p { width: 100%; margin: 0; }
  .site-footer::before { left: 0; right: 0; top: 20px; }
}

/* ---------- header context strip (series index / studio sub-nav), right side of the nav row ---------- */
.strip { position: absolute; right: -22px; top: 71px; display: flex; gap: 22px; font-size: 15px; line-height: 23px; }
.strip ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 0; }
.strip li a { display: block; padding: 0 6px; color: var(--c-sub); white-space: nowrap; }
.strip li a { transition: color .4s; }
.strip li a:hover { color: #000; }
.strip .strip-series li a { color: var(--c-nav); padding: 0 7px; }
.strip li.current a { color: #333; font-weight: 600; }
.strip .strip-index li a { padding: 0 6px; }

/* ---------- painting series pages (lt-1 … ep-3) ---------- */
.mobile-hint { display: none; }
.series main { padding-top: 0; }
.painting { padding-top: var(--pad-d, 186px); }
.slides-wrap { position: relative; width: 870px; max-width: 100%; margin: 0 auto; }
.slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; height: var(--stage-d, 640px); align-items: center; }
.slides::-webkit-scrollbar { display: none; }
.slide { flex: none; width: 100%; height: 100%; margin: 0; scroll-snap-align: start; display: flex; align-items: center; justify-content: center; }
.slide a { display: block; width: 100%; height: 100%; }
.slide picture { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.slide img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; margin: 0; }
/* slider arrows: the same 15x25 box Wix uses, 20px outside the stage, vertically centred */
.slide-prev, .slide-next { position: absolute; top: 50%; width: 15px; height: 25px; margin-top: -12.5px; padding: 0; border: 0; background: none; cursor: pointer; opacity: .9; overflow: visible; }
.slide-prev:hover, .slide-next:hover { opacity: 1; }
.slide-next { right: -35px; }
.slide-prev { left: -35px; }
.slide-prev::before, .slide-next::before { content: ""; position: absolute; top: 4px; width: 16px; height: 16px; border: solid #333; border-width: 1px 1px 0 0; }
.slide-next::before { left: -6px; transform: rotate(45deg); }
.slide-prev::before { left: 5px; transform: rotate(-135deg); }
.slide-prev::after, .slide-next::after { content: ""; position: absolute; inset: -12px -14px; } /* larger touch target */
/* caption band: label, text block and buttons sit exactly where Wix has them (per-item CSS variables from caption-vars.njk) */
.caption { position: relative; margin-top: var(--gap-d, 19px); background: #fafafa; height: var(--cap-d, 88px); }
.caption .wrap { position: relative; height: 100%; }
.caption h3 { position: absolute; left: var(--lab-x-d, 23px); top: var(--lab-y-d, 18px); margin: 0; font-size: var(--lab-s-d, 44px); line-height: 1.18; color: var(--lab-c-d, var(--c-sub)); white-space: nowrap; }
.caption .meta { position: absolute; left: var(--meta-x-d, 657px); top: var(--meta-y-d, 14px); width: var(--meta-w-d, 300px); text-align: right; }
.caption .meta p { margin: 0; font-size: var(--meta-s-d, 14px); line-height: calc(var(--meta-s-d, 14px) * 1.4); letter-spacing: -0.01em; color: var(--meta-c-d, var(--c-sub)); } /* Figtree runs ~2% wider than Proxima Nova */
.caption .meta p.nw-d { white-space: nowrap; } /* a single line on Wix stays a single line (the fallback font runs a little wider) */
.caption .btn { position: absolute; margin: 0; padding: 0; box-sizing: border-box; text-align: center; font: 12px/1 Arial, Helvetica, sans-serif; letter-spacing: 0; }
.caption .btn.shop-all { left: var(--shop-x-d); top: var(--shop-y-d); width: var(--shop-w-d); height: var(--shop-h-d); line-height: var(--shop-h-d); }
.caption .btn.info { left: var(--info-x-d); top: var(--info-y-d); width: var(--info-w-d); height: var(--info-h-d); line-height: var(--info-h-d); }
.series-foot { position: relative; width: 980px; margin: 0 auto; font-size: 16px; color: #000; }
.series-foot.m { display: none; }
/* Wix positions the label text at the button box; the prev/next chevrons sit just outside the box, the "top" chevron inside it */
.series-foot a { position: absolute; display: block; text-align: center; white-space: nowrap; color: #000; text-decoration: none; }
.series-foot a::before, .series-foot a::after { position: absolute; top: 50%; width: 9px; height: 9px; margin-top: -6px; border: solid currentColor; border-width: 1px 1px 0 0; }
.series-foot a.next:not([style*='background'])::after { content: ""; right: -16px; transform: rotate(45deg); }
.series-foot a.prev::before { content: ""; left: -16px; transform: rotate(-135deg); }
.series-foot a.top::before { content: ""; left: 4px; margin-top: -3px; transform: rotate(-45deg); }
/* lightbox */
.lightbox { position: fixed; inset: 0; z-index: 100; background: rgba(255,255,255,.96); display: flex; align-items: center; justify-content: center; cursor: zoom-out; }
.lightbox img { max-width: 96vw; max-height: 94vh; width: auto; height: auto; box-shadow: 0 10px 40px rgba(0,0,0,.15); }
.lightbox[hidden] { display: none; }
@media (max-width: 750px) {
  .strip { display: none; }
  .mobile-hint { display: flow-root; height: 50px; margin: 0; padding: 0; box-sizing: border-box; text-align: center; white-space: nowrap; } /* flow-root: the paragraph's top margin must not collapse through */
  .mobile-hint p { margin: 22px 0 0; font-size: 13px; line-height: 21px; height: 21px; color: #999997; }
  .painting { padding-top: var(--pad-m, 51px); }
  .mobile-hint + .paintings-list .painting:first-child { padding-top: 0; }
  .slides-wrap { width: var(--stage-w-m, 240px); max-width: none; }
  .slides { height: var(--stage-m, 240px); }
  .paintings-list { overflow-x: clip; } /* the arrows and their touch targets must not widen the 320px canvas */
  .slide-next { right: -35px; } /* Wix mobile arrows sit 20px outside the stage as well */
  .slide-prev { left: -35px; }
  .caption { margin-top: var(--gap-m, 22px); height: var(--cap-m, 73px); width: 100%; margin-left: 0; }
  .caption h3 { left: var(--lab-x-m, 3.75%); top: var(--lab-y-m, 23px); font-size: var(--lab-s-m, 35px); color: var(--lab-c-m, var(--c-sub)); }
  .caption .meta { left: var(--meta-x-m, 30%); top: var(--meta-y-m, 7px); width: var(--meta-w-m, 66%); letter-spacing: -0.02em; }
  .caption .meta p, .caption .meta p.nw-d { font-size: var(--meta-s-m, 13px); line-height: calc(var(--meta-s-m, 13px) * 1.4); white-space: normal; color: var(--meta-c-m, var(--meta-c-d, var(--c-sub))); }
  .caption .meta p.nw-m { white-space: nowrap; }
  .caption .btn.shop-all { left: var(--shop-x-m); top: var(--shop-y-m); width: var(--shop-w-m); height: var(--shop-h-m); line-height: var(--shop-h-m); }
  .caption .btn.info { left: var(--info-x-m); top: var(--info-y-m); width: var(--info-w-m); height: var(--info-h-m); line-height: var(--info-h-m); }
  .caption:not(.has-btn-m) .btn { display: none; }
  .series-foot.d { display: none; }
  .series-foot.m { display: block; width: 100%; margin: 0; }
}

/* ---------- generic inner pages ---------- */
.page { padding: 40px 0 60px; color: #000; font-size: 15px; line-height: 1.4; }
.page a { text-decoration: underline; }
.vh { position: absolute; left: -9999px; }
.h5 { font: inherit; font-size: 15px; margin: 0 0 12px; color: #000; }
/* studio tiles */
.studio main { min-height: 640px; }
.studio-tiles { display: flex; gap: 15px; padding: 182px 0 300px; }
.tile { width: 150px; height: 150px; flex: none; border: 1px solid #000; display: flex; align-items: center; justify-content: center; font-size: 46px; line-height: 1; color: #000; text-align: center; padding: 0 4px; }
.tile.display { transform: none; }
.tile:hover { background: #000; color: #fff; }
/* wix-like contact form */
.contact-page { padding-top: 48px; padding-left: 11px; min-height: 520px; }
.wix-form { max-width: 435px; margin: 12px 0 26px; }
.wix-form input, .wix-form textarea { display: block; width: 100%; margin: 0 0 10px; padding: 8px 14px 8px 40px; font: inherit; font-size: 15px; color: #000; border: 1px solid #000; border-radius: 0; background: #fff; }
.wix-form input { height: 34px; }
.wix-form textarea { height: 191px; padding-top: 12px; resize: vertical; }
.wix-form input::placeholder, .wix-form textarea::placeholder { color: #999; }
.wix-form .hp { position: absolute; left: -9999px; }
.wix-form .submit { display: block; margin-top: 16px; width: 129px; height: 25px; border: 0; background: #c7c7c7; color: #fff; font: inherit; font-size: 14px; cursor: pointer; }
.wix-form .submit:hover { background: #999; }
.form-status { min-height: 1.4em; margin: 10px 0 0; color: #333; }
.form-status.error { color: #b00020; }
.contact-page p { margin: 0 0 12px; }
/* embedded documents (JPL paper, patents) */
/* PDF pages (patents, JPL paper): on Wix these are bare viewers without header or footer */
body.doc .site-header, body.doc .site-footer { display: none; }
.doc-embed { width: 976px; margin: 0 0 0 calc(50% - 486px); padding: 9px 0 var(--doc-pb, 22px); }
.doc-embed iframe { width: 100%; height: var(--doc-h, 1050px); border: 1px solid #ddd; background: #fff; display: block; }
@media (max-width: 750px) { .doc-embed { width: 100%; margin: 0; padding: 10px 0 0; } .doc-embed iframe { height: 476px; } }
.doc-embed .doc-links { font-size: 14px; color: #666; margin: 10px 0 0; }
.doc-embed .doc-links a { text-decoration: underline; }
@media (max-width: 750px) {
  .studio-tiles { flex-wrap: wrap; justify-content: center; padding: 40px 0 80px; width: 85.4%; margin: 0 auto; }
  .tile { width: calc(50% - 8px); }
  .contact-page { width: 85.4%; padding-left: 0; }
}

/* ---------- generic converted pages (blocks) ---------- */
.generic main { padding-top: 0; }
.blocks { padding-bottom: 50px; }
.blk { margin: 0; }
.blk.heading { margin: 0; }
.blk.heading .wrap { display: flex; align-items: baseline; gap: 10px; padding: 12px 0 10px 9px; }
.blk.heading h2 { margin: 0; color: var(--c-sub); line-height: 1.1; }
.blk.heading .sub { margin: 0; font-size: 14px; color: var(--c-sub); }
.blk.heading.band { background: #f6f6f6; }
.blk.heading.band .wrap { padding: 8px 0 8px 9px; min-height: 60px; align-items: center; }
.blk.text .wrap p { margin: 12px 0; font-size: 16px; line-height: 1.25; color: var(--c-head); }
.blk.text a, .blk.heading a, .mixed-row a { text-decoration: underline; }
.blk.image { padding: 6px 0; }
.blk.image figure, .blk.row figure, .blk.mixed figure { margin: 0; }
.blk.image.full figure, .blk.row.full .row-grid, .blk.slider.full .slides-wrap { width: 100%; }
.row-grid { display: flex; gap: 10px; }
.row-grid figure { min-width: 0; }
.blk.video { padding: 8px 0; }
.blk.video video { display: block; width: 100%; height: auto; background: #000; }
.video-missing { background: #eee; color: #999; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.blk.icons { padding: 30px 0 40px; }
.cat-row.center { justify-content: center; gap: 50px; }
.cat-row.center .cat, .cat-row.center .cat img { width: 150px; height: 150px; }
.mixed-row { display: flex; gap: 20px; align-items: flex-start; }
.mixed-row p { margin: 8px 0; font-size: 16px; line-height: 1.25; color: var(--c-head); }
.blk.slider { padding: 6px 0; }
.blk.slider .slides.multi { justify-content: flex-start; }
.blk.slider .slide { width: auto; height: 100%; }
.blk.slider .slide picture, .blk.slider .slide img { height: 100%; width: auto; max-height: none; }
.blk.slider .slide-next { right: 6px; background: rgba(255,255,255,.7); }
.blk.slider .slide-prev { left: 6px; background: rgba(255,255,255,.7); }
@media (max-width: 750px) {
  .blk.text .wrap p, .blk.heading .wrap, .blk.image .wrap figure, .blk.row .row-grid, .mixed-row, .blk.video .wrap video { width: 85.4% !important; margin-left: auto !important; margin-right: auto !important; }
  .blk.image.full figure, .blk.row.full .row-grid, .blk.slider .slides-wrap { width: 85.4% !important; margin-left: auto !important; margin-right: auto !important; }
  .row-grid { flex-wrap: wrap; }
  .row-grid figure { flex: 1 1 100% !important; }
  .mixed-row { flex-direction: column; }
  .blk.slider .slides.multi { height: auto !important; }
  .blk.heading h2 { font-size: 30px !important; }
  .cat-row.center { gap: 12px; }
  .cat-row.center .cat, .cat-row.center .cat img { width: 90px; height: 90px; }
}

/* ---------- prints captions, shop, product pages, purchase modal ---------- */
.prints .caption { height: var(--cap-d, 118px); }
.caption .meta .price b { color: #000; font-weight: 400; }
.btn { display: inline-block; font-size: 10px; line-height: 16px; padding: 0 6px; background: #c7c7c7; color: #fff; border: 0; letter-spacing: .04em; cursor: pointer; text-decoration: none; font-family: inherit; }
.btn.info { background: none; color: var(--c-sub); padding: 0 2px; }
.btn.info:hover, .btn.shop-all:hover { color: #000; }
.btn.shop-all:hover { background: #999; color: #fff; }
.band-video { margin-top: var(--pad-d, 62px); height: var(--h-d, 459px); overflow: hidden; background: #000; }
.band-video video { display: block; width: 100%; height: auto; }
/* shop */
.shop-intro .welcome { margin: 0; padding: 30px 0 18px 19px; font-size: 18px; letter-spacing: .3em; color: #000; }
.shop-intro .band { background: #f6f6f6; padding: 26px 0 30px; }
.shop-intro h1 { margin: 0 0 22px 20px; font-size: 35px; line-height: 1.25; font-weight: 400; color: var(--c-head); max-width: 460px; }
.shop-intro .band p { margin: 0 0 0 24px; max-width: 420px; font-size: 16px; line-height: 1.2; text-align: justify; color: var(--c-head); }
.shop-group { padding: 34px 0 0; }
.group-title { text-align: center; font-size: 30px; font-weight: 400; color: var(--c-head); margin: 30px 0 28px; }
.product-grid { list-style: none; margin: 0 auto; padding: 0; display: grid; gap: 40px 60px; justify-content: center; }
.product-grid.cols-3 { grid-template-columns: repeat(3, 240px); }
.product-grid.cols-2 { grid-template-columns: repeat(2, 300px); }
.product-grid.cols-1 { grid-template-columns: 340px; }
.product-grid a { display: block; text-align: center; color: #000; font-size: 16px; }
.product-grid picture { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.product-grid picture img { width: 100%; height: 100%; object-fit: contain; }
.product-grid .name { display: block; }
.product-grid .price { display: block; color: var(--c-sub); margin-top: 6px; }
.shop-foot { text-align: center; padding: 50px 0 40px; font-size: 15px; color: #000; }
/* product page */
.product-page { padding: 40px 0 60px; color: #000; }
.crumbs { font-size: 16px; margin: 0 0 40px 40px; }
.crumbs a { text-decoration: none; }
.product-gallery { width: 900px; max-width: 100%; margin: 0 auto 20px; }
.product-gallery .slides { height: 551px; }
.product-gallery .slide picture, .product-gallery .slide img { max-height: 551px; }
.thumbs { display: flex; gap: 6px; margin: 12px 0 0 2px; }
.thumb { width: 43px; height: 43px; padding: 0; border: 1px solid #ddd; background: #fff; cursor: pointer; overflow: hidden; }
.thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.product-head { display: flex; justify-content: space-between; align-items: flex-start; margin: 30px 40px 20px; gap: 40px; }
.product-head h1 { margin: 0; font-size: 40px; line-height: 1.1; color: #000; }
.product-head .buy { text-align: right; min-width: 280px; }
.product-head .price { font-size: 32px; margin: 0 0 14px; }
.btn.buy-now { display: block; width: 260px; margin-left: auto; padding: 12px 0; font-size: 16px; text-align: center; background: #000; color: #fff; }
.btn.buy-now:hover { background: #333; }
.product-body { margin: 0 40px; max-width: 547px; font-size: 15px; line-height: 1.4; }
.product-body p { margin: 0 0 18px; white-space: pre-line; }
.product-body a { text-decoration: underline; }
/* modal */
.modal { position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; padding: 20px; }
.modal[hidden] { display: none; }
.modal-card { position: relative; background: #fff; width: 480px; max-width: 100%; max-height: 92vh; overflow: auto; padding: 28px 30px 24px; box-shadow: 0 20px 60px rgba(0,0,0,.3); }
.modal-close { position: absolute; right: 10px; top: 6px; border: 0; background: none; font-size: 28px; line-height: 1; cursor: pointer; color: #666; }
.modal-card h2 { margin: 0 0 6px; font-size: 40px; color: #000; }
.pm-lead { font-size: 14px; color: #444; margin: 0 0 16px; }
.modal .wix-form { max-width: none; margin: 0; }
.modal .wix-form input, .modal .wix-form textarea { padding-left: 14px; }
.modal .wix-form textarea { height: 110px; }
.wix-form .submit.dark { width: auto; height: auto; padding: 10px 18px; background: #000; font-size: 14px; }
@media (max-width: 750px) {
  .product-grid.cols-3, .product-grid.cols-2, .product-grid.cols-1 { grid-template-columns: repeat(2, 1fr); gap: 24px; width: 85.4%; }
  .shop-intro .welcome, .shop-intro h1, .shop-intro .band p { margin-left: 7.3%; margin-right: 7.3%; }
  .crumbs, .product-head, .product-body { margin-left: 7.3%; margin-right: 7.3%; }
  .product-head { flex-direction: column; gap: 14px; }
  .product-head .buy { text-align: left; }
  .btn.buy-now { margin-left: 0; width: 100%; }
  .product-gallery .slides { height: 70vw; }
  .product-gallery .slide picture, .product-gallery .slide img { max-height: 70vw; }
  .prints .caption { height: var(--cap-m, 110px); }
  .painting.no-m, .band-video.no-m { display: none; }
  .painting.no-m-cap .caption { display: none; }
  .slide-next, .slide-prev { opacity: 1; }
}

/* ---------- press kit ---------- */
.plain-title { margin: 0; font-size: 32px; font-weight: 400; color: var(--c-head); line-height: 1.2; }
.presskit-page { padding-top: 14px; padding-left: 17px; min-height: 440px; font-size: 16px; }
.presskit-page ul.plain { list-style: none; margin: 0 0 18px; padding: 0; }
.presskit-page li { margin: 0 0 18px; }
.presskit-page a { text-decoration: underline; }

/* ---------- about page ---------- */
.about-page main { padding-top: 0; }
.about { font-size: 15px; line-height: 1.25; color: var(--c-head); }
.about .small { font-size: 15px; line-height: 1.3; margin: 0 0 12px; }
.about .justify { text-align: justify; }
.about .indent { margin: 0 0 0 24px; }
.about a { text-decoration: underline; }
.about h3 { font-size: 15px; font-weight: 400; margin: 0 0 8px; color: #999; text-transform: uppercase; }
.about-band { background: #f6f6f6; }
.about-hero { padding-top: 0; }
.about-intro { max-width: 390px; margin: 0 0 0 20px; padding: 20px 0 24px; font-size: 16px; text-align: justify; }
.about-schematic { display: flex; justify-content: center; padding: 16px 0 12px; }
.about-schematic picture { width: 540px; max-width: 100%; }
.two { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; }
.about-quote .wrap { grid-template-columns: 630px 1fr; gap: 20px; padding: 10px 0; }
.about-quote .img { margin-left: -230px; }
.about-quote blockquote { margin: 0; padding: 0 10px; }
.about-quote blockquote p { margin: 0; font-size: 22px; line-height: 1.3; text-align: center; color: var(--c-head); }
.about-joy { grid-template-columns: 1fr 740px; gap: 0; margin: 10px auto; }
.about-joy .joy-text { background: #f6f6f6; align-self: stretch; display: flex; align-items: center; justify-content: center; padding: 20px; }
.about-joy .joy-text p { margin: 0; font-size: 22px; line-height: 1.3; text-align: center; max-width: 200px; }
.about-background .wrap { padding: 20px 0 22px 20px; align-items: start; }
.about-background .tagline { font-size: 38px; line-height: 1.15; font-weight: 400; color: var(--c-head); margin: 0 0 16px; max-width: 480px; }
.about-background .edu p { margin: 0 0 12px; white-space: pre-line; }
.about-overview { padding: 30px 0 10px; align-items: start; }
.about-overview.tech { grid-template-columns: 250px 1fr; gap: 30px; }
.about-overview.creative { grid-template-columns: 1fr 274px; gap: 30px; padding-top: 40px; }
.about-overview .imgs { display: grid; grid-template-columns: 305px 318px; gap: 36px; align-items: end; }
.about-overview .details { color: var(--c-sub); }
.about-featured { padding: 40px 0 20px 11px; }
.about-featured p { white-space: pre-line; margin: 0 0 4px; }
.title-band .wrap { padding: 12px 0 14px 17px; }
.title-band h2 { margin: 0; font-size: 32px; font-weight: 400; color: var(--c-head); }
.about-role { padding: 26px 0 30px 11px; }
.about-role .role { white-space: pre-line; }
.about-role .refs { margin: 14px 0 20px; }
.about-role .refs p { margin: 0 0 2px; font-size: 14px; }
.tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 16px; }
.tiles figure { margin: 0; aspect-ratio: 1; overflow: hidden; background: #eee; }
.tiles picture, .tiles img { width: 100%; height: 100%; object-fit: cover; }
.about-band.spacer { height: 60px; margin: 20px 0 0; }
.about-resources { padding: 20px 0 40px 11px; }
.about-resources p { margin: 0 0 14px; }
.about-bottom { padding: 20px 0 30px; }
.about-bottom .series-foot { padding: 34px 0 0; font-size: 16px; color: #000; }
.about-bottom .series-foot a { text-decoration: none; }
.about-bottom .energy { text-align: center; margin: 6px 0 0; font-size: 18px; letter-spacing: .5em; color: var(--c-head); }
@media (max-width: 750px) {
  .about .wrap { width: 85.4%; }
  .two, .about-quote .wrap, .about-joy, .about-overview.tech, .about-overview.creative { grid-template-columns: 1fr; gap: 16px; }
  .about-quote .img { margin-left: 0; }
  .about-quote .wrap { width: 100%; }
  .about-joy .joy-text { padding: 30px 20px; }
  .about-overview .imgs { grid-template-columns: 1fr 1fr; gap: 8px; }
  .about-intro { margin-left: 0; }
  .about-background .wrap { padding-left: 0; }
  .tiles { grid-template-columns: repeat(2, 1fr); }
  .about-featured, .about-role, .about-resources { padding-left: 0; }
  .title-band .wrap { padding-left: 0; }
  .about-background .tagline { font-size: 30px; }
}
.legal-page { min-height: 480px; padding-top: 50px; }
.legal-page h1 { font-size: 40px; color: var(--c-head); margin: 0 0 18px; }
.legal-page p { max-width: 620px; color: #333; }
.about-work { padding: 30px 0 10px 11px; max-width: 760px; }
.about-work h2 { font-size: 32px; font-weight: 400; color: var(--c-head); margin: 0 0 14px; }
.about-work p { font-size: 15px; line-height: 1.45; margin: 0 0 12px; color: #555; }
.blk.slider .slides.multi { height: auto; }
.blk.slider .slide { flex: none; height: 100%; }
.blk.slider .slide picture, .blk.slider .slide img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 750px) { .blk.text .wrap p { font-size: min(1em, 18px) !important; } .blk.heading .wrap { flex-wrap: wrap; } }
.blk.icons .cat-row { display: flex; justify-content: center; gap: 50px; }
.blk.icons .cat, .blk.icons .cat img { width: 150px; height: 150px; display: block; }
@media (max-width: 750px) { .blk.icons .cat-row { gap: 12px; } .blk.icons .cat, .blk.icons .cat img { width: 90px; height: 90px; } }

@media (max-width: 750px) { .about-bottom .energy { font-size: 12px; letter-spacing: .55em; white-space: nowrap; } }

/* ---------- geometry-faithful pages (abs.njk) ---------- */
.abs { position: relative; width: 100%; overflow: hidden; height: var(--h); }
.abs.m { display: none; }
.abs .band { position: absolute; left: 0; right: 0; }
/* the column is only a coordinate system: it must not cover the full-bleed media behind it */
.abs .frame { position: relative; width: 980px; height: 100%; margin: 0 auto; pointer-events: none; }
.abs .frame > *, .abs .frame a, .abs .frame button { pointer-events: auto; }
.abs .el { position: absolute; margin: 0; box-sizing: border-box; }
.abs .txt { font-family: var(--font-body); font-weight: 400; word-wrap: break-word; }
.abs .txt.display { font-family: var(--font-display); transform: scaleX(.89); display: block; letter-spacing: .01em; }
.abs .txt a { color: inherit; text-decoration: none; }
.abs .txt a.u { text-decoration: underline; } /* Wix store description links */
.abs .txt .chev-l { display: inline-block; width: 8px; height: 8px; margin: 0 8px 0 3px; border: solid currentColor; border-width: 1.5px 1.5px 0 0; transform: rotate(-135deg); vertical-align: 1px; } /* breadcrumb chevron (Wix inline SVG) */
.abs .img picture, .abs .img img { display: block; width: 100%; height: 100%; }
.abs .img.fill img { object-fit: cover; object-position: var(--pos, 50% 50%); }
.abs .img.fit img { object-fit: contain; }
.abs .img a { display: block; width: 100%; height: 100%; }
.abs .vid { overflow: hidden; background: #000; }
.abs .vid video { display: block; width: 100%; height: 100%; object-fit: cover; }
.abs .vid .play { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; border-radius: 50%; border: 2px solid #fff; background: transparent; cursor: pointer; filter: drop-shadow(0 1px 2px rgba(0,0,0,.4)); box-sizing: border-box; }
.abs .vid .play::before { content: ""; position: absolute; left: 19px; top: 14px; border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #fff; }
.abs.m .vid .play { width: 30px; height: 30px; margin: -15px 0 0 -15px; border-width: 1.5px; }
.abs.m .vid .play::before { left: 11px; top: 8px; border-width: 5.5px 0 5.5px 9px; }
.abs .vid.playing .play { display: none; }
/* Wix button links: label centred in the button box; right/left chevrons sit just outside the box, the "up" chevron inside at the left */
.abs .lnk { display: block; text-align: center; font-size: 16px; color: #000; white-space: nowrap; text-decoration: none; }
.abs .lnk:hover { color: #555; }
.abs .lnk::before, .abs .lnk::after { position: absolute; top: 50%; width: 9px; height: 9px; margin-top: -6px; border: solid currentColor; border-width: 1px 1px 0 0; }
.abs .lnk.arrow-right::after { content: ""; right: -16px; transform: rotate(45deg); }
.abs .lnk.arrow-up::before { content: ""; left: 4px; margin-top: -3px; transform: rotate(-45deg); }
.abs .lnk.arrow-left::before { content: ""; left: -16px; transform: rotate(-135deg); }
@media (max-width: 750px) {
  .abs.d { display: none; }
  .abs.m { display: block; height: var(--h); }
  .abs.m .frame { width: var(--fw, 320px); height: var(--h); margin: 0; }
  .abs.m .band { transform: none; }
}

/* geometry pages: form fields, buttons, product gallery */
.abs .txt a.tlink, .abs .tlink { color: inherit; text-decoration: none; }
/* a whole-element link gets the whole element as its target, as Wix's does — as an overlay, so the
   text keeps its own inline height (the element is position:absolute, so inset:0 is its box) */
.abs .txt > a.tlink:only-child::after, .abs .txt .chev-l + a::after { content: ""; position: absolute; inset: 0; }
.abs .abs-form { margin: 0; }
.abs .abs-form .form-status { margin: 0; font-size: 14px; line-height: 20px; color: #000; z-index: 6; }
.abs .abs-form .form-status.row { display: flex; align-items: center; min-height: 0; line-height: 16px; } /* beside the Submit button, centred on its row; a two-line message on the phone spills evenly above and below */
.abs .abs-form .form-status.error { color: #b00020; }
.abs .hp { position: absolute; left: -9999px; width: 1px; height: 1px; }
.abs .field { font: 14px/1.2 var(--font-body); color: #000; background: #fff; border: 1px solid #919191; border-radius: 0; padding: 0 12px 0 41px; outline: none; }
.abs textarea.field { padding: 10px 12px 10px 41px; resize: none; }
.abs .field::placeholder { color: #888; }
.abs .field:focus { border-color: #444; }
.abs .submit, .abs .purchase { font: 15px var(--font-body); color: #fff !important; background: #cfcfcf; border: 0; border-radius: 0; padding: 0; cursor: pointer; }
.abs .purchase { font-size: 16px; background: #a3a3a3; }
.abs .purchase + .purchase, .abs .purchase.buy { background: #000; }
.abs .submit:hover, .abs .purchase:hover { filter: brightness(.9); }
.abs .gal .gal-item { position: absolute; inset: 0; }
.abs .gal picture, .abs .gal img { display: block; width: 100%; height: 100%; }
.abs .gal img { object-fit: contain; }
.abs .thumb { padding: 0; border: 1px solid transparent; background: none; cursor: pointer; overflow: hidden; }
.abs .thumb picture, .abs .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.abs .thumb.active { border-color: #000; }
.abs .dot { padding: 0; border: 0; background: none; cursor: pointer; }
.abs .dot::before { content: ""; display: block; width: 10px; height: 10px; margin: auto; border-radius: 50%; border: 1px solid #bdbdbd; background: #fff; box-sizing: border-box; }
.abs .dot.active::before { background: #000; }

.abs .img { overflow: hidden; }
.abs .img.full { left: 0; width: 100%; }
.abs .img .cropbox { position: absolute; }
.abs .img.cropped img { object-fit: fill; }

.band-video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; } /* Wix crops this band to the top of the frame */
@media (max-width: 750px) { .band-video { margin-top: var(--pad-m, 0px); height: var(--h-m, 0px); } .band-video[style*='--h-m:0px'] { display: none; } }

.abs .swatch { border-radius: 50%; border: 0; padding: 0; cursor: pointer; }
.abs .swatch.active { box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000; }
.abs .band { box-sizing: border-box; }

/* video poster tiles show a Wix-style play triangle */
.abs .img.poster a { position: relative; }
.abs .img.poster a::after { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'><path d='M14 8l20 14-20 14z' fill='%23fff'/></svg>") center/44px 44px no-repeat; filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); }

.abs .band.shadow { background: #fff; }

/* product gallery: video items (poster thumbnail with a play mark, native controls in the stage) */
.abs .gal video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.abs .thumb.video img { display: block; width: 100%; height: 100%; object-fit: cover; }
.abs .thumb.video .play { position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><circle cx='9' cy='9' r='8.5' fill='rgba(0,0,0,.45)' stroke='%23fff'/><path d='M7 5.5l5 3.5-5 3.5z' fill='%23fff'/></svg>") center/18px 18px no-repeat; pointer-events: none; }

/* ---------- expand view (Wix pro-gallery fullscreen; geometry from tools/scrape-behaviour.mjs) ----------
   Desktop at 1920x1080 on Wix: stage 90,74 1164x932; sidebar x1348 w452 (right margin 120, gap 94);
   title 28/39.2, description 15/21 at +18, "More photos" underlined at +31; close 38x44 at right 30/top 30;
   fullscreen icon 38x44 at 35,26; arrows 50x50 centred vertically, prev left 20, next 20px right of the stage. */
html.lb-open { overflow: hidden; }
.lb { position: fixed; inset: 0; z-index: 300; background: #fff; color: #000; font-family: var(--font-body); }
.lb[hidden] { display: none; }
.lb-stage { position: absolute; left: 90px; top: 74px; width: calc(70% - 180px); height: calc(100% - 148px); display: flex; align-items: center; justify-content: center; }
.lb-stage img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.lb-side { position: absolute; right: 120px; top: 130px; width: calc(30% - 124px); }
.lb-title { margin: 0; font-size: 28px; line-height: 39.2px; font-weight: 400; color: #000; }
.lb-desc { margin: 0; font-size: 15px; line-height: 21px; white-space: pre-wrap; }
.lb-title:not([hidden]) + .lb-desc { margin-top: 18px; } /* a description without a title starts where the title would (About's résumé galleries) */
.lb-more { display: inline-block; margin-top: 29px; padding: 2px 0; font-size: 15px; line-height: 23px; color: #000; text-decoration: underline; }
.lb-more[hidden], .lb-title[hidden], .lb-desc[hidden] { display: none; }
.lb-close, .lb-full, .lb-prev, .lb-next { position: absolute; padding: 0; border: 0; background: none; color: #000; cursor: pointer; }
.lb-close { right: 30px; top: 30px; width: 38px; height: 44px; }
.lb-close::before, .lb-close::after { content: ""; position: absolute; left: 8px; top: 21px; width: 22px; height: 1.5px; background: currentColor; }
.lb-close::before { transform: rotate(45deg); }
.lb-close::after { transform: rotate(-45deg); }
.lb-full { left: 35px; top: 26px; width: 38px; height: 44px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.3'><path d='M14 3h7v7M21 3l-8 8M10 21H3v-7M3 21l8-8'/></svg>") center / 22px 22px no-repeat; }
.lb-prev, .lb-next { top: 50%; width: 50px; height: 50px; margin-top: -25px; background: center / 15px 27px no-repeat; }
.lb-next { left: calc(70% - 70px); background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='27' viewBox='0 0 15 27'><path fill='black' d='M.198 25.926l1.06 1.06 13.259-13.258L1.258.47.198 1.53l12.197 12.198z'/></svg>"); }
.lb-prev { left: 20px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='27' viewBox='0 0 15 27'><path fill='black' d='M14.802 1.53L13.742.47.483 13.728l13.259 13.258 1.06-1.06L2.605 13.728z'/></svg>"); }
.lb-prev[hidden], .lb-next[hidden] { display: none; }
.lb.no-side .lb-stage { width: calc(100% - 180px); }
.lb.no-side .lb-next { left: calc(100% - 70px); }
.lb.no-side .lb-side { display: none; }
@media (max-width: 750px) {
  /* Wix's phone expand view: back arrow top-left, image full width, then title / description / link */
  .lb { overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .lb-stage { position: static; width: 100%; height: auto; margin-top: 60px; display: block; }
  .lb-stage img { width: 100%; max-width: 100%; max-height: none; height: auto; }
  .lb-side { position: static; width: auto; margin: 20px; padding-bottom: 40px; }
  .lb-title { font-size: 28px; line-height: 39.2px; }
  .lb-more { margin-top: 24px; }
  .lb-full, .lb-prev, .lb-next { display: none; }
  .lb-close { left: 0; right: auto; top: 0; width: 60px; height: 60px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24' fill='none' stroke='black' stroke-width='1.6'><path d='M12 5L3 12l9 7M3 12h30'/></svg>") center / 30px 20px no-repeat; }
  .lb-close::before, .lb-close::after { display: none; }
  .lb.no-side .lb-stage { width: 100%; } /* an image without a caption still takes the full width (the desktop rule leaves room for a sidebar) */
}
.lb-click { cursor: pointer; }

/* ---------- fluid geometry frames and pro-gallery strips ---------- */
/* Wix stretches some images to the viewport; the frames express those boxes as calc(px + k * 100cqw),
   which needs a query container around them (100cqw is the frame width, scrollbar excluded, unlike 100vw). */
.absq { container-type: inline-size; }
/* "Load More": a collapsed Wix gallery is not shorter by fewer items — its box is clipped, so the row across
   the cut keeps its top half and the rows past it are not painted. --m<i> is the height region i is still
   holding back (0 once opened); --s<n> is how far an element with n regions above it moves up. */
.abs.more { --s1: var(--m0, 0px); --s2: calc(var(--m0, 0px) + var(--m1, 0px)); --s3: calc(var(--m0, 0px) + var(--m1, 0px) + var(--m2, 0px));
  height: calc(var(--h) - var(--s3)); }
.abs.c0 .m-h0, .abs.c1 .m-h1, .abs.c2 .m-h2 { display: none; }
.abs.c0 .m-k0 { clip-path: inset(0 0 var(--mc0, 0px) 0); }
.abs.c1 .m-k1 { clip-path: inset(0 0 var(--mc1, 0px) 0); }
.abs.c2 .m-k2 { clip-path: inset(0 0 var(--mc2, 0px) 0); }
.abs .m-u1 { translate: 0 calc(-1 * var(--s1)); }
.abs .m-u2 { translate: 0 calc(-1 * var(--s2)); }
.abs .m-u3 { translate: 0 calc(-1 * var(--s3)); }
.abs:not(.c0) .load-more[data-r="0"], .abs:not(.c1) .load-more[data-r="1"], .abs:not(.c2) .load-more[data-r="2"] { display: none; }
.abs .load-more { font-family: var(--font-body); border-radius: 0; cursor: pointer; padding: 0; }
/* Wix's Load More button does not change on hover */
/* pro-gallery slider row: Wix scrolls a window inset from the gallery box (to clear the arrows) over a track that
   holds every item; "Next Item" centres the next item in the window. Reproduced with a native horizontal scroller. */
.abs .gstrip { left: 0; width: 100%; }
.abs .gstrip-clip { position: absolute; top: 0; bottom: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; overscroll-behavior-x: contain; }
.abs .gstrip-clip::-webkit-scrollbar { display: none; }
.abs .gstrip-track { position: relative; height: 100%; }
.abs .gstrip-item { position: absolute; top: 0; overflow: hidden; }
.abs .gstrip-item picture, .abs .gstrip-item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.abs .gstrip-prev, .abs .gstrip-next { position: absolute; top: 50%; width: var(--aw, 30px); height: var(--ah, 51px); margin-top: calc(var(--ah, 51px) / -2); padding: 0; border: 0; background: none; cursor: pointer; z-index: 3; }
/* Wix draws these black; on the phone the 40px button carries a 89% white plate behind the chevron */
.abs .gstrip-prev { left: var(--ar, 20px); background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 39'><path fill='black' d='M20.995,1.479L19.5,0,1.376,18,19.5,36l1.49-1.48L2.362,18Z'/></svg>") center / contain no-repeat; }
.abs .gstrip-next { right: var(--ar, 20px); background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 39'><path fill='black' d='M2.005,1.479L3.5,0,21.624,18,3.497,36l-1.49-1.48L18.638,18Z'/></svg>") center / contain no-repeat; }
@media (max-width: 750px) {
  .abs .gstrip-prev, .abs .gstrip-next { background-color: rgba(255, 255, 255, .89); background-size: 10px 17px; filter: none; }
}
.abs .gstrip-prev[hidden], .abs .gstrip-next[hidden] { display: none; }
.lb-stage video { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; background: #000; }
.lb-stage video[hidden], .lb-stage img[hidden] { display: none; }
@media (max-width: 750px) { .lb-stage video { width: 100%; max-height: none; } }
/* Wix's shop tiles hold two images and cross-fade to the second on hover (0.2s) */
.abs .img .hoverimg { position: absolute; inset: 0; opacity: 0; transition: opacity .2s; }
.abs .img .hoverimg[style] { inset: auto; }
.abs .img .hoverimg picture, .abs .img .hoverimg img { display: block; width: 100%; height: 100%; }
.abs .img:hover .hoverimg { opacity: 1; }
/* About's résumé galleries: on hover Wix tints the tile (its own colour per gallery, no fade) and shows the item's
   caption where it has one — white 15/21 body text 30px in from the corner, at most 8 lines */
.abs .img .veil { position: absolute; inset: 0; padding: 30px; opacity: 0; pointer-events: none; color: #fff; font: 15px/21px var(--font-body); text-align: left; }
.abs .img .veil span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; }
.abs .img:hover .veil, .abs .img:focus-visible .veil { opacity: 1; }
/* Wix makes the whole video tile the play target, not just the glyph */
.abs .vid:not(.playing) { cursor: pointer; }

/* ---------- scroll lock, floating back-to-top, form validation ---------- */
body.scroll-locked { position: fixed; left: 0; right: 0; width: 100%; overflow: hidden; }
html.lb-open { overflow: hidden; } /* fallback when nav.js has not loaded */
.to-top { display: none; }
/* the field carries Wix's border in an inline style, so the invalid state has to outrank it */
.abs .field.invalid, .wix-form .invalid { border-color: rgb(255, 64, 64) !important; }
@media (max-width: 750px) {
  /* Wix: a 34x34 circle with an up chevron, fixed 19px from the right and 40px from the bottom of the canvas */
  .to-top { display: block; position: fixed; right: 19px; bottom: 40px; width: 34px; height: 34px; padding: 0; z-index: 40;
    border: 1px solid #d8d8d8; border-radius: 50%; background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'><path d='M5 15l7-7 7 7'/></svg>") center / 18px 18px no-repeat; cursor: pointer; }
  .to-top[hidden] { display: none; }
  .nav-overlay { background: rgba(0, 0, 0, .6); }
}
/* product gallery: Wix makes the stage image a button that opens a full-screen viewer, with a small Enlarge badge */
.abs .gal-zoom { position: absolute; inset: 0; padding: 0; border: 0; background: none; cursor: pointer; }
.abs .gal-zoom picture, .abs .gal-zoom img { display: block; width: 100%; height: 100%; object-fit: contain; }
/* Wix has an "Enlarge" control here but paints nothing visible, so the image is simply tappable */
.abs .abs-form .form-status[style] { position: absolute; left: 0; margin: 0; }
/* Wix's classic image lightbox (Evolution): 90% black scrim, image centred with a 50px margin, white close x */
.lb.dark { background: rgba(0, 0, 0, .9); }
.lb.dark .lb-stage { left: 50px; top: 50px; width: calc(100% - 100px); height: calc(100% - 100px); }
.lb.dark .lb-side, .lb.dark .lb-full { display: none; }
.lb.dark .lb-close { right: 50px; top: 50px; width: 18px; height: 18px; color: #fff; }
.lb.dark .lb-close::before, .lb.dark .lb-close::after { left: 0; top: 8px; width: 18px; }
@media (max-width: 750px) {
  /* the classic lightbox on the phone canvas: image centred in the screen, white close x top-right with a 44px tap target */
  .lb.dark { overflow: hidden; }
  .lb.dark .lb-stage { position: absolute; left: 10px; top: 50px; width: calc(100% - 20px); height: calc(100% - 100px); margin: 0; display: flex; align-items: center; justify-content: center; }
  .lb.dark .lb-stage img { width: auto; max-width: 100%; max-height: 100%; }
  .lb.dark .lb-close { left: auto; right: 6px; top: 6px; width: 44px; height: 44px; background: none; }
  .lb.dark .lb-close::before, .lb.dark .lb-close::after { display: block; left: 13px; top: 21px; width: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; scroll-behavior: auto !important; }
}
.abs .el.anchor { left: 0; width: 0; height: 0; pointer-events: none; }
/* transparent anchors that give a tile the click target Wix gives it */
.abs .el.hit { display: block; background: none; }

/* ---------- 404 (Wix: no chrome, centred display heading at 48px #9e9e9e, "RETURN HOME" 17px letter-spaced) ---------- */
.notfound .nf { text-align: center; padding-top: 189px; }
.notfound .nf h1 { margin: 0; font-size: 48px; line-height: 56px; font-weight: 400; color: var(--c-nav); }
.notfound .nf h1.display { transform-origin: center; }
.notfound .nf p { margin: 14px 0 0; font-size: 17px; line-height: 18px; }
.notfound .nf a { color: var(--c-nav); letter-spacing: 5.95px; transition: color .4s; }
.notfound .nf a:hover { color: #000; }
@media (max-width: 750px) {
  .notfound .nf { padding-top: 10px; }
  .notfound .nf h1 { font-size: 25px; line-height: 29px; }
  .notfound .nf p { margin: 10px 0 0; }
}

/* ---------- focus indicators (Wix marks a focused field with a black border and a blue ring) ---------- */
.abs .field:focus-visible, .wix-form input:focus-visible, .wix-form textarea:focus-visible {
  border: 2px solid #000 !important; outline: 2px solid rgb(17, 109, 255); box-shadow: 0 0 0 2px #fff;
}
/* Wix's first tab stop on every page */
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 100; background: #fff; color: #000; padding: 8px 14px; font-size: 14px; }
.skip-link:focus { left: 8px; top: 8px; outline: 2px solid #000; }