/* Commerce case studies extend the existing editorial system. */
.commerce-refined .case-hero { width:100%; }
.commerce-refined h1 span[lang="ko"] { font-family:Arial,"Apple SD Gothic Neo",sans-serif; font-weight:800; letter-spacing:-.07em; }
.commerce-path { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:42px 0 0; padding:0; border-top:1px solid var(--ink); border-bottom:1px solid var(--line); }
.commerce-path li { padding:26px 26px 26px 0; }
.commerce-path li+li { border-left:1px solid var(--line); padding-left:26px; }
.commerce-path h3,.commerce-notes h3 { font:32px/1.05 var(--display); text-transform:uppercase; margin:18px 0 14px; }
.commerce-path p { font-size:16px; line-height:1.6; }
.commerce-split { display:grid; grid-template-columns:1.1fr 1fr; gap:7%; align-items:center; }
.commerce-notes>div { border-top:1px solid var(--line); padding:23px 0; }
.commerce-notes p { font-size:16px; line-height:1.6; }
.commerce-film { max-width:1200px; margin:auto; }
.commerce-film .film { background:#e8e5de; }
.commerce-film video { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.commerce-creators { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; max-width:1100px; margin:0 auto; }
.commerce-creators .photo:nth-child(2) { margin-top:35px; }
.commerce-creators .photo-button img { width:100%; height:auto; }
.commerce-creators-pair { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:780px; }
.commerce-campaign+.commerce-campaign { margin-top:60px; }
.commerce-campaign-heading { max-width:700px; margin:0 auto 28px; }
.commerce-campaign-heading h3 { font:clamp(30px,3.7vw,48px)/1.05 var(--display); margin:13px 0 18px; }
.commerce-campaign-heading p { font-size:16px; line-height:1.6; }
.commerce-result { display:flex; align-items:center; gap:50px; padding:32px 0; border-top:1px solid var(--ink); }
.commerce-result>strong { font:clamp(90px,15vw,200px)/.9 var(--display); letter-spacing:-.06em; color:#746185; }
.commerce-result h3 { font:clamp(36px,5vw,66px)/1 var(--display); margin:12px 0; }
.commerce-result p { font-size:15px; }
.commerce-jongga-pair { grid-template-columns:1.35fr .75fr; gap:7%; align-items:center; }
.commerce-jongga-pair>.photo:nth-child(2) { margin-top:0; }
.case-sources { font-size:13px; padding-bottom:32px; color:var(--grey); }
.case-sources summary { min-height:44px; cursor:pointer; padding:12px 0; font-size:12px; }
.case-sources p { max-width:65ch; margin:10px 0; }
.case-sources ul { margin:0; padding-left:20px; }
.case-sources a { display:inline-block; min-height:44px; padding:10px 0; text-decoration:underline; text-underline-offset:4px; }
.commerce-refined .photo-plus { width:44px; height:44px; }
@media(max-width:760px) {
 .commerce-refined h1 { overflow-wrap:normal; font-size:clamp(32px,8.8vw,62px); }
 .commerce-refined .section-rail>span:last-child { display:none; }
 .commerce-path { grid-template-columns:1fr; margin-top:30px; }
 .commerce-path li,.commerce-path li+li { padding:22px 0; border-left:0; }
 .commerce-path li+li { border-top:1px solid var(--line); }
 .commerce-path h3,.commerce-notes h3 { font-size:28px; margin:12px 0; }
 .commerce-split { grid-template-columns:1fr; gap:26px; }
 .commerce-creators { grid-template-columns:1fr; gap:30px; max-width:380px; }
 .commerce-creators .photo:nth-child(2) { margin-top:0; }
 .commerce-creators-pair { grid-template-columns:1fr; max-width:360px; }
 .commerce-campaign+.commerce-campaign { margin-top:42px; }
 .commerce-result { gap:22px; flex-wrap:wrap; padding:26px 0; }
 .commerce-result>strong { font-size:clamp(84px,25vw,130px); }
 .commerce-result h3 { font-size:38px; }
 .commerce-jongga-pair { grid-template-columns:1fr; gap:28px; }
 .commerce-jongga-pair>.photo:nth-child(2) { width:85%; max-width:390px; margin:auto; }
 .commerce-refined .case-details dd { font-size:16px; }
 .case-sources { font-size:14px; }
}

/* Daesang refinement: real product imagery, a readable commerce path. */
.case-attributes { display:flex; flex-wrap:wrap; gap:8px 20px; list-style:none; padding:0; margin:-12px 0 28px; font-size:14px; color:#5b4d67; }
.commerce-product-pair { display:grid; grid-template-columns:1fr 1fr; gap:5%; align-items:center; max-width:1080px; margin:0 auto; }
.commerce-product-pair .photo { min-width:0; width:100%; }
.commerce-asset-note { max-width:62ch; font-size:17px; line-height:1.65; margin:32px 0 0 auto; }
.commerce-partner { display:grid; grid-template-columns:1fr .9fr; gap:9%; align-items:center; max-width:940px; margin:65px auto 0; }
.commerce-partner-copy h3 { font:clamp(34px,4vw,58px)/1.05 var(--display); margin:18px 0 22px; }
.commerce-partner-copy p { max-width:37ch; font-size:17px; line-height:1.65; }
.commerce-partner .photo { width:100%; max-width:390px; margin-left:auto; }
.commerce-purchase { max-width:1120px; margin:auto; }
.commerce-path-vertical { grid-template-columns:1fr; margin-top:20px; }
.commerce-path-vertical li,.commerce-path-vertical li+li { padding:22px 0; border-left:0; }
.commerce-path-vertical li+li { border-top:1px solid var(--line); }
.commerce-path-vertical h3 { margin:12px 0; }
@media(max-width:760px) {
 .case-attributes { gap:7px 16px; margin:-6px 0 23px; font-size:14px; line-height:1.5; }
 .commerce-product-pair,.commerce-partner { grid-template-columns:1fr; gap:28px; }
 .commerce-product-pair .photo { max-width:500px; margin:0 auto; }
 .commerce-asset-note { font-size:16px; margin-top:25px; }
 .commerce-partner { margin-top:42px; }
 .commerce-partner-copy h3 { font-size:34px; }
 .commerce-partner-copy p { font-size:16px; max-width:none; }
 .commerce-partner .photo { max-width:360px; margin:auto; }
 .commerce-purchase .photo { width:100%; max-width:500px; margin:auto; }
}