/* Preserve the existing left-aligned publisher typography and its spacing.
   Replace only the corner-box identity with the owner's exact paired C/S. */
.directory-refinement .catalog-type-panel {
  isolation:isolate;
  overflow:hidden;
  --card-mark-start:#587c97;
  --card-mark-mid:#244d6a;
  --card-mark-end:#91adbf;
  --card-mark-opacity:.09;
}
/* An intrinsic text panel grows to fit its unchanged copy and padding.
   A preferred image ratio must not crop long names or role descriptions. */
.directory-refinement .catalog-thumbnail.catalog-type-panel,
.directory-refinement .maker-image.catalog-type-panel {aspect-ratio:auto}
html[data-theme="dark"] .directory-refinement .catalog-type-panel {
  --card-mark-start:#9ebdce;
  --card-mark-mid:#c6dbe8;
  --card-mark-end:#739db9;
  --card-mark-opacity:.095;
}
.directory-refinement .catalog-type-panel > :not(.catalog-card-watermark) {
  position:relative;
  z-index:1;
  flex-shrink:0;
}
/* The original source image remains available as an exact-geometry fallback,
   but no white rectangle, miniature corner badge or duplicate visible mark remains. */
.directory-refinement .catalog-type-panel .catalog-card-watermark .catalog-cs-accent {display:none}
.directory-refinement .catalog-type-panel .catalog-card-watermark {
  position:absolute;
  inset:-24% -19% auto auto;
  z-index:0;
  display:block;
  width:94%;
  height:auto;
  aspect-ratio:1000/860;
  pointer-events:none;
  user-select:none;
  padding:0;
  border:0;
  outline:0;
  border-radius:0;
  box-shadow:none;
  opacity:var(--card-mark-opacity);
  transform:rotate(-13deg);
  transform-origin:center;
  mask:url('/brand/selected/angular-emblem/component-pair.svg') center/contain no-repeat;
  background-color:var(--card-mark-mid);
  background-image:linear-gradient(125deg,var(--card-mark-start),var(--card-mark-mid) 47%,var(--card-mark-end));
}
.directory-refinement .catalog-type-panel .catalog-card-watermark[data-watermark-variant="upright"] {
  inset:-13% -17% auto auto;
  width:85%;
  transform:none;
}
.directory-refinement .catalog-type-panel .catalog-card-watermark[data-watermark-variant="edge"] {
  inset:-37% -31% auto auto;
  width:108%;
  transform:rotate(11deg);
}
/* Reuse the site's bounded glimmer controller: one pass on first viewport entry,
   cancelled offscreen/hidden/reduced-motion/effects-off. The low parent opacity
   keeps even the brightest part behind the copy. There is no independent loop. */
.directory-refinement .catalog-type-panel .catalog-card-watermark::after {
  opacity:0;
}
/* Older engines keep the genuine transparent SVG, never a gradient rectangle. */
@supports not (mask-image:url('/brand/selected/angular-emblem/component-pair.svg')) {
  .directory-refinement .catalog-type-panel .catalog-card-watermark {background:none}
  .directory-refinement .catalog-type-panel .catalog-card-watermark::after {display:none}
  .directory-refinement .catalog-type-panel .catalog-card-watermark .catalog-cs-accent {
    display:block;position:static;inset:auto;width:100%;height:auto;padding:0;
    border:0;outline:0;background:transparent;box-shadow:none;
  }
  html[data-theme="dark"] .directory-refinement .catalog-type-panel .catalog-card-watermark .catalog-cs-accent {filter:brightness(0) invert(1)}
}
@media(max-width:620px) {
  .directory-refinement .catalog-type-panel,
  html[data-theme="dark"] .directory-refinement .catalog-type-panel {--card-mark-opacity:.075}
  .directory-refinement .catalog-type-panel .catalog-card-watermark {width:98%;right:-22%;top:-20%}
  .directory-refinement .catalog-type-panel .catalog-card-watermark[data-watermark-variant="upright"] {width:90%;right:-20%;top:-12%}
  .directory-refinement .catalog-type-panel .catalog-card-watermark[data-watermark-variant="edge"] {width:112%;right:-33%;top:-31%}
}
@media(prefers-reduced-motion:reduce) {
  .directory-refinement .catalog-card-watermark::after {animation:none!important;opacity:0!important}
}
html[data-effects="off"] .directory-refinement .catalog-card-watermark::after {animation:none!important;opacity:0!important}
@media(forced-colors:active) {
  .directory-refinement .catalog-card-watermark {display:none!important}
  .directory-refinement .catalog-type-panel {background:Canvas;border-color:CanvasText}
}
@media print {
  .directory-refinement .catalog-card-watermark {display:none!important}
}

/* Preserve previously approved Georg Jensen reading sizes. The old selector
   depended on an editorial SVG that this treatment intentionally replaces.
   These declarations are identical to directory-visual.css, not a redesign. */
.maker-profile:has(.catalog-card-watermark[data-maker-brand="georg-jensen"]) .maker-section p { font-size: 16px; }
.maker-profile:has(.catalog-card-watermark[data-maker-brand="georg-jensen"]) :is(.maker-identity dt, .maker-identity dd, .maker-buying-notes small, .maker-timeline li > span, .maker-source-kind, .maker-source-notes li > span, .maker-contents p, .maker-contents .eyebrow) { font-size: 14px; }
.maker-profile:has(.catalog-card-watermark[data-maker-brand="georg-jensen"]) :is(.maker-source-notes li > a, .maker-reference-list h3 > a, .maker-contents a, .maker-interests a) { display: inline-flex; align-items: center; min-height: 44px; }