.workshop-section{background:#eeefe6;border-bottom:1px solid #dce0d1}.workshop-section .section-heading{margin-bottom:37px}.workshop-display{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid #d5dccb;background:#f8f8f1;min-height:355px}.workshop-photo{position:relative;overflow:hidden;background:#d3dacc}.workshop-photo>img{width:100%;height:100%;min-height:355px;max-height:410px;object-fit:cover;display:block}.workshop-photo-number{position:absolute;left:23px;bottom:19px;color:white;background:#203e32df;padding:4px 13px;letter-spacing:.18em;font-size:10px}.workshop-copy{padding:39px 35px;display:flex;flex-direction:column;justify-content:center}.workshop-copy .eyebrow{font-size:8px;color:#8c957c;line-height:1.8;margin-bottom:23px;letter-spacing:.12em}.workshop-copy h3{font-family:'Songti SC','Times New Roman',serif;font-size:31px;line-height:1.3;color:#284535}.workshop-caption{font-size:11px;color:#a15b42;letter-spacing:.04em;line-height:1.6;margin:15px 0 21px}.workshop-copy>p:not(.eyebrow){font-size:12px;line-height:1.95;color:#72806a}.workshop-signature{font-size:8px;letter-spacing:.2em;color:#a0a78f;border-top:1px solid #dce0d1;padding-top:16px;margin-top:25px}.workshop-thumbnails{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-top:20px}.workshop-thumbnails button{padding:0;background:transparent;border:1px solid #d4dacb;text-align:left;color:#6c7a61;position:relative;min-width:0;transition:background .2s}.workshop-thumbnails button[aria-pressed=true]{border-color:#284a34;background:#203e32;color:#fff9e9;box-shadow:inset 0 0 0 1px #284a34}.workshop-thumbnails img{width:100%;aspect-ratio:1.7;object-fit:cover;padding:3px;opacity:.8}.workshop-thumbnails button[aria-pressed=true] img,.workshop-thumbnails button:hover img{opacity:1}.workshop-thumbnails button>span{display:flex;gap:8px;align-items:baseline;padding:8px 9px 10px;font-size:11px;line-height:1.5}.workshop-thumbnails small{font:9px Georgia;opacity:.65}.workshop-bottom{display:flex;gap:35px;align-items:center;justify-content:space-between;margin-top:23px}.workshop-bottom>small{font-size:9px;line-height:1.8;color:#8c967f;max-width:640px}.workshop-bottom .text-link{flex-shrink:0;font-size:11px}.workshop-section{scroll-margin-top:0}
/* Keep the expanded navigation readable at intermediate desktop widths. */
@media(min-width:901px) and (max-width:1250px){header{gap:18px}header nav{gap:16px}.brand,html:not([lang='zh-CN']) .brand{width:180px}.contact-top{display:none}html:not([lang='zh-CN']) nav{gap:14px}}
@media(max-width:1050px){.workshop-display{grid-template-columns:1.2fr 1fr}.workshop-copy{padding:28px}.workshop-thumbnails{gap:9px}.workshop-thumbnails button>span{font-size:10px;padding:8px 7px;gap:5px}.workshop-copy h3{font-size:28px}}
@media(max-width:750px){.workshop-display{grid-template-columns:1fr}.workshop-photo>img{height:310px;min-height:0;max-height:none}.workshop-copy{padding:28px}.workshop-copy .eyebrow{margin-bottom:15px}.workshop-caption{margin:12px 0 15px}.workshop-copy>p:not(.eyebrow){font-size:12px}.workshop-signature{margin-top:20px;padding-top:14px}.workshop-thumbnails{grid-template-columns:repeat(3,1fr);gap:12px}.workshop-thumbnails button>span{font-size:11px}.workshop-bottom{display:block}.workshop-bottom .text-link{margin-top:16px}.workshop-bottom>small{display:block}.workshop-section .section-heading>p{max-width:none}}
@media(max-width:440px){.workshop-photo>img{height:225px}.workshop-copy{padding:23px}.workshop-copy h3{font-size:27px}.workshop-copy .eyebrow{font-size:7px}.workshop-caption{font-size:10px}.workshop-thumbnails{gap:9px}.workshop-thumbnails button>span{font-size:10px;padding:7px;gap:5px}.workshop-thumbnails small{font-size:8px}.workshop-photo-number{left:15px;bottom:14px}.workshop-bottom>small{font-size:8px}}
/* Restore natural photo proportions; avoid stretching and forced cover crops. */
.workshop-display{grid-template-columns:1.2fr 1fr;min-height:0}.workshop-photo{display:flex;align-items:center;justify-content:center;background:#e5e9dd}.workshop-photo>img{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain}.workshop-thumbnails img{opacity:1;object-fit:contain;background:#e5e9dd}
@media(max-width:750px){.workshop-display{grid-template-columns:1fr}.workshop-photo>img{height:auto;min-height:0;max-height:none}.workshop-photo{aspect-ratio:auto}}
.workshop-signature{display:flex;justify-content:space-between;gap:15px;align-items:center}.workshop-signature a{font-size:10px;letter-spacing:0;color:#607b51;border-bottom:1px solid #bcc8af;line-height:1.9}.workshop-signature a:hover{color:#203e32}