/* Approved case consultation and process gallery. */
.case-consult{display:grid;grid-template-columns:1fr auto;gap:30px 55px;align-items:center;background:#f1f6f3;border-radius:22px;padding:45px;margin:50px 0 85px}.case-consult span{font:750 11px/1 var(--font-site);letter-spacing:.12em;color:#1c7b61}.case-consult h2{font-size:clamp(23px,2.6vw,36px);line-height:1.6;margin:14px 0}.case-consult p{font-size:15px;line-height:1.9;max-width:32em}.case-consult a{display:flex;align-items:center;justify-content:space-between;gap:24px;width:clamp(420px,36vw,520px);max-width:100%;min-height:112px;padding:28px;border:1.5px solid #161616;border-radius:50px;background:#1c7b61;color:#fff;box-shadow:4px 4px 0 #161616;text-decoration:none;font-size:clamp(20px,1.6vw,24px);font-weight:750;line-height:1.6;transition:translate .2s}.case-consult a:hover{translate:0 -3px}.case-consult svg{width:32px;min-width:32px;height:32px}
.case-inquiry-context{position:relative;display:flex;align-items:center;gap:18px;padding:18px 44px 18px 18px;background:#eef7f2;border:1.5px solid #1c7b61;border-radius:16px;margin-bottom:24px}.case-inquiry-context img{width:112px;height:70px;object-fit:cover;border-radius:6px}.case-inquiry-context small{display:block;font-size:11px;color:#1c7b61;font-weight:750;margin-bottom:7px}.case-inquiry-context strong{font-size:18px;line-height:1.6;display:block}.case-inquiry-context p{font-size:12px;line-height:1.7;margin:4px 0 0}.case-inquiry-context button{position:absolute;right:10px;top:10px;background:transparent;border:0;font:650 12px var(--font-site);text-decoration:underline;cursor:pointer}
.case-process{margin:80px 0 110px;scroll-margin-top:35px}.case-process-heading h2{font-size:clamp(30px,3.2vw,45px);line-height:1.5;margin:12px 0 20px}.case-process-heading>p{font-size:17px;line-height:1.9;margin-bottom:30px;max-width:42em;text-wrap:pretty}.case-process-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.case-process-tabs button{font:750 17px var(--font-site);border:1.5px solid #161616;background:white;border-radius:40px;padding:17px;cursor:pointer;display:flex;gap:12px;align-items:center;justify-content:center;transition:background .2s,color .2s}.case-process-tabs button[aria-selected=true]{background:#1c7b61;color:#fff;box-shadow:3px 3px 0 #161616}.case-process-tabs small{font:700 11px var(--font-site);opacity:.7}.case-process-view{background:#f4f6f4;border:1.5px solid #161616;border-radius:20px;padding:24px}.case-process-view [role=tabpanel]{animation:case-process-in .3s both}.case-process-view img,.case-process-view video{display:block;width:100%;height:min(52vw,490px);object-fit:contain;background:white;border-radius:8px}.case-process-view p{display:flex;gap:24px;align-items:baseline;padding:20px 3px 3px;margin:0;font-size:15px;line-height:1.8}.case-process-view b{font-size:18px;flex-shrink:0}.case-process-credit{font-size:12px;line-height:1.8;margin:15px 0;color:#4d5952}
.case-process [hidden]{display:none!important}
.case-inquiry-context input[type=hidden]{display:none}
.case-consult{scroll-margin-top:80px}
.case-consult a:focus-visible,.case-process-tabs button:focus-visible,.case-inquiry-context button:focus-visible{outline:3px solid #1c7b61;outline-offset:5px}
.case-inquiry-context>div{min-width:0}.case-inquiry-context strong,.case-inquiry-context p{overflow-wrap:anywhere}
.case-process-tabs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@keyframes case-process-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.case-consult{grid-template-columns:1fr;padding:30px;gap:25px}.case-consult a{width:100%;max-width:100%;justify-content:space-between}}
@media(max-width:600px){.case-inquiry-context{padding:15px 40px 15px 12px;gap:12px}.case-inquiry-context img{width:74px;height:58px;flex-shrink:0}.case-inquiry-context strong{font-size:16px}.case-process{margin:55px 0 65px}.case-process-heading>p{font-size:16px}.case-process-tabs{grid-template-columns:repeat(3,1fr);gap:7px}.case-process-tabs button{font-size:13px;padding:14px 6px;gap:6px}.case-process-tabs small{font-size:10px}.case-process-view{padding:12px}.case-process-view img,.case-process-view video{height:52vw}.case-process-view p{display:block;padding:15px 2px 3px;font-size:14px}.case-process-view b{display:block;margin-bottom:8px;font-size:17px}.case-consult{padding:27px 22px;margin-bottom:55px}.case-consult a{font-size:19px;min-height:100px;padding:22px 20px;gap:16px}.case-consult svg{width:28px;min-width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.case-process-view [role=tabpanel]{animation:none}.case-consult a{transition:none}}
.no-motion .case-process-view [role=tabpanel]{animation:none}

/* Chapter images stay beside their own numbered heading and explanation. */
.c-media-chapter>.c-chapter-media{grid-column:2;grid-row:1;display:grid;gap:26px;align-content:start;min-width:0;margin-top:66px}
.c-media-chapter:nth-child(even)>.c-chapter-media{grid-column:1}
.c-chapter-media>.c-figure{margin:0;width:100%;min-width:0}
.c-chapter-media:is([data-media-layout="stack"],[data-media-layout="pair"])>.c-figure>.c-still{background:white}
.c-chapter-media:is([data-media-layout="stack"],[data-media-layout="pair"])>.c-figure>.c-still>img{aspect-ratio:16/9;object-fit:contain;background:white}
.c-chapter-media .c-brand-board{margin:0;padding:clamp(20px,2vw,28px);border-radius:12px;background:#f3f7fa;min-width:0;overflow:hidden}
.c-brand-board figcaption{margin:0 0 20px;color:#2d367b;font-size:13px;line-height:1.7;font-weight:700}
.c-brand-board figcaption>span{display:block}
.c-brand-board figcaption>span:first-child{font-size:12px;letter-spacing:.12em;margin-bottom:8px}
.c-brand-board .c-still{padding:20px 12px;border-radius:6px;background:white}
.c-brand-board .c-still img{width:100%;height:auto;margin:auto}
.c-brand-board .c-enlarge{background:#fff;color:#2d367b}
@media(max-width:700px){
 .c-media-chapter>.c-chapter-media{margin-top:0;gap:24px}
 .c-chapter-media .c-brand-board{padding:20px}
 .c-brand-board figcaption{font-size:12px;margin-bottom:18px}
 .c-brand-board .c-still{padding:20px 10px}
}

/* Compare related design sheets at equal size after their shared explanation. */
.c-media-chapter.c-media-pair{display:block}
.c-media-pair>.c-chapter-copy{max-width:54em}
.c-media-pair>.c-chapter-media{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px;gap:32px}
@media(max-width:700px){.c-media-pair>.c-chapter-media{grid-template-columns:minmax(0,1fr);margin-top:28px;gap:24px}}