/* Original artwork gallery. Source imagery is selected from Ujeza's public Behance work. */
.playground{background:#ededeb;color:var(--ink);border-top:1px solid #dadbd8}
.playground-intro{margin:clamp(75px,8vw,125px) 0 clamp(80px,8vw,130px);display:flex;align-items:end;justify-content:space-between;gap:6vw}
.playground-intro h2{font:400 clamp(76px,10.8vw,174px)/.95 var(--display);letter-spacing:-.035em;text-transform:uppercase;flex:1}
.playground-intro h2 em{font:inherit;color:#8d9396}
.playground-intro p{font-size:clamp(15px,1.4vw,19px);line-height:1.6;color:#616a70;max-width:350px;margin:0 0 8px;flex:none}
.playground-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,66px);row-gap:clamp(90px,10vw,160px)}
.play-piece{display:block;min-width:0;color:var(--ink);text-decoration:none}
.play-piece-wide{grid-column:1/-1}
.play-diptych{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,30px)}
.play-image{background:#15191f;position:relative;overflow:hidden;aspect-ratio:4/3}
.play-diptych .play-image{aspect-ratio:1.12}
.play-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.3s cubic-bezier(.16,1,.3,1),filter .8s ease;will-change:transform}
.play-piece:hover .play-image img,.play-piece:focus-visible .play-image img{transform:scale(1.055)}
.play-piece:focus-visible{outline:2px solid #1c2330;outline-offset:9px}
.play-image-planet img{object-position:51% 50%}
.play-image-sculpt img{object-position:50% 25%}
.play-image-tag{position:absolute;top:20px;left:20px;display:flex;gap:24px;align-items:center;color:#f6f5f0;border:1px solid rgba(255,255,255,.45);padding:10px 12px;font-size:9px;font-weight:700;letter-spacing:.13em;z-index:2}
.play-image-tag span{font-size:17px;line-height:0}
.play-caption{border-top:1px solid #9ca2a3;display:flex;align-items:center;gap:20px;padding-top:25px;margin-top:26px}
.play-caption>span:first-child{color:#666e73;font-size:10px;font-weight:700;letter-spacing:.06em;flex:none;align-self:flex-start;margin-top:5px}
.play-caption h3{font:400 clamp(37px,4.5vw,76px)/1 var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:0;flex:1}
.play-link{font:700 10px/1.3 var(--body);letter-spacing:.05em;white-space:nowrap;align-self:flex-start;margin-top:5px}
.play-link span{font-size:18px;display:inline-block;margin-left:6px;transition:transform .3s ease}
.play-piece:hover .play-link span{transform:translate(3px,-3px)}
.playground-footnote{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #b5baba;margin-top:clamp(95px,11vw,175px);padding-top:25px;font:700 10px/1.6 var(--body);letter-spacing:.1em;color:#81888b}
.playground-footnote a{color:var(--ink);text-decoration:none}.playground-footnote a:hover{text-decoration:underline}
.playground-footnote a span{font-size:17px;margin-left:8px}
@media(max-width:1100px){.playground-intro{align-items:start;flex-direction:column;gap:30px}.playground-intro p{max-width:510px}.play-caption{align-items:start;flex-wrap:wrap;gap:12px}.play-caption h3{flex-basis:100%;order:2}.play-link{margin-left:auto}}
@media(max-width:800px){.playground-grid{row-gap:90px}.playground-intro h2{font-size:clamp(72px,12vw,116px)}.play-diptych .play-image{aspect-ratio:.95}.play-image{aspect-ratio:3/4}}
@media(max-width:560px){.playground-intro{margin:66px 0 70px}.playground-intro h2{font-size:clamp(60px,12vw,90px)}.playground-intro p{font-size:15px}.playground-grid{grid-template-columns:1fr;gap:78px}.play-piece-wide{grid-column:auto}.play-diptych{gap:10px}.play-diptych .play-image{aspect-ratio:.72}.play-image{aspect-ratio:1.1}.play-caption{margin-top:18px;padding-top:18px}.play-caption h3{font-size:clamp(43px,9vw,66px)}.playground-footnote{flex-direction:column;align-items:flex-start;gap:12px;margin-top:80px}}
.motion-off .play-image img,.motion-off .play-link span{transition:none!important;transform:none!important}