/* Approved product PDFs: native text, vector marks and separately clipped original photos. */
#product-pages[hidden]{display:none!important}.catalog-open #header,.catalog-open #home,.catalog-open #model,body.catalog-open>footer{display:none!important}
#product-pages{container-type:inline-size;background:#fff}.catalog-section{height:calc(var(--page-height)/14.4 * 1cqw);position:relative;overflow:hidden;background:var(--page-bg)}
.catalog-art{position:absolute;inset:0;pointer-events:none;z-index:2}.catalog-art svg{position:absolute;inset:0;width:100%;height:100%}.catalog-text{position:absolute;white-space:pre;line-height:1;font-family:Onest,sans-serif;letter-spacing:0;font-kerning:none}
.catalog-image{position:absolute;overflow:hidden;z-index:1}.catalog-image img{position:absolute;max-width:none;height:auto}
.catalog-hit{position:absolute;z-index:4;border:0;background:transparent;color:transparent;min-width:0;padding:0;cursor:pointer}.catalog-hit:focus-visible{outline:2px solid #293336;outline-offset:3px}.catalog-hit:hover{background:transparent}.catalog-header{position:fixed;z-index:25;top:0;left:0;width:100%;height:calc(94/1440 * 100vw);transition:transform .45s cubic-bezier(.22,.75,.12,1),background .25s}.catalog-header.scrolled{background:#e9ece9ed}.catalog-header.is-hidden{transform:translateY(-110%)}
.catalog-detail-stage{position:absolute;left:0;top:0;width:100%;height:85.2417%;overflow:hidden;z-index:1}.catalog-detail-stage img{width:100%;height:100%;object-fit:cover}.catalog-thumb[aria-pressed=true]{outline:none}.catalog-thumb:focus-visible{outline:2px solid #293336;outline-offset:5px}.catalog-mobile-nav{display:none}.catalog-label{pointer-events:none}.catalog-loading{opacity:.6}.catalog-transition{pointer-events:none}
@media(prefers-reduced-motion:reduce){.catalog-header{transition:none}}
@media(max-width:999px){
.catalog-header{height:64px;background:#e9ece9ed}.catalog-header .catalog-art{display:none}.catalog-header .catalog-hit{display:none}.catalog-mobile-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:12px}.catalog-mobile-nav button,.catalog-mobile-nav a{border:0;background:none;color:#263034;font-size:12px;padding:8px 0}.catalog-section{min-height:0}.catalog-section:first-of-type{margin-top:64px}
/* Other authored card sections retain their original compositions. The shared
   detail gallery has a readable mobile control row below, without new crops. */
}
#catalog-title:focus{outline:none}

.catalog-thumbnail-image{z-index:3}
/* Preserve the complete authored 1440×900 composition in the initial viewport.
   Only photographic outer-edge pixels extend into wider display margins. */
.catalog-hero-canvas{position:absolute;inset:0;container-type:inline-size}
.catalog-header{container-type:inline-size}
@media(min-width:1000px){
.catalog-section[data-catalog-section="0"]{height:100svh}
.catalog-hero-canvas{width:min(100%,160svh);height:min(62.5vw,100svh);inset:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
.catalog-section[data-catalog-section="0"]:before,.catalog-section[data-catalog-section="0"]:after{content:"";position:absolute;top:0;bottom:0;width:max(0px,calc((100% - 160svh)/2));background-size:100% 100%;background-repeat:no-repeat}
.catalog-section[data-catalog-section="0"]:before{left:0;background-image:var(--hero-left-edge)}
.catalog-section[data-catalog-section="0"]:after{right:0;background-image:var(--hero-right-edge)}
.catalog-header{width:min(100%,160svh);left:max(0px,calc((100% - 160svh)/2));height:min(calc(94/1440 * 100vw),calc(94/900 * 100svh))}
}

/* Navigation text waits for the traveling product; settled geometry stays authored. */
.catalog-text{transition:opacity .5s ease}
.catalog-header{transition:transform .45s cubic-bezier(.22,.75,.12,1),background .25s,opacity .5s ease}
.route-changing .catalog-text,.route-changing .catalog-header{opacity:0}
@media(prefers-reduced-motion:reduce){.catalog-text,.catalog-header{transition:none}}

/* Fill only the unused top/bottom canvas margins with the same photographic edges.
   The complete authored product canvas stays at its original position and scale. */
.catalog-hero-gutter{display:none;pointer-events:none}
@media(min-width:1000px){
 .catalog-hero-gutter{display:block;position:absolute;left:0;width:100%;height:max(0px,calc((100svh - 62.5cqw)/2 + 1px));background-size:100% auto;background-repeat:no-repeat;z-index:0}
 .catalog-hero-gutter-top{top:0;background-position:center top}
 .catalog-hero-gutter-bottom{bottom:0;background-position:center bottom}
}

/* The twelve additional cards share one responsive detail-gallery structure.
   Keep the approved 1440 × 670 photographic window and its existing image
   geometry; only the caption and four controls leave the scaled desktop plate. */
@media(max-width:999px){
 #product-pages .catalog-section[data-catalog-section="3"]{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:12px;
  row-gap:18px;
  height:auto;
  min-height:0;
  padding:0 24px 32px;
  box-sizing:border-box;
  overflow:visible;
  isolation:isolate;
  scroll-margin-top:64px;
 }
 #product-pages [data-catalog-section="3"]>.catalog-art{display:contents}
 #product-pages [data-catalog-section="3"]>.catalog-art>svg{display:none}
 #product-pages [data-catalog-section="3"] .catalog-text:not(.catalog-label){
  left:24px!important;
  top:20px!important;
  max-width:calc(100% - 48px);
  font-size:28px!important;
  line-height:1.12;
  white-space:normal;
  z-index:2;
 }
 #product-pages [data-catalog-section="3"] .catalog-label{
  position:relative;
  grid-area:2 / 1 / 3 / -1;
  left:auto!important;
  top:auto!important;
  min-width:0;
  font-size:14px!important;
  line-height:1.45;
  white-space:normal;
  overflow-wrap:anywhere;
 }
 #product-pages [data-catalog-section="3"]>.catalog-gallery-image{
  position:relative;
  grid-area:1 / 1 / 2 / -1;
  left:auto!important;
  top:auto!important;
  width:calc(100% + 48px)!important;
  height:auto!important;
  aspect-ratio:1440 / 670;
  margin:0 -24px;
  align-self:start;
 }
 #product-pages [data-catalog-section="3"]>:is(.catalog-thumbnail-image,.catalog-thumb){
  position:relative;
  grid-row:3;
  left:auto!important;
  top:auto!important;
  width:100%!important;
  height:auto!important;
  min-width:0;
  min-height:44px;
  aspect-ratio:112 / 74.67;
  margin:0;
 }
 #product-pages [data-catalog-section="3"]>.catalog-thumb{font-size:0;line-height:0}
 #product-pages [data-catalog-section="3"]>:is([data-thumb-index="0"],.catalog-thumb[data-index="0"]){grid-column:1}
 #product-pages [data-catalog-section="3"]>:is([data-thumb-index="1"],.catalog-thumb[data-index="1"]){grid-column:2}
 #product-pages [data-catalog-section="3"]>:is([data-thumb-index="2"],.catalog-thumb[data-index="2"]){grid-column:3}
 #product-pages [data-catalog-section="3"]>:is([data-thumb-index="3"],.catalog-thumb[data-index="3"]){grid-column:4}
 /* No swipe rail or touch handler: vertical scrolling stays native. */
}
/* Touch focus must not leave a miniature lifted after a tap. Keyboard focus
   still has the visible outline supplied by detail-footer-feedback.css. */
@media(max-width:999px) and (hover:none){
 #product-pages [data-catalog-section="3"]>.catalog-thumbnail-image.is-engaged{transform:none}
}