/* Private service sample: one annotated digital experience, not a brand manual. */
body.web-remix .web-remix-main{--remix-ink:#1b1f23;--remix-lilac:#a38ac6;--remix-egg:#ede9e2;color:var(--remix-ink);font-family:var(--sans,Inter,sans-serif)}
body.web-remix .web-remix-main :is(h1,h2,h3,p,figure,dl,dd){margin:0}
body.web-remix .web-remix-main :is(h1,h2){font-family:var(--sans,Inter,sans-serif);font-weight:500;letter-spacing:-.055em;line-height:1.04}
body.web-remix .web-remix-main :is(h1,h2) em{font-family:var(--serif,'Cormorant Garamond',serif);font-weight:400;color:#694e85;letter-spacing:-.045em}
body.web-remix .web-remix-main p,body.web-remix .web-remix-main dd{font-size:16px;line-height:1.7}
body.web-remix .web-remix-main .remix-kicker{font-size:11px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:20px}
body.web-remix .web-remix-main .remix-cta{display:inline-flex;justify-content:center;align-items:center;min-height:52px;border-radius:999px;padding:15px 24px;background:var(--remix-ink);color:white;font-size:14px;line-height:1.5;text-decoration:none;font-weight:600;text-align:center}
body.web-remix .web-remix-main .remix-cta:hover{background:#413449}
body.web-remix .web-remix-main :is(.remix-back,.web-next a:not(.remix-cta)){font-size:14px;line-height:1.6;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
body.web-remix .web-remix-main a:focus-visible{outline:2px solid #694e85;outline-offset:6px}
body.web-remix .web-intro{padding:40px 24px 48px;max-width:1160px;margin:auto;text-align:center}
body.web-remix .web-intro .remix-back{display:inline-block;margin-bottom:26px}
body.web-remix .web-intro h1{font-size:clamp(48px,5.5vw,80px)}
body.web-remix .web-intro>p:not(.remix-kicker){max-width:610px;font-size:18px;line-height:1.65;margin:24px auto}
body.web-remix .web-exhibit{margin:0 20px 20px;border-radius:36px;padding:42px 36px 34px;background:#d9cee6}
body.web-remix .web-exhibit-heading{text-align:center}
body.web-remix .web-exhibit-heading .remix-kicker{margin-bottom:12px}
body.web-remix .web-exhibit h2{font-size:clamp(36px,3.6vw,50px)}
body.web-remix .web-exhibit-heading>p:last-child{font-size:14px;margin:15px auto 0;max-width:600px}
body.web-remix .web-annotated-stage{position:relative;max-width:1220px;margin:32px auto 0;padding:20px 180px 75px}
body.web-remix .web-browser{background:#fff;border:1px solid #857593;border-radius:22px;overflow:hidden;box-shadow:0 20px 30px #31233d12}
body.web-remix .web-browser-chrome{padding:13px 16px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #ddd6e3}
body.web-remix .web-browser-chrome>span{width:6px;height:6px;border:1px solid #9a8da5;border-radius:50%}
body.web-remix .web-browser-chrome>p{font-size:9px;line-height:1.2;margin-left:14px;color:#706578}
body.web-remix .web-browser-nav{display:flex;justify-content:space-between;gap:20px;padding:20px 27px;align-items:center}
body.web-remix .web-browser-nav>span:first-child{font-size:16px;letter-spacing:.18em;font-weight:600}
body.web-remix .web-browser-nav>span:last-child{font-size:9px}
body.web-remix .web-browser-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:22px;background:var(--remix-lilac);margin:0 15px;border-radius:14px;padding:30px}
body.web-remix .web-browser-hero>div{min-width:0}
body.web-remix .web-browser-hero>div>span:first-child{font-size:9px;text-transform:uppercase;letter-spacing:.1em}
body.web-remix .web-browser-hero strong{display:block;font-size:clamp(32px,3.3vw,48px);font-weight:500;line-height:1;letter-spacing:-.06em;margin:18px 0}
body.web-remix .web-browser-hero strong em{font-family:var(--serif,'Cormorant Garamond',serif);font-weight:400}
body.web-remix .web-browser-hero p{font-size:11px;line-height:1.6}
body.web-remix .web-browser-hero>img{width:100%;max-width:170px;height:auto}
body.web-remix .web-demo-cta{display:inline-block;margin-top:20px;background:var(--remix-ink);color:white;padding:10px 17px;border-radius:999px;font-size:10px;line-height:1.2}
body.web-remix .web-browser-bottom{display:flex;justify-content:space-between;gap:20px;padding:21px 29px;font-size:10px}
body.web-remix .web-browser figcaption{font-size:10px;padding:14px 25px;border-top:1px solid #ddd6e3}
body.web-remix .web-phone{position:absolute;right:112px;bottom:35px;z-index:1;width:146px;min-height:285px;border:5px solid var(--remix-ink);border-radius:27px;background:#fff;padding:23px 14px 13px;box-shadow:0 12px 20px #31233d18}
body.web-remix .web-phone-camera{position:absolute;top:7px;left:calc(50% - 16px);width:32px;height:4px;background:var(--remix-ink);border-radius:99px}
body.web-remix .web-phone>span:not(.web-demo-cta){font-size:9px;letter-spacing:.15em}
body.web-remix .web-phone strong{display:block;font-size:22px;line-height:1;letter-spacing:-.05em;margin-top:20px;font-weight:500}
body.web-remix .web-phone strong em{font-family:var(--serif,'Cormorant Garamond',serif);font-weight:400}
body.web-remix .web-phone>img{display:block;background:var(--remix-lilac);border-radius:50%;width:66px;height:66px;object-fit:contain;padding:13px;margin:18px auto 0}
body.web-remix .web-phone .web-demo-cta{display:table;margin:15px auto 0;font-size:8px;padding:8px 14px}
body.web-remix .web-phone figcaption{font-size:8px;text-align:center;line-height:1.5;margin-top:14px}
body.web-remix .web-callout{position:absolute;width:150px;border-top:1px solid #857593;padding-top:15px}
body.web-remix .web-callout>span{font-size:13px;line-height:1.5;font-weight:600;display:block;margin-bottom:8px}
body.web-remix .web-callout>p{font-size:13px;line-height:1.65;color:#4f435a}
body.web-remix .callout-clarity{left:0;top:110px}
body.web-remix .callout-search{right:0;top:85px}
body.web-remix .callout-mobile{left:55px;bottom:4px;width:230px}
body.web-remix .web-outcomes{margin:20px;border-radius:36px;background:var(--remix-ink);color:white;padding:65px max(36px,calc((100vw - 1216px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:45px 85px}
body.web-remix .web-outcomes h2,body.web-remix .web-questions h2{font-size:clamp(39px,4vw,57px)}
body.web-remix .web-outcomes h2 em{color:var(--remix-lilac)}
body.web-remix .web-outcomes-heading>p:last-child{margin-top:25px;color:#d0c9d5;max-width:460px}
body.web-remix .web-outcome-ledger article{border-top:1px solid #a38ac655;padding:22px 0 26px}
body.web-remix .web-outcome-ledger h3{font-family:var(--serif,'Cormorant Garamond',serif);font-size:28px;line-height:1.15;margin-bottom:13px}
body.web-remix .web-outcome-ledger p{color:#d0c9d5}
body.web-remix .web-process{grid-column:1/-1;border-top:1px solid #a38ac655;padding-top:27px;display:grid;grid-template-columns:.85fr 1.15fr;gap:12px 85px}
body.web-remix .web-process .remix-kicker{grid-row:span 2;color:#c9b3e1}
body.web-remix .web-process strong{font-weight:500;color:#e8def2}
body.web-remix .web-process>span{font-size:13px;line-height:1.7;color:#bfb5c6}
body.web-remix .web-questions{max-width:1328px;margin:0 auto;padding:60px 56px;display:grid;grid-template-columns:.85fr 1.15fr;gap:45px 85px}
body.web-remix .web-questions dl>div{border-top:1px solid #b7acbf;padding:22px 0}
body.web-remix .web-questions dt{font-size:17px;font-weight:500;line-height:1.5;margin-bottom:10px}
body.web-remix .web-questions dd{color:#565158}
body.web-remix .web-next{grid-column:1/-1;border-top:1px solid #b7acbf;padding-top:32px;display:grid;grid-template-columns:1fr auto;gap:25px 35px;align-items:center}
body.web-remix .web-next>p{font-size:24px;max-width:450px;line-height:1.45;letter-spacing:-.03em}
body.web-remix .web-next>div{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px 28px}
@media(max-width:1050px){
 body.web-remix .web-annotated-stage{padding:20px 105px 80px 0}
 body.web-remix .web-callout{position:relative;inset:auto;width:auto;padding-top:13px}
 body.web-remix .callout-clarity{display:inline-block;width:45%;margin-bottom:20px}
 body.web-remix .callout-search{position:absolute;width:95px;right:0;top:100px}
 body.web-remix .callout-mobile{width:45%;margin-top:23px}
 body.web-remix .web-phone{right:20px;bottom:30px;width:132px;min-height:268px}
 body.web-remix :is(.web-outcomes,.web-questions){gap:40px}
 body.web-remix .web-process{gap:12px 40px}
 body.web-remix .web-questions{padding:45px 36px}
}
@media(max-width:650px){
 body.web-remix .web-intro{padding:25px 24px 35px}
 body.web-remix .web-intro h1{font-size:clamp(43px,11vw,60px)}
 body.web-remix .web-intro>p:not(.remix-kicker){font-size:17px}
 body.web-remix .web-exhibit{margin:0 12px 12px;padding:30px 16px;border-radius:24px}
 body.web-remix .web-exhibit h2{font-size:37px}
 body.web-remix .web-exhibit-heading>p:last-child{font-size:14px}
 body.web-remix .web-annotated-stage{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;margin-top:25px;padding:0}
 body.web-remix .web-browser{grid-column:1/-1;grid-row:1;border-radius:16px}
 body.web-remix .web-browser-chrome{padding:11px 12px}
 body.web-remix .web-browser-chrome>p{font-size:8px;margin-left:8px}
 body.web-remix .web-browser-nav{padding:15px}
 body.web-remix .web-browser-nav>span:first-child{font-size:12px}
 body.web-remix .web-browser-nav>span:last-child{font-size:7px}
 body.web-remix .web-browser-hero{padding:22px 16px;margin:0 9px;gap:12px}
 body.web-remix .web-browser-hero>div>span:first-child{font-size:7px}
 body.web-remix .web-browser-hero strong{font-size:clamp(26px,8vw,32px);margin:14px 0}
 body.web-remix .web-browser-hero p{font-size:9px}
 body.web-remix .web-browser-hero>img{max-width:85px}
 body.web-remix .web-demo-cta{font-size:8px;padding:9px 13px;margin-top:15px}
 body.web-remix .web-browser-bottom{padding:16px;font-size:8px;gap:10px}
 body.web-remix .web-browser figcaption{padding:12px 15px;font-size:9px;line-height:1.6}
 body.web-remix .web-phone{position:relative;inset:auto;grid-column:2;grid-row:2/4;width:125px;min-height:260px;justify-self:center;padding:24px 12px 12px}
 body.web-remix .web-phone strong{font-size:21px}
 body.web-remix .web-callout{position:relative;inset:auto;width:auto;margin:0;padding-top:12px}
 body.web-remix .web-callout>span{font-size:13px}
 body.web-remix .web-callout>p{font-size:13px}
 body.web-remix .callout-clarity{display:block;grid-column:1;grid-row:2}
 body.web-remix .callout-search{grid-column:1;grid-row:3}
 body.web-remix .callout-mobile{grid-column:1/-1;grid-row:4}
 body.web-remix .web-outcomes{display:block;margin:12px;padding:35px 22px;border-radius:24px}
 body.web-remix .web-outcomes h2,body.web-remix .web-questions h2{font-size:43px}
 body.web-remix .web-outcome-ledger{margin-top:32px}
 body.web-remix .web-process{display:block;padding-top:25px}
 body.web-remix .web-process>span{display:block;margin-top:15px}
 body.web-remix .web-questions{display:block;padding:35px 24px}
 body.web-remix .web-questions dl{margin-top:30px}
 body.web-remix .web-next{display:flex;align-items:flex-start;flex-direction:column;margin-top:10px;gap:24px}
 body.web-remix .web-next>div{flex-direction:column;gap:18px}
}