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

/* Finished details and workshop photographs share the existing image viewer. */
.chelsea-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,42px);padding-bottom:clamp(70px,9vw,120px)}
.chelsea-photo-grid .mdl-cs-detail-image,.chelsea-photo-grid .mdl-cs-detail-image:nth-child(2){height:min(70vw,760px);background:#e3dfd8}
.chelsea-photo-grid .mdl-cs-detail-image img{object-fit:contain}
.chelsea-workshop-quote{margin:28px 0 0;padding-left:24px;border-left:1px solid #a08f77;font:300 clamp(24px,2.6vw,36px)/1.3 var(--cs-display)}
.chelsea-workshop-quote p{color:inherit!important;font:inherit!important}
.chelsea-process{padding-block:clamp(70px,8vw,110px)}
.chelsea-process ol{padding:0;list-style:none;counter-reset:panel-process}
.chelsea-process li{counter-increment:panel-process;display:grid;grid-template-columns:32px 1fr;gap:12px;margin:0;padding:18px 0;border-top:1px solid var(--cs-line);font:300 16px/1.75 var(--cs-sans)}
.chelsea-process li::before{content:counter(panel-process,decimal-leading-zero);font-size:10px;letter-spacing:.1em;color:#777169}
.static-layout-317 .static-layout-element.static-layout-element-3835e78.mdl-chelsea-panelling-preview{position:relative;overflow:hidden;background:#d4cec6!important}
.static-layout-317 .mdl-chelsea-panelling-preview>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}
@media(max-width:800px){.chelsea-photo-grid{grid-template-columns:1fr}.chelsea-photo-grid .mdl-cs-detail-image,.chelsea-photo-grid .mdl-cs-detail-image:nth-child(2){height:125vw;max-height:780px}}

/* Portrait project photographs retain their full composition in the category hero. */
.wall-panelling-page .mdl-portfolio__hero-media{left:50%;background:#d4cec6}
.wall-panelling-page .mdl-portfolio__hero-media::after{display:none}
.wall-panelling-page .mdl-portfolio__hero-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none}
.wall-panelling-page .mdl-portfolio__hero-inner{padding-block:150px 44px;padding-right:calc(50% + 24px)}
.wall-panelling-page .mdl-portfolio__title{font-size:clamp(64px,8vw,116px)}
.wall-panelling-page .mdl-portfolio__title em{margin-left:0}
.wall-panelling-page .mdl-portfolio__hero-foot{grid-template-columns:1fr auto;gap:20px;margin-top:32px}
.wall-panelling-page .mdl-portfolio__hero-copy{grid-column:1/-1;font-size:clamp(16px,1.4vw,20px)}
.wall-panelling-page .mdl-portfolio__count{font-size:12px}
.wall-panelling-page .mdl-portfolio__hero-controls{gap:16px}
@media(min-width:901px){
  .wall-panelling-page:not(.mdl-menu-active) #mdl-primary-header:not(.is-scrolled){color:#1a1a18;background:#f9f7f4}
}
@media(max-width:900px){
  .wall-panelling-page .mdl-portfolio__hero{display:flex;flex-direction:column;min-height:0}
  .wall-panelling-page .mdl-portfolio__hero-inner{order:1;width:calc(100% - 32px);padding:140px 0 36px}
  .wall-panelling-page .mdl-portfolio__hero-media{position:relative;inset:auto;order:2;z-index:auto;width:100%;height:min(185vw,780px)}
  .wall-panelling-page .mdl-portfolio__title{font-size:clamp(64px,15vw,100px)}
  .wall-panelling-page .mdl-portfolio__hero-foot{grid-template-columns:1fr}
  .wall-panelling-page .mdl-portfolio__hero-caption{max-width:none}
}