/* Approved champagne metallic typography and trim. */
:root {
  --trim-deep: #8e7047;
  --trim-mid: #c0a071;
  --trim-light: #f3e4c6;
  --trim-shadow: #725635;
}

/* Select italic emphasis only; all supporting copy remains charcoal for contrast. */
.prose h2 em,.products-heading h2 em,.contact h2 em {
  color:var(--trim-mid);
  background-image:linear-gradient(108deg,#84643a 0%,#b89562 18%,#f2e1bd 34%,#a7824d 47%,#d1b17a 62%,#fff2d7 73%,#947044 88%,#c4a474 100%);
  background-size:230% 100%;
  background-position:var(--sheen-x,42%) center;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.22px rgba(91,69,39,.32);
  text-shadow:0 .35px rgba(68,52,32,.16);
}

/* Fine champagne edge over the retained translucent pearl card surfaces. */
.product-card {
  border-width:1px;
  background:linear-gradient(151deg,rgba(253,253,252,.95),rgba(232,235,238,.86) 48%,rgba(249,249,248,.91)) padding-box,
    linear-gradient(128deg,rgba(255,253,246,.98) 0%,rgba(157,125,77,.83) 14%,rgba(246,231,201,.96) 25%,rgba(176,141,88,.86) 43%,rgba(255,248,230,.98) 52%,rgba(190,158,107,.84) 68%,rgba(247,234,210,.94) 83%,rgba(139,108,64,.82) 100%) border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.99),inset 0 -1px 0 rgba(122,99,66,.13),0 17px 40px rgba(44,51,59,.075),0 0 0 1px rgba(255,255,255,.48);
}
.product-card[data-product="creator"] {
  background:linear-gradient(151deg,rgba(253,254,254,.96),rgba(229,237,239,.86) 48%,rgba(247,246,249,.92)) padding-box,
    linear-gradient(128deg,rgba(255,253,246,.99),rgba(157,125,77,.82) 14%,rgba(246,231,201,.95) 27%,rgba(176,141,88,.84) 43%,rgba(255,248,230,.98) 52%,rgba(190,158,107,.84) 69%,rgba(247,234,210,.94) 84%,rgba(139,108,64,.82)) border-box;
}
.product-card[data-product="alfred"] {
  background:linear-gradient(151deg,rgba(254,253,251,.96),rgba(239,236,231,.87) 48%,rgba(249,248,246,.92)) padding-box,
    linear-gradient(128deg,rgba(255,253,246,.99),rgba(157,125,77,.82) 14%,rgba(246,231,201,.95) 27%,rgba(176,141,88,.84) 43%,rgba(255,248,230,.98) 52%,rgba(190,158,107,.84) 69%,rgba(247,234,210,.94) 84%,rgba(139,108,64,.82)) border-box;
}
.product-card:before {
  background:linear-gradient(112deg,transparent 17%,rgba(255,255,255,.38) 35%,rgba(255,250,236,.92) 41%,rgba(222,203,169,.25) 45%,transparent 54%,transparent 100%);
}
.product-card:after {
  background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.12) 34%,rgba(255,255,255,.94) 40%,rgba(255,241,215,.5) 42%,rgba(216,226,235,.26) 45%,transparent 53%,transparent 100%);
}
.product-card:hover,.product-card:focus-within {
  box-shadow:inset 0 1px 0 #fff,0 24px 50px rgba(43,51,60,.12),0 0 0 1px rgba(210,183,139,.24);
}

/* Hairline separators transition between silver, champagne and a narrow white glint. */
.section,.founder {
  border-bottom:1px solid transparent;
  border-image:linear-gradient(90deg,transparent 0%,rgba(165,175,185,.42) 19%,rgba(236,222,198,.72) 39%,rgba(255,255,255,.98) 50%,rgba(201,172,128,.76) 62%,rgba(171,181,191,.44) 82%,transparent 100%) 1;
}
.hero:after {
  background:linear-gradient(90deg,transparent 8%,rgba(169,180,191,.4) 25%,rgba(237,221,193,.78) 41%,#fff 50%,rgba(197,164,112,.78) 58%,rgba(184,194,204,.47) 74%,transparent 93%);
  background-size:250% 100%;
  background-position:var(--sheen-x,42%) center;
}
.intro:after,.founder:after,.products:after,.contact:after {
  content:"";
  position:absolute;
  z-index:2;
  left:0;right:0;bottom:-1px;height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(172,183,194,.24) 23%,rgba(231,216,191,.62) 42%,rgba(255,255,255,.96) 50%,rgba(192,157,103,.56) 58%,rgba(176,187,198,.25) 78%,transparent 100%);
  background-size:280% 100%;
  background-position:var(--sheen-x,42%) center;
}
.founder:after{bottom:0}

@media(prefers-reduced-motion:reduce) {
  .prose h2 em,.products-heading h2 em,.contact h2 em,.intro:after,.founder:after,.products:after,.contact:after,.hero:after {
    background-position:center!important;
  }
}
