.shop-atelier { margin: 40px 0 56px; padding: clamp(20px,3vw,36px); background:#eee6da; color:#211e29; border-radius:12px; scroll-margin-top:100px; }
.shop-atelier header { max-width:76ch; margin-bottom:24px; }
.shop-atelier h2 { font-size:clamp(1.6rem,3vw,2.4rem); line-height:1.15; margin:0 0 16px; }
.shop-atelier header p { line-height:1.65; margin:10px 0; }
.shop-atelier__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.shop-atelier article { min-width:0; background:#fffaf3; border:1px solid #d8cabb; border-radius:8px; overflow:hidden; scroll-margin-top:100px; }
.shop-atelier article img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.shop-atelier__copy { padding:20px; }
.shop-atelier h3 { margin:0 0 12px; font-size:1.3rem; line-height:1.3; }
.shop-atelier article p { margin:0 0 12px; line-height:1.6; }
.shop-atelier__execution { color:#625965; font-size:.95rem; }
.shop-atelier__price { font-weight:600; }
.shop-atelier__action { display:inline-flex; align-items:center; min-height:44px; color:#593caf; font-weight:650; text-underline-offset:4px; }
.shop-atelier__action:hover { color:#452c92; }
.shop-atelier__action:focus-visible,.shop-atelier summary:focus-visible { outline:3px solid #593caf; outline-offset:4px; }
.shop-atelier details { margin-top:24px; }
.shop-atelier summary { cursor:pointer; min-height:44px; padding:12px 0; font-weight:650; color:#593caf; }
.shop-atelier details[open] summary { margin-bottom:16px; }
@media(min-width:1500px) { .shop-atelier__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:620px) { .shop-atelier__grid { grid-template-columns:1fr; } .shop-atelier__copy { padding:16px; } }