/* Artist portfolio About (self-hosted Editor.js). Scoped to the portfolio surface. */
.am-portfolio-tabs{display:flex;gap:35px;border-bottom:1px solid #e0e2db;margin:25px auto 22px;padding:0!important}
.am-portfolio-tabs a{position:relative;color:#8b9187;font-size:14px;font-weight:650;padding:0 2px 15px;text-decoration:none}
.am-portfolio-tabs a.is-current,.am-portfolio-tabs a:hover{color:#252d24}
.am-portfolio-tabs a.is-current:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#283127}
.am-about-editor-page,.am-about-public-page{max-width:1130px;width:calc(100% - 40px);margin:43px auto 88px;color:#293028;font-family:"Rubik",Arial,sans-serif}
.am-about-public-page{min-height:360px}
.am-about-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:31px}
.am-about-kicker{font-size:10px;font-weight:720;letter-spacing:.2em;color:#9aa095}
.am-about-heading h2,.am-about-public-intro h2{font:normal clamp(46px,5vw,68px)/1.1 Georgia,serif;letter-spacing:-.055em;margin:12px 0}
.am-about-heading p{font-size:13px;line-height:1.7;color:#889084;margin:0;max-width:540px}
.am-about-accent{color:#b49a7b}
.am-about-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 13px;margin-top:10px;background:#f5f5f1;border:1px solid #e2e5db;border-radius:30px;color:#7b8479;font-size:11px}
.am-about-status:before{content:"";width:6px;height:6px;background:#b1b9ad;border-radius:50%}
.am-about-status.is-published{background:#f0f6ec;border-color:#dbe7d4;color:#476a4a}
.am-about-status.is-published:before{background:#82ab7e}
.am-about-notice{border:1px solid #d6e1d3;background:#eff6ed;border-radius:8px;padding:14px 18px;font-size:12px;color:#466449;margin:0 0 20px}
.am-about-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;align-items:start;gap:25px}
.am-about-editor-card{background:#fff;border:1px solid #e2e5dc;border-radius:12px;box-shadow:0 9px 38px #1e28110a;min-width:0}
.am-about-editor-label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:21px 24px;border-bottom:1px solid #e7e9e3;font-size:10px;font-weight:700;letter-spacing:.16em;color:#91998f}
.am-about-editor-label span:last-child{font-weight:500;letter-spacing:0;font-size:11px}
.am-about-editor-holder{min-height:345px;padding:30px 25px}
.am-about-editor-holder .codex-editor{min-height:270px}
.am-about-editor-holder .ce-block__content,.am-about-editor-holder .ce-toolbar__content{max-width:660px}
.am-about-editor-holder .ce-paragraph{font-size:15px;line-height:1.85;color:#2d352b}
.am-about-editor-holder .ce-header{font-family:Georgia,serif;letter-spacing:-.03em}
.am-about-editor-holder .image-tool__image-picture{max-height:660px;object-fit:contain}
.am-about-editor-holder .ce-toolbar__plus,.am-about-editor-holder .ce-toolbar__settings-btn{color:#657565}
.am-about-editor-holder a{color:#3c6042;text-decoration:underline}
.am-about-editor-error{margin:0 24px 17px;padding:12px;background:#fff0eb;color:#a0412c;border:1px solid #ecc7b9;border-radius:7px}
.am-about-editor-error[hidden]{display:none}
.am-about-editor-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:17px 21px;border-top:1px solid #e7e9e3}
.am-about-editor-footer>span{color:#90998d;font-size:11px;max-width:180px}
.am-about-editor-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.am-about-editor-actions button{min-height:41px;border:1px solid #dfe3db;background:#fff;border-radius:7px;padding:0 13px;font:600 12px "Rubik",sans-serif;color:#3a4539;cursor:pointer}
.am-about-editor-actions button:hover{background:#f4f5f1}
.am-about-editor-actions button.am-about-publish{background:#273128;color:#fff;border-color:#273128;padding:0 17px}
.am-about-editor-actions button.am-about-publish:hover{background:#435343;color:#fff}
.am-about-editor-actions button:disabled{opacity:.5;cursor:wait}
.am-about-help{padding:25px 20px;background:#f5f3ed;border:1px solid #e9e6de;border-radius:10px}
.am-about-help-number{color:#9ca195;font-weight:700;font-size:9px;letter-spacing:.15em}
.am-about-help h3{font:normal 30px Georgia,serif;margin:18px 0;letter-spacing:-.04em}
.am-about-help p{font-size:12px;color:#858c81;line-height:1.85;margin:0 0 16px}
.am-about-help-note{padding-top:17px;border-top:1px solid #e1e0d8;margin-top:20px!important}
.am-about-public-link{font-size:12px;color:#344d38;text-decoration:underline;text-underline-offset:3px}
.am-about-unpublish-form{text-align:right;margin-top:18px}
.am-about-unpublish-form button{background:none;border:0;color:#9da49a;font-size:12px;cursor:pointer;text-decoration:underline}
.am-about-preview-banner{display:flex;justify-content:space-between;gap:10px;background:#f3f1e9;border:1px solid #e7e4d9;border-radius:8px;padding:14px 18px;font-size:12px}
.am-about-preview-banner a{color:#385039;text-decoration:underline}
.am-about-prose{font:normal clamp(17px,1.45vw,20px)/1.85 Georgia,serif;max-width:790px;margin:30px auto;color:#2a3129}
.am-about-prose>*{margin-top:0;margin-bottom:23px}
.am-about-prose h2,.am-about-prose h3,.am-about-prose h4{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.2;margin:38px 0 19px}
.am-about-prose h2{font-size:38px}.am-about-prose h3{font-size:29px}.am-about-prose h4{font-size:24px}
.am-about-prose p{overflow-wrap:break-word}
.am-about-prose a{color:#346042;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.am-about-prose ol,.am-about-prose ul{padding-left:28px}
.am-about-prose li{padding:4px 0}
.am-about-prose blockquote{border-left:2px solid #b49c78;padding:9px 0 9px 23px;margin:32px 0;font-style:italic;font-size:1.1em}
.am-about-prose blockquote cite{display:block;margin-top:14px;font:normal 12px "Rubik",sans-serif;color:#92998f}
.am-about-prose figure.am-about-figure{margin:35px 0}
.am-about-prose img.am-about-photo{display:block;max-width:100%;width:auto;height:auto;max-height:900px;object-fit:contain;margin:0 auto;border-radius:3px}
.am-about-prose figcaption{text-align:center;font:normal 12px "Rubik",sans-serif;color:#9a9e97;margin-top:10px}
.am-about-prose hr.am-about-divider{width:70px;margin:43px auto;border:0;border-top:1px solid #c5bdb0}
.am-about-prose .am-about-empty{padding:44px 10px;text-align:center;font-style:italic;color:#9ca399}
.am-about-public-intro{border-bottom:1px solid #e5e6df;padding-bottom:26px;margin-bottom:37px}
.am-about-preview{background:white;border:1px solid #e2e5dd;border-radius:12px;padding:32px 27px}
@media(max-width:940px){.am-about-editor-layout{grid-template-columns:1fr}.am-about-editor-footer>span{max-width:none}}
@media(max-width:620px){.am-portfolio-tabs{gap:23px;margin:20px auto}.am-about-editor-page,.am-about-public-page{width:calc(100% - 28px);margin:28px auto 65px}.am-about-heading{flex-direction:column;gap:9px}.am-about-heading h2,.am-about-public-intro h2{font-size:49px}.am-about-status{margin-top:0}.am-about-editor-label{padding:17px;flex-wrap:wrap}.am-about-editor-holder{padding:25px 8px}.am-about-editor-footer{padding:15px}.am-about-editor-actions{justify-content:flex-start}.am-about-help{padding:20px}.am-about-prose{font-size:17px}.am-about-prose h2{font-size:31px}.am-about-prose h3{font-size:25px}.am-about-preview{padding:24px 16px}}

/* Portfolio Artworks use the very same three-column, square-contain gallery wall
   as the homepage. Override the legacy artist-masonry COLUMN layout completely.
   Keep this limited to artist pages; the homepage itself stays unchanged. */
.artist-gallery-utility {
  padding:18px 0 0;
  justify-content:flex-start;
  gap:12px;
}
.artist-gallery-utility .artist-owner-add-work {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  margin-left:auto;padding:0 17px;min-height:42px;
  background:#263127;border:1px solid #263127;border-radius:7px;color:white;
  font:600 12px/1.2 "Rubik",sans-serif;white-space:nowrap;text-decoration:none;
}
.artist-gallery-utility .artist-owner-add-work:hover {
  color:white;background:#415043;border-color:#415043;
}
.artist-gallery-utility .artist-owner-add-work span {font:300 23px/1 "Rubik",sans-serif;}

/* Inherits the gallery-grid/card templates and home page square-image styling.
   Specificity beats body.artist-masonry .product-grid {display:block;column-count:3}
   on desktop AND its column-count:2 media query on mobile. */
body.artist-masonry .product-grid.gallery-grid,
body .product-grid.gallery-grid.artist-owner-gallery-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-count:initial;
  gap:78px 5vw;
  align-items:start;
  width:100%;
  max-width:var(--maxw,1500px);
  margin-left:auto;
  margin-right:auto;
  padding:26px 4vw 85px!important;
}
body.artist-masonry .product-grid.gallery-grid > .product-card,
body .product-grid.gallery-grid.artist-owner-gallery-grid > .product-card {
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  align-self:start;
  break-inside:auto;
}
body.artist-masonry .product-grid.gallery-grid .thumb,
body .product-grid.gallery-grid.artist-owner-gallery-grid .thumb {
  display:block;
  width:100%;
  aspect-ratio:1/1;
  background:transparent;
}
body.artist-masonry .product-grid.gallery-grid .thumb img,
body .product-grid.gallery-grid.artist-owner-gallery-grid .thumb img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
}
body.artist-masonry .product-grid.gallery-grid .card-meta,
body .product-grid.gallery-grid.artist-owner-gallery-grid .card-meta {
  padding-top:10px;
  text-align:center;
}
body .product-grid.gallery-grid.artist-owner-gallery-grid .artist-collection-summary,
body .product-grid.gallery-grid.artist-owner-gallery-grid .artist-draft-actions {
  margin-top:8px;
}
body .product-grid.gallery-grid.artist-owner-gallery-grid .card-price:not([hidden]) {
  display:block; /* Owner keeps their existing price while public gallery hides it. */
}
@media(max-width:900px){
  body.artist-masonry .product-grid.gallery-grid,
  body .product-grid.gallery-grid.artist-owner-gallery-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px 12px;
    padding:20px 4vw 55px!important;
  }
  .artist-gallery-utility{flex-wrap:wrap;}
  .artist-gallery-utility .artist-owner-add-work{min-height:40px;}
}
@media(max-width:480px){
  body.artist-masonry .product-grid.gallery-grid,
  body .product-grid.gallery-grid.artist-owner-gallery-grid {
    gap:28px 12px;
    padding:16px 4vw 45px!important;
  }
  .artist-gallery-utility .artist-owner-add-work{padding:0 13px;}
}


/* The public studio route may render without the legacy artist-masonry body class. */
body .product-grid.gallery-grid.artist-profile-gallery-grid{
  width:100%;max-width:var(--maxw,1500px);margin-inline:auto;
  padding-inline:4vw!important;
}

/* Portfolio navigation centered independently of the content grid. */
.am-portfolio-tabs{justify-content:center;align-items:center}
.am-portfolio-tabs a{min-width:76px;text-align:center}

/* The avatar crop is circular for owner AND visitor; no image file is changed. */
.artist-head .artist-avatar,
.artist-identity-editable .artist-avatar{
  width:180px;
  aspect-ratio:1/1;
  height:auto;
  border-radius:50%;
  overflow:hidden;
}
.artist-head .artist-avatar img{
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  object-fit:cover;
}
@media(max-width:620px){
  .artist-head .artist-avatar,
  .artist-identity-editable .artist-avatar{width:112px}
}

/* Arrange/select group controls, scoped to the owner portfolio. */
.am-portfolio-group-actions[hidden],
.am-portfolio-arrange-status[hidden],
.am-portfolio-select-toggle[hidden],
.artist-owner-gallery-grid [data-portfolio-card-select][hidden],
.artist-owner-gallery-grid [data-portfolio-reorder-controls][hidden]{display:none!important}
.artist-gallery-utility .am-portfolio-select-toggle{
  padding:0 13px;
  min-height:36px;
  background:transparent;
  font:500 12px/1.25 "Rubik",sans-serif;
  cursor:pointer;
  border:1px solid #a8aba0;
  color:#343a33;
}
.artist-gallery-utility .am-portfolio-select-toggle[aria-pressed="true"]{
  background:#edf0e9;border-color:#879884;
}
.am-portfolio-group-actions{
  width:100%;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding:9px 0 5px;
}
.am-portfolio-group-actions [data-portfolio-selected-count]{
  font:500 12px/1.3 "Rubik",sans-serif;
  min-width:74px;
  color:#737d6d;
}
.am-portfolio-group-actions button{
  padding:0 11px;
  min-height:37px;
  border:1px solid #cfd2c9;
  border-radius:5px;
  background:transparent;
  font:500 12px/1.2 "Rubik",sans-serif;
  color:#3c453a;
  cursor:pointer;
}
.am-portfolio-group-actions button:hover:not(:disabled){background:#ecefe8}
.am-portfolio-group-actions button:disabled{opacity:.4;cursor:default}
.am-portfolio-arrange-status{
  font:400 12px/1.5 "Rubik",sans-serif;
  margin:0;
  width:100%;
  color:#4c6a4c;
}
.am-portfolio-arrange-status.is-error{color:#a33e2e}
.artist-owner-gallery-grid .artist-owner-card{position:relative}
.artist-owner-gallery-grid .am-portfolio-card-select{
  position:absolute;
  top:8px;left:8px;z-index:3;
  display:flex;align-items:center;gap:6px;
  border:1px solid #dfe3da;
  border-radius:6px;
  background:rgba(255,255,255,.97);
  padding:6px 9px;
  font:500 11px/1.2 "Rubik",sans-serif;
  cursor:pointer;
  box-shadow:0 3px 12px #0000000c;
}
.artist-owner-gallery-grid .am-portfolio-card-select input{
  width:16px;height:16px;
  accent-color:#273628;cursor:pointer;margin:0;
}
.artist-owner-gallery-grid .artist-owner-card.is-selected:before{
  content:"";position:absolute;inset:-6px;z-index:2;
  border:2px solid #526b50;border-radius:7px;pointer-events:none;
}
body.am-portfolio-arranging .artist-owner-gallery-grid .artist-owner-card:not(.is-selected){
  cursor:grab;
}
body.am-portfolio-arranging .artist-owner-gallery-grid .artist-owner-card.is-dragging{
  opacity:.45;cursor:grabbing
}
body.am-portfolio-arranging .artist-owner-gallery-grid .artist-owner-card.is-drop-target{
  outline:2px dashed #61775f;outline-offset:6px
}
body.am-portfolio-arranging .artist-owner-gallery-grid .artist-arrange-controls{
  margin-top:12px
}
@media(max-width:640px){
  .am-portfolio-tabs{gap:18px}
  .am-portfolio-group-actions{gap:6px}
  .am-portfolio-group-actions [data-portfolio-selected-count]{flex-basis:100%}
  .artist-gallery-utility{gap:8px}
  .artist-gallery-utility .am-portfolio-select-toggle{padding:0 10px}
  .artist-owner-gallery-grid .am-portfolio-card-select{padding:5px;top:5px;left:5px}
  .artist-owner-gallery-grid .am-portfolio-card-select span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}

/* Old per-work fallback controls must fit the two-column mobile gallery. */
.artist-owner-gallery-grid .artist-arrange-controls{
  max-width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
}
.artist-owner-gallery-grid .artist-arrange-controls > button{
  min-width:0;
  flex:1 1 100px;
  max-width:100%;
  padding:0 7px;
  font-size:11px;
  white-space:normal;
}
@media(max-width:620px){
  .artist-owner-gallery-grid .artist-arrange-controls > button{
    flex-basis:100%;
    min-height:34px;
  }
}

/* Responsive published About document layouts, strictly chosen by the artist
   from a fixed set of server-validated classes. No arbitrary inline CSS. */
.am-about-prose {display:flow-root;}
.am-about-prose figure.am-about-figure {
  box-sizing:border-box;
  max-width:100%;
  padding:0;
  margin:16px 0 24px;
  clear:none;
  width:var(--am-about-image-width, 100%);
}
.am-about-prose figure.am-about-figure--left {
  float:left;
  margin:8px 24px 18px 0;
}
.am-about-prose figure.am-about-figure--right {
  float:right;
  margin:8px 0 18px 24px;
}
.am-about-prose figure.am-about-figure--center {
  float:none;
  clear:both;
  margin:24px auto;
}
.am-about-prose figure.am-about-figure img.am-about-photo {
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  margin:0;
}
.am-about-prose h2,.am-about-prose h3,.am-about-prose h4,
.am-about-prose blockquote,.am-about-prose hr.am-about-divider{clear:both;}
@media(max-width:620px){
  .am-about-prose figure.am-about-figure--left,
  .am-about-prose figure.am-about-figure--right,
  .am-about-prose figure.am-about-figure--center {
    float:none;
    clear:both;
    width:100%;
    margin:22px auto;
  }
}