:root{
  --ink:#171717;
  --paper:#f4f0e7;
  --paper-warm:#eee3cf;
  --muted:#6d685f;
  --line:rgba(0,0,0,.12);
  --gutter:clamp(22px,4vw,64px);
  --section-gap:clamp(52px,6vw,92px);
  --row-gap:clamp(42px,5vw,76px);
  --caption-gap:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:58px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:rgba(244,240,231,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.08)}
.brand{font-size:12px;letter-spacing:.16em;font-weight:700}
.site-header nav{display:flex;gap:clamp(14px,2.5vw,34px)}
.site-header nav a{font-size:11px;letter-spacing:.14em;font-weight:700}

.hero{height:100vh;min-height:660px;display:grid;grid-template-columns:1fr 1fr;position:relative;padding-top:58px;background:#111}
.hero-panel{background-size:cover;background-position:center;transition:filter .25s ease}
.hero-panel:hover{filter:brightness(.92)}
.hero-drawing{background-image:url('assets/inheritance-peter-stein.webp');background-position:center 40%}
.hero-abstract{background-image:url('assets/mudita.webp');background-position:center}
.hero-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-44%);text-align:center;color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.55);pointer-events:none;width:min(90vw,760px)}
.hero-center h1{font-size:clamp(36px,5vw,76px);letter-spacing:.08em;margin:0 0 8px;font-weight:500}
.hero-center p{margin:0;font-size:clamp(13px,1.22vw,18px);letter-spacing:.14em}
.statement{padding:clamp(74px,9vw,130px) var(--gutter);text-align:center;background:var(--paper)}
.statement p{margin:0;font-size:clamp(27px,4vw,54px);font-weight:400;letter-spacing:-.02em}

.work-section{padding:var(--section-gap) var(--gutter) calc(var(--section-gap) + 12px)}
.drawings-section{background:#111;color:#f6f3ec}
.abstracts-section{background:var(--paper);color:var(--ink)}
.section-header{max-width:1280px;margin:0 auto clamp(48px,5vw,72px);display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.section-header h2{margin:0;font-size:clamp(31px,4.16vw,58px);font-weight:500;letter-spacing:-.035em}
.section-header p{margin:0 0 7px;font-size:clamp(14px,1.2vw,17px);color:#bbb7ae;max-width:520px;text-align:right}
.light-header{justify-content:flex-start}

.artwork{margin:0}
.art-open{all:unset;display:block;cursor:zoom-in;width:100%}
.artwork img{width:100%;height:auto}
.artwork figcaption{font-size:13px;letter-spacing:.015em;margin-top:var(--caption-gap);line-height:1.2}
.drawings-section figcaption{color:#dedad2}
.abstracts-section figcaption{color:#494640}

.drawing-exhibition,.abstract-exhibition{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:var(--row-gap)}
.drawing-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,3.5vw,54px);align-items:start}
.drawing-pair .artwork{max-width:560px}
.drawing-pair .artwork:nth-child(2){justify-self:end}
.drawing-hero{width:min(100%,1080px);margin:clamp(14px,2vw,24px) auto}
.drawing-hero .art-open{width:max-content;max-width:100%;margin:0 auto}
.drawing-hero img{max-height:82vh;width:auto;max-width:100%;margin:0}
.drawing-hero figcaption{width:100%;text-align:left}

.abstract-exhibition{gap:clamp(38px,4.2vw,60px)}
.abstract-hero{width:min(100%,1120px);margin:clamp(12px,1.5vw,20px) auto}
.abstract-hero .art-open{width:max-content;max-width:100%;margin:0 auto}
.abstract-hero img{max-height:84vh;width:auto;max-width:100%;margin:0}
.abstract-hero figcaption{text-align:left}
.abstract-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px);align-items:center;max-width:1080px;margin:0 auto;width:100%}
.abstract-pair .artwork{max-width:460px;width:100%}
.abstract-pair .artwork:nth-child(1){justify-self:end}
.abstract-pair .artwork:nth-child(2){justify-self:start}
.supporting-pair{max-width:930px}
.supporting-pair .artwork{max-width:390px}
.place-neighboring{max-width:1140px;grid-template-columns:.88fr 1.12fr;align-items:center}
.place-neighboring .artwork{max-width:500px}
.place-neighboring .neighboring{max-width:600px}
.centered-pair{max-width:900px}
.centered-pair .artwork{max-width:390px}
.strong-pair{max-width:980px}
.strong-pair .artwork{max-width:420px}
.abstract-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.5vw,36px);align-items:start;max-width:980px;margin:0 auto;width:100%}
.abstract-trio .artwork{max-width:300px;justify-self:center;width:100%}
.cavallo-stack{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:18px;width:100%}
.cavallo{width:100%}
.cavallo figcaption{margin-top:8px}
.kilter-pair{max-width:900px}
.hands-group{display:flex;flex-direction:column;gap:28px;margin:0}
.hand-hero{margin-bottom:0}
.hand-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.8vw,40px);max-width:980px;margin:0 auto;width:100%;align-items:start}
.hand-row .artwork{max-width:290px;justify-self:center;width:100%}
.moonsun-pair{max-width:860px}
.final-hero{margin-top:clamp(8px,1vw,14px)}

