:root{--paper:#f7f2eb;--panel:#fffaf3;--ink:#18212a;--muted:#665f57;--line:#dfd4c5;--accent:#a6523e;--cyan:#208e9c}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--paper);color:var(--ink)}body{font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}a{color:inherit}
main{width:min(1320px,92vw);margin:auto;padding:50px 0 90px}.eyebrow{margin:0 0 12px;color:#95633d;font:800 10px Arial,sans-serif;letter-spacing:.19em}.community-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.8fr);gap:50px;align-items:end;padding:40px 0 60px;border-bottom:1px solid var(--line)}.community-hero h1{margin:0;font:normal clamp(49px,7vw,96px)/.97 Georgia,serif;letter-spacing:-.055em}.community-hero h1 em{color:#aa6956;font-weight:400}.hero-copy>p:not(.eyebrow){max-width:630px;color:#514d46;font:18px/1.6 Georgia,serif}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.hero-actions a,.community-cta>a{display:inline-flex;align-items:center;min-height:44px;padding:12px 17px;border-radius:24px;text-decoration:none;font:700 12px Arial,sans-serif}.button-primary,.community-cta>a{background:#a8543d;color:white}.button-secondary{border:1px solid var(--line);background:#fffaf3}.hero-aside{padding:24px;border:1px solid #d9cdbd;border-radius:18px;background:#f0e8dc}.hero-aside .hero-mark{font-size:28px;color:var(--cyan)}.hero-aside p{margin:12px 0 0;color:#4f5657;font:15px/1.55 Georgia,serif}.gallery{padding-top:52px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2{margin:0;font:normal clamp(36px,4vw,58px)/1 Georgia,serif}.section-heading>p{color:var(--muted);font-size:12px}.community-toolbar{display:grid;grid-template-columns:1fr 1fr 1.6fr 1fr;gap:10px;margin:26px 0 28px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.community-toolbar label{display:grid;gap:7px;font:700 10px Arial,sans-serif;letter-spacing:.08em;color:#665b50}.community-toolbar select,.community-toolbar input{width:100%;min-width:0;height:42px;padding:9px 11px;border:1px solid #d9cebd;border-radius:8px;background:white;color:var(--ink);font:13px Arial,sans-serif;letter-spacing:0}.community-toolbar :focus-visible,.detail-actions :focus-visible,.frame-options :focus-visible{outline:3px solid #68bac4;outline-offset:2px}
.community-grid{columns:4 230px;column-gap:17px}.art-card{display:inline-block;width:100%;margin:0 0 22px;break-inside:avoid;border:1px solid #e5daca;border-radius:13px;background:#fffdfa;overflow:hidden;box-shadow:0 8px 20px #33251814}.art-open{display:block;width:100%;padding:0;border:0;background:#ebe4da;cursor:pointer}.art-open img{display:block;width:100%;height:auto}.art-meta{padding:14px}.art-meta h3{margin:0 0 5px;font:normal 19px Georgia,serif}.art-meta p{margin:0;color:#6c665e;font-size:11px}.art-counts{display:flex;flex-wrap:wrap;gap:10px;margin-top:11px;color:#4b595b;font-size:11px}.art-author{display:block;margin-top:9px;color:#4b595b;font-size:11px}.art-badge{display:inline-block;margin-top:10px;padding:5px 8px;border-radius:20px;background:#eaf4f2;color:#235a60;font:700 10px Arial,sans-serif}.art-card-actions{display:flex;gap:7px;padding:0 14px 14px}.art-card-actions button{flex:1;min-height:35px;border:1px solid #d8cdbf;border-radius:9px;background:#f9f4ed;color:#243541;cursor:pointer;font:700 11px Arial,sans-serif}.art-card-actions button[aria-pressed=true]{border-color:#43a8a9;background:#e5f6f3}.art-card-actions button:disabled{opacity:.5;cursor:not-allowed}
.empty-state{padding:65px 20px;border:1px dashed #cabba8;border-radius:20px;background:#fffaf3;text-align:center}.empty-state[hidden]{display:none}.empty-state>span{font-size:30px;color:var(--cyan)}.empty-state h3{margin:10px 0;font:normal 33px Georgia,serif}.empty-state p{color:var(--muted)}.empty-state>div{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:23px}.empty-state a{padding:11px 14px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:12px}.community-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:70px;padding:32px;border-radius:20px;background:#eee4d7}.community-cta h2{margin:0 0 8px;font:normal 34px Georgia,serif}.community-cta p:not(.eyebrow){margin:0;color:var(--muted)}.community-cta>a{flex:none}
#artDialog{width:min(1060px,94vw);max-height:92vh;padding:0;border:0;border-radius:17px;background:#fffaf3;box-shadow:0 25px 80px #0006}#artDialog::backdrop{background:#0b1a23bc}.detail-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.detail-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:530px;padding:38px;background:#e7dfd3}.frame-stage{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:70vh;padding:0;background:transparent;box-shadow:none}.frame-stage img{display:block;max-width:100%;max-height:62vh;width:auto;height:auto;object-fit:contain;border:0}.frame-stage.frame-black,.frame-stage.frame-white{background:transparent;box-shadow:none}.detail-visual>p{margin:18px 0 0;color:#555b5c;text-align:center;font-size:11px}.detail-info{position:relative;padding:44px 38px;overflow:auto}.close-detail{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#27353b;cursor:pointer;font-size:30px}.detail-info h2{margin:0;font:normal 39px Georgia,serif}.detail-style,.detail-author,.detail-counts,.detail-status,.sale-note{color:#5d605d;font-size:12px;line-height:1.5}.detail-author{font-weight:700}.detail-actions,.frame-options>div,.detail-links{display:flex;gap:9px;flex-wrap:wrap}.detail-actions{margin-top:21px}.detail-actions button,.frame-options button{padding:10px 13px;border:1px solid #cec4b6;border-radius:9px;background:#fff;color:#293c44;cursor:pointer;font:700 12px Arial,sans-serif}.detail-actions button[aria-pressed=true],.frame-options button[aria-pressed=true]{border-color:#4dabb2;background:#e8f8f6}.detail-actions button:disabled{opacity:.5;cursor:not-allowed}.detail-status{min-height:1.5em;color:#a2503f}.frame-options{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.frame-options h3{margin:0 0 13px;font:normal 20px Georgia,serif}.sale-note{margin:22px 0;padding:11px;border-radius:9px;background:#f2ece2}.detail-links{margin-top:25px}.detail-links a{padding:11px 13px;border-radius:9px;background:#a8543d;color:white;text-decoration:none;font:700 12px Arial,sans-serif}.detail-links a+a{border:1px solid var(--line);background:transparent;color:var(--ink)}
@media(max-width:900px){.community-toolbar{grid-template-columns:1fr 1fr}.community-hero{grid-template-columns:1fr}.hero-aside{max-width:500px}.detail-layout{grid-template-columns:1fr}.detail-visual{min-height:260px;padding:22px}.detail-info{padding:31px 24px}}@media(max-width:600px){main{padding-top:24px}.community-hero{padding:20px 0 38px}.community-toolbar{grid-template-columns:1fr}.section-heading{display:block}.community-cta{display:block}.community-cta>a{margin-top:20px}.community-grid{columns:2 150px;column-gap:10px}.art-card{margin-bottom:12px}.art-meta{padding:10px}.art-meta h3{font-size:15px}.art-card-actions{padding:0 10px 10px}.detail-visual{min-height:220px}.detail-info h2{font-size:30px}}

.load-more{display:block;margin:24px auto 0;padding:12px 19px;border:1px solid #ccbca8;border-radius:22px;background:#fffaf3;color:#283940;cursor:pointer;font:700 12px Arial,sans-serif}.load-more[hidden]{display:none}.load-more:disabled{opacity:.55;cursor:wait}

/* Compact gallery and artwork detail. */
main{padding:26px 0 55px}.community-hero{gap:24px;padding:20px 0 26px}.community-hero h1{font-size:clamp(35px,4.4vw,58px);line-height:1}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.45;margin:12px 0}.hero-actions{margin-top:16px}.hero-aside{padding:15px;border-radius:12px}.hero-aside p{font-size:13px}.gallery{padding-top:25px}.section-heading h2{font-size:clamp(28px,3vw,39px)}.community-toolbar{grid-template-columns:1fr 1fr 1.5fr auto 1fr;align-items:end;margin:17px 0 20px;padding:12px}.sale-filter{display:flex!important;align-items:center;gap:8px;min-height:42px;white-space:nowrap}.sale-filter input{width:18px!important;height:18px!important;min-width:18px!important;margin:0}.art-meta{padding:10px 12px}.art-meta h3{font-size:16px}.art-card{margin-bottom:14px}.art-author a{color:inherit;text-underline-offset:2px}.art-counts[hidden],.art-author[hidden],.detail-counts[hidden],.detail-author[hidden]{display:none}.community-cta{margin-top:40px;padding:22px}.community-cta h2{font-size:27px}#artDialog{width:min(830px,94vw);max-height:84vh}.detail-layout{grid-template-columns:minmax(0,1fr) minmax(285px,.75fr)}.detail-visual{min-height:0;padding:18px}.frame-stage{max-height:50vh;padding:0}.frame-stage img{max-height:44vh;border:0;user-select:none;-webkit-user-drag:none}.detail-visual>p{margin-top:9px;font-size:10px}.detail-info{padding:27px 23px}.detail-info h2{font-size:29px}.detail-actions{margin-top:12px}.frame-options{margin-top:13px;padding-top:12px}.frame-options summary{cursor:pointer;color:#425257;font:700 12px Arial,sans-serif}.frame-options>div{margin-top:10px}.sale-note{margin:12px 0 0;padding:8px;font-size:11px}.detail-links{margin-top:14px}.art-open img{user-select:none;-webkit-user-drag:none}@media(max-width:980px){.community-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.sale-filter{white-space:normal}}@media(max-width:690px){.community-toolbar{grid-template-columns:1fr 1fr}.search-label{grid-column:1/-1}.sale-filter{grid-column:1/-1}.detail-layout{grid-template-columns:1fr}.detail-visual{padding:12px}.frame-stage{max-height:37vh}.frame-stage img{max-height:32vh}.detail-info{padding:20px}.community-hero h1{font-size:clamp(35px,9vw,52px)}}


.detail-order{display:block;margin:15px 0 0;padding:14px 16px;border-radius:7px;background:#083b4b;color:white;text-align:center;text-decoration:none;font:700 12px/1.35 Arial,sans-serif;letter-spacing:.04em}.detail-order:hover,.detail-order:focus-visible{background:#125b6c;color:white}.detail-order[hidden]{display:none}.detail-order:focus-visible{outline:3px solid #68bac4;outline-offset:2px}


.art-purchase-links{display:grid;gap:9px;padding:0 14px 14px}.art-digital,.detail-digital{display:block;padding:10px 8px;border:1px solid #daccb9;border-radius:8px;background:#f4eee4;color:#654a31;text-decoration:none;text-align:center;font:700 12px/1.4 Arial,sans-serif}.detail-digital{margin-top:9px;padding:12px}.detail-digital small{display:block;margin-top:5px;color:#796c5a;font-size:11px;font-weight:400}.art-reviews,.detail-reviews{color:#516960;font:600 11px/1.4 Arial,sans-serif;text-underline-offset:3px}.detail-reviews{display:inline-block;margin-top:14px}.detail-digital[hidden],.detail-reviews[hidden]{display:none}.art-digital:hover,.detail-digital:hover{background:#ede2d2}.art-purchase-links a:focus-visible,.detail-digital:focus-visible,.detail-reviews:focus-visible{outline:3px solid #78a58a;outline-offset:3px}

.art-card{content-visibility:auto;contain-intrinsic-size:auto 520px}
.community-grid{columns:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:17px;align-items:start}.community-grid .art-card{display:block;margin:0}
@media(max-width:600px){.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Reactions remain separate from the artwork opening button. */
.art-card-visual{position:relative}.art-card-visual .art-card-actions{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;padding:0}.art-card-visual .art-card-actions button{flex:none;width:36px;height:36px;min-height:36px;border:1px solid #ffffffb3;border-radius:50%;background:#fffdf3ed;box-shadow:0 2px 8px #0003;color:#163e49;font-size:22px;line-height:1}.art-card-visual .art-card-actions button[aria-pressed=true]{background:#ddf4ef;color:#08616b;border-color:#5caaa5}.art-card-visual .art-card-actions button:focus-visible{outline:3px solid #208e9c;outline-offset:3px}

.detail-digital{background:#083b4b;color:#fff;border-color:#083b4b}.detail-digital small{color:#e0eef1}.detail-digital:hover,.detail-digital:focus-visible{background:#125b6c;color:#fff}

.detail-inspiration{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.detail-inspiration[hidden]{display:none}.detail-inspiration summary{cursor:pointer;color:#425257;font:700 12px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}.detail-inspiration summary:hover{color:#a8543d}.detail-inspiration summary:focus-visible{outline:3px solid #68bac4;outline-offset:4px}.detail-inspiration p{white-space:pre-wrap;overflow-wrap:anywhere;color:#514d46;font:14px/1.6 Arial,sans-serif;margin:12px 0 0}

/* Approved flowing gallery; preserve the existing card and action styling. */
.community-grid{--gallery-columns:5;gap:12px}
.community-grid.bp-masonry{display:block;position:relative}
.community-grid.bp-masonry>.art-card{position:absolute;margin:0;content-visibility:visible;contain-intrinsic-size:none;box-shadow:0 5px 16px #243e3514}
@media(max-width:1200px){.community-grid{--gallery-columns:4}}
@media(max-width:1000px){.community-grid{--gallery-columns:3}}
@media(max-width:650px){.community-grid{--gallery-columns:2}}
@media(max-width:360px){.community-grid{--gallery-columns:1}}

.art-inspiration{display:flex;align-items:flex-start;gap:5px;margin:7px 0}.art-meta .art-inspiration p{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.5;color:#514d46}.art-inspiration.expanded p{white-space:pre-wrap;overflow-wrap:anywhere}.art-meta .art-inspiration button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;flex:0 0 24px;width:24px;height:22px;min-height:22px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#745443;cursor:pointer;line-height:1;box-shadow:none}.art-inspiration button::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .16s ease}.art-inspiration button[aria-expanded="true"]::before{transform:translateY(2px) rotate(225deg)}.art-inspiration button:hover{background:#eee5d9}.art-meta .art-inspiration button[hidden]{display:none}.art-inspiration button[hidden]{display:none}.art-inspiration button:focus-visible{outline:3px solid #68bac4;outline-offset:2px}
