.trail-case { max-width:1120px; margin:120px auto 80px; padding-top:65px; border-top:1px solid #b7d9e7; scroll-margin-top:170px; }
.trail-case-heading { max-width:760px; margin:0 0 34px; }
.trail-case h2 { font:34px/1.55 "Songti SC",serif; color:#ad3979; margin:14px 0; }
.trail-case h3 { font:27px/1.55 "Songti SC",serif; color:#ad3979; margin:12px 0 20px; }
.trail-case h4 { font:18px/1.6 "Songti SC",serif; color:#365f78; margin:12px 0; }
.trail-case p,.trail-case dd { font-size:14px; line-height:1.9; color:#365f78; }
.trail-case .trail-case-project { font-size:18px; color:#ad3979; }
.trail-case .work-figure { min-width:0; margin:0; }
.trail-case .work-figure>button { display:block; width:100%; height:auto; }
.trail-case .work-figure img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; border-radius:3px; }
.trail-case .work-figure figcaption { font-size:11px; line-height:1.8; margin-top:12px; }
.trail-case .work-figure figcaption>span:first-child { display:none; }
.trail-case .work-figure button:focus-visible { outline:2px solid #ad3979; outline-offset:5px; }
.trail-case-brief { padding:28px 0; border-bottom:1px solid #c4dfe9; }
.trail-case-brief>dl { display:grid; grid-template-columns:1.4fr 1fr 1.2fr; gap:30px; margin:0; }
.trail-case dt { color:#ad3979; font-size:12px; margin:0 0 8px; }
.trail-case dd { margin:0; }
.trail-case .trail-case-source { color:#648698; font-size:11px; margin:22px 0 0; }
.trail-case a { color:#a43e75; text-underline-offset:4px; }
.trail-case-work { padding:60px 0 0; }
.trail-case-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; list-style:none; padding:0; margin:30px 0 65px; }
.trail-case-steps li { border-top:1px solid #c4dfe9; padding-top:18px; }
.trail-case-steps li>span { font:30px/1.2 Georgia,serif; color:#90b7ca; }
.trail-materials { display:grid; grid-template-columns:minmax(0,.85fr) repeat(2,minmax(0,1fr)); gap:30px; align-items:start; }
.trail-material-note { padding:20px 15px 0 0; }
.trail-material-note>span,.trail-case-close>span { color:#648698; font-size:10px; }
.trail-personal-credit { margin-top:30px; padding-top:18px; border-top:1px dashed #b7d9e7; }
.trail-personal-credit strong { font-weight:400; color:#ad3979; line-height:2; }
.trail-case-scene { margin-top:80px; }
.trail-case-scene>header { max-width:760px; }
.trail-case .trail-scope-note { color:#648698; font-size:12px; margin:18px 0 28px; }
.trail-scene-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; align-items:start; }
.trail-scene-grid>.work-figure:first-child { grid-column:1/-1; width:74%; margin:auto; }
.trail-case-finish { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; margin-top:45px; }
.trail-case-close { display:flex; align-items:baseline; justify-content:space-between; gap:30px; padding-top:25px; border-top:1px solid #c4dfe9; margin-top:45px; }
.trail-case-close p { margin:0; }
@media(max-width:900px) {
 .trail-materials { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .trail-material-note { grid-column:1/-1; padding:0; max-width:600px; }
 .trail-material-note h3 br { display:none; }
}
@media(max-width:600px) {
 .trail-case { margin-top:75px; padding-top:35px; }
 .trail-case h2 { font-size:26px; }
 .trail-case h3 { font-size:23px; }
 .trail-case-brief>dl,.trail-case-steps,.trail-materials,.trail-scene-grid,.trail-case-finish { grid-template-columns:minmax(0,1fr); gap:25px; }
 .trail-case-brief>dl { gap:20px; }
 .trail-case-steps { margin-bottom:40px; }
 .trail-material-note,.trail-scene-grid>.work-figure:first-child { grid-column:auto; width:100%; }
 .trail-materials .work-figure { width:min(100%,370px); margin-inline:auto; }
 .trail-case-work { padding-top:35px; }
 .trail-case-scene { margin-top:50px; }
 .trail-case-close { display:block; }
 .trail-case-close p { margin-top:12px; }
}