/* Visual storytelling for the service and partnership pages. */
.service-path{background:#342321;color:#fff;padding:48px 0 43px;margin-bottom:72px}
.service-path-header{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.service-path-header>span,.trade-overview-copy>span{font-size:10px;letter-spacing:.16em;color:#cba574;font-weight:700}
.service-path-header p{font-size:14px;color:#e2d8d0;margin:0}
.service-path ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:32px 0 22px;padding:0}
.service-path li{position:relative;display:flex;flex-direction:column;gap:7px;padding:0 25px 0 0;border-top:1px solid #9c7a62}
.service-path li:before{content:"";width:9px;height:9px;background:#d6ab74;border:4px solid #342321;border-radius:50%;margin-top:-9px;margin-left:-4px;box-sizing:content-box}
.service-path li>span{font-family:Georgia,serif;color:#d0aa7d;font-size:11px;margin-top:5px}
.service-path li strong{font-size:17px;font-weight:600}
.service-path li small{color:#d6c9be;font-size:12px}
.service-path-note{font-size:12px;color:#c4b4a7;margin:0}
.service-visual{margin:0;align-self:center;background:#eee9e0;min-width:0;overflow:hidden}
.service-visual img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center}
.service-visual figcaption{border-top:1px solid #ded5c8;padding:14px 16px 16px;display:flex;flex-direction:column;gap:5px}
.service-visual figcaption span{font-size:9px;letter-spacing:.12em;color:#a27950}
.service-visual figcaption strong{font-size:14px;color:#51382d;font-weight:600}
.industry-grid--visual article{padding:0 0 32px;overflow:hidden}
.industry-grid--visual article>span,.industry-grid--visual article>h3,.industry-grid--visual article>p,.industry-grid--visual article>.industry-tags{margin-left:30px;margin-right:30px}
.industry-grid--visual .industry-visual{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;background:#e5ded3;margin-bottom:27px}
.industry-grid--visual h3{margin-top:20px}
.trade-overview{display:grid;grid-template-columns:1fr .85fr;background:#eee8df;margin-bottom:18px;min-height:300px;overflow:hidden}
.trade-overview-copy{padding:42px;align-self:center}
.trade-overview-copy h3{font-size:clamp(25px,2.5vw,36px);line-height:1.45;font-weight:600;margin:18px 0}
.trade-overview-copy p{font-size:14px;line-height:1.9;color:#706a63;max-width:450px}
.trade-overview>img{display:block;width:100%;height:100%;min-height:300px;max-height:380px;object-fit:cover;object-position:center;background:#e3d9ca}
.trade-overview-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px}
.trade-overview-tags span{font-size:12px;border:1px solid #c5b7a7;padding:7px 10px;color:#5e5147}
.trade-overview-tags b{color:#a97d4a;font-weight:400}
.steps--large{counter-reset:phase}
.steps--large>div{position:relative}
.steps--large>div:before{content:"";display:block;width:10px;height:10px;border-radius:50%;background:#ad7a3d;box-shadow:0 0 0 6px #f8f6f1;position:absolute;top:-5px;left:0}
.steps--large>div:not(:last-child):after{content:"→";position:absolute;top:27px;right:14px;color:#b3916e;font-size:18px}
@media(max-width:820px){
 .service-path ol{grid-template-columns:repeat(2,1fr);row-gap:28px}
 .detail-row .service-visual{grid-column:2;max-width:360px;width:100%}
 .industry-grid--visual{grid-template-columns:repeat(3,1fr)}
 .industry-grid--visual article>span,.industry-grid--visual article>h3,.industry-grid--visual article>p,.industry-grid--visual article>.industry-tags{margin-left:20px;margin-right:20px}
 .industry-grid--visual h3{font-size:18px}
 .trade-overview{grid-template-columns:1fr 1fr}
 .trade-overview-copy{padding:30px}
}
@media(max-width:600px){
 .service-path{padding:38px 0;margin-bottom:40px}
 .service-path-header{display:block}.service-path-header p{margin-top:12px}
 .service-path li strong{font-size:15px}
 .industry-grid--visual{grid-template-columns:1fr}
 .trade-overview{grid-template-columns:1fr}
 .trade-overview>img{min-height:200px;max-height:230px}
 .trade-overview-copy{padding:28px}
 .steps--large>div:nth-child(2):after{display:none}
}
@media(max-width:480px){.detail-row .service-visual{grid-column:1;max-width:none}.service-visual img{aspect-ratio:3/2}.steps--large>div:not(:last-child):after{right:4px}}

/* Website prototype: screenshots are shown in full, with their context. */
.prototype-section{background:#f4f0e9}
.prototype-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}
.prototype-heading h2{font-size:clamp(30px,3vw,42px);line-height:1.35;margin:20px 0 12px;font-weight:600}
.prototype-heading p{font-size:14px;line-height:1.8;color:#716961;margin:0}
.prototype-heading .prototype-note{max-width:280px;font-size:12px;color:#867c72}
.prototype-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.prototype-card{margin:0;background:#fff;min-width:0;box-shadow:0 8px 28px #382b1e0c}
.prototype-screen{padding:10px 10px 0;background:#fff}
.prototype-screen img{display:block;width:100%;height:auto}
.prototype-card figcaption{display:flex;flex-direction:column;gap:7px;padding:20px 22px 23px}
.prototype-card figcaption span{font-size:10px;letter-spacing:.13em;color:#a27950}
.prototype-card figcaption strong{font-size:17px;color:#332c28;font-weight:600}
@media(max-width:700px){.prototype-heading{display:block;margin-bottom:25px}.prototype-heading .prototype-note{max-width:none;margin-top:14px}.prototype-grid{grid-template-columns:1fr;gap:18px}.prototype-card figcaption{padding:17px 18px 20px}}