.art-proposals{display:grid;grid-template-columns:1fr 1fr;gap:48px 36px}
.art-proposal h2{font:300 29px/1.2 var(--heading);margin:8px 0 20px}
.art-proposal>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:460px}
.concert-art{--art-surface:#d7dad6;--art-rule:#acb1ad;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:270px;padding:26px;color:var(--ink);background:var(--art-surface)}
.concert-art-top,.concert-art-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;letter-spacing:.05em;position:relative;z-index:1}
.concert-art-top>span{text-transform:lowercase;font-size:14px;letter-spacing:-.04em}
.concert-art-top time{font-variant-numeric:tabular-nums}
.concert-art-content{display:flex;align-items:center;gap:22px;margin:35px 0;position:relative;z-index:1}
.concert-art-place{display:flex;flex-direction:column;gap:10px;min-width:0}
.concert-art-city{font:300 clamp(29px,3vw,39px)/1.1 var(--heading);overflow-wrap:anywhere}
.concert-art-venue{font-size:11px;line-height:1.7;max-width:310px}
.concert-art-bottom{color:var(--muted)}
.concert-art-day,.concert-art-axis{display:none}
.concert-art--a{background:transparent;border:1px solid var(--art-rule)}
.concert-art--a .concert-art-top{border-bottom:1px solid var(--line);padding-bottom:16px}
.concert-art--a .concert-art-top>span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-right:9px;vertical-align:middle}
.concert-art--a .concert-art-bottom{border-top:1px solid var(--line);padding-top:13px}
.concert-art--b{background:var(--art-surface)}
.concert-art--b .concert-art-day{display:block;font:300 92px/.9 var(--heading);color:var(--red);letter-spacing:-.04em;flex-shrink:0}
.concert-art--b .concert-art-place{border-left:1px solid var(--red);padding-left:22px}
.concert-art--b .concert-art-city{font-size:32px}
.concert-art--c{background:#dce0dc}
.concert-art--c:after{content:'';position:absolute;width:245px;height:245px;right:-155px;bottom:-100px;border:1px solid var(--art-rule);border-radius:50%;box-shadow:0 0 0 23px #dce0dc,0 0 0 24px var(--art-rule),0 0 0 47px #dce0dc,0 0 0 48px var(--art-rule),0 0 0 71px #dce0dc,0 0 0 72px var(--art-rule);opacity:.45;z-index:-1}
.concert-art--c .concert-art-top time{border-bottom:1px solid var(--red);padding-bottom:5px}
.concert-art--c .concert-art-bottom>span:first-child{color:var(--red)}
.concert-art--d{background:transparent;padding:26px 0;border-block:1px solid var(--line);min-height:240px}
.concert-art--d .concert-art-content{margin:28px 0 20px}
.concert-art--d .concert-art-axis{display:flex;align-items:center;justify-content:space-between;height:1px;background:var(--line);margin:0 0 20px}
.concert-art--d .concert-art-axis i{width:4px;height:4px;border-radius:50%;background:var(--muted)}
.concert-art--d .concert-art-axis i:nth-child(2){width:7px;height:7px;background:var(--red);margin-right:40%}
.concert-art--d .concert-art-top time{color:var(--red)}
.art-preview-controls{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;margin:16px 0 22px;align-items:center}
.art-preview-controls a{border:1px solid var(--line);padding:7px 10px}
.art-preview-controls a[aria-current=true]{border-color:var(--red);color:var(--red)}
.art-preview-controls .art-preview-compare{border:0;padding-inline:0;text-decoration:underline;text-underline-offset:3px}
[data-theme=dark] .concert-art{--art-surface:#2b3031;--art-rule:#5b6362}
[data-theme=dark] .concert-art--c{background:#282d2e}
[data-theme=dark] .concert-art--c:after{box-shadow:0 0 0 23px #282d2e,0 0 0 24px var(--art-rule),0 0 0 47px #282d2e,0 0 0 48px var(--art-rule),0 0 0 71px #282d2e,0 0 0 72px var(--art-rule)}
@media(max-width:760px){.art-proposals{grid-template-columns:1fr;gap:38px}.concert-art{min-height:245px;padding:22px}.concert-art--d{padding-inline:0;min-height:225px}.concert-art--b .concert-art-day{font-size:76px}.concert-art--b .concert-art-place{padding-left:16px}.concert-art-content{gap:16px}.concert-art--b .concert-art-city{font-size:29px}}

/* Wariant wybrany: B z detalami A, C i D. */
.concert-art--b,[data-theme=dark] .concert-art--b{--art-surface:#3a4042;--art-rule:#747d7e;--art-accent:#ef9d83;background:var(--art-surface);color:#f4f5f1;container-type:inline-size;min-height:285px}
.concert-art--b:after{content:'';position:absolute;width:245px;height:245px;right:-155px;bottom:-100px;border:1px solid var(--art-rule);border-radius:50%;box-shadow:0 0 0 23px var(--art-surface),0 0 0 24px var(--art-rule),0 0 0 47px var(--art-surface),0 0 0 48px var(--art-rule),0 0 0 71px var(--art-surface),0 0 0 72px var(--art-rule);opacity:.3;z-index:-1}
.concert-art--b .concert-art-top>span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--art-accent);margin-right:9px;vertical-align:middle}
.concert-art--b .concert-art-top time{border-bottom:1px solid var(--art-accent);padding-bottom:5px}
.concert-art--b .concert-art-day{font-size:clamp(54px,18cqw,78px);color:var(--art-accent);white-space:nowrap}
.concert-art--b .concert-art-content{margin:34px 0 28px}
.concert-art--b .concert-art-place{border-color:var(--art-accent)}
.concert-art--b .concert-art-venue{color:#d5d9d8}
.concert-art--b .concert-art-bottom{color:#c3c9c8}
.concert-art--b .concert-art-bottom>span:first-child{color:var(--art-accent)}
.concert-art--b .concert-art-axis{display:flex;align-items:center;justify-content:space-between;height:1px;background:var(--art-rule);margin:0 0 20px;position:relative;z-index:1}
.concert-art--b .concert-art-axis i{width:4px;height:4px;border-radius:50%;background:#b3bcba}
.concert-art--b .concert-art-axis i:nth-child(2){width:7px;height:7px;background:var(--art-accent);margin-right:40%}
@container(max-width:360px){.concert-art--b .concert-art-content{flex-direction:column;align-items:flex-start;gap:22px}.concert-art--b .concert-art-day{font-size:66px}.concert-art--b .concert-art-city{font-size:32px}}