@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Righteous&family=Lobster&family=Cinzel+Decorative:wght@700&display=swap');

/* SUPHERB / VOL. 05 — an illustrated botanical world and bespoke flavour lettering. */
#discover{
  background:
    radial-gradient(ellipse 34% 18% at 93% 13%,#7e458153,transparent 89%),
    radial-gradient(ellipse 46% 20% at 4% 5%,#b36b9270,transparent 82%),
    radial-gradient(ellipse 60% 18% at 94% 46%,#3d8b7d42,transparent 82%),
    linear-gradient(127deg,#322036 0%,#1c1b2a 49%,#142e2c 100%);
}
#discover::before{
  content:'';position:absolute;right:-50px;top:570px;
  width:min(780px,66vw);height:1170px;
  background:url('assets/atlas-oracle-v1.webp') center top/contain no-repeat;
  opacity:.37;filter:saturate(.74) contrast(1.12) drop-shadow(0 12px 38px #080b15);
  transform:none;pointer-events:none;z-index:0;
}
#discover::after{
  content:'';position:absolute;left:-140px;top:1890px;width:min(610px,61vw);height:760px;
  background:url('assets/supherb-botanical.svg') center/contain no-repeat;
  opacity:.14;transform:rotate(24deg);pointer-events:none;z-index:0;
}
#discover .atlas-photo-browse-heading{isolation:isolate}
#discover .atlas-photo-browse-heading::after{
  content:'';position:absolute;width:138px;height:37px;top:-18px;right:0;
  background:url('assets/strain-scrollwork.svg') center/contain no-repeat;opacity:.88;
}
body .site-header.signature-header::after{
  content:'';position:absolute;inset:0 auto 0 26%;width:190px;height:auto;
  background:url('assets/strain-scrollwork.svg') center/contain no-repeat;
  opacity:.18;pointer-events:none;z-index:-1;
}

/* Every collectible has an enamel frame, gem detail and etched flourish. */
#discover .finder-grid{position:relative;z-index:2}
#discover .finder-card{
  border:1px solid color-mix(in srgb,var(--card-accent) 64%,#d9b587);
  background:linear-gradient(148deg,#312038,#171921 69%,#17292a);
  box-shadow:0 19px 42px #0c0a14a1,inset 0 0 0 4px #e7c58a09;
}
#discover .finder-card::before{
  content:'';position:absolute;z-index:4;left:9px;right:9px;top:6px;height:2px;
  background:linear-gradient(90deg,transparent,var(--card-accent) 32%,#f7d9a7 50%,var(--card-accent) 68%,transparent);
  opacity:.65;pointer-events:none;
}
#discover .finder-card::after{
  content:'';position:absolute;z-index:4;right:7px;bottom:7px;width:7px;height:7px;
  background:var(--card-accent);transform:rotate(45deg);border:1px solid #ffe6bd;
  box-shadow:0 0 11px var(--card-accent);pointer-events:none;
}
#discover .finder-media{
  position:relative;isolation:isolate;min-height:266px;
  background:
    radial-gradient(ellipse 85% 85% at 84% 33%,color-mix(in srgb,var(--card-accent) 24%,transparent),transparent 83%),
    linear-gradient(119deg,#111820,#30283c 65%,#192d32);
}
#discover .finder-media::before{
  content:'';position:absolute;inset:10px;z-index:3;pointer-events:none;
  border:1px solid color-mix(in srgb,var(--card-accent) 43%,transparent);
  box-shadow:inset 0 0 0 4px #e5c9b109;
}
#discover .finder-media::after{
  content:'✦';position:absolute;bottom:12px;right:16px;top:auto;z-index:3;
  color:var(--card-accent);text-shadow:0 0 8px var(--card-accent);
  font:17px Georgia,serif;pointer-events:none;
}
#discover .finder-media>img{
  position:relative;z-index:0;max-height:272px;min-height:266px;
  object-fit:contain;border-right:1px solid color-mix(in srgb,var(--card-accent) 30%,transparent);
}
#discover .finder-media-text{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  align-self:stretch;position:relative;z-index:2;isolation:isolate;min-width:0;
  padding:25px 17px 24px 20px;overflow:visible;
}
#discover .finder-media-text::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(115deg,#101b1b20,#24142943 68%,#16152683);
}
#discover .finder-media-text .strain-serial{
  display:inline-flex;align-items:center;min-height:22px;
  margin:0 0 9px;color:#f7ddb3;
  font:700 8px 'DM Sans',sans-serif;letter-spacing:1.55px;
  text-shadow:0 1px 3px #060709;
}
#discover .finder-media-text .strain-wordmark{
  display:block;position:relative;max-width:100%;margin:0;
  color:var(--card-accent);font-size:clamp(25px,2.25vw,38px);font-weight:700;
  line-height:1.08;letter-spacing:-.045em;
  overflow-wrap:break-word;word-break:normal;text-wrap:balance;
  background-image:linear-gradient(160deg,#fff9e6 7%,#edb97f 42%,#9b5a75 90%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:.5px #5a3147;
  filter:drop-shadow(1px 2px 0 #1b0d20) drop-shadow(0 3px 3px #06091090);
  transform-origin:left center;
}
#discover .finder-media-text .strain-flourish{
  display:block;width:108px;height:31px;margin-top:13px;max-width:88%;
  background:url('assets/strain-scrollwork.svg') center/contain no-repeat;
  color:transparent;font-size:0;line-height:0;
}

