/* Clear process order, authentic client marks, and retained work screenshots. */
.sl29-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:44px 0 0}
.sl29-process li{position:relative;min-width:0;padding:0;margin:0;display:flex;flex-direction:column}
.sl29-step-copy{display:flex;flex-direction:column;flex:1}
.sl29-process li:not(:last-child):before{content:'';position:absolute;top:32px;left:84px;right:-16px;height:1px;background:#bc9a80}
.sl29-process li:not(:last-child):after{content:'';position:absolute;right:-16px;top:29px;width:7px;height:7px;border-top:1px solid #a57e60;border-right:1px solid #a57e60;transform:rotate(45deg)}
.sl29-step-number{display:flex;flex-direction:column;align-items:center;justify-content:center;width:66px;height:66px;border:1px solid #b99478;border-radius:50%;background:#fcf7f0;color:#774f39;font:400 27px/1.1 var(--sl-serif);margin-bottom:26px;box-shadow:4px 4px 0 #d7bea888}
.sl29-step-number>span{font:500 8px/1.7 var(--sl-sans);letter-spacing:.14em;margin-bottom:1px}
.sl29-process .sl29-step-copy h3{font:500 21px/1.65 var(--sl-serif);letter-spacing:0;margin:0 0 15px;color:#4b372f}
.sl29-process .sl29-step-copy p{font:400 13px/2.1 var(--sl-sans);margin:0;color:#705b4e}
.sl29-process .sl29-step-copy p:not(.sl29-step-note){margin-bottom:22px}
.sl29-process .sl29-step-copy .sl29-step-note{border-top:1px solid #cfb9a5;margin-top:auto;padding-top:13px;font:500 11px/1.8 var(--sl-sans);color:#87634a}
.sl29-client-brand{display:flex;align-items:center;justify-content:flex-start;height:48px;margin:0 0 14px;max-width:100%}
.sl29-client-brand img{display:block;max-width:170px!important;width:170px;height:46px!important;object-fit:contain!important;object-position:left center!important;border:0!important;box-shadow:none!important;margin:0!important;filter:none!important}
.sl29-brand-harukaze img{max-width:160px!important}
.sl29-brand-shippou img{max-width:140px!important}
.sl29-brand-ichikoubou img{max-width:128px!important;height:58px!important}
.sl29-brand-aurora img{max-width:46px!important}
.sl29-brand-datax img{max-width:128px!important}
.sl29-brand-career img{max-width:155px!important}
.sl28-work .sl29-client-brand{height:48px;margin:5px 0 14px}
.case-card .sl29-client-brand{height:38px;margin:15px 0 13px}
.case-card .sl29-client-brand img{height:36px!important;max-width:150px!important;width:150px}
.case-card .sl29-brand-ichikoubou img{max-width:110px!important}
.case-card .sl29-brand-shippou img{max-width:125px!important}
.sl29-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.sl29-example{min-width:0;border-top:1px solid #d1bba5;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start}
.sl29-example .sl29-client-brand{margin-bottom:15px;height:44px}
.sl29-example h3{font:500 20px/1.7 var(--sl-serif);color:#4b372f;margin:0 0 7px}
.sl29-example .sl29-example-scope{font:400 10px/1.8 var(--sl-sans);color:#8b6a51;margin:0 0 22px}
.sl29-example-image{display:block;aspect-ratio:16/10;width:100%;padding:14px 14px 0;overflow:hidden;border:1px solid #decebd;border-radius:0 28px 0 0;background:#e6d6c5;margin:0 0 22px}
.sl29-example-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border:1px solid #fdf8f3}
.sl29-example .sl29-example-result{font:500 16px/1.8 var(--sl-sans);color:#774d35;margin:0 0 13px}
.sl29-example .sl29-example-body{font:400 13px/2 var(--sl-sans);color:#705c4e;margin:0 0 15px}
.sl29-example .sl29-example-note{font:400 10px/1.9 var(--sl-sans);color:#8b7564;margin:0 0 18px}
.sl29-example-link{display:inline-flex;align-items:center;gap:22px;font:500 12px/1.8 var(--sl-sans);color:#6b4b36;text-decoration:none;border-bottom:1px solid #b99d84;padding:9px 0;text-underline-offset:5px}
.sl29-example-link:hover{color:#462d1e;border-color:#462d1e}
.sl29-example>.sl29-example-link{margin-top:auto}
.sl29-case-more{margin:34px 0 0;text-align:right}
@media(max-width:1000px){
 .sl29-process{gap:25px}
 .sl29-process .sl29-step-copy h3{font-size:19px}
 .sl29-example-grid{gap:25px}
 .sl29-example h3{font-size:18px}
}
@media(max-width:760px){
 .sl29-process{grid-template-columns:1fr;gap:0;margin-top:30px}
 .sl29-process li{display:grid;grid-template-columns:57px minmax(0,1fr);gap:24px;padding:0 0 32px}
 .sl29-process li:last-child{padding-bottom:0}
 .sl29-process li:not(:last-child):before{left:28px;right:auto;top:73px;bottom:12px;width:1px;height:auto}
 .sl29-process li:not(:last-child):after{left:25px;right:auto;top:auto;bottom:12px;transform:rotate(135deg)}
 .sl29-step-number{width:57px;height:57px;font-size:24px;margin:0;box-shadow:3px 3px 0 #d7bea888}
 .sl29-process .sl29-step-copy h3{font-size:21px;margin:4px 0 12px}
 .sl29-process .sl29-step-copy p{font-size:13px;line-height:2}
 .sl29-process .sl29-step-copy p:not(.sl29-step-note){margin-bottom:0}
 .sl29-process .sl29-step-copy .sl29-step-note{font-size:10px;margin-top:16px;padding-top:11px}
 .sl29-example-grid{grid-template-columns:1fr;gap:34px}
 .sl29-example{padding-top:23px}
 .sl29-example h3{font-size:22px}
 .sl29-example-image{margin-bottom:21px;aspect-ratio:16/10}
 .sl29-example .sl29-example-scope{margin-bottom:20px}
 .sl29-example .sl29-example-result{font-size:16px}
 .sl29-client-brand img{max-width:150px!important}
 .sl29-client-brand{height:43px}
 .sl29-case-more{text-align:left;margin-top:29px}
}
@media(max-width:360px){
 .sl29-process li{grid-template-columns:48px minmax(0,1fr);gap:19px}
 .sl29-step-number{width:48px;height:48px;font-size:22px}
 .sl29-process li:not(:last-child):before{left:24px;top:64px}
 .sl29-process li:not(:last-child):after{left:21px}
 .sl29-process .sl29-step-copy h3{font-size:19px}
}
