/* User-supplied programme photographs, shared by both page languages. */
.hero-art{width:54%;mask-image:linear-gradient(to right,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 68%,transparent 100%)}
[dir=ltr] .hero-art{mask-image:linear-gradient(to left,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(to left,#000 68%,transparent 100%)}
.hero-art img{object-position:76% 38%;filter:brightness(.95)}
.hero-art:after{background:linear-gradient(to top,#111110,rgba(17,17,16,.15) 50%,rgba(17,17,16,.06))}
.hero-grid{grid-template-columns:1fr;max-width:53%;gap:28px;align-items:start}
.hero h1{font-size:clamp(52px,6.7vw,94px)}
[dir=ltr] .hero h1{font-size:clamp(48px,5.8vw,82px)}
.hero-side{gap:18px}
.hero-side .lead{font-size:17px;line-height:1.85}
.hero-side .dots{font-size:18px}
.hero-foot{margin-top:40px}
.clay-story{margin:64px 0 0;position:relative;border-radius:18px;overflow:hidden;background:var(--sand)}
.clay-story picture,.clay-story img{display:block;width:100%}
.clay-story img{height:auto;aspect-ratio:2/1;object-fit:cover;object-position:50% 62%}
.clay-story figcaption{position:absolute;inset-inline:0;bottom:0;padding:40px 28px 22px;background:linear-gradient(transparent,rgba(24,34,31,.75));color:#fff;font-weight:700;font-size:16px}
.experience-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:66px;align-items:start}
.experience-card{margin:0;min-width:0}
.experience-card.handbuilding{margin-top:76px}
.experience-card picture{display:block;overflow:hidden;border-radius:18px;background:var(--sand);box-shadow:0 16px 40px rgba(21,43,38,.1)}
.experience-card img{display:block;width:100%;height:auto}
.experience-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;color:var(--ink);font-size:16px;font-weight:700}
.photo-rule{width:30px;height:2px;background:var(--copper);flex:none}
.host .portrait{aspect-ratio:4/3;max-width:none}
.host .portrait img{object-position:68% 50%}
.host .portrait figcaption{letter-spacing:.1em;opacity:1;gap:14px;font-size:9px;align-items:end}
.host .portrait figcaption span:last-child{letter-spacing:0;text-transform:none;text-align:end;font-size:11px}
@media(max-width:1050px) and (min-width:821px){
  .hero-grid{max-width:58%}.hero-art{width:54%}
  .hero h1{font-size:64px}[dir=ltr] .hero h1{font-size:58px}
  .experience-gallery{gap:18px}.experience-card.handbuilding{margin-top:48px}
  .host-grid{grid-template-columns:.9fr 1.1fr;gap:36px}
}
@media(max-width:820px){
  .hero-art,[dir=ltr] .hero-art{width:100%;height:480px;inset-block:0 auto;mask-image:linear-gradient(#000 48%,transparent 100%);-webkit-mask-image:linear-gradient(#000 48%,transparent 100%)}
  .hero-art img{object-position:70% 20%;filter:none}
  .hero-art:after{background:linear-gradient(to top,#111110,rgba(17,17,16,.05) 55%)}
  .hero{padding-top:330px}
  .hero-grid{max-width:100%;gap:24px}
  .hero h1{font-size:clamp(44px,8vw,64px);max-width:16ch}
  [dir=ltr] .hero h1{font-size:clamp(40px,7vw,58px);max-width:18ch}
  .wordmark{margin-block:16px 24px}
  .hero-side .lead{font-size:17px}
  .clay-story{margin-top:40px}.clay-story img{aspect-ratio:4/3}
  .experience-gallery{grid-template-columns:1fr;max-width:480px;margin:44px auto 0;gap:36px}
  .experience-card.handbuilding{margin-top:0}
  .experience-card figcaption{padding-top:14px}
  .host-grid{grid-template-columns:1fr}
  .host .portrait{width:100%;max-width:560px}
}
@media(max-width:580px){
  .hero{padding-top:285px}.hero-art,[dir=ltr] .hero-art{height:410px}
  .hero h1{font-size:clamp(42px,12vw,58px)}
  [dir=ltr] .hero h1{font-size:clamp(40px,10.5vw,56px)}
  .clay-story,.experience-card picture{border-radius:14px}
  .clay-story figcaption{font-size:14px;padding:36px 18px 18px}
  .hero .eyebrow{font-size:11px}
}
@media(max-width:380px){
  .header-inner{gap:10px}.brand{gap:8px}.header-nav{gap:10px}
  .brand-wordmark img{width:64px!important}
  .header-book{padding-inline:10px;font-size:12px}
}