/* Approved stay_human wordmark and Mono labels within the Ethoic shell. */
.sh-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:44px; padding-bottom:32px; }
.sh-hero h1 { line-height:1; min-width:0; }
.sh-hero h1 img { display:block; width:220px; max-width:100%; height:auto; }
.sh-hero h1:focus { outline:none; }
.sh-replay { border:0; padding:10px 0; min-height:44px; background:none; color:var(--stone); font-size:11px; cursor:pointer; flex-shrink:0; }
.sh-replay:hover { color:var(--ink); }
.sh-replay span { margin-left:12px; }
.sh-replay[hidden] { display:none; }
.sh-collection h2,.sh-product h3,.sh-product__link,.sh-replay,.sh-intro__skip,.sh-name { font-family:var(--mono); font-weight:500; }
.sh-product__heading p,.sh-collection__note { font-family:var(--mono); font-weight:400; }
.sh-collection { padding-bottom:65px; }
.sh-collection__heading { border-top:1px solid var(--line); padding-top:26px; margin-bottom:28px; display:flex; justify-content:space-between; align-items:baseline; gap:40px; }
.sh-collection h2 { font-size:25px; line-height:1.3; letter-spacing:-.03em; flex-shrink:0; }
.sh-funding { font-size:12px; line-height:1.6; color:var(--stone); max-width:62ch; }
.sh-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.sh-product { display:flex; flex-direction:column; min-width:0; }
.sh-product__image { display:block; overflow:hidden; border-radius:3px; background:#EBE6DC; }
.sh-product__image img { width:100%; aspect-ratio:3/4; object-fit:cover; transition:transform .45s ease; }
@media(hover:hover) { .sh-product__image:hover img { transform:scale(1.025); } }
.sh-product__heading { display:flex; justify-content:space-between; gap:15px; align-items:baseline; margin-top:21px; }
.sh-product h3 { font-size:16px; line-height:1.4; letter-spacing:-.025em; }
.sh-product__heading p { white-space:nowrap; font-size:12px; color:var(--stone); }
.sh-product__description { font-size:13px; line-height:1.65; color:var(--stone); margin-top:12px; margin-bottom:18px; max-width:42ch; }
.sh-product__link { text-decoration:none; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; min-height:52px; font-size:12px; font-weight:500; margin-top:auto; }
.sh-product__link:hover { color:var(--terra); }
.sh-product__link span,.sh-collection__note a span,.sh-replay span { display:inline-block; transition:transform .35s cubic-bezier(.22,1,.36,1); }
.sh-product__image img { transition:transform .65s cubic-bezier(.22,1,.36,1); }
.sh-product__image:focus-visible img { transform:scale(1.025); }
.sh-product__link:focus-visible span,.sh-collection__note a:focus-visible span { transform:translate(3px,-3px); }
@media(hover:hover) and (pointer:fine) {
  .sh-product__link:hover span,.sh-collection__note a:hover span { transform:translate(3px,-3px); }
  .sh-replay:hover span { transform:rotate(-30deg); }
}
.sh-collection__note { display:flex; justify-content:space-between; gap:26px; margin-top:38px; border-top:1px solid var(--line); padding-top:20px; font-size:11px; color:var(--stone); align-items:baseline; }
.sh-collection__note a { text-decoration:none; min-height:44px; display:inline-flex; align-items:center; gap:20px; }
.sh-intro[hidden] { display:none; }
.sh-intro { position:fixed; inset:0; z-index:60; background:var(--marble); transition:background-color .55s ease; }
.sh-intro:focus { outline:none; }
.sh-intro video { width:100%; height:100%; object-fit:contain; opacity:1; filter:blur(0); transition:filter .55s ease,opacity .55s ease; }
.sh-intro__skip { position:absolute; right:var(--gutter); bottom:30px; color:var(--stone); background:var(--marble); border:0; padding:12px 0; min-height:44px; font-size:12px; cursor:pointer; }
.sh-intro__skip span { margin-left:25px; }
.sh-pending { overflow:hidden; }
.sh-pending [data-sh-page] { visibility:hidden; }
.sh-ending [data-sh-page] { visibility:visible; }
.sh-ending .sh-intro { background:transparent; }
.sh-ending .sh-intro video { filter:blur(22px); opacity:0; }
.sh-ending .sh-intro__skip { opacity:0; transition:opacity .35s ease; }
@media(max-width:1050px) {
  .sh-products { gap:20px; }
  .sh-collection__heading { flex-direction:column; gap:12px; }
  .sh-product__heading { flex-direction:column; gap:5px; }
}
@media(max-width:700px) {
  .sh-hero { padding-top:28px; padding-bottom:24px; gap:16px; }
  .sh-hero h1 img { width:180px; }
  .sh-products { grid-template-columns:1fr; gap:38px; }
  .sh-product__heading { flex-direction:row; }
  .sh-product__image img { aspect-ratio:1; object-fit:contain; }
  .sh-collection__note { flex-direction:column; gap:5px; }
  .sh-intro video { object-fit:contain; }
}