/* Keep complete product photographs visible on phones and tablets. */
@media (max-width: 1100px) {
  .hero.wide-slide {display:flex;flex-direction:column;min-height:0;height:auto;gap:0;padding:185px 0 28px}
  .theme-cinema .wide-slide .hero-content {width:100%;padding:0 6% 28px}
  .wide-slide .hero-copy {max-width:650px}
  .theme-cinema .wide-slide .hero-image {position:relative;inset:auto;order:2;width:100%;height:auto;aspect-ratio:1672/941;z-index:0;mask-image:none;animation:none;transform:none}
  .theme-cinema .wide-slide .hero-image img {inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center!important;mask-image:none;filter:none}
  .theme-cinema .wide-slide .hero-shade {display:none}
  .wide-slide .hero-bottom {position:static;order:3;width:auto;margin:0 6%;padding:22px 0 0;flex-wrap:wrap;gap:16px}
  .wide-slide .hero-bottom>a {margin-left:0;max-width:none}
  .category-tiles button {white-space:normal}
  .category-tiles button:not(:first-child)>img {aspect-ratio:4/5;height:auto;object-fit:contain;object-position:center;background:#e9e1d2}
  .category-tiles button>img,.category-tiles button[aria-pressed=true]>img,.category-tiles button:hover>img {transform:none;object-fit:contain;object-position:center}
  .product-photo img,.gallery-thumbnails img,.bag-row img {object-fit:contain;transform:none!important}
  .product h3 {overflow-wrap:anywhere}
  .workshop-mosaic .journal-photo img {object-fit:contain;aspect-ratio:auto;height:auto;transform:none}
  #journal-modal>img {display:block;width:100%;clip-path:none}
  .detail-layout>*,.section-heading>* {min-width:0}
}
@media (min-width:701px) and (max-width:1100px) {
  .hero h1 {font-size:64px;line-height:1.02}
  .hero h1 br {display:none}
  .category-tiles {grid-template-columns:repeat(5,minmax(0,1fr))}
  .category-tiles button>span {font-size:14px;padding:10px 8px}
}
@media (max-width:700px) {
  .hero.wide-slide {padding-top:35px}
  .hero h1 {font-size:clamp(46px,14.5vw,58px)}
  .wide-slide .hero-bottom {margin:0 6%}
  .wide-slide .hero-bottom .motion-controls {margin-left:0;flex-wrap:wrap}
  .category-tiles button:first-child>img {object-fit:contain;transform:none}
  .product-copy {padding:12px}
  .product h3 {font-size:21px;min-height:0}
  .product-bottom {font-size:13px;flex-wrap:wrap}
  .section-heading h2 {overflow-wrap:anywhere}
  .theme-cinema header nav {gap:5px}
}
/* Give the collection introduction a balanced, centered title. */
#collection .section-heading {
  display:grid;
  grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);
  align-items:center;
  gap:clamp(28px,4vw,56px);
}
#collection .section-heading>div {text-align:center}
#collection .section-heading .eyebrow {margin:0 0 18px}
#collection .section-heading h2 {
  margin:0;
  font-size:clamp(48px,5.2vw,82px);
  line-height:1.08;
  text-wrap:balance;
}
#collection .section-heading>p {
  display:block;
  margin:0;
  max-width:none;
  padding:12px 0 12px 24px;
}
@media (max-width:900px) {
  #collection .section-heading {grid-template-columns:minmax(0,1fr);gap:22px}
  #collection .section-heading h2 {font-size:clamp(46px,8vw,68px)}
  #collection .section-heading>p {
    justify-self:center;
    max-width:480px;
    font-size:18px;
    line-height:1.6;
    text-align:center;
    border-left:0;
    border-top:1px solid #c9b28444;
    padding:18px 8px 0;
  }
}