.product-tour{margin:42px 0 30px;padding:30px;border:1px solid #aeced235;border-radius:18px;background:#10212cba;backdrop-filter:blur(12px);color:#edf4f7}.tour-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.tour-heading>.eyebrow{grid-column:1/-1;color:#aeced2!important;margin-bottom:12px}.tour-heading h3{font-size:28px;letter-spacing:-1px}.tour-heading p{font-size:12px;color:#b7cbd3;max-width:390px;justify-self:end}.tour-stages{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin:30px 0 26px;gap:15px}.tour-stages:before{content:'';position:absolute;left:35px;right:35px;top:23px;height:1px;background:linear-gradient(90deg,#ff8830,#aeced270);pointer-events:none}.tour-stages button{position:relative;background:transparent;color:#acc3ce;text-align:left;font-size:11px;display:flex;align-items:center;gap:12px;padding:0;border-radius:10px}.tour-stages button>span:last-child{background:#10212c;padding:6px}.tour-point{display:grid;place-items:center;border:1px solid #607d8d;border-radius:50%;width:46px;height:46px;flex-shrink:0;background:#10212c;color:#aeced2;font:12px monospace;transition:background .2s,transform .2s,box-shadow .2s}.tour-stages button:hover .tour-point,.tour-stages button[aria-pressed=true] .tour-point{background:#ff8830;border-color:#ff8830;color:#10212c;box-shadow:0 0 0 6px #ff883015}.tour-stages button:hover .tour-point{transform:translateY(-3px)}.tour-stages button[aria-pressed=true]{color:#fff}.tour-detail{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #aeced225;padding-top:22px;min-height:142px}.tour-count{font:9px monospace;letter-spacing:2px;color:#ffac6c}.tour-detail h4{margin:8px 0;font:600 21px Manrope,sans-serif}.tour-detail p{font-size:12px;color:#b7cbd3;max-width:610px}.tour-detail .button{flex-shrink:0}.projects{grid-template-columns:1fr;gap:52px}.projects>.project-group{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:0 54px;padding:0 0 45px}.projects>.project-group:nth-child(2){margin:0;grid-template-columns:1fr 1.15fr}.project-group:nth-child(2)>.project{grid-column:2;grid-row:1}.project-group:nth-child(2)>.case-overview{grid-column:1;grid-row:1}.project-group>.real-project-link{display:none}.project-art{height:365px!important}.case-overview .eyebrow{font-size:8px;letter-spacing:1.5px;color:#785239}.case-overview h3{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:15px 0 22px;color:#173542}.case-overview dl{margin:0}.case-overview dl>div{margin-bottom:16px}.case-overview dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#71503c}.case-overview dd{font-size:13px;color:#466675;margin:5px 0 0;line-height:1.8}.case-overview .text-link{margin-top:8px;color:#914108}.projects .wide{width:100%}.project-art img{transition:transform .5s}.project:hover .project-art img{transform:scale(1.025)}
@media(max-width:1000px){.projects>.project-group,.projects>.project-group:nth-child(2){gap:28px}.case-overview h3{font-size:26px}.tour-stages button{flex-direction:column;align-items:flex-start;gap:8px}.tour-stages:before{right:20%}.tour-detail{align-items:flex-start}.tour-detail .button{max-width:190px;font-size:10px}.tour-heading{grid-template-columns:1fr}.tour-heading p{justify-self:start;margin-top:12px}}
@media(max-width:760px){.product-tour{padding:22px 18px;margin-top:28px}.tour-heading h3{font-size:25px}.tour-stages{gap:8px;margin:24px 0}.tour-stages button{font-size:9px}.tour-stages button>span:last-child{padding:0;background:none}.tour-point{height:37px;width:37px;font-size:10px}.tour-stages:before{top:18px;right:18%}.tour-detail{flex-direction:column;gap:18px;min-height:230px}.tour-detail h4{font-size:20px}.tour-detail .button{max-width:none}.projects>.project-group,.projects>.project-group:nth-child(2){display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-bottom:32px}.project-art{height:275px!important}.case-overview h3{font-size:27px;margin-top:10px}.case-overview dd{font-size:12px}.case-overview .eyebrow{line-height:1.7}.project-meta>span{max-width:160px}.projects{gap:35px}}
@media(prefers-reduced-motion:reduce){.tour-point,.project-art img{transition:none!important}.tour-stages button:hover .tour-point,.project:hover .project-art img{transform:none!important}}