/* Phone layout: keep artwork clear and service navigation compact. */
.menu-label-mobile,.back-to-menu{display:none}
@media(max-width:620px){
 body{background:var(--paper);background-image:none}
 .outer-grid-parallax{display:none}
 .site-column{width:100%;max-width:none;margin:0}
 .hero .showreel-feature{width:100%;margin:0;left:auto;transform:none;padding:0;background:none}
 .hero .hero-slideshow{border:3px solid #fff;box-sizing:border-box;width:100%;aspect-ratio:5/3}
 .showreel-feature>.slide-caption{display:flex;align-items:center;gap:4px;min-height:56px;padding:5px 0;background:none;color:var(--paper)}
 .showreel-feature>.slide-caption .slide-caption-copy{min-width:0;flex:1;display:grid;gap:2px}
 .showreel-feature>.slide-caption .slide-caption-title{font:500 13px/1.3 var(--body);overflow-wrap:anywhere}
 .showreel-feature>.slide-caption .slide-caption-client{font:400 11px/1.3 var(--body);color:inherit;text-decoration:none;overflow-wrap:anywhere}
 .showreel-feature>.slide-caption .slide-caption-client[href]{text-decoration:underline}
 .showreel-feature>.slide-caption button{position:static;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:none;color:inherit;transform:none;font:36px/1 Arial;display:grid;place-items:center}
 .menu-label-desktop{display:none}
 .menu-label-mobile{display:inline}
 .services-section>.service-index{display:block;position:relative;z-index:1;margin:22px 20px 0;padding:16px 18px;background:#eee1bf url('assets/01-cartridge-paper.webp') center/500px;border:1px solid #00336620;box-shadow:0 3px 8px #00336612;line-height:2;scroll-margin-top:16px}
 .services-section>.service-index a{display:inline;position:static;isolation:auto;width:auto;min-height:0;padding:0;border:0;transform:none;font:500 16px/2 var(--body);text-decoration:underline;text-decoration-color:#00336655;text-underline-offset:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
 .service-index a::before{display:none}
 .service-index a:not(:last-child)::after{content:' / ';display:inline;position:static;color:#247580;white-space:pre}
 .service-index a:focus-visible{outline-offset:2px}
 .service-grid{margin-inline:20px}
 .back-to-menu{display:block;align-self:flex-start;margin:16px 22px 20px;font:500 13px/1.5 var(--body);padding:10px 0;color:inherit;text-underline-offset:4px}
}
@media(max-width:620px){
 .service-index .menu-label-mobile{white-space:nowrap}
 .services-section>.service-index{font:500 16px/2 var(--body)}
}
/* Let captions flow down from the first line, with controls outside the artwork. */
@media(max-width:620px){
 .showreel-feature>.slide-caption{position:relative;display:block;min-height:0;padding:3px 7px 0}
 .showreel-feature>.slide-caption .slide-caption-copy{width:100%;gap:2px}
 .showreel-feature>.slide-caption button{position:absolute;top:0;width:24px;height:32px;font:28px/17px Arial;display:flex;align-items:flex-start;justify-content:center;padding-top:2px}
 .showreel-feature>.slide-caption .slide-prev{left:-20px}
 .showreel-feature>.slide-caption .slide-next{right:-20px}
}
@media(max-width:620px){
 .hero{padding-top:18px}
 .hero-feature{margin-top:12px}
 .showreel-feature>.slide-caption{color:#b4c2cf}
 .showreel-feature>.slide-caption button{font-size:36px;color:var(--paper)}
}
@media(min-width:1101px){.hero .hero-bottom{font-size:19px}}
@media(min-width:901px) and (max-width:1100px){.hero .hero-bottom{font-size:17px}}
/* More prominent return navigation. */
.back-to-menu{font-size:16px;line-height:1.5;font-weight:600}
footer.wrap>a{font-size:16px;font-weight:600;padding-block:12px}
@media(max-width:620px){.back-to-menu{font-size:16px;padding-block:12px}}
.desktop-menu-return{display:none}
@media(min-width:621px){
 .desktop-menu-return{display:block;grid-column:1/-1;justify-self:center;font:600 16px/1.5 var(--body);padding:12px 18px;text-underline-offset:4px}
}
/* Quieter service return links; retain the larger footer Back to top. */
.back-to-menu,.desktop-menu-return{font-size:13px;font-weight:500}
.about .about-title-card h2{font-size:clamp(32px,3.4vw,48px);line-height:1.1;overflow-wrap:normal}
.about-founder-heading{font-size:26px;margin:30px 0 14px}
@media(max-width:620px){.about .about-title-card h2{font-size:clamp(32px,8vw,46px)}}