/* Six art-directed lettering systems: each title remains searchable/selectable text. */
#discover .finder-card[data-wordmark='candy'] .strain-wordmark{
  font-family:'Berkshire Swash',Georgia,serif;font-style:normal;letter-spacing:-.06em;
  background-image:linear-gradient(160deg,#fff1fa 6%,#ffb5e0 27%,#f665b2 59%,#922d83 89%);
  -webkit-text-stroke:.65px #78245d;
  filter:drop-shadow(2px 3px 0 #662557) drop-shadow(0 0 8px #f55cc084);
  transform:rotate(-3deg);
}
#discover .finder-card[data-wordmark='citrus'] .strain-wordmark{
  font-family:'Lobster','Berkshire Swash',cursive;font-style:normal;letter-spacing:-.03em;
  background-image:linear-gradient(155deg,#fff9c8 8%,#f6da67 38%,#b9e97c 63%,#49b9a4 90%);
  -webkit-text-stroke:.55px #446e49;
  filter:drop-shadow(2px 3px 0 #385338) drop-shadow(0 0 10px #e9ef7d8a);
  transform:rotate(-3deg);
}
#discover .finder-card[data-wordmark='chrome'] .strain-wordmark{
  font-family:'Righteous',Impact,sans-serif;font-style:italic;letter-spacing:-.065em;
  background-image:linear-gradient(180deg,#ffffff 0%,#d4f2ef 25%,#76b5ae 46%,#e7ffff 50%,#4d6c81 70%,#b5d1d8 100%);
  -webkit-text-stroke:.85px #315a63;
  filter:drop-shadow(2px 3px 0 #1b363d) drop-shadow(0 0 9px #6edfc65c);
  transform:skewX(-4deg);
}
#discover .finder-card[data-wordmark='arcane'] .strain-wordmark{
  font-family:'Cinzel Decorative','Playfair Display',Georgia,serif;
  font-size:clamp(22px,1.87vw,33px);font-weight:700;letter-spacing:-.07em;
  background-image:linear-gradient(165deg,#fff4e4 8%,#ead2fd 30%,#b09ef9 60%,#f0a2cd 95%);
  -webkit-text-stroke:.6px #66487f;
  filter:drop-shadow(2px 3px 0 #4b346d) drop-shadow(0 0 9px #b68cff66);
}
#discover .finder-card[data-wordmark='aurora'] .strain-wordmark{
  font-family:'Berkshire Swash',Georgia,serif;letter-spacing:-.065em;
  background-image:linear-gradient(155deg,#fff1f8 0%,#f8b2dc 26%,#b2bbff 52%,#71eee2 85%);
  -webkit-text-stroke:.65px #6c5185;
  filter:drop-shadow(2px 3px 0 #62386f) drop-shadow(0 0 10px #9d83ec72);
  transform:rotate(-2deg);
}
#discover .finder-card[data-wordmark='medallion'] .strain-wordmark{
  font-family:'Righteous',Impact,sans-serif;letter-spacing:-.035em;
  background-image:linear-gradient(180deg,#fff8e6 0%,#f9d99e 30%,#ac774f 48%,#fff5ca 53%,#b67a50 100%);
  -webkit-text-stroke:.7px #76523b;
  filter:drop-shadow(2px 3px 0 #57402e) drop-shadow(0 0 8px #edc17f50);
}
#discover .finder-card.wordmark-long .strain-wordmark{
  font-size:clamp(21px,1.78vw,30px);line-height:1.12;
}
#discover .finder-body{border-top:1px solid color-mix(in srgb,var(--card-accent) 38%,transparent)}
#discover .finder-card:hover .strain-wordmark{
  filter:drop-shadow(2px 3px 0 #24142e) drop-shadow(0 0 13px color-mix(in srgb,var(--card-accent) 48%,transparent));
}

@media(max-width:1000px){
  #discover::before{right:-95px;top:530px;width:720px;opacity:.28}
  #discover .finder-media-text .strain-wordmark{font-size:clamp(26px,3.1vw,38px)}
  #discover .finder-card.wordmark-long .strain-wordmark{font-size:clamp(22px,2.5vw,29px)}
}
@media(max-width:680px){
  #discover::before{top:570px;right:-200px;width:620px;height:930px;opacity:.23}
  #discover::after{opacity:.075}
  #discover .finder-media{min-height:230px}
  #discover .finder-media>img{min-height:230px;max-height:250px}
  #discover .finder-media-text{padding:22px 18px}
  #discover .finder-media-text .strain-wordmark{font-size:clamp(25px,7vw,40px)}
  #discover .finder-card.wordmark-long .strain-wordmark{font-size:clamp(22px,5.6vw,31px)}
  #discover .finder-card[data-wordmark='arcane'] .strain-wordmark{font-size:clamp(22px,5.7vw,33px)}
  #discover .atlas-photo-browse-heading::after{width:85px;top:-23px}
}
@media(prefers-reduced-motion:reduce){
  #discover .finder-card,#discover .strain-wordmark{transition:none;animation:none}
}