/* Curated abstract rhythm: solos, asymmetric pairings, and clusters */
.early-abstracts{display:flex;flex-direction:column;gap:clamp(38px,4.2vw,58px)}
.solo-portrait{width:min(48%,520px);margin:0 auto}
.solo-wide{width:min(88%,1040px);margin:0 auto}
.solo-wide .art-open{width:100%}
.asym-pair{width:min(100%,1040px);margin:0 auto;display:grid;grid-template-columns:.78fr 1fr;gap:clamp(34px,5vw,72px);align-items:center}
.asym-pair .bloom{max-width:360px;justify-self:end}
.asym-pair .walkabout{max-width:430px;justify-self:start;transform:translateY(28px)}
.curated-cluster{width:min(100%,980px);margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,2.5vw,34px);align-items:start}
.curated-cluster .artwork{width:100%}
.cluster-a .artwork:nth-child(1){grid-column:1/5}.cluster-a .artwork:nth-child(2){grid-column:5/9;margin-top:42px}.cluster-a .artwork:nth-child(3){grid-column:9/13}
.cluster-b{max-width:900px}.cluster-b .artwork:nth-child(1){grid-column:1/6;margin-top:28px}.cluster-b .artwork:nth-child(2){grid-column:7/12}.cluster-b .artwork:nth-child(3){grid-column:4/9;margin-top:8px}
.cluster-c{max-width:940px}.cluster-c .artwork:nth-child(1){grid-column:1/5;margin-top:52px}.cluster-c .artwork:nth-child(2){grid-column:5/9}.cluster-c .artwork:nth-child(3){grid-column:9/13;margin-top:34px}
.cluster-d{max-width:920px}.cluster-d .artwork:nth-child(1){grid-column:1/5}.cluster-d .artwork:nth-child(2){grid-column:5/9;margin-top:44px}.cluster-d .artwork:nth-child(3){grid-column:9/13}
.hand-row{max-width:1080px;gap:clamp(28px,3.4vw,48px)}
.hand-row .artwork{max-width:330px}
.moonsun-pair{max-width:980px}.moonsun-pair .artwork{max-width:430px}

.books-section{background:var(--paper-warm);padding:clamp(76px,8vw,116px) var(--gutter) clamp(82px,8vw,120px)}
.books-intro{text-align:center;max-width:1340px;margin:0 auto clamp(58px,6vw,84px)}
.books-intro h2{margin:0 0 28px;font-size:clamp(38px,5.2vw,72px);font-weight:500;letter-spacing:-.035em}
.books-copy{margin:0 auto;color:#666158;font-size:clamp(16px,1.42vw,22px);line-height:1.48;letter-spacing:-.01em}
.books-copy span{white-space:nowrap}
.book-shelf{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,4vw,64px);align-items:start;padding:20px 10px}
.book-cover{display:block;transition:transform .2s ease}
.book-cover:hover{transform:translateY(-7px) rotate(0deg)!important}
.book-cover img{width:100%;box-shadow:0 18px 34px rgba(0,0,0,.14)}
.book-1{transform:rotate(-3deg) translateY(16px)}.book-2{transform:rotate(2.2deg)}.book-3{transform:rotate(-1.6deg) translateY(26px)}.book-4{transform:rotate(2.8deg) translateY(8px)}
.book-5{transform:rotate(2deg) translateY(-4px)}.book-6{transform:rotate(-2.6deg) translateY(18px)}.book-7{transform:rotate(1.3deg)}.book-8{transform:rotate(-2deg) translateY(24px)}

