/* Add a consistent pause between the main editorial sections. Keep this space
   outside each section so the viewport-sized category composition stays intact. */
.home-page{--section-breathing-space:clamp(64px,6vw,96px)}
.home-page main>:is(#stories,.dedicated-story,#meet-the-artists,#about,#work){margin-bottom:var(--section-breathing-space)}
@media(max-width:800px){
  .home-page{--section-breathing-space:clamp(40px,7vw,56px)}
  .home-page main>:is(#stories,#meet-the-artists){margin-bottom:calc(68px + var(--section-breathing-space))}
}

/* Rectangular photographic collage. Each link carries its image and title. */
#work{width:calc(100% - 64px);padding:24px 0 32px;scroll-margin-top:138px;overflow:clip}
.industry-composition{width:min(100%,1120px,calc((100svh - 278px)*1.8));margin-inline:auto;container-type:inline-size}
#work .industry-heading{position:relative;margin:0 0 44px;font-size:clamp(32px,5.2cqw,60px);line-height:1.06;letter-spacing:.015em;text-align:center}
#work .industry-heading br{display:none}
.industry-collage{position:relative;aspect-ratio:1.8;isolation:isolate}
.industry-tile{position:absolute;margin:0;z-index:2}
.industry-card{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:3px solid var(--paper);background:var(--ink);color:#fff;text-decoration:none;transition:transform 1100ms cubic-bezier(.2,.75,.25,1),opacity 800ms ease;transition-delay:var(--entrance-delay,0ms)}
.industry-card>img,.industry-fragment>img{display:block;width:100%;height:100%;object-fit:cover}
.industry-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.36),transparent 40%,transparent 55%,rgba(0,0,0,.76))}
#work .industry-title{position:absolute;z-index:1;bottom:clamp(12px,2cqw,24px);left:clamp(12px,2cqw,24px);right:12px;margin:0;color:#fff;font-family:"Ever After",Arial,sans-serif;font-weight:400;font-size:clamp(25px,3.8cqw,43px);line-height:1.02;letter-spacing:.015em;text-align:left;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.35);text-wrap:balance}
.industry-celebrations{left:0;top:43%;width:47%;height:55%;z-index:3}
.industry-celebrations img{object-position:49% 50%}
.industry-events{left:32%;top:4%;width:45%;height:57%}
#work .industry-events .industry-title{top:16px;bottom:auto;left:20px}
.industry-places{left:8%;top:0;width:22%;height:47%}
#work .industry-places .industry-title{top:16px;bottom:auto}
.industry-places img{object-position:55% 50%}
.industry-portraits{left:72%;top:46%;width:26%;height:51%;z-index:4}
.industry-portraits img{object-position:54% 28%}
.industry-fragment{position:absolute;z-index:0;overflow:hidden;pointer-events:none}
.industry-fragment-1{left:1%;top:12%;width:5%;height:24%}
.industry-fragment-2{left:79%;top:4%;width:10%;height:5%}
.industry-fragment-3{left:64%;top:90%;width:6%;height:7%}
.industry-card:focus-visible{outline:3px solid var(--rose);outline-offset:-7px}
@media(hover:hover){.industry-card:hover .industry-title{text-shadow:0 0 14px rgba(255,255,255,.55)}}
@media(prefers-reduced-motion:no-preference){
 .industry-collage.motion-ready .industry-tile:not(.has-entered) .industry-card{opacity:0;transform:translateY(72px)}
 .industry-collage.motion-ready .industry-tile:focus-within .industry-card{opacity:1;transform:none;transition-delay:0ms}
}
@media(max-width:800px){
 #work{width:calc(100% - 32px);padding:16px 0 20px;scroll-margin-top:88px}
 .industry-composition{width:min(100%,480px,calc((100svh - 212px)*.82))}
 #work .industry-heading{font-size:clamp(29px,9cqw,43px);margin:0 0 32px;line-height:1.04}
 #work .industry-heading br{display:block}
 .industry-collage{aspect-ratio:.82}
 .industry-card{border-width:2px}
 .industry-celebrations{left:0;top:44%;width:65%;height:54%}
 .industry-events{left:38%;top:0;width:60%;height:47%}
 .industry-places{left:6%;top:12%;width:34%;height:29%}
 .industry-portraits{left:63%;top:55%;width:35%;height:40%}
 #work .industry-title{font-size:clamp(22px,7.4cqw,34px);left:10px;right:8px;bottom:12px}
 #work .industry-events .industry-title{top:auto;bottom:16px;left:12px}
 #work .industry-places .industry-title{top:10px;bottom:auto;font-size:clamp(20px,6.7cqw,31px)}
 #work .industry-portraits .industry-title{font-size:clamp(20px,6.7cqw,31px)}
 .industry-fragment-1{left:0;top:15%;width:4%;height:20%}
 .industry-fragment-2{left:20%;top:4%;width:14%;height:3%}
 .industry-fragment-3{left:76%;top:96%;width:18%;height:2%}
}
@media(prefers-reduced-motion:reduce){.industry-card{transition:none}}

/* The existing story disclosure now belongs to the homepage footer. */
.home-page main>.mobile-footer-story{margin-bottom:0}
.home-page main>.mobile-footer-story h2{padding-bottom:28px}
.home-page .site-footer #enquire{margin:0;background:var(--paper);color:var(--ink);text-transform:none;letter-spacing:normal}
.home-page .site-footer #enquire::before{display:none}
.home-page .site-footer #enquire .enquiry-intro{width:min(760px,calc(100% - 48px));margin:0 auto;padding:0 0 36px}
.home-page .site-footer #enquire .enquiry-dropdown{max-width:none;margin:0;border-color:var(--line)}
.home-page .site-footer #enquire .enquiry-dropdown>summary{position:relative;font-size:32px;line-height:1.2;padding:18px 36px;text-align:center}
.home-page .site-footer #enquire .enquiry-dropdown>summary::after{position:absolute;right:0;top:50%;transform:translateY(-50%);float:none;font-size:30px}
.home-page .site-footer #enquire .form{background:transparent}
.home-page .site-footer .footer-inner{margin-top:28px}
@media(max-width:800px){
  .home-page .site-footer #enquire .enquiry-intro{padding-bottom:24px}
  .home-page .site-footer #enquire .enquiry-dropdown>summary{font-size:26px}
  .home-page .site-footer .footer-inner{margin-top:18px}
}