/* MaryProject / an editorial photo layer and useful choices. */
.strategy-workshop{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:start}.workshop-tabs{display:flex;flex-direction:column;gap:8px}.workshop-tab{display:grid;grid-template-columns:30px 1fr 26px;align-items:start;gap:20px;width:100%;padding:25px 23px;background:transparent;border:1px solid transparent;border-top-color:var(--line);border-radius:0;text-align:left;color:var(--ink);cursor:pointer;transition:background-color 200ms ease,border-color 200ms ease}.workshop-tab[aria-selected=true]{background:#efe3fc;border-color:#e4cff5;border-radius:16px}.workshop-number{font-size:11px;color:#91709f;line-height:2.4;font-variant-numeric:tabular-nums}.workshop-tab-copy{display:grid;gap:12px}.workshop-tab-title{font-size:28px;line-height:1.12;letter-spacing:-.04em}.workshop-tab-text{font-size:13px;line-height:1.7;color:#796b83;max-width:345px}.workshop-tab[aria-selected=true] .workshop-tab-title{color:var(--violet-deep)}.workshop-tab-arrow{font-size:23px;line-height:1.3;color:#ad84cd;transition:transform 200ms var(--ease-out)}.workshop-tab[aria-selected=true] .workshop-tab-arrow{transform:rotate(45deg);color:var(--violet)}.workshop-panels{position:sticky;top:110px;min-width:0}.workshop-panel{position:relative;min-height:520px;aspect-ratio:1.22;border-radius:25px;overflow:hidden;isolation:isolate;background:#d8c7bd;color:#fff}.workshop-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;transition:transform 280ms var(--ease-out)}.workshop-photo-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#19141b30,transparent 35%,#19141b10 55%,#19141b9e)}.workshop-photo-top{position:absolute;z-index:2;top:27px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:20px}.workshop-photo-top>span:first-child{padding:8px 13px;border:1px solid #ffffff60;border-radius:40px;background:#2c212329;backdrop-filter:blur(10px)}.workshop-photo-top>span:last-child{font-size:10px;font-variant-numeric:tabular-nums}.workshop-photo-caption{position:absolute;z-index:2;bottom:32px;left:32px;right:32px;display:flex;align-items:end;justify-content:space-between;gap:20px}.workshop-photo-caption>span:first-child{font-size:44px;line-height:1.04;letter-spacing:-.05em;max-width:400px}.workshop-photo-mark{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #ffffff80;border-radius:50%;font-size:29px}.workshop-hint{display:flex;align-items:center;gap:12px;margin-top:17px;color:#85738f;font-size:11px}.workshop-hint>span{font-size:21px}
.transparency-section .section-heading{max-width:940px;margin-bottom:54px}.transparency-section h2{font-size:58px}.transparency-grid{grid-template-columns:1fr 1fr;gap:92px;align-items:center}.portrait-story{display:block;margin:0;min-width:0;align-self:start}.portrait-image-wrap{position:relative;aspect-ratio:1/1;border-radius:24px;overflow:hidden;background:#d5c7b9}.portrait-story .portrait-image-wrap>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 24%;border-radius:0;outline:none;transition:transform 280ms var(--ease-out)}.portrait-corner-mark{position:absolute;right:22px;bottom:14px;font-size:77px;line-height:1;color:#ede0fa;pointer-events:none}.portrait-story figcaption{display:flex;align-items:center;gap:12px;padding:19px 2px 0;font-size:13px;line-height:1.5;color:#725286}.portrait-caption-dot{width:6px;height:6px;border-radius:50%;background:var(--violet);flex-shrink:0}.transparency-grid .principles article{padding:28px 0}.transparency-grid .principles h3{font-size:25px;max-width:410px}.transparency-grid .principles p{font-size:14px;max-width:410px}
.craft-banner{position:relative;margin:0 0 60px;aspect-ratio:3.15;min-height:310px;border-radius:24px;overflow:hidden;isolation:isolate;background:#d2c5b9}.craft-banner>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 40%;transition:transform 280ms var(--ease-out)}.craft-banner:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#21151b92,transparent 68%);pointer-events:none}.craft-banner figcaption{position:absolute;z-index:2;inset:30px;display:flex;align-items:end;justify-content:space-between;gap:30px;color:#fff}.craft-banner figcaption>span:first-child{max-width:510px;font-size:40px;line-height:1.1;letter-spacing:-.045em}.craft-banner figcaption>span:last-child{font-size:45px;font-weight:300}
.industry-photo{position:relative;margin:0 0 24px;height:390px;border-radius:25px;overflow:hidden;isolation:isolate;background:#c7c7c0}.industry-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;transition:transform 280ms var(--ease-out)}.industry-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11191ec2,transparent 78%);z-index:1;pointer-events:none}.industry-photo figcaption{position:absolute;z-index:2;left:37px;bottom:36px;color:#fff;max-width:510px}.industry-photo figcaption>.eyebrow{display:block;color:#e1d9e8;font-size:10px;margin-bottom:19px}.industry-photo figcaption>span:last-child{font-size:38px;line-height:1.1;letter-spacing:-.045em}
.scenario-picker{border:0;padding:0;margin:0 0 33px}.scenario-picker legend{font-size:16px;color:#6e537d;padding:0;margin-bottom:18px}.scenario-options{display:flex;flex-wrap:wrap;gap:10px}.scenario-option{display:flex;gap:27px;align-items:center;position:relative;border:1px solid #d9c9e4;padding:14px 21px;border-radius:40px;cursor:pointer;background:var(--canvas);font-size:14px;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}.scenario-option input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.scenario-option>span:last-child{font-size:23px;line-height:1}.scenario-option:has(input:checked){background:var(--violet);border-color:var(--violet);color:#fff}.scenario-option:focus-within{outline:3px solid var(--violet);outline-offset:4px}.scenario-feedback{font-size:12px;color:#80678e;margin:17px 0 0;min-height:20px}.comparison-card{transition:box-shadow 200ms ease,background-color 200ms ease}.comparison-card.is-selected{background:#ead6fc;box-shadow:inset 0 0 0 2px #a15cda}.comparison-grid.is-keyboard .comparison-card,.scenario-picker.is-keyboard .scenario-option{transition:none}.case-replay{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:6px;padding:7px 0;background:transparent;border:0;font-size:11px;color:#764993;cursor:pointer;justify-self:start}.case-replay>span{font-size:18px;line-height:1}.case-replay:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.workshop-tab:hover{background:#f4ecfb;border-radius:16px}.workshop-tab:hover .workshop-tab-arrow{transform:translate(2px,-2px)}.workshop-panel:hover .workshop-photo,.portrait-image-wrap:hover>img,.craft-banner:hover>img,.industry-photo:hover>img{transform:scale(1.025)}.scenario-option:hover{border-color:var(--violet)}.case-replay:hover{text-decoration:underline;text-underline-offset:4px}}
@media(prefers-reduced-motion:no-preference){.motion-ready .workshop-panel.photo-enter .workshop-photo{animation:workshop-photo-in 600ms var(--ease-out) backwards}@keyframes workshop-photo-in{from{opacity:.7;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}}
@media(max-width:1150px){.strategy-workshop{gap:32px;grid-template-columns:1fr 1.1fr}.workshop-tab{padding:22px 17px;gap:15px;grid-template-columns:22px 1fr 22px}.workshop-tab-title{font-size:26px}.workshop-tab-text{font-size:12px}.workshop-panel{min-height:490px;aspect-ratio:1}.workshop-photo-caption{left:27px;right:27px;bottom:29px}.workshop-photo-caption>span:first-child{font-size:38px}.transparency-grid{gap:50px}.transparency-section h2{font-size:52px}.transparency-grid .principles h3{font-size:23px}.transparency-grid .principles p{font-size:13px}.portrait-image-wrap{aspect-ratio:.85}.craft-banner figcaption>span:first-child{font-size:36px;max-width:440px}.industry-photo{height:350px}.industry-photo figcaption{max-width:410px}.industry-photo figcaption>span:last-child{font-size:35px}}
@media(max-width:900px){.strategy-workshop{grid-template-columns:1fr;gap:24px}.workshop-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workshop-tab{border:1px solid var(--line);border-radius:16px;padding:23px}.workshop-tab-title{font-size:27px}.workshop-tab-text{font-size:13px}.workshop-panels{position:relative;top:auto}.workshop-panel{aspect-ratio:1.65;min-height:400px}.workshop-photo{object-position:center}.workshop-photo-caption>span:first-child{font-size:44px}.transparency-section h2{font-size:46px}.transparency-section .section-heading{max-width:690px;margin-bottom:40px}.transparency-grid{grid-template-columns:1fr;gap:32px}.portrait-story{max-width:620px;width:100%}.portrait-image-wrap{aspect-ratio:1.1}.transparency-grid .principles{grid-template-columns:1fr 1fr;gap:25px}.transparency-grid .principles article{padding:23px 0}.transparency-grid .principles h3{font-size:24px}.craft-banner{min-height:310px;aspect-ratio:2.2;margin-bottom:43px}.craft-banner figcaption>span:first-child{font-size:35px;max-width:370px}.industry-photo{height:350px}.industry-photo figcaption{max-width:335px;left:30px;bottom:30px}.industry-photo figcaption>span:last-child{font-size:33px}.industry-photo>img{object-position:62% center}}
@media(max-width:700px){.strategy-workshop{gap:20px}.workshop-tabs{display:flex;gap:8px}.workshop-tab{grid-template-columns:24px 1fr 24px;padding:20px;gap:14px}.workshop-tab-title{font-size:25px}.workshop-tab-copy{gap:9px}.workshop-tab-text{font-size:12px;line-height:1.65}.workshop-number{font-size:10px}.workshop-panel{min-height:390px;aspect-ratio:.95;border-radius:20px}.workshop-photo-top{top:21px;left:21px;right:21px;font-size:9px;gap:12px}.workshop-photo-top>span:first-child{padding:7px 10px}.workshop-photo-top>span:last-child{font-size:9px}.workshop-photo-caption{bottom:25px;left:24px;right:24px;gap:15px}.workshop-photo-caption>span:first-child{font-size:34px}.workshop-photo-mark{width:38px;height:38px;font-size:25px}.workshop-hint{font-size:10px;margin-top:13px}.transparency-section .section-heading{margin-bottom:29px}.transparency-section h2{font-size:37px}.transparency-grid{gap:22px}.portrait-image-wrap{aspect-ratio:.95;border-radius:19px}.portrait-story figcaption{font-size:12px;padding-top:16px;gap:10px}.portrait-corner-mark{font-size:63px;right:16px;bottom:12px}.transparency-grid .principles{grid-template-columns:1fr;gap:4px}.transparency-grid .principles article{padding:23px 0 18px}.transparency-grid .principles h3{font-size:23px}.transparency-grid .principles p{font-size:13px}.craft-banner{aspect-ratio:.97;min-height:0;margin-bottom:35px;border-radius:20px}.craft-banner>img{object-position:58% center}.craft-banner:after{background:linear-gradient(0deg,#21151bb8,transparent 75%)}.craft-banner figcaption{inset:23px;gap:15px}.craft-banner figcaption>span:first-child{font-size:30px;max-width:265px}.craft-banner figcaption>span:last-child{font-size:32px}.industry-photo{height:390px;border-radius:20px;margin-bottom:18px}.industry-photo>img{object-position:68% center}.industry-photo:after{background:linear-gradient(0deg,#11191ed4,transparent 85%)}.industry-photo figcaption{left:25px;right:25px;bottom:27px;max-width:none}.industry-photo figcaption>.eyebrow{font-size:9px;margin-bottom:14px}.industry-photo figcaption>span:last-child{font-size:30px;line-height:1.12}.scenario-picker{margin-bottom:26px}.scenario-picker legend{font-size:15px;margin-bottom:15px}.scenario-options{display:grid;grid-template-columns:1fr;gap:9px}.scenario-option{font-size:13px;padding:14px 20px;justify-content:space-between}.scenario-option>span:last-child{font-size:22px}.scenario-feedback{font-size:11px;line-height:1.6;min-height:37px;margin-top:13px}.case-replay{font-size:10px;margin-top:3px;padding-top:8px}}
@media(max-width:370px){.workshop-tab{padding:18px;gap:12px;grid-template-columns:20px 1fr 20px}.workshop-tab-title{font-size:23px}.workshop-tab-text{font-size:12px}.workshop-panel{min-height:355px}.workshop-photo-caption>span:first-child{font-size:31px}.workshop-photo-caption{left:21px;right:21px}.transparency-section h2{font-size:35px}.craft-banner figcaption>span:first-child{font-size:28px}.industry-photo{height:370px}.industry-photo figcaption>span:last-child{font-size:28px}}
@media(prefers-reduced-motion:reduce){.workshop-panels{position:relative;top:auto}.workshop-photo,.portrait-image-wrap>img,.craft-banner>img,.industry-photo>img{transform:none!important}.case-replay{display:none}}
.visual-editor-page .workshop-panels{position:relative;top:auto}.visual-editor-page .workshop-photo-shade,.visual-editor-page .workshop-photo-top,.visual-editor-page .workshop-photo-caption{pointer-events:none}.visual-editor-page .workshop-photo{cursor:pointer}.visual-editor-page .workshop-photo:focus-visible{outline-offset:-5px}.visual-editor-page .craft-banner:after,.visual-editor-page .industry-photo:after{pointer-events:none}
html:not(.js) .workshop-panels{position:relative;top:auto}html:not(.js) .workshop-panel{margin-bottom:20px}html:not(.js) .workshop-hint{display:none}

/* Client wordmarks keep their original colours and aspect ratios. */
.client-strip{margin:0 0 48px;padding:28px 32px 14px;border:1px solid #e9e1ef;border-radius:22px;background:#fff}
.client-strip h3{margin:0;padding-bottom:23px;border-bottom:1px solid #eee8f3;font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.03em}
.client-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 30px;list-style:none;margin:0;padding:12px 0 0}
.client-logos li{display:flex;align-items:center;justify-content:center;min-width:0;height:100px;padding:14px 4px}
.client-logos img{display:block;width:100%;height:58px;max-width:200px;object-fit:contain}
@media(max-width:1000px){.client-logos{column-gap:24px}.client-logos li{height:86px}.client-logos img{height:48px}.client-strip{padding:25px 26px 12px}}
@media(max-width:700px){.client-strip{margin-bottom:28px;padding:22px 21px 9px;border-radius:18px}.client-strip h3{font-size:21px;padding-bottom:19px}.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;padding-top:8px}.client-logos li{height:79px;padding:12px 0}.client-logos img{height:48px;max-width:165px}}