/* Gatsby collection: six art-directed service scenes. */
.visual-solutions>.l-wrap{width:min(1400px,calc(100% - 100px))}
.visual-solutions .explore-heading{margin-bottom:42px}
.visual-solutions .solution-explorer.is-enhanced{grid-template-columns:236px minmax(0,1fr);gap:32px}
.visual-solutions .solution-choices{gap:7px;padding:0}
.visual-solutions .solution-choices button{position:relative;min-height:91px;gap:14px;padding:16px 13px;border:1px solid transparent;border-bottom-color:#342922;background:#100d0c;transition:background .2s,border-color .2s,color .2s}
.visual-solutions .solution-choices button:first-child{border-top:1px solid transparent}
.visual-solutions .solution-choices button:before{content:'';position:absolute;left:-1px;top:23%;bottom:23%;width:2px;background:#d8b77a;transform:scaleY(0);transform-origin:center;transition:transform .2s}
.visual-solutions .solution-choices button[aria-selected="true"]{background:#251a16;border-color:#604a33;color:#efcea0}
.visual-solutions .solution-choices button[aria-selected="true"]:before{transform:scaleY(1)}
.visual-solutions .solution-choices button:hover{background:#211915;border-bottom-color:#775735}
.visual-solutions .choice-thumb{display:block;width:48px;height:48px;flex:0 0 48px;overflow:hidden;background:#1e1712;border-radius:3px}
.visual-solutions .choice-thumb img{display:block;width:100%;height:100%;object-fit:cover;opacity:.72;transition:opacity .2s,transform .3s}
.visual-solutions [aria-selected="true"] .choice-thumb img,.visual-solutions button:hover .choice-thumb img{opacity:1;transform:scale(1.04)}
.visual-solutions .choice-label{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.visual-solutions .choice-index{font:8px/1.4 Arial,sans-serif;letter-spacing:.09em;color:#a8947d}
.visual-solutions .choice-label strong{font-size:17px;font-weight:500;letter-spacing:-.035em;line-height:1.5;color:inherit}
.visual-solutions .choice-arrow{display:block;font:18px/1 Arial,sans-serif;margin-left:auto;color:#96816a}
.visual-solutions .solution-story-visual{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:630px;background:#171210;border:1px solid #3c2c2233;overflow:hidden}
.solution-visual{position:relative;isolation:isolate;align-self:stretch;display:block;margin:0;min-width:0;min-height:100%;overflow:hidden;background:#130e0c var(--visual-preview) center/cover no-repeat}
.solution-visual:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#09080744,transparent 22%,transparent 55%,#0d0909ed),linear-gradient(90deg,transparent 85%,#17121055);pointer-events:none}
.solution-visual-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%;transition:transform .65s cubic-bezier(.2,.6,.2,1)}
.solution-story-visual:hover .solution-visual-image{transform:scale(1.025)}
.visual-topline{position:absolute;z-index:2;top:27px;left:28px;right:28px;display:flex;justify-content:space-between;gap:10px;font:8px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#e2c8a3;text-shadow:0 1px 8px #000}
.visual-topline>span:last-child{letter-spacing:.1em}
.solution-visual figcaption{position:absolute;z-index:2;left:32px;right:25px;bottom:34px;color:#f0dfc5}
.visual-category{display:block;font:8px/1.6 Arial,sans-serif;letter-spacing:.14em;color:#d9bd94;margin-bottom:12px}
.visual-name{display:block;font:italic 49px/1.05 var(--l-serif);letter-spacing:-.035em;text-shadow:0 2px 20px #0006}
.visual-draw .visual-name{font-size:43px}
.visual-solutions .visual-story-content{padding:43px 38px 36px;align-self:center;min-width:0}
.visual-solutions .visual-story-content>.l-overline{font-size:9px;letter-spacing:.13em;color:#c2a275;margin-bottom:19px}
.visual-solutions .visual-story-content h3{font-size:34px;line-height:1.35;letter-spacing:-.045em;margin-bottom:25px}
.visual-solutions .visual-story-content .story-lead{font-size:17px!important;line-height:1.7;color:#ebdecf!important;margin-bottom:13px!important}
.visual-solutions .visual-story-content>p:not(.l-overline):not(.story-lead){font-size:14px;line-height:1.95;color:#bdb0a4;margin-bottom:27px}
.visual-solutions .visual-story-content dl{border-top:1px solid #56402e;padding-top:18px}
.visual-solutions .visual-story-content dl>div{grid-template-columns:62px minmax(0,1fr);gap:16px;padding:9px 0;font-size:12px;line-height:1.85}
.visual-solutions .visual-story-content dt{color:#d6b68d}
.visual-solutions .visual-story-content dd{color:#bfb0a0}
.visual-solutions .visual-story-actions{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:25px}
.visual-solutions .visual-story-actions .l-text-link{min-height:44px;font-size:12px;gap:16px}
.visual-solutions .visual-story-actions .solution-consult-link{font-size:13px;color:#ead1ab}
.visual-solutions .visual-story-actions .solution-consult-link span{transition:transform .2s}
.visual-solutions .visual-story-actions .solution-consult-link:hover span{transform:translateX(5px)}
.visual-solutions .solution-choices button:active{transform:translateY(1px);background:#322219}
.visual-solutions .solution-story-visual:focus-visible{outline:2px solid #d8b77a;outline-offset:5px}
@keyframes solution-image-in{from{opacity:.65;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}
.solution-story-visual.just-selected .solution-visual-image{animation:solution-image-in .35s ease-out}
@media(max-width:1200px){
 .visual-solutions>.l-wrap{width:calc(100% - 72px)}
 .visual-solutions .solution-explorer.is-enhanced{grid-template-columns:210px minmax(0,1fr);gap:24px}
 .visual-solutions .solution-choices button{padding:14px 10px;gap:11px}
 .visual-solutions .choice-label strong{font-size:16px}
 .visual-solutions .choice-thumb{width:42px;height:42px;flex-basis:42px}
 .visual-solutions .solution-story-visual{grid-template-columns:.88fr 1.12fr;min-height:625px}
 .visual-solutions .visual-story-content{padding:34px 28px}
 .visual-solutions .visual-story-content h3{font-size:29px}
 .visual-solutions .visual-story-content .story-lead{font-size:16px!important}
 .visual-solutions .visual-story-content>p:not(.l-overline):not(.story-lead){font-size:13px}
 .visual-solutions .visual-story-content dl>div{grid-template-columns:56px minmax(0,1fr);gap:10px;font-size:11px}
 .visual-topline{left:22px;right:22px;font-size:7px}
 .solution-visual figcaption{left:25px;bottom:30px}
 .visual-name{font-size:43px}
 .visual-draw .visual-name{font-size:35px}
}
@media(max-width:900px){
 .visual-solutions>.l-wrap{width:calc(100% - 56px)}
 .visual-solutions .solution-explorer.is-enhanced{grid-template-columns:1fr;gap:24px}
 .visual-solutions .solution-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;overflow:visible;margin:0;padding:0}
 .visual-solutions .solution-choices button{width:100%;min-height:84px;white-space:normal;margin:0;padding:13px 11px;gap:11px}
 .visual-solutions .choice-arrow{display:none}
 .visual-solutions .choice-label strong{font-size:15px}
 .visual-solutions .choice-index{font-size:7px}
 .visual-solutions .solution-story-visual{grid-template-columns:.9fr 1.1fr;min-height:590px}
 .visual-solutions .visual-story-content{padding:32px 28px}
 .visual-solutions .visual-story-content h3{font-size:30px}
 .visual-solutions .visual-story-content>p:not(.l-overline):not(.story-lead){font-size:13px}
 .visual-solutions .visual-story-content dl>div{font-size:11px;gap:12px}
}
@media(max-width:600px){
 .visual-solutions>.l-wrap{width:calc(100% - 40px)}
 .visual-solutions .explore-heading{margin-bottom:27px}
 .visual-solutions .solution-explorer.is-enhanced{gap:21px}
 .visual-solutions .solution-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .visual-solutions .solution-choices button{min-height:80px;gap:9px;padding:12px 9px}
 .visual-solutions .choice-thumb{width:39px;height:44px;flex-basis:39px}
 .visual-solutions .choice-index{font-size:6px;letter-spacing:.04em;line-height:1.3}
 .visual-solutions .choice-label{gap:4px}
 .visual-solutions .choice-label strong{font-size:13px;line-height:1.5;letter-spacing:-.04em}
 .visual-solutions .solution-story-visual{grid-template-columns:1fr;min-height:0}
 .solution-visual{width:100%;height:auto;min-height:0;aspect-ratio:1.12}
 .solution-visual-image{object-position:50% 43%}
 .visual-topline{top:18px;left:20px;right:20px;font-size:7px;letter-spacing:.12em}
 .solution-visual figcaption{left:23px;bottom:22px;right:20px}
 .visual-category{font-size:7px;letter-spacing:.11em;margin-bottom:9px}
 .visual-name{font-size:41px}
 .visual-draw .visual-name{font-size:36px}
 .solution-visual:after{background:linear-gradient(180deg,#09080744,transparent 25%,transparent 50%,#100b0be8)}
 .visual-solutions .visual-story-content{padding:28px 23px 23px}
 .visual-solutions .visual-story-content>.l-overline{font-size:8px;margin-bottom:13px}
 .visual-solutions .visual-story-content h3{font-size:28px;margin-bottom:20px}
 .visual-solutions .visual-story-content .story-lead{font-size:16px!important}
 .visual-solutions .visual-story-content>p:not(.l-overline):not(.story-lead){font-size:13px;line-height:1.95;margin-bottom:23px}
 .visual-solutions .visual-story-content dl{padding-top:14px}
 .visual-solutions .visual-story-content dl>div{grid-template-columns:56px minmax(0,1fr);font-size:11px;gap:12px;padding:9px 0}
 .visual-solutions .visual-story-actions{margin-top:18px;gap:3px}
 .visual-solutions .visual-story-actions .l-text-link{font-size:12px}
 .visual-solutions .visual-story-actions .solution-consult-link{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .solution-story-visual.just-selected .solution-visual-image{animation:none}
 .solution-story-visual:hover .solution-visual-image,.visual-solutions .choice-thumb img{transform:none}
}
