/* Approved platinum and pearl material finish. */
:root {
  --study-platinum: #e9ebee;
  --study-pearl: #f7f7f5;
  --study-silver: #d9dde2;
  --study-champagne: #c9b89f;
}

body {
  background: linear-gradient(180deg,#f7f7f5 0%,#eef0f2 18%,#f6f6f5 39%,#e9ebee 62%,#f4f4f3 82%,#eceef0 100%);
  color: #28292b;
}

/* One continuous field carries cool metal, pearl and narrow prismatic reflections. */
.ambient-prism {
  inset: -12% -8%;
  opacity: 1;
  filter: none;
  mix-blend-mode: normal;
  background-image:
    linear-gradient(113deg,transparent 0%,transparent 33%,rgba(104,115,128,.045) 36.6%,rgba(255,255,255,.08) 38.8%,rgba(255,255,255,.82) 39.25%,rgba(255,255,255,.2) 40.1%,rgba(147,157,169,.06) 41.4%,transparent 44.5%,transparent 100%),
    linear-gradient(113deg,transparent 0%,transparent 48%,rgba(212,193,165,.09) 50.5%,rgba(255,255,255,.58) 51%,rgba(220,229,237,.17) 51.7%,rgba(226,216,232,.12) 52.25%,transparent 55.3%,transparent 100%),
    linear-gradient(113deg,transparent 0%,transparent 14%,rgba(207,219,231,.11) 17.5%,rgba(255,255,255,.34) 18%,rgba(242,224,230,.09) 18.7%,transparent 21.6%,transparent 100%),
    linear-gradient(168deg,transparent 0%,rgba(255,255,255,.12) 25%,transparent 41%,rgba(195,202,211,.08) 60%,transparent 76%),
    repeating-linear-gradient(177deg,rgba(255,255,255,.07) 0 1px,rgba(135,144,154,.022) 1px 2px,transparent 2px 5px);
  background-size: 280% 240%,320% 230%,260% 220%,100% 100%,100% 100%;
  background-position: var(--sheen-x,42%) var(--sheen-y,50%),calc(100% - var(--sheen-x,42%)) var(--sheen-y,50%),var(--sheen-x,42%) calc(100% - var(--sheen-y,50%)),center,center;
  will-change: background-position;
}

.site-header {
  background: linear-gradient(180deg,rgba(250,251,252,.91),rgba(239,241,243,.82));
  border-bottom-color: rgba(151,160,170,.3);
  box-shadow: 0 7px 30px rgba(47,55,65,.055);
}
.site-header.is-scrolled {
  background: rgba(245,247,249,.94);
  border-bottom-color: rgba(144,154,165,.38);
}

.hero {
  background: linear-gradient(180deg,rgba(246,247,248,.46),rgba(235,238,241,.2) 53%,rgba(249,249,247,.31));
}
.hero:before {
  inset: 2% 5% 8%;
  background:
    linear-gradient(113deg,transparent 25%,rgba(255,255,255,.16) 37%,rgba(255,255,255,.76) 39.3%,rgba(245,249,252,.38) 40.2%,rgba(213,222,232,.17) 41.1%,transparent 45%),
    linear-gradient(113deg,transparent 49%,rgba(219,202,177,.1) 50.6%,rgba(255,255,255,.5) 51%,rgba(219,229,238,.18) 51.7%,rgba(231,220,235,.12) 52.3%,transparent 55.5%),
    radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.56),transparent 61%);
  background-size: 260% 200%,300% 220%,100% 100%;
  background-position:var(--sheen-x,42%) 35%,calc(100% - var(--sheen-x,42%)) 45%,center;
  filter:none;
  opacity:.94;
}
.hero:after {
  background:linear-gradient(90deg,transparent,rgba(187,196,205,.52) 37%,rgba(255,255,255,.96) 49%,rgba(204,211,219,.72) 58%,rgba(202,184,157,.34) 72%,transparent);
}
.hero-glow {
  background:radial-gradient(ellipse,rgba(255,255,255,.9) 0%,rgba(224,230,236,.3) 42%,rgba(228,221,233,.1) 56%,transparent 72%);
}

