Art to Play 2026

.lto-artplay {
max-width: 1000px;
margin: 0 auto;
padding: 32px 18px;
color: #322416;
line-height: 1.65;
}

.lto-artplay,
.lto-artplay * {
box-sizing: border-box;
}

/ Introduction /

.lto-artplay__intro {
padding: 38px;
border-radius: 20px;
background: linear-gradient(135deg, #623804, #9a6025);
color: #fff;
}

.lto-artplay__label {
display: block;
margin-bottom: 12px;
font-size: .85rem;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}

.lto-artplay__intro h2 {
margin: 0 0 14px;
color: #fff;
font-size: clamp(2rem, 5vw, 3.2rem);
line-height: 1.15;
}

.lto-artplay__badge {
display: inline-block;
margin-bottom: 20px;
padding: 7px 15px;
border: 1px solid rgba(255, 255, 255, .4);
border-radius: 999px;
background: rgba(255, 255, 255, .12);
color: #fff;
font-size: .95rem;
font-weight: 700;
}

.lto-artplay__lead {
max-width: 720px;
margin: 0 0 24px;
font-size: 1.1rem;
}

/ Buttons /

.lto-artplay__button {
display: inline-block;
padding: 13px 24px;
border-radius: 999px;
background: #623804;
color: #fff !important;
font-weight: 700;
line-height: 1.4;
text-align: center;
text-decoration: none;
transition: background .2s ease;
}

.lto-artplay__intro .lto-artplay__button {
background: #fff;
color: #623804 !important;
}

.lto-artplay__button:hover {
background: #8a501b;
color: #fff !important;
}

.lto-artplay__intro .