/* Display the supplied artwork as a brand signature, without a photo-card edge. */
.brand { width: 156px; height: 82px; position: relative; overflow: hidden; }
.brand img { position: absolute; width: 218px; height: auto; max-width: none; left: -31px; top: -33px; transform: none; filter: grayscale(1) contrast(1.2); mix-blend-mode: multiply; }
.hero { overflow: hidden; }
.hero-signature { width: 100%; margin: 0; padding: 6px 24px 36px; background: linear-gradient(180deg,#fffef4 0%,#fff 95%); text-align: center; isolation: isolate; }
.hero-signature::before { content: ''; position: absolute; left: 0; right: 0; top: -76px; height: 77px; pointer-events: none; background: linear-gradient(0deg,#fffef4,rgba(255,254,244,0)); }
.hero-signature img { width: min(430px,82vw); height: auto; margin: -18px auto -26px; object-fit: contain; position: relative; mix-blend-mode: multiply; -webkit-mask-image: radial-gradient(ellipse 63% 57% at 50% 49%,#000 57%,transparent 100%); mask-image: radial-gradient(ellipse 63% 57% at 50% 49%,#000 57%,transparent 100%); }
.hero-signature p { display: flex; align-items: center; justify-content: center; gap: 20px; position: relative; color: #666956; font-size: .8125rem; letter-spacing: .24em; margin: 0; }
.hero-signature p::before,.hero-signature p::after { content: ''; display: block; height: 1px; width: 54px; background: #d5d2b7; }
.logo-art { position: relative; width: 290px; max-width: 100%; margin-top: 24px; }
.logo-art img { filter: grayscale(1) contrast(1.15); mix-blend-mode: multiply; -webkit-mask-image: radial-gradient(ellipse 66% 62% at 50% 48%,#000 52%,transparent 100%); mask-image: radial-gradient(ellipse 66% 62% at 50% 48%,#000 52%,transparent 100%); }
.closing { padding: 38px 20px 30px; background: linear-gradient(180deg,#fff,#fffef5); }
.closing img { width: 240px; max-width: 72vw; height: auto; mix-blend-mode: multiply; -webkit-mask-image: radial-gradient(ellipse 63% 57% at 50% 49%,#000 57%,transparent 100%); mask-image: radial-gradient(ellipse 63% 57% at 50% 49%,#000 57%,transparent 100%); }
@media(max-width:600px) {
  .header { row-gap: 0; padding-top: 2px; padding-bottom: 8px; }
  .brand { width: 128px; height: 68px; flex-shrink: 0; }
  .brand img { width: 180px; height: auto; left: -26px; top: -27px; transform: none; }
  .hero-signature { padding: 4px 20px 30px; }
  .hero-signature::before { top: -44px; height: 45px; }
  .hero-signature img { width: 300px; max-width: 85vw; height: auto; margin-top: -12px; margin-bottom: -15px; }
  .hero-signature p { font-size: .75rem; letter-spacing: .18em; gap: 12px; }
  .hero-signature p::before,.hero-signature p::after { width: 26px; }
  .about-title { padding-right: 135px; }
  .logo-art { position: absolute; width: 140px; right: -10px; bottom: -10px; margin: 0; opacity: 1; }
  .closing { padding: 28px 20px 20px; }
  .closing img { width: 210px; }
}

/* Lemon-yellow rendition of the original brand artwork. */
.brand img,.hero-signature img,.logo-art img,.closing img{filter:url(#seirius-yellow);mix-blend-mode:multiply}