/* Shoreditch case study: preserve the complete portrait photographs. */
.mdl-shoreditch-project .mdl-cs-hero{min-height:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.mdl-shoreditch-project .mdl-cs-hero__copy{padding-top:150px;padding-bottom:64px;justify-content:center}
.mdl-shoreditch-project .mdl-cs-hero h1{font-size:clamp(50px,5.7vw,88px);line-height:.96}
.shoreditch-gallery{position:relative;min-width:0;height:min(100svh,1000px);min-height:700px;background:#303b3d;overflow:hidden}
.shoreditch-gallery [data-piece-slide]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;opacity:0;visibility:hidden}
.shoreditch-gallery [data-piece-slide].is-active{opacity:1;visibility:visible}
.mdl-shoreditch-project .shoreditch-gallery img{width:100%;height:100%;object-fit:contain}
.shoreditch-gallery__controls{position:absolute;z-index:3;left:16px;bottom:16px;display:flex;align-items:center;gap:16px;padding:6px;background:#f9f7f4;color:#1a1a18;font:500 12px/1.4 var(--cs-sans)}
.shoreditch-gallery__controls button{width:44px;height:44px;border:0;color:inherit;background:transparent;font-size:24px;cursor:pointer}
.shoreditch-gallery__controls button:focus-visible{outline:2px solid #1a1a18}
.shoreditch-gallery .piece-gallery-expand{top:auto;left:auto;right:16px;bottom:16px}
.mdl-shoreditch-project .mdl-cs-story__media img,.mdl-shoreditch-project .mdl-cs-detail-image img{object-fit:contain}
.mdl-shoreditch-project .mdl-cs-story__media{background:#d4cec6}
.shoreditch-film{padding-block:0 clamp(70px,9vw,120px)}
.shoreditch-film__layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,90px)}
.shoreditch-film h2,.shoreditch-faq h2{margin:0;font:300 clamp(40px,5vw,68px)/1 var(--cs-display);letter-spacing:-.035em}
.shoreditch-film p:not(.mdl-cs-kicker){color:#55514b;font:300 17px/1.75 var(--cs-sans)}
.shoreditch-film figure{margin:0;min-width:0}
.shoreditch-film video{display:block;width:100%;max-height:78svh;aspect-ratio:478/850;object-fit:contain;background:#2a2a28}
.shoreditch-film figcaption{margin-top:14px;color:#55514b;font:400 13px/1.6 var(--cs-sans)}
.shoreditch-faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,7vw,110px);align-items:start;padding-bottom:clamp(70px,9vw,120px)}
.shoreditch-faq h2{max-width:470px;margin:0;font-size:clamp(40px,4.5vw,64px);line-height:1.02}
.shoreditch-faq h2 em{font-weight:300;color:#777169}
.shoreditch-faq__list{min-width:0;counter-reset:project-question}
.shoreditch-faq details{counter-increment:project-question;border-top:1px solid var(--cs-line)}
.shoreditch-faq details:last-child{border-bottom:1px solid var(--cs-line)}
.shoreditch-faq summary{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;min-height:76px;padding:24px 46px 24px 0;list-style:none;cursor:pointer;font:400 16px/1.65 var(--cs-sans)}
.shoreditch-faq summary::-webkit-details-marker{display:none}
.shoreditch-faq summary::before{content:counter(project-question,decimal-leading-zero);padding-top:4px;color:#777169;font:500 10px/2 var(--cs-sans);letter-spacing:.12em}
.shoreditch-faq summary::after{content:"+";position:absolute;right:0;top:23px;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--cs-line);border-radius:50%;font:300 21px/1 var(--cs-sans)}
.shoreditch-faq details[open] summary::after{content:"−"}
.shoreditch-faq summary:hover{color:#777169}
.shoreditch-faq summary:focus-visible{outline:2px solid #a08f77;outline-offset:4px}
.shoreditch-faq details p{margin:0;padding:0 38px 26px;color:#55514b;font:300 15px/1.8 var(--cs-sans)}
.shoreditch-skip{position:fixed;top:10px;left:10px;z-index:100000002;padding:12px 16px;color:#fff;background:#1a1a18;transform:translateY(-200%)}
.shoreditch-skip:focus{transform:none}
@media(max-width:800px){.shoreditch-faq{grid-template-columns:1fr;gap:32px}.shoreditch-faq h2{max-width:540px}.shoreditch-faq summary{font-size:15px;padding-right:40px;gap:10px}.shoreditch-faq details p{padding-left:34px;padding-right:10px}}
@media(max-width:800px){.mdl-shoreditch-project .mdl-cs-hero{grid-template-columns:1fr}.mdl-shoreditch-project .mdl-cs-hero__copy{min-height:0;padding:140px 16px 48px}.mdl-shoreditch-project .mdl-cs-hero h1{font-size:clamp(48px,11vw,76px)}.shoreditch-gallery{height:135vw;max-height:820px;min-height:0}.shoreditch-film__layout{grid-template-columns:1fr}.mdl-shoreditch-project .mdl-cs-details__grid{grid-template-columns:1fr}.mdl-shoreditch-project .mdl-cs-detail-image,.mdl-shoreditch-project .mdl-cs-detail-image:nth-child(2){height:125vw;max-height:780px}}