/* Automotive retail: a little clay, a lot of clarity. */
.practice-retail{--signal:#c8542a;--retail-accent:#c8542a}
.r3-retail-hero{background:var(--bone);color:var(--ink);padding:132px var(--gutter) 42px;--retail-travel:0px;--retail-image-inset:3.8%;--retail-image-lift:0px}
.r3-retail-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:5vw;padding:58px 0 40px}
.r3-retail-heading h1{font-size:clamp(72px,9.15vw,160px);line-height:.92;letter-spacing:-.065em;font-weight:650;margin:0}
.r3-retail-heading h1>span{display:block;white-space:nowrap;transform:translateX(calc(var(--retail-travel) * -.18))}
.r3-retail-heading h1>em{display:block;font-size:1.38em;line-height:.88;font-weight:400;margin-left:5vw;color:var(--retail-accent);transform:translateX(var(--retail-travel));will-change:transform}
.r3-retail-definition{padding-bottom:7px;position:relative;z-index:2}
.r3-retail-definition p:first-child{font-size:clamp(17px,1.55vw,23px);line-height:1.4;letter-spacing:-.02em;max-width:430px}
.r3-retail-definition p:nth-child(2){font:11px/1.5 Mono;margin-top:23px;max-width:360px}
.r3-retail-definition .quiet-link{font-size:13px;margin-top:20px}
.r3-retail-picture{height:72svh;min-height:460px;max-height:860px;position:relative;overflow:hidden;clip-path:inset(0 var(--retail-image-inset));margin:0}
.r3-retail-picture>img{width:100%;height:112%;object-fit:cover;object-position:50% 52%;transform:translateY(var(--retail-image-lift));will-change:transform}
.r3-retail-picture:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#08090c99);pointer-events:none}
.r3-retail-picture figcaption{position:absolute;z-index:1;left:6%;right:6%;bottom:28px;display:flex;justify-content:space-between;align-items:end;gap:30px;color:var(--bone);font:11px/1.5 Mono}
.r3-retail-capabilities{background:var(--bone);padding:72px var(--gutter) 105px}
.r3-retail-capabilities>div:first-child{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:start;margin-bottom:55px}
.r3-retail-capabilities h2{font-size:clamp(38px,4.6vw,68px);line-height:1.08;letter-spacing:-.05em;font-weight:570;margin:0}
.r3-retail-capabilities h2 em{color:var(--retail-accent)}
.r3-retail-capability-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}
.r3-retail-capability-groups h3{font-size:19px;line-height:1.2;letter-spacing:-.02em;font-weight:620;margin:0 0 16px;padding-top:20px;border-top:1px solid #08090c88}
.r3-retail-capability-groups ul{list-style:none;margin:0;padding:0}
.r3-retail-capability-groups li{font-size:15px;line-height:1.5;padding:11px 0;border-bottom:1px solid #08090c20;transition:color .2s,transform .35s var(--ease)}
.r3-retail-capability-groups li:hover{color:var(--retail-accent);transform:translateX(5px)}
/* Three choices. The response stays in the same field of view. */
.r3-program{overflow-anchor:none;background:var(--ink);color:var(--bone);padding:62px var(--gutter) 64px;scroll-margin-top:0}
.r3-program-intro{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start;margin-bottom:36px}
.r3-program-intro p{font-size:17px;line-height:1.5;letter-spacing:-.015em;margin:0;max-width:535px}
.r3-program-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0 0 30px}
.r3-program-tabs>button{appearance:none;position:relative;display:flex;align-items:baseline;gap:17px;min-height:96px;border:0;border-top:1px solid #efe8da40;padding:20px 0 14px;background:transparent;color:#efe8da85;text-align:left;transition:color .3s}
.r3-program-tabs>button:before{position:absolute;content:'';left:0;right:0;top:-1px;height:2px;background:var(--retail-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.r3-program-tabs>button[aria-selected=true]{color:var(--bone)}
.r3-program-tabs>button[aria-selected=true]:before{transform:scaleX(1)}
.r3-program-tabs>button:focus-visible{outline:2px solid var(--bone);outline-offset:7px}
.r3-program-tabs>button:hover{color:var(--bone)}
.r3-tab-number{font:10px/1.4 Mono;opacity:.75}
.r3-program-tabs>button>span:last-child{font-size:clamp(32px,4.5vw,68px);line-height:1;letter-spacing:-.055em;font-weight:560}
.r3-program-tabs i{font-style:normal;transition:color .3s}
.r3-program-tabs [aria-selected=true] i{color:var(--retail-accent)}
.r3-program-panel{overflow-anchor:none;display:grid;grid-template-columns:.82fr 1.3fr;gap:6vw;align-items:center;min-height:390px}
.r3-program-panel[hidden]{display:none}
.r3-program-panel.is-changing{animation:r3-program-in .42s var(--ease) both}
@keyframes r3-program-in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
.r3-program-copy h3{font-size:clamp(28px,3vw,45px);line-height:1.08;letter-spacing:-.045em;margin:0 0 22px;font-weight:560;max-width:390px}
.r3-program-copy>p{font-size:16px;line-height:1.6;max-width:440px;margin:0;color:#efe8dae0}
.r3-program-copy>ul{padding:0;margin:25px 0 0;list-style:none;font-size:12px;line-height:1.55;max-width:440px}
.r3-program-copy li{padding:8px 0;border-top:1px solid #efe8da26}
.r3-program-panel figure{position:relative;margin:0;height:390px;overflow:hidden}
.r3-program-panel figure img{width:100%;height:100%;object-fit:cover}
.r3-program-panel figure:after{position:absolute;content:'';inset:65% 0 0;background:linear-gradient(transparent,#08090cbb)}
.r3-program-panel figcaption{position:absolute;z-index:1;left:20px;bottom:20px;right:20px;font:10px/1.5 Mono;color:var(--bone)}
/* The client ribbon is still until approached. Neighbours answer the pointer. */
.r3-trust{background:var(--paper);padding:58px var(--gutter) 45px}
.r3-trust-heading{display:flex;justify-content:space-between;align-items:start;gap:35px}
.r3-trust-heading>p{font-size:15px;line-height:1.5;max-width:330px;margin:0}
.r3-client-dock{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));list-style:none;padding:45px 0 12px;margin:30px 0 0;border-top:1px solid #08090c25;border-bottom:1px solid #08090c25;gap:15px}
.r3-client-dock>li{min-width:0;position:relative}
.r3-client-dock a{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:flex-start;min-height:75px;--dock-scale:1;--dock-lift:0px}
.r3-client-dock a>img,.r3-client-dock a>b{height:45px;width:100%;object-fit:contain;object-position:center;transform:translateY(var(--dock-lift)) scale(var(--dock-scale));transform-origin:center 80%;transition:transform .22s var(--ease);will-change:transform}
.r3-client-dock a>b{font-size:18px;line-height:45px;letter-spacing:-.06em;text-align:center;white-space:nowrap}
.r3-client-dock a>span{display:block;position:absolute;top:58px;font:9px/1.3 Mono;white-space:nowrap;opacity:0;transition:opacity .2s}
.r3-client-dock a:is(:hover,:focus-visible)>span{opacity:1}
.r3-client-dock a:focus-visible{outline:1px solid var(--ink);outline-offset:5px}
.r3-client-dock a:focus-visible>img,.r3-client-dock a:focus-visible>b{transform:translateY(-7px) scale(1.3)}
/* Give the proof room, keep supporting relationships in proportion. */
.practice-retail .r2-audi{background:var(--bone)}
.practice-retail .r2-proof{background:var(--paper)}
.practice-retail .r2-project p+p{margin-top:17px}
.practice-retail .r2-project .quiet-link{font-size:13px;margin-top:20px}
.practice-retail .r2-project h3 em,.practice-retail .r2-proof-heading h2 em,.practice-retail .r2-breadth-intro h2 em{color:var(--retail-accent)}
.practice-retail .r2-breadth{background:var(--bone)}
.practice-retail .r2-breadth-grid figure{aspect-ratio:1.3}
.practice-retail .r2-breadth-grid a{display:block}
.practice-retail .r2-breadth-grid a img{transition:transform .7s var(--ease)}
.practice-retail .r2-breadth-grid a:is(:hover,:focus-visible) img{transform:scale(1.035)}
.r3-vw-note{display:grid;grid-template-columns:.85fr 1fr;gap:7vw;align-items:center;border-top:1px solid #08090c35;margin-top:65px;padding-top:42px;max-width:1120px}
.r3-vw-note>a{display:block;aspect-ratio:1.68;overflow:hidden}
.r3-vw-note img{width:100%;height:100%;object-fit:cover}
.r3-vw-note h3{font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.035em;margin:20px 0 18px;font-weight:570}
.r3-vw-note p{font-size:16px;line-height:1.55;max-width:500px}
.r3-vw-note .quiet-link{font-size:13px;margin-top:15px}
@media(min-width:1600px){.r3-retail-hero,.r3-retail-capabilities,.r3-program,.r3-trust{padding-left:max(var(--gutter),calc((100vw - 1500px)/2));padding-right:max(var(--gutter),calc((100vw - 1500px)/2))}}
@media(max-width:1050px){.r3-retail-heading{grid-template-columns:1.2fr .85fr}.r3-retail-heading h1{font-size:9.5vw}.r3-retail-definition p:first-child{font-size:17px}.r3-retail-definition br{display:none}.r3-program-panel{grid-template-columns:.9fr 1fr;gap:4vw}.r3-program-copy>p{font-size:15px}.r3-program-panel figure{height:375px}.r3-client-dock{grid-template-columns:repeat(6,1fr);gap:25px 30px;padding-top:35px}.r3-client-dock a>img{width:75px}.r3-client-dock a>b{font-size:23px}.r3-retail-capability-groups{gap:3vw}.r3-retail-capability-groups li{font-size:14px}}
@media(max-width:700px){.r3-retail-hero{padding-top:110px;padding-bottom:26px}.r3-retail-hero .practice-eyebrow{font-size:10px;gap:10px}.r3-retail-hero .practice-eyebrow>span:before{margin-right:7px;width:5px;height:5px}.r3-retail-heading{display:block;padding:43px 0 28px}.r3-retail-heading h1{font-size:15.3vw}.r3-retail-heading h1>em{font-size:1.36em;margin-left:18vw;transform:translateX(calc(var(--retail-travel) * .5))}.r3-retail-definition{padding:30px 0 0;max-width:340px}.r3-retail-definition p:first-child{font-size:17px;max-width:300px}.r3-retail-definition p:nth-child(2){font-size:10px;margin-top:16px}.r3-retail-definition .quiet-link{font-size:12px;margin-top:12px}.r3-retail-picture{height:390px;min-height:0;clip-path:none}.r3-retail-picture>img{object-position:32% 50%}.r3-retail-picture figcaption{left:17px;right:17px;bottom:20px;font-size:9px;gap:15px}.r3-retail-picture figcaption>span:last-child{max-width:170px;text-align:right}.r3-retail-capabilities{padding-top:45px;padding-bottom:65px}.r3-retail-capabilities>div:first-child{display:block;margin-bottom:35px}.r3-retail-capabilities h2{font-size:37px;margin-top:24px}.r3-retail-capability-groups{grid-template-columns:1fr;gap:32px}.r3-retail-capability-groups h3{font-size:20px;margin-bottom:12px}.r3-retail-capability-groups ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.r3-retail-capability-groups li{font-size:13px;padding:10px 0}.r3-program{padding-top:43px;padding-bottom:43px}.r3-program-intro{display:block;margin-bottom:25px}.r3-program-intro>p{font-size:15px;margin-top:21px}.r3-program-intro br{display:none}.r3-program-tabs{gap:15px;margin-bottom:25px;position:sticky;top:0;z-index:3;background:var(--ink);padding-top:13px}.r3-program-tabs>button{min-height:67px;display:block;padding:14px 0 13px}.r3-tab-number{display:block;font-size:9px;margin-bottom:8px}.r3-program-tabs>button>span:last-child{font-size:clamp(25px,7vw,42px)}.r3-program-panel{display:flex;flex-direction:column;align-items:stretch;gap:25px;min-height:630px}.r3-program-copy{min-height:340px}.r3-program-copy h3{font-size:32px;margin-bottom:18px;max-width:100%}.r3-program-copy>p{font-size:15px;line-height:1.6;max-width:100%}.r3-program-copy>ul{font-size:12px;margin-top:20px;max-width:100%}.r3-program-panel figure{height:250px;width:100%;flex:none}.r3-program-panel figcaption{left:14px;right:14px;bottom:15px;font-size:9px}.r3-trust{padding-top:42px;padding-bottom:35px}.r3-trust-heading{display:block}.r3-trust-heading>p{margin-top:20px;font-size:14px}.r3-client-dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 20px;padding-top:30px;margin-top:25px}.r3-client-dock a{min-height:60px}.r3-client-dock a>img{max-width:62px;height:34px}.r3-client-dock a>b{font-size:18px;line-height:34px;height:34px}.r3-client-dock a>span{top:42px;font-size:8px}.r3-vw-note{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-top:30px}.r3-vw-note>a{width:76%}.r3-vw-note h3{font-size:33px;margin-top:18px}.r3-vw-note p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.r3-retail-heading h1>span,.r3-retail-heading h1>em,.r3-retail-picture>img{transform:none!important}.r3-retail-picture{clip-path:none}.r3-client-dock a>img,.r3-client-dock a>b,.r3-retail-capability-groups li{transform:none!important;transition:none!important}.r3-program-panel.is-changing{animation:none}.r3-program-tabs>button:before{transition:none}}
body.motion-paused .r3-retail-heading h1>span,body.motion-paused .r3-retail-heading h1>em,body.motion-paused .r3-retail-picture>img{transform:none!important}
body.motion-paused .r3-retail-picture{clip-path:none}
body.motion-paused .r3-client-dock a>img,body.motion-paused .r3-client-dock a>b,body.motion-paused .r3-retail-capability-groups li{transform:none!important;transition:none!important}
/* Supplied marks are white artwork; render them in ink on the light ribbon. */
.r3-client-dock a>img{filter:brightness(0);opacity:.87}
.r3-client-dock a:is(:hover,:focus-visible)>img{opacity:1}

/* A common ink-and-bone opening anchors the three disciplines. */
.r3-retail-hero{background:var(--ink);color:var(--bone);--line:#efe8da33}
.r3-retail-heading h1>em{color:var(--bone)}
.r3-retail-picture>img{object-position:50% 55%}
.practice-retail .retail-capabilities .capability-label h2{line-height:1.12}
.practice-retail .retail-capabilities .capability-label h2 em{color:inherit}
/* From an outlined idea to a resolved statement, before the delivery story. */
.r4-proof-transition{height:150svh;margin:-90px calc(var(--gutter) * -1) 78px;background:var(--ink);color:var(--bone);--proof-fill:0%;--proof-shift:55px;--proof-opacity:.45;--proof-drift:0px}
.r4-proof-stage{height:100svh;min-height:620px;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding:70px var(--gutter);overflow:hidden}
.r4-proof-stage>.eyebrow{margin-bottom:54px;color:#efe8daaa}
.r4-proof-stage h2{font-size:clamp(58px,8.4vw,145px);line-height:1.07;letter-spacing:-.06em;font-weight:570;margin:0}
.r4-proof-stage h2>span{display:block;position:relative;max-width:max-content}
.r4-design-line{color:transparent;-webkit-text-stroke:1px #efe8da77;transform:translateX(calc(var(--proof-drift) * -1))}
.r4-design-line:after{content:attr(data-proof-words);position:absolute;inset:0;color:var(--bone);-webkit-text-stroke:0;clip-path:inset(0 calc(100% - var(--proof-fill)) 0 0)}
.r4-proof-stage h2>.r4-real-line{margin:12px 0 0 auto;transform:translateY(var(--proof-shift));opacity:var(--proof-opacity)}
.r4-real-line em{font-size:1.12em;font-weight:400;white-space:nowrap;color:var(--bone)!important}
.r4-proof-stage>p{font:11px/1.5 Mono;margin:62px 0 0 auto;color:#efe8daaa;max-width:300px}
@media(min-width:1600px){.r4-proof-transition{margin-left:calc(max(var(--gutter),calc((100vw - 1500px)/2)) * -1);margin-right:calc(max(var(--gutter),calc((100vw - 1500px)/2)) * -1)}.r4-proof-stage{padding-left:max(var(--gutter),calc((100vw - 1500px)/2));padding-right:max(var(--gutter),calc((100vw - 1500px)/2))}}
@media(max-width:700px){.r3-retail-picture>img{object-position:62% 50%}.r4-proof-transition{height:125svh;margin-top:-68px;margin-bottom:50px}.r4-proof-stage{min-height:560px;padding:50px var(--gutter)}.r4-proof-stage>.eyebrow{font-size:9px;margin-bottom:42px}.r4-proof-stage h2{font-size:10.2vw;line-height:1.14}.r4-proof-stage h2>.r4-real-line{margin-top:30px;text-align:right}.r4-real-line em{display:block;font-size:1.8em;margin-top:3px}.r4-proof-stage>p{font-size:10px;margin-top:48px;max-width:215px}}
@media(prefers-reduced-motion:reduce){.r4-proof-transition{height:auto;--proof-fill:100%;--proof-shift:0px;--proof-opacity:1;--proof-drift:0px}.r4-proof-stage{position:relative;height:auto;min-height:0;padding-top:85px;padding-bottom:85px}.r4-design-line,.r4-proof-stage h2>.r4-real-line{transform:none!important}.r4-design-line:after{clip-path:none}.r4-proof-stage h2>.r4-real-line{opacity:1}}
body.motion-paused .r4-proof-transition{height:auto;--proof-fill:100%;--proof-shift:0px;--proof-opacity:1;--proof-drift:0px}
body.motion-paused .r4-proof-stage{position:relative;height:auto;min-height:0;padding-top:85px;padding-bottom:85px}
body.motion-paused .r4-design-line,body.motion-paused .r4-proof-stage h2>.r4-real-line{transform:none!important}
body.motion-paused .r4-design-line:after{clip-path:none}
body.motion-paused .r4-proof-stage h2>.r4-real-line{opacity:1}