.about-section{background:#151515;color:#f4f0e8;padding:clamp(82px,9vw,130px) var(--gutter);display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:clamp(50px,8vw,140px)}
.about-section>div{max-width:700px}
.about-title h2{margin:0;font-size:clamp(38px,5vw,68px);font-weight:500;letter-spacing:-.035em}
.about-copy p{margin:0 0 22px;font-size:clamp(17px,1.45vw,21px);line-height:1.65;color:#d5d1c9}
.contact-link{display:inline-block;margin-top:12px;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:15px}
footer{height:82px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:#111;color:#aaa;font-size:11px;letter-spacing:.1em}

#lightbox{border:0;padding:0;background:rgba(8,8,8,.97);width:100vw;height:100vh;max-width:none;max-height:none;color:#fff}
#lightbox::backdrop{background:rgba(0,0,0,.86)}
#lightbox[open]{display:grid;grid-template-rows:1fr auto;place-items:center;padding:54px 34px 26px}
#lightboxImg{max-width:min(92vw,1500px);max-height:82vh;object-fit:contain}
#lightboxTitle{padding-top:16px;font-size:13px;letter-spacing:.04em}
#closeLightbox{position:fixed;right:22px;top:14px;border:0;background:none;color:#fff;font-size:38px;font-weight:200;cursor:pointer}

@media(max-width:900px){
  .site-header{height:auto;min-height:58px;gap:18px;flex-wrap:wrap;padding-top:13px;padding-bottom:13px}.site-header nav{gap:16px}.site-header nav a{font-size:10px}
  .hero{grid-template-columns:1fr;height:auto;min-height:0;padding-top:78px}.hero-panel{min-height:52vh}.hero-center{top:50%}
  .section-header{display:block}.section-header p{text-align:left;margin-top:14px}
  .drawing-pair,.abstract-pair{grid-template-columns:1fr;max-width:650px}.drawing-pair .artwork,.abstract-pair .artwork,.drawing-pair .artwork:nth-child(2),.abstract-pair .artwork:nth-child(1),.abstract-pair .artwork:nth-child(2){justify-self:center;max-width:560px}
  .solo-portrait{width:min(82%,520px)}.solo-wide{width:100%}.asym-pair{grid-template-columns:1fr;max-width:600px}.asym-pair .bloom,.asym-pair .walkabout{justify-self:center;max-width:480px;transform:none}
  .curated-cluster{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px}.curated-cluster .artwork:nth-child(n){grid-column:auto;margin-top:0;max-width:300px;justify-self:center}
  .abstract-trio,.hand-row{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px}.abstract-trio .artwork,.hand-row .artwork{max-width:300px}
  .book-shelf{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}
  .books-copy span{white-space:normal}.books-copy br{display:none}
  .about-section{grid-template-columns:1fr;gap:34px}
}
@media(max-width:560px){
  :root{--gutter:18px;--row-gap:38px}
  .brand{font-size:11px}.site-header nav{width:100%;justify-content:space-between}.hero-panel{min-height:46vh}.hero-center h1{font-size:38px}
  .abstract-trio,.hand-row{grid-template-columns:1fr}.abstract-trio .artwork,.hand-row .artwork{max-width:340px}
  .book-shelf{gap:34px 22px}.books-section{overflow:hidden}
  footer{height:auto;padding-top:26px;padding-bottom:26px;gap:16px;flex-wrap:wrap}
}

/* V13 alignment + rhythm pass */
.work-section{padding-top:calc(var(--section-gap) + 34px)}
.section-header{margin-bottom:clamp(24px,2.6vw,36px)}
.section-header p{font-size:clamp(13px,1.08vw,15.3px)}
.light-header{justify-content:space-between}
.light-header p{color:#777168}

/* Paired works share a common lower edge/title line */
.drawing-pair,.abstract-pair,.hand-row,.curated-cluster{align-items:end}
.drawing-pair{gap:clamp(13px,1.75vw,27px)}
.drawing-pair .artwork{max-width:644px}
.drawing-pair .art-open,.abstract-pair .art-open,.hand-row .art-open{display:flex;flex-direction:column;justify-content:flex-end}

/* Keep supporting abstract rows consistently sized and bottom aligned */
.abstract-pair{align-items:end}
.abstract-pair .artwork{align-self:end}
.supporting-pair{max-width:1040px}
.supporting-pair .artwork{max-width:450px}
.peace-pair{max-width:1080px}
.peace-pair .artwork{max-width:480px}
.hand-row{align-items:end}
.hand-row .artwork{align-self:end}

/* Lower-third placement for Place & Time */
.lower-place-time{margin-top:clamp(8px,1vw,16px);margin-bottom:clamp(4px,.6vw,10px)}

/* Books copy slightly quieter */
.books-copy{font-size:clamp(14px,1.2vw,18.7px)}

/* V14 — scale and curation refinements */
.drawing-hero-plus{width:min(100%,1188px)}
.drawing-hero-plus img{max-height:88vh}
.abstract-exhibition{max-width:1344px}
.homeward-hero{width:min(100%,1344px)}
.homeward-hero img{max-height:88vh}
.bloom-walkabout{align-items:end}
.asym-pair .walkabout{transform:none;align-self:end}
.strong-pair .interweave-plus{max-width:504px}
.equal-small-row{width:min(100%,930px);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,42px);align-items:end}
.equal-small-row .artwork{width:100%;max-width:270px;justify-self:center}
.amble-zephyr-pair{max-width:760px}
.amble-zephyr-pair .artwork{max-width:270px}
.bubbler-solo{width:min(40%,430px)}
.dekko-hero{width:min(100%,1120px)}
.dekko-hero img{max-height:86vh}
.family-drawn-pair{max-width:1120px;grid-template-columns:1.12fr .88fr}
.family-drawn-pair .fibonacci-family{max-width:520px}
.family-drawn-pair .drawn-together{max-width:450px}
.hand-row{max-width:1100px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.hand-row .artwork{max-width:none;height:430px;display:flex;align-items:flex-end}
.hand-row .art-open{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.hand-row img{width:auto;height:400px;max-width:100%;object-fit:contain;object-position:center bottom}
.hand-row figcaption{width:100%;text-align:left}
.contact-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.contact-links .contact-link{margin-top:0}

@media (max-width:760px){
  .drawing-hero-plus,.homeward-hero,.dekko-hero{width:100%}
  .drawing-hero-plus img,.homeward-hero img,.dekko-hero img{max-height:none;width:100%;height:auto}
  .equal-small-row{grid-template-columns:1fr;max-width:420px}
  .equal-small-row .artwork,.amble-zephyr-pair .artwork{max-width:340px}
  .bubbler-solo{width:min(82%,520px)}
  .family-drawn-pair{grid-template-columns:1fr}
  .hand-row .artwork{height:auto;max-width:340px}
  .hand-row .art-open{height:auto}
  .hand-row img{height:auto;width:100%}
}

/* V15 refinement — enlarge and center supporting abstract groupings */
.equal-small-row{
  width:min(100%,1070px);
  max-width:1070px;
  margin-left:auto;
  margin-right:auto;
  justify-content:center;
  justify-items:center;
  align-items:end;
}
.equal-small-row .artwork{
  width:100%;
  max-width:311px;
  justify-self:center;
  margin-left:auto;
  margin-right:auto;
}
.equal-small-row .art-open{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-end;
}
.equal-small-row img{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
}

.amble-zephyr-pair{
  width:min(100%,875px);
  max-width:875px;
  margin-left:auto;
  margin-right:auto;
  justify-items:center;
}
.amble-zephyr-pair .artwork{
  max-width:311px;
  justify-self:center !important;
  margin-left:auto;
  margin-right:auto;
}
.amble-zephyr-pair .art-open,
.amble-zephyr-pair img{
  width:100%;
}

/* Match About body copy to the smaller Books copy */
.about-copy p{
  font-size:clamp(14px,1.2vw,18.7px);
}

@media (max-width:760px){
  .equal-small-row,.amble-zephyr-pair{width:100%;max-width:650px}
  .equal-small-row .artwork,.amble-zephyr-pair .artwork{max-width:360px}
}

/* V16 — final spacing discipline + social icons */
:root{
  --art-gap:clamp(28px,2.8vw,40px);
  --exhibit-gap:clamp(42px,4.1vw,58px);
}

/* One consistent vertical rhythm through both bodies of work. */
.drawing-exhibition,
.abstract-exhibition{
  gap:var(--exhibit-gap);
}
.abstract-exhibition,
.early-abstracts,
.hands-group{
  row-gap:var(--exhibit-gap);
}

/* One consistent horizontal gutter for all multi-work rows. */
.drawing-pair,
.abstract-pair,
.abstract-trio,
.equal-small-row,
.hand-row,
.curated-cluster,
.family-drawn-pair{
  column-gap:var(--art-gap);
}

/* The three small abstracts: equal scale, centered, identical gutter. */
.equal-small-row{
  width:min(100%,1010px);
  max-width:1010px;
  gap:var(--art-gap);
  align-items:end;
  justify-items:center;
}
.equal-small-row .artwork{
  width:100%;
  max-width:311px;
  justify-self:center;
}

/* Amble + Sonder: same visual size as Bubbler, with the same standard gutter. */
.amble-sonder-pair{
  width:min(100%,930px);
  max-width:930px;
  margin-inline:auto;
  gap:var(--art-gap);
  align-items:end;
  justify-items:center;
}
.amble-sonder-pair .artwork{
  width:100%;
  max-width:430px;
  justify-self:center !important;
  margin-inline:auto;
}
.amble-sonder-pair .art-open,
.amble-sonder-pair img{
  width:100%;
}

/* Hands use the exact same gutter as every other multi-image row. */
.hand-row{
  gap:var(--art-gap);
}

/* Social links as quiet, clickable marks rather than words. */
.contact-links{
  gap:12px;
}
.contact-divider{
  margin:0 2px 0 4px;
  opacity:.6;
}
.social-icon{
  width:27px;
  height:27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f4f0e8;
  opacity:.78;
  transition:opacity .18s ease, transform .18s ease;
}
.social-icon:hover,
.social-icon:focus-visible{
  opacity:1;
  transform:translateY(-1px);
}
.social-icon svg{
  width:20px;
  height:20px;
  display:block;
  fill:currentColor;
}
.social-icon[href*="instagram"] svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
.social-icon[href*="instagram"] .ig-dot{
  fill:currentColor;
  stroke:none;
}

@media (max-width:760px){
  .equal-small-row,
  .amble-sonder-pair{max-width:650px}
  .amble-sonder-pair .artwork{max-width:430px}
}


/* V18 — consolidated spacing, early-abstract centering, quote rotator */
:root{
  --art-gap:clamp(20px,1.8vw,28px);
  --exhibit-gap:clamp(42px,4.1vw,58px);
}

/* One spacing system. These rules intentionally supersede earlier per-row gaps. */
.drawing-exhibition,
.abstract-exhibition,
.early-abstracts,
.hands-group{
  gap:var(--exhibit-gap);
}
.drawing-pair,
.abstract-pair,
.abstract-trio,
.equal-small-row,
.hand-row,
.curated-cluster,
.family-drawn-pair{
  column-gap:var(--art-gap);
}

/* Bloom + Walkabout: visible artwork widths define the row, so there is no
   hidden grid-column space. The combined pair is centered over Neighboring. */
.bloom-walkabout{
  display:flex;
  width:max-content;
  max-width:100%;
  margin-inline:auto;
  justify-content:center;
  align-items:flex-end;
  gap:var(--art-gap);
}
.bloom-walkabout .bloom{
  flex:0 1 360px;
  width:min(360px,38vw);
  max-width:360px;
  justify-self:auto;
}
.bloom-walkabout .walkabout{
  flex:0 1 430px;
  width:min(430px,44vw);
  max-width:430px;
  justify-self:auto;
  transform:none;
  align-self:flex-end;
}
.bloom-walkabout .art-open,
.bloom-walkabout img{width:100%;}

/* Small supporting rows use exact visible gutters. */
.amble-sonder-pair{
  display:flex;
  width:max-content;
  max-width:100%;
  margin-inline:auto;
  justify-content:center;
  align-items:flex-end;
  gap:var(--art-gap);
}
.amble-sonder-pair .artwork{
  flex:0 1 430px;
  width:min(430px,42vw);
  max-width:430px;
  margin:0;
}
.amble-sonder-pair .art-open,
.amble-sonder-pair img{width:100%;}

/* Hands: exact visible gutter, aligned bottoms, captions flush with image edge. */
.hand-row{
  display:flex;
  width:max-content;
  max-width:100%;
  margin-inline:auto;
  justify-content:center;
  align-items:flex-end;
  gap:var(--art-gap);
}
.hand-row .artwork{
  flex:0 0 auto;
  width:auto;
  max-width:none;
  height:430px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.hand-row .art-open{
  width:max-content;
  max-width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
}
.hand-row img{
  display:block;
  width:auto;
  height:400px;
  max-width:100%;
  object-fit:contain;
  object-position:left bottom;
}
.hand-row figcaption{
  width:auto;
  align-self:flex-start;
  text-align:left;
}

/* Quotes deliberately match About body copy in scale, but recede in tone. */
.quote-panel{
  max-width:560px !important;
  align-self:start;
  display:flex;
  align-items:flex-start;
  min-height:12.5em;
}
.rotating-quote{
  margin:0;
  opacity:1;
  transition:opacity .9s ease;
}
.rotating-quote.is-fading{opacity:0;}
.rotating-quote p{
  margin:0 0 14px;
  font-size:clamp(14px,1.2vw,18.7px);
  line-height:1.65;
  letter-spacing:0;
  font-weight:400;
  color:#aaa59d;
}
.rotating-quote cite{
  display:block;
  font-size:clamp(12px,1vw,15px);
  line-height:1.5;
  font-style:normal;
  color:#85817a;
}

@media (max-width:760px){
  .bloom-walkabout,
  .amble-sonder-pair,
  .hand-row{
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    width:100%;
    max-width:650px;
  }
  .bloom-walkabout .bloom,
  .bloom-walkabout .walkabout,
  .amble-sonder-pair .artwork{
    width:min(100%,430px);
    max-width:430px;
  }
  .hand-row .artwork{
    width:min(100%,340px);
    height:auto;
  }
  .hand-row .art-open{height:auto;width:100%;}
  .hand-row img{height:auto;width:100%;}
  .quote-panel{max-width:650px !important;min-height:0;}
}

/* V20 — artwork detail view */
.art-open{cursor:pointer;}
#lightbox[open]{display:block;padding:0;overflow:auto;}
.art-detail{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:clamp(34px,5vw,84px);align-items:center;padding:clamp(58px,7vw,100px) var(--gutter);max-width:1600px;margin:0 auto;}
.art-detail-image{display:flex;justify-content:center;align-items:center;min-width:0;}
#lightboxImg{display:block;max-width:100%;max-height:82vh;width:auto;height:auto;object-fit:contain;}
.art-detail-copy{align-self:center;max-width:390px;}
#lightboxTitle{padding:0;margin:0 0 28px;font-size:clamp(28px,3vw,48px);font-weight:400;letter-spacing:-.025em;}
#artMeta p{margin:0 0 9px;font-size:15px;line-height:1.55;color:#d2cec7;}
#artMeta .availability{margin-top:21px;color:#fff;}
#artMeta .detail-note{margin-top:21px;color:#aaa59d;max-width:34ch;}
.inquire-button{display:inline-block;margin-top:34px;padding:12px 0 7px;border-bottom:1px solid #aaa59d;font-size:12px;letter-spacing:.13em;color:#fff;text-decoration:none;}
.inquire-button:hover{border-color:#fff;}
.book-cover{cursor:pointer;}
@media(max-width:800px){.art-detail{grid-template-columns:1fr;gap:28px;align-items:start;padding-top:70px}.art-detail-copy{max-width:620px;width:100%;margin:0 auto}#lightboxImg{max-height:66vh}#lightboxTitle{margin-bottom:18px}}

/* V22: quieter artwork detail titles — 40% reduction */
#lightboxTitle{font-size:clamp(17px,1.8vw,29px);}

/* V23: consistent artwork-detail typography color */
#lightboxTitle,
#artMeta p,
#artMeta .availability,
#artMeta .detail-note{
  color:#d2cec7;
}
.inquire-button{color:#fff;}

/* V24: place hero divide exactly between first and last name */
.hero-center h1{display:grid;grid-template-columns:1fr 1fr;column-gap:.24em;width:100%;}
.hero-center h1 .hero-first{text-align:right;}
.hero-center h1 .hero-last{text-align:left;}

/* V25: optical alignment of hero subtitle with image divide */
.hero-center p{transform:translateX(-18px);}

/* V26: final optical subtitle nudge */
.hero-center p{transform:translateX(-14px);}

/* V27: split the V25/V26 optical difference exactly */
.hero-center p{transform:translateX(-16px);}

/* V28: mobile About order — bio first, rotating quote below */
@media (max-width:760px){
  .about-copy{order:1;}
  .quote-panel{order:2;}
}