/* Three category pages only; the source product photographs remain intact. */
/* Single-product cookware categories share the final row, retaining their anchors. */
.catalogue-singletons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.catalogue-singletons>.catalogue-group{min-width:0;margin-bottom:0}
.catalogue-singletons>.catalogue-group>h2{font-size:clamp(26px,2.5vw,36px);line-height:1.2;margin-bottom:30px}
.catalogue-singletons .catalogue-grid{grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){.catalogue-singletons{grid-template-columns:1fr;gap:64px}.catalogue-singletons>.catalogue-group>h2{font-size:31px;margin-bottom:28px}}
.category-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--cream)}
.category-hero-backdrop{position:absolute;inset:-60px;z-index:0;width:calc(100% + 120px);height:calc(100% + 120px);max-width:none;object-fit:fill;filter:blur(50px);pointer-events:none}
.category-hero::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,color-mix(in srgb,var(--cream) 35%,transparent),color-mix(in srgb,var(--cream) 15%,transparent) 45%,transparent 80%);pointer-events:none}
.category-hero-photo{position:absolute;right:0;bottom:0;z-index:2;width:auto;height:100%;max-width:60%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 12px);object-position:right bottom;pointer-events:none}
.category-hero-shell{position:relative;z-index:3;max-width:1680px;margin:0 auto;min-height:620px;padding:36px 48px 44px;display:flex;align-items:center}
.category-hero-copy{width:50%;max-width:700px;min-width:0}
.category-hero .back-link{color:var(--forest);margin:0 0 20px;min-height:44px;font-size:13px;border-bottom:1px solid transparent;transition:border-color .2s}
.category-hero .back-link:hover{border-color:var(--forest)}
.category-hero .eyebrow{margin:0 0 18px;font-size:11px}
.category-hero h1{font-size:clamp(54px,5.5vw,84px);margin:0 0 20px;line-height:1.02;max-width:100%;overflow-wrap:normal}
.category-hero-intro{font-size:17px;line-height:1.65;max-width:440px;margin:0;color:var(--forest)}
.category-hero .category-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.category-hero .category-jumps a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:10px 16px;font-size:13px;line-height:1.4;color:var(--forest);background:color-mix(in srgb,var(--paper) 86%,transparent);border:1px solid color-mix(in srgb,var(--forest) 20%,transparent);border-radius:99px;text-decoration:none;transition:transform .2s,background .2s,color .2s,border-color .2s}
.category-hero .category-jumps a:hover{transform:translateY(-3px);background:var(--forest);border-color:var(--forest);color:var(--cream)}
.category-hero .category-jumps a:active{transform:translateY(0)}
.category-hero .category-jumps a.is-active{background:var(--forest);border-color:var(--forest);color:var(--cream)}
.category-hero a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.category-hero+.catalogue-section{padding-top:60px}
@media(min-width:1680px){.category-hero-shell{min-height:680px}}
@media(max-width:1100px){.category-hero-shell{padding:30px 30px 40px;min-height:600px}.category-hero-copy{width:46%}.category-hero h1{font-size:58px}.category-hero .category-jumps{gap:8px}.category-hero .category-jumps a{padding:10px 14px}}
@media(max-width:900px){.category-hero{--category-scene-height:min(100vw,540px)}.category-hero-shell{min-height:0;display:block;padding:30px 30px calc(var(--category-scene-height) + 24px)}.category-hero-copy{width:100%;max-width:720px}.category-hero-photo{width:100%;height:var(--category-scene-height);max-width:none;object-position:center bottom;mask-image:none}.category-hero-backdrop{top:-60px;bottom:-60px;height:calc(100% + 120px)}.category-hero::before{background:linear-gradient(var(--cream),color-mix(in srgb,var(--cream) 60%,transparent) 45%,transparent 75%)}.category-hero h1{font-size:58px;max-width:620px}.category-hero .category-jumps{margin-top:24px;max-width:680px}.category-hero-intro{max-width:560px}}
@media(max-width:600px){.category-hero-shell{padding:22px 22px calc(var(--category-scene-height) + 18px)}.category-hero h1{font-size:clamp(43px,11.5vw,58px);max-width:100%}.category-hero .back-link{margin-bottom:16px}.category-hero .eyebrow{margin-bottom:16px}.category-hero-intro{font-size:15px}.category-hero .category-jumps{gap:8px;margin-top:22px}.category-hero .category-jumps a{font-size:12px;padding:10px 13px}.category-hero+.catalogue-section{padding-top:42px}}
@media(prefers-reduced-motion:reduce){html:has(.category-hero){scroll-behavior:auto}.category-hero .back-link,.category-hero .category-jumps a{transition:none}.category-hero .category-jumps a:hover{transform:none}}

/* One continuous photograph replaces the rejected edge-extension composition. */
.category-hero--wide::before{display:none}
.category-hero--wide .category-hero-photo{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:right center;mask-image:none}
.category-hero--wide .category-hero-shell{min-height:clamp(440px,35vw,680px)}
.category-hero--wide .category-hero-copy{width:40%;max-width:600px}
.category-hero--wide h1{font-size:clamp(50px,5vw,78px)}
@media(max-width:900px){
  .category-hero--wide{--category-scene-height:min(78vw,420px)}
  .category-hero--wide .category-hero-shell{min-height:0}
  .category-hero--wide .category-hero-copy{width:100%;max-width:720px}
  .category-hero--wide .category-hero-photo{top:auto;bottom:0;height:var(--category-scene-height);object-position:right bottom;mask-image:linear-gradient(transparent,#000 6%)}
}
@media(max-width:600px){.category-hero--wide h1{font-size:clamp(43px,11.5vw,58px)}}
@media(min-width:901px){
  .category-hero--cookware.category-hero--wide .category-hero-shell{padding-top:18px;padding-bottom:18px}
  .category-hero--warming.category-hero--wide .category-hero-shell{min-height:clamp(440px,35vw,680px)}
  .category-hero--warming.category-hero--wide .category-hero-photo{object-position:right bottom}
  .category-hero--warming .back-link{padding:0 12px;border-radius:99px;background:color-mix(in srgb,var(--cream) 90%,transparent)}
}

/* Silicone keeps natural scene space for its longer heading and five categories. */
@media(min-width:901px){
  .category-hero--silicone.category-hero--wide .category-hero-shell{padding-top:18px;padding-bottom:18px}
  .category-hero--silicone.category-hero--wide .category-hero-copy{width:48%}
}
@media(max-width:900px){.category-hero--silicone.category-hero--wide{--category-scene-height:min(75vw,420px)}}
@media(min-width:901px) and (max-width:1100px){
  .category-hero--silicone.category-hero--wide .category-hero-copy{width:38%}
  .category-hero--silicone .back-link{margin-bottom:12px}
  .category-hero--silicone .eyebrow{margin-bottom:14px}
  .category-hero--silicone h1{margin-bottom:16px}
  .category-hero--silicone .category-hero-intro{max-width:300px;font-size:15px;line-height:1.6}
  .category-hero--silicone .category-jumps{margin-top:22px}
  .category-hero--silicone .category-jumps a{font-size:12px;padding:10px}
}