/* Transparent section surfaces let the same reflected field flow past each boundary. */
.intro,.founder,.products,.contact {
  position:relative;
  isolation:isolate;
  background:linear-gradient(108deg,rgba(250,251,252,.34),rgba(227,231,235,.23) 34%,rgba(248,249,249,.3) 63%,rgba(227,230,235,.28));
}
.founder {
  background:linear-gradient(108deg,rgba(223,226,230,.36),rgba(250,250,249,.34) 39%,rgba(225,229,234,.36) 76%,rgba(243,235,235,.23));
}
.products {
  background:linear-gradient(108deg,rgba(216,220,225,.42),rgba(239,241,243,.39) 41%,rgba(219,224,229,.43) 76%,rgba(238,235,239,.36));
}
.contact {
  background:linear-gradient(108deg,rgba(248,249,249,.37),rgba(222,226,231,.29) 50%,rgba(246,244,244,.34));
}
.intro:before,.founder:before,.products:before,.contact:before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(113deg,transparent 29%,rgba(123,134,147,.035) 35%,rgba(255,255,255,.24) 38.9%,rgba(255,255,255,.63) 39.35%,rgba(216,226,235,.2) 40.3%,transparent 44.7%),
    linear-gradient(113deg,transparent 49%,rgba(210,190,161,.1) 50.45%,rgba(255,255,255,.45) 50.9%,rgba(214,225,236,.18) 51.7%,rgba(230,218,234,.11) 52.3%,transparent 55.6%),
    repeating-linear-gradient(177deg,rgba(255,255,255,.048) 0 1px,rgba(117,127,138,.012) 1px 2px,transparent 2px 5px);
  background-size:280% 220%,320% 220%,100% 100%;
  background-position:var(--sheen-x,42%) var(--sheen-y,50%),calc(100% - var(--sheen-x,42%)) var(--sheen-y,50%),center;
}
.intro>* ,.founder>* ,.products>* ,.contact>* {position:relative;z-index:1}

/* Crisp metallic card rims; the original Creator Suite / Alfred card content is retained. */
.product-card {
  border:1px solid transparent;
  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,255,255,.99) 0%,rgba(172,183,195,.75) 24%,rgba(255,255,255,.96) 34%,rgba(199,181,155,.52) 53%,rgba(201,211,222,.8) 72%,rgba(255,255,255,.98) 100%) border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(127,137,148,.1),0 17px 40px rgba(44,51,59,.075);
}
.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,255,255,.99),rgba(162,183,194,.72) 25%,rgba(255,255,255,.94) 38%,rgba(216,194,205,.47) 61%,rgba(198,211,222,.8) 83%,rgba(255,255,255,.99)) 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,255,255,.99),rgba(169,181,192,.7) 24%,rgba(255,255,255,.96) 38%,rgba(202,181,151,.58) 61%,rgba(200,210,220,.77) 84%,rgba(255,255,255,.99)) border-box;
}
.product-card:after {
  background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.12) 34%,rgba(255,255,255,.9) 40%,rgba(216,226,235,.34) 43%,rgba(236,223,228,.17) 46%,transparent 53%,transparent 100%);
  background-size:230% 180%;
}
.product-card:hover,.product-card:focus-within {
  box-shadow:inset 0 1px 0 #fff,0 24px 50px rgba(43,51,60,.12);
}

footer {
  position:relative;
  isolation:isolate;
  background:linear-gradient(105deg,rgba(243,244,245,.88),rgba(225,229,233,.85) 54%,rgba(244,242,242,.88));
}
footer:before {
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
  background:linear-gradient(113deg,transparent 28%,rgba(255,255,255,.2) 37%,rgba(255,255,255,.68) 39.3%,rgba(216,226,235,.2) 41%,transparent 45%,transparent 100%),linear-gradient(113deg,transparent 49%,rgba(206,188,160,.09) 50.5%,rgba(255,255,255,.43) 51%,rgba(226,220,230,.12) 52.2%,transparent 55%);
  background-size:280% 220%,320% 220%;
  background-position:var(--sheen-x,42%) var(--sheen-y,50%),calc(100% - var(--sheen-x,42%)) var(--sheen-y,50%);
}
footer>* {position:relative;z-index:1}

@media(prefers-reduced-motion:reduce) {
  .ambient-prism,.hero:before,.intro:before,.founder:before,.products:before,.contact:before,footer:before {
    background-position:center!important;
    will-change:auto;
  }
}