/* Reuse the Portfolio palette and typefaces; each family has a distinct composition. */
.gallery-refinements .study-heading{margin-bottom:24px}
.gallery-refinements .study-chooser{flex:1;max-width:550px}
.gallery-refinements .study-chooser select{flex:1;min-width:0}
.gallery-refinements .study-stage{--gallery-title-font:Georgia,serif;--gallery-title-size:32px;--gallery-row-gap:40px;--gallery-column-gap:40px;--gallery-art-ratio:1.8;--gallery-line:1px;--gallery-art-scale:1;--gallery-art-height:220px}
.gallery-overview{border-top:1px solid var(--study-rule);margin-bottom:20px}
.gallery-overview>summary{cursor:pointer;min-height:48px;padding-block:16px;font-size:16px}
.gallery-overview>summary span{font-size:13px;color:var(--study-muted);margin-inline-start:12px}
.gallery-overview section{margin-block:20px 28px}
.gallery-overview h2{font:400 18px/1.4 Arial,Helvetica,sans-serif;margin:0 0 14px}
.gallery-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.gallery-tiles button{padding:12px;text-align:start;min-width:0;border-radius:0}
.gallery-tiles button:hover,.gallery-tiles button[aria-pressed=true]{border-color:var(--ink);background:#f2f2eb}
.gallery-tiles button[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:2px}
.gallery-thumbnail{height:68px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start;margin-bottom:12px;padding:4px}
.gallery-thumbnail i{display:block;border:1px solid var(--study-rule);height:52px;position:relative}
.gallery-thumbnail i::before{content:"";display:block;width:18px;height:18px;border:1px solid #73776a;border-radius:50%;margin:10px auto 7px}
.gallery-thumbnail i::after{content:"";position:absolute;inset-inline:6px;bottom:6px;border-bottom:1px solid var(--study-rule)}
.gallery-thumbnail[data-format=square] i{height:48px}
.gallery-thumbnail[data-format=tall] i{height:61px;margin-inline:8px}
.gallery-thumbnail[data-family=open] i{border-color:transparent}
.gallery-thumbnail[data-family=mat] i{outline:4px solid #ebebe2;outline-offset:2px}
.gallery-thumbnail[data-family=heading] i::after,.gallery-thumbnail[data-family=poster] i::after{bottom:auto;top:5px;border-width:2px}
.gallery-thumbnail[data-family=heading] i::before,.gallery-thumbnail[data-family=poster] i::before{margin-top:19px}
.gallery-thumbnail[data-family=margin]{border-inline-start:1px solid #73776a;padding-inline-start:10px}
.gallery-thumbnail[data-family=inset] i{border-bottom-width:8px}
.gallery-thumbnail[data-family=rules] i{border-block:3px double #73776a;border-inline:0}
.gallery-thumbnail[data-family=rail] i{border:0;border-inline-start:2px solid #73776a}
.gallery-thumbnail[data-family=ledger] i{border:0;border-bottom:4px double #73776a}
.gallery-tile-title{font:400 14px/1.5 Arial,Helvetica,sans-serif;display:block;overflow-wrap:anywhere}
.gallery-draft-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;margin-bottom:28px;align-items:baseline}
.gallery-draft-heading h2{font:400 48px/1.2 Arial,Helvetica,sans-serif;margin:0;text-wrap:balance;letter-spacing:-.03em}
.gallery-draft-heading .gallery-number{font:400 14px/1.4 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;color:var(--study-muted)}
.gallery-draft-heading p{grid-column:1/-1;font:400 15px/1.5 Arial,Helvetica,sans-serif;color:var(--study-muted);margin:0}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gallery-row-gap) var(--gallery-column-gap)}
.gallery-grid .study-card{display:flex;flex-direction:column;gap:20px;min-width:0}
.gallery-grid .study-art-frame{height:auto;aspect-ratio:var(--gallery-art-ratio);border:var(--gallery-line) solid var(--study-rule);padding:20px;position:relative;overflow:hidden}
.gallery-grid .study-art{transform:scale(var(--gallery-art-scale));stroke-width:var(--gallery-line)}
.gallery-grid .study-art .fine{stroke-width:calc(var(--gallery-line) * .7)}
.gallery-grid .study-card-copy{display:flex;flex-direction:column;gap:10px;min-width:0}
.gallery-grid .study-card h3{font-family:var(--gallery-title-font);font-size:var(--gallery-title-size);font-style:var(--gallery-title-style);font-weight:400;line-height:1.15;letter-spacing:var(--gallery-tracking,-.02em);text-wrap:balance}
.gallery-grid .study-card p{font-size:16px;line-height:1.6;margin:0;max-width:44ch;text-wrap:pretty;color:#555950}
.gallery-grid .gallery-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font:400 13px/1.5 Arial,Helvetica,sans-serif;color:var(--study-muted);margin-top:5px;min-height:28px}
.gallery-grid .gallery-meta span:first-child{font-variant-numeric:tabular-nums}
.gallery-grid .gallery-action{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--ink)}
.gallery-grid .study-arrow{margin:0;width:20px;height:20px;stroke-width:1.3;align-self:center}
.gallery-grid[data-action=circle] .gallery-action{border:1px solid var(--study-rule);border-radius:50%;height:40px;width:40px;justify-content:center;flex:none}
.gallery-grid[data-action=rule] .gallery-meta{padding-block:12px 2px;border-top:1px solid var(--study-rule)}
.gallery-grid[data-align=center] .study-card-copy{text-align:center;align-items:center}
.gallery-grid[data-align=center] .gallery-meta{width:100%}
.gallery-grid[data-family=quiet] .study-card{padding-bottom:18px;border-bottom:1px solid var(--study-rule)}
.gallery-grid[data-family=mat] .study-art-frame{background:#efefe7;border:0;padding:28px}
.gallery-grid[data-family=mat] .study-art{background:var(--paper);border:1px solid var(--study-rule);padding:12px}
.gallery-grid[data-family=mat] .study-card-copy{padding-inline:8px}
.gallery-grid[data-family=heading] .study-card{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start}
.gallery-grid[data-family=heading] .study-card-copy{display:contents}
.gallery-grid[data-family=heading] .study-card-head{grid-row:1}.gallery-grid[data-family=heading] .study-art-frame{grid-row:2}
.gallery-grid[data-family=heading] .study-card p{grid-row:3}.gallery-grid[data-family=heading] .gallery-meta{grid-row:4}
.gallery-grid[data-family=margin] .study-card{padding-inline-start:44px;border-inline-start:1px solid var(--study-rule)}
.gallery-grid[data-family=margin] .gallery-meta>span:first-child{position:absolute;inset-inline-start:12px;inset-block-start:8px;writing-mode:vertical-rl;letter-spacing:.08em}
.gallery-grid[data-family=open] .study-art-frame{border:0;padding:6px}
.gallery-grid[data-family=open] .study-card{gap:30px;border-bottom:1px solid var(--study-rule);padding-bottom:24px}
.gallery-grid[data-family=inset] .study-card{border:1px solid var(--study-rule);gap:0}
.gallery-grid[data-family=inset] .study-art-frame{border:0;margin:12px 12px 0}
.gallery-grid[data-family=inset] .study-card-copy{padding:24px;border-top:1px solid var(--study-rule)}
.gallery-grid[data-family=rules] .study-card{border-block:3px double var(--study-rule);padding-block:20px 24px}
.gallery-grid[data-family=rules] .study-art-frame{border:0;padding:0 16px}
.gallery-grid[data-family=rail] .study-card{border-inline:1px solid var(--study-rule);padding-inline:26px}
.gallery-grid[data-family=rail] .study-art-frame{border:0;padding:0}
.gallery-grid[data-family=rail] .gallery-meta{padding-top:10px}
.gallery-grid[data-family=poster] .study-card{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-content:start;border-top:1px solid var(--ink);padding-top:18px}
.gallery-grid[data-family=poster] .study-card-copy{display:contents}
.gallery-grid[data-family=poster] .study-card-head{grid-row:1;min-height:2.3em}
.gallery-grid[data-family=poster] .study-art-frame{grid-row:2;border:0;background:#f3f3ed}
.gallery-grid[data-family=poster] .study-card p{grid-row:3}.gallery-grid[data-family=poster] .gallery-meta{grid-row:4;border-top:1px solid var(--study-rule);padding-top:14px}
.gallery-grid[data-family=ledger] .study-art-frame{border:0;padding:8px}
.gallery-grid[data-family=ledger] .study-card-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;border-block:1px solid var(--study-rule);padding-block:18px}
.gallery-grid[data-family=ledger] .study-card p{grid-column:1}.gallery-grid[data-family=ledger] .gallery-meta{grid-column:2;grid-row:1/3;flex-direction:column;justify-content:space-between;border-inline-start:1px solid var(--study-rule);padding-inline-start:16px;margin:0}
.gallery-grid[data-family=ledger] .study-card-head{grid-column:1}
.gallery-grid[data-treatment="1"] .study-art-frame{border-radius:3px}
.gallery-grid[data-treatment="2"] .study-art-frame::before{content:"";position:absolute;inset:12px;border:1px dashed #9ca091;pointer-events:none}
.gallery-grid[data-treatment="3"] .study-art-frame::before,.gallery-grid[data-treatment="3"] .study-art-frame::after{content:"";position:absolute;width:22px;height:22px;border-color:#6d7265;border-style:solid;pointer-events:none}
.gallery-grid[data-treatment="3"] .study-art-frame::before{top:10px;left:10px;border-width:1px 0 0 1px}.gallery-grid[data-treatment="3"] .study-art-frame::after{bottom:10px;right:10px;border-width:0 1px 1px 0}
.gallery-grid[data-treatment="4"] .study-art-frame{background:#f5f5ef}
.gallery-grid[data-treatment="4"] .study-art{stroke-width:1.6}
.gallery-refinements .study-card[href]:hover .study-art{stroke:#333b2b}
@media(max-width:900px){.gallery-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid{column-gap:26px}.gallery-grid[data-family=margin] .study-card{padding-inline-start:30px}.gallery-grid[data-family=margin] .gallery-meta>span:first-child{inset-inline-start:8px}}
@media(max-width:680px){
 .gallery-refinements .study-controls{gap:12px}.gallery-refinements .study-controls select{font-size:16px}.gallery-refinements .study-chooser{max-width:none}.gallery-refinements .study-count select{max-width:calc(100% - 64px)}
 .gallery-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-overview>summary span{display:block;margin:8px 0 0}.gallery-tiles button{padding:10px}
 .gallery-draft-heading{gap:10px}.gallery-draft-heading h2{font-size:36px}.gallery-draft-heading p{font-size:14px}
 .gallery-grid{grid-template-columns:minmax(0,1fr);gap:34px}.gallery-grid .study-card h3{font-size:min(var(--gallery-title-size),34px)}
 .gallery-grid .study-art-frame{aspect-ratio:auto;height:var(--gallery-art-height);padding:16px}.gallery-grid .study-card p{font-size:16px}.gallery-grid .gallery-meta{font-size:13px}
 .gallery-grid[data-family=mat] .study-art-frame{padding:24px}.gallery-grid[data-family=inset] .study-card-copy{padding:20px}
 .gallery-grid[data-family=rail] .study-card{padding-inline:20px}.gallery-grid[data-family=margin] .study-card{padding-inline-start:30px}
 .gallery-grid[data-family=heading] .study-card-copy,.gallery-grid[data-family=poster] .study-card-copy{display:contents}
 .gallery-grid[data-family=ledger] .study-card-copy{gap:10px}.gallery-grid[data-family=ledger] .gallery-meta{padding-inline-start:12px}
}