/* Supherb / 06: The Wizard, 3D cultivar wordmarks, cannabis insignia, compact cards. */

/* A recognisable character from Marco's reference replaces the previous alchemist. */
#discover{
  background:
    radial-gradient(ellipse 48% 15% at 91% 13%,#178ad254,transparent 86%),
    radial-gradient(ellipse 42% 17% at 8% 8%,#b76e9970,transparent 82%),
    radial-gradient(ellipse 64% 29% at 91% 44%,#197d9254,transparent 83%),
    linear-gradient(125deg,#322038 0%,#181d31 52%,#102e37 100%);
}
#discover::before{
  content:'';position:absolute;top:620px;right:-100px;width:min(680px,59vw);height:890px;
  background:
    url('assets/wizard-mascot-v2.webp') center 13%/91% auto no-repeat,
    radial-gradient(circle at 52% 45%,#17a9e32d,transparent 62%),
    conic-gradient(from 110deg at 51% 43%,transparent 0deg,#277eea24 32deg,transparent 66deg,#6f45bc26 115deg,transparent 166deg,#2678da29 215deg,transparent 265deg);
  opacity:.43;transform:none;filter:saturate(1.06) drop-shadow(0 12px 33px #070d2a);
  -webkit-mask-image:radial-gradient(ellipse 63% 68% at 50% 45%,#000 61%,transparent 100%);
  mask-image:radial-gradient(ellipse 63% 68% at 50% 45%,#000 61%,transparent 100%);
  pointer-events:none;z-index:0;
}
#discover::after{
  content:'';position:absolute;top:655px;left:auto;right:-130px;width:700px;height:790px;
  background:url('assets/supherb-botanical.svg') center/contain no-repeat;
  opacity:.13;filter:hue-rotate(120deg) saturate(1.65);transform:rotate(-17deg);
  pointer-events:none;z-index:0;
}

/* The leaf now reads as cannabis, both in the header seal and on each card. */
body .site-header.signature-header::after{
  background:url('assets/strain-cannabis-emblem.svg') center/contain no-repeat;
  opacity:.2;
}
.signature-seal .signature-leaf{
  fill:#80CDB0;fill-opacity:.45;stroke:#F1D6A8;stroke-width:1.1;
}
.signature-seal .signature-leaf path:last-child{fill:none;stroke:#FFE3B4;stroke-width:1.7}
#discover .atlas-photo-browse-heading::after,
#discover .finder-media-text .strain-flourish{
  background-image:url('assets/strain-cannabis-emblem.svg');
}
#discover .finder-media-text .strain-flourish{
  width:138px;height:39px;margin-top:7px;max-width:100%;opacity:.95;
}
#discover .atlas-photo-browse-heading::after{width:150px;height:42px}
#discover .finder-media::after{content:'✧';color:#9ADCF0}

/* Much closer to the poster lettering: layered metallic ink, bright face and deep extrusion. */
#discover .finder-media-text .strain-wordmark{
  --wordmark-extrusion:#302555;
  isolation:isolate;font-size:clamp(27px,2.45vw,40px);line-height:1.04;
  -webkit-text-stroke:.55px #f1d7e8;
  filter:drop-shadow(2px 2px 0 #11172d) drop-shadow(0 0 4px var(--card-accent));
}
#discover .strain-wordmark::before{
  content:attr(data-title);display:block;position:absolute;inset:0;z-index:-1;
  width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;
  overflow-wrap:inherit;word-break:inherit;text-wrap:inherit;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1.65px var(--wordmark-extrusion);
  background:none;transform:translate(1.6px,2.1px);
  text-shadow:none;
  pointer-events:none;
}
#discover .finder-card[data-wordmark='candy'] .strain-wordmark{
  --wordmark-extrusion:#642c81;
  background-image:linear-gradient(180deg,#fff6fb 0%,#ff82c5 33%,#f64499 46%,#ffd6f5 51%,#b52ca6 83%,#661e91 100%);
  -webkit-text-stroke:1px #75226e;
}
#discover .finder-card[data-wordmark='citrus'] .strain-wordmark{
  --wordmark-extrusion:#2c6e66;
  background-image:linear-gradient(180deg,#fffde8 0%,#ebf88e 27%,#71f8c1 45%,#fff6ae 52%,#4ebdcf 83%,#256989 100%);
  -webkit-text-stroke:.9px #1b6870;
}
#discover .finder-card[data-wordmark='chrome'] .strain-wordmark{
  --wordmark-extrusion:#27426c;
  background-image:linear-gradient(180deg,#ffffff 0%,#a9e7ff 26%,#3f8ec9 45%,#f7ffff 51%,#6097dd 67%,#202f67 100%);
  -webkit-text-stroke:1px #102c63;
}
#discover .finder-card[data-wordmark='arcane'] .strain-wordmark{
  --wordmark-extrusion:#502773;
  background-image:linear-gradient(180deg,#fff6e7 0%,#f5cdff 29%,#bc71f5 48%,#f2e4ff 54%,#8b58e1 86%,#462a7b 100%);
  -webkit-text-stroke:.9px #593d8c;
}
#discover .finder-card[data-wordmark='aurora'] .strain-wordmark{
  --wordmark-extrusion:#554194;
  background-image:linear-gradient(180deg,#fff7f2 0%,#ffb5ee 29%,#ba74ff 45%,#f4fffe 52%,#66ccee 81%,#4859a3 100%);
  -webkit-text-stroke:.9px #5c418a;
}
#discover .finder-card[data-wordmark='medallion'] .strain-wordmark{
  --wordmark-extrusion:#795332;
  background-image:linear-gradient(180deg,#fff9e8 0%,#ffd994 29%,#bd7432 44%,#fff6d9 50%,#b78553 80%,#64402d 100%);
  -webkit-text-stroke:1px #69472f;
}
#discover .finder-card.wordmark-long .strain-wordmark{
  font-size:clamp(22px,1.87vw,30px);line-height:1.1;
}

/* Shorter, easier to scan, while retaining complete descriptions and controls. */
#discover .finder-grid{gap:16px}
#discover .finder-card{box-shadow:0 13px 29px #0b0a15a3,inset 0 0 0 3px #e7c58a09}
#discover .finder-media{min-height:218px;grid-template-columns:42% minmax(0,1fr)}
#discover .finder-media>img{min-height:218px;max-height:218px}
#discover .finder-media-text{padding:16px 14px 17px 17px}
#discover .finder-media-text .strain-serial{margin-bottom:5px;font-size:8px}
#discover .finder-body{padding:16px 18px 17px}
#discover .finder-lineage{margin:0 0 8px;font-size:10px;line-height:1.4}
#discover .finder-aroma{margin-bottom:8px;padding-bottom:9px}
#discover .finder-description{margin:8px 0 11px;font-size:12px;line-height:1.67}
#discover .finder-deep-dive{padding:8px 0 10px;margin-bottom:10px}
#discover .finder-deep-dive p{font-size:11px;line-height:1.65;margin-top:9px}
#discover .finder-tags{margin-bottom:10px;gap:5px}
#discover .finder-tags span{padding:5px 7px;font-size:9px}
#discover .finder-links{gap:7px;padding-top:11px}
#discover .finder-links .finder-compare,#discover .finder-links .finder-view{min-height:39px;padding:7px 5px}
#discover .finder-links .finder-digital-add{min-height:42px;padding:9px}
#discover .finder-links .finder-source{min-height:27px}
#discover .terpene-profile{padding:9px;margin-bottom:7px}
#discover .terpene-heading{margin-bottom:6px;font-size:9px;letter-spacing:1.55px}
#discover .terpene-chip{min-height:35px;padding:3px 7px 3px 3px}
#discover .terpene-chip-icon{width:26px;height:26px;flex-basis:26px}
#discover .terpene-chip-icon svg{width:18px;height:18px}

@media(max-width:1000px){
  #discover::before{right:-120px;top:650px;width:650px;opacity:.30}
  #discover::after{right:-220px;opacity:.09}
  #discover .finder-media-text .strain-wordmark{font-size:clamp(27px,3.1vw,39px)}
  #discover .finder-card.wordmark-long .strain-wordmark{font-size:clamp(23px,2.5vw,30px)}
}
@media(max-width:680px){
  #discover::before{top:635px;right:-205px;width:535px;height:720px;opacity:.2}
  #discover::after{right:-280px;top:710px;opacity:.07}
  #discover .finder-grid{gap:13px}
  #discover .finder-media{min-height:207px}
  #discover .finder-media>img{min-height:207px;max-height:207px}
  #discover .finder-media-text{padding:15px 12px 16px 17px}
  #discover .finder-media-text .strain-wordmark{font-size:clamp(28px,7vw,40px)}
  #discover .finder-card.wordmark-long .strain-wordmark{font-size:clamp(22px,5.8vw,30px)}
  #discover .finder-card[data-wordmark='arcane'] .strain-wordmark{font-size:clamp(24px,5.8vw,34px)}
  #discover .finder-body{padding:17px}
  #discover .finder-media-text .strain-flourish{width:116px;height:34px}
}

/* VOL. 07 — A poster-inspired, Atlas-first premiere and tighter collectibles. */
#discover .atlas-intro-strip{
  background:linear-gradient(100deg,#351f3a,#312a43 48%,#1a4640);
  border-color:#e9c3909e;
}
#discover .atlas-premiere{
  position:relative;isolation:isolate;overflow:hidden;
  grid-template-columns:minmax(0,.90fr) minmax(0,1.1fr);
  min-height:475px;gap:clamp(22px,4vw,65px);
  padding:42px clamp(24px,4vw,62px) 32px;
  background:
    radial-gradient(ellipse 64% 103% at 105% 100%,#167e7861,transparent 72%),
    radial-gradient(ellipse 62% 94% at 0% 11%,#af488351,transparent 75%),
    linear-gradient(117deg,#422541 0%,#282440 52%,#123d40 100%);
  box-shadow:inset 0 0 0 11px #fff1d207;
}
#discover .atlas-premiere::before{
  content:'';position:absolute;inset:11px;z-index:-1;pointer-events:none;
  border:1px solid #f9d7b14d;
  background:linear-gradient(145deg,#fff2c811,transparent 27%,transparent 74%,#58d8b40c);
}
#discover .atlas-premiere::after{
  content:'';position:absolute;left:-65px;bottom:-140px;width:390px;height:410px;z-index:-1;
  background:url('assets/supherb-botanical.svg') center/contain no-repeat;
  opacity:.13;transform:rotate(17deg);pointer-events:none;
}
#discover .atlas-premiere>div:first-child::before{
  content:'✦   SUPHERB / BOTANICAL ARCHIVES';color:#e9c68b;
  letter-spacing:2.2px;font-size:10px;margin-bottom:26px;
}
#discover .atlas-premiere h2{
  font-size:clamp(70px,7vw,122px);letter-spacing:-.073em;
  text-shadow:0 9px 26px #060d17a3;
}
#discover .atlas-premiere h2 em{
  background-image:linear-gradient(168deg,#fff6da 0%,#e9b6e7 46%,#72d1bd 100%);
  filter:drop-shadow(0 4px 14px #e787b633);
}
#discover .atlas-premiere .atlas-intro-copy{align-self:center;min-width:0}
#discover .atlas-premiere .atlas-intro-copy>p{
  margin:0 0 19px;max-width:480px;font-size:13px;line-height:1.74;
  color:#f2e8df;
}
#discover .atlas-premiere .atlas-intro-links a:first-child{
  background:linear-gradient(105deg,#f6e2be,#e9bda9);color:#322235;
  border:1px solid #fff0ce;box-shadow:0 8px 24px #0005;
}
#discover .atlas-premiere .atlas-mini-gallery{
  position:relative;display:block;overflow:visible;height:244px;
  width:min(100%,540px);margin:12px 0 0;filter:none;
  isolation:isolate;
}
#discover .atlas-premiere .atlas-mini-gallery::before{
  content:'';position:absolute;inset:15px -8px 27px 2px;z-index:-1;
  border:1px solid #e9c99470;
  background:radial-gradient(ellipse at 47% 42%,#af5aaf4d,transparent 69%);
  box-shadow:inset 0 0 0 7px #fff1ce08;
  transform:rotate(-2deg);
}
#discover .atlas-premiere .atlas-mini-gallery img:not(.atlas-hero-wizard){
  position:absolute;top:38px;left:9%;width:123px;height:175px;
  object-fit:cover;z-index:3;border:2px solid #fae2bc;
  box-shadow:0 15px 23px #050c1fc0,0 0 22px #e0aee128;
  transform:rotate(-11deg);transition:transform .38s ease,box-shadow .38s ease;
}
#discover .atlas-premiere .atlas-mini-gallery img:not(.atlas-hero-wizard):nth-of-type(3){
  left:27%;top:20px;height:192px;z-index:4;transform:rotate(3deg);
}
#discover .atlas-premiere .atlas-mini-gallery img:not(.atlas-hero-wizard):nth-of-type(4){
  left:46%;top:40px;height:173px;z-index:5;transform:rotate(11deg);
}
#discover .atlas-premiere .atlas-mini-gallery img:not(.atlas-hero-wizard):hover{
  transform:translateY(-12px) rotate(0deg) scale(1.05);z-index:8;
  box-shadow:0 22px 40px #050c1fee,0 0 25px #ffcb8e77;
}
#discover .atlas-premiere .atlas-mini-gallery .atlas-hero-wizard{
  position:absolute;right:-6%;left:auto;top:-23px;z-index:2;
  width:265px;height:260px;max-width:none;border:0;
  object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 17px 24px #080a21b3);
  transform:none;pointer-events:none;
}
#discover .atlas-poster-caption{
  position:absolute;left:10px;bottom:6px;z-index:7;
  padding:6px 9px;color:#fae3b8;background:#1d1c31d9;
  border:1px solid #f1d2a066;letter-spacing:1.5px;font-size:8px;
}
#discover .atlas-count-ribbon{margin-bottom:36px}

/* The real original images remain untouched: only their surrounding treatment changes. */
#discover .finder-grid{gap:15px}
#discover .finder-card{overflow:hidden;transition:transform .24s ease,box-shadow .24s ease}
#discover .finder-card:hover{transform:translateY(-5px)}
#discover .finder-media{min-height:190px;grid-template-columns:43% minmax(0,1fr)}
#discover .finder-media>img{min-height:190px;max-height:190px}
#discover .finder-media-text{padding:11px 13px 12px 17px}
#discover .finder-media-text .strain-wordmark{
  font-size:clamp(28px,2.54vw,43px);letter-spacing:-.055em;
  filter:drop-shadow(2px 3px 0 #101427) drop-shadow(0 0 7px var(--card-accent));
}
#discover .finder-card.wordmark-long .strain-wordmark{font-size:clamp(21px,1.93vw,31px)}
#discover .finder-card.finder-featured{border-color:#ffe3ab}
#discover .finder-card.finder-featured .finder-media{
  background:radial-gradient(ellipse at 76% 42%,color-mix(in srgb,var(--card-accent) 35%,transparent),transparent 80%),
    linear-gradient(123deg,#131c24,#372341 62%,#162b32);
}
#discover .finder-card.finder-featured .strain-wordmark{font-size:clamp(30px,2.8vw,45px)}
#discover .finder-card.finder-featured .strain-serial::after{
  content:'   ✦  FEATURED';color:#ffdfad;font-weight:800;
}
#discover .finder-body{padding:12px 16px 13px}
#discover .finder-lineage{margin-bottom:5px}
#discover .finder-aroma{margin-bottom:5px;padding-bottom:7px}
#discover .terpene-profile{padding:7px;margin-bottom:5px}
#discover .finder-description{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;line-height:1.65;margin:7px 0 0;
}
#discover .finder-card.description-expanded .finder-description{
  display:block;overflow:visible;
}
#discover .finder-story-toggle{
  display:inline-flex;align-items:center;min-height:28px;margin:1px 0 5px;padding:3px 0;
  border:0;background:transparent;color:var(--card-accent);
  font:700 10px 'DM Sans',sans-serif;letter-spacing:.2px;
  cursor:pointer;text-decoration:underline;text-decoration-color:#ffffff4c;text-underline-offset:4px;
}
#discover .finder-story-toggle:hover{color:#ffe7bc}
#discover .finder-deep-dive{padding:6px 0;margin:0 0 7px}
#discover .finder-tags{margin-bottom:6px}
#discover .finder-links{gap:6px;padding-top:8px}
#discover .finder-links .finder-compare,#discover .finder-links .finder-view{min-height:36px;padding:6px}
#discover .finder-links .finder-digital-add{min-height:37px;padding:6px}
#discover .finder-links .finder-source{min-height:24px}
#discover .finder-artlink{
  display:flex;grid-column:1/-1;justify-content:space-between;align-items:center;
  min-height:37px;padding:7px 11px;
  border:1px solid color-mix(in srgb,var(--card-accent) 78%,#e9c799);
  background:linear-gradient(93deg,#33243fe8,#28443ad9);color:#fce7c8;
  font:700 10px 'DM Sans',sans-serif;letter-spacing:.6px;cursor:pointer;
}
#discover .finder-artlink::before{content:'✦';color:var(--card-accent);margin-right:8px}
#discover .finder-artlink:hover{background:#574060}

.atlas-signature-shortcuts{
  display:flex;align-items:center;flex-wrap:wrap;gap:7px;
  margin:0 0 18px;padding:12px 14px;
  border:1px solid #dfbd957a;
  background:linear-gradient(110deg,#40283dde,#264a42d9);
}
.atlas-signature-shortcuts>span{
  font:700 9px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#eed5b9;margin-right:auto;
}
.atlas-signature-shortcuts button{
  border:1px solid #e2b9958a;background:#140f239e;color:#efdfcb;
  padding:9px 12px;min-height:35px;cursor:pointer;font:700 10px 'DM Sans',sans-serif;
}
.atlas-signature-shortcuts button:hover{background:#e6c798;color:#2b2532}

/* Vault exhibits should feel like physical collector pieces. */
#vault .gallery .piece{
  border:1px solid #dbbb8d8a;box-shadow:0 20px 38px #07050d88,0 0 0 6px #dec28b08;
  transition:transform .4s ease,box-shadow .4s ease;
}
#vault .gallery .piece:hover{transform:translateY(-9px) rotate(-.7deg);box-shadow:0 29px 55px #050309c4,0 0 26px #dcae8b48}
#vault .gallery .piece::after{content:'✦  THE SUPHERB VAULT';position:absolute;top:12px;left:13px;
  z-index:3;padding:6px 8px;border:1px solid #f4d7ae7d;background:#1d1821bd;
  color:#fae5c8;font-size:8px;letter-spacing:1px;pointer-events:none}

:focus-visible{outline:2px solid #ffe4af!important;outline-offset:4px!important}
.finder-card[hidden]{display:none!important}

@media(max-width:1030px){
 #discover .atlas-premiere{grid-template-columns:1fr 1fr;padding:34px 27px;gap:20px}
 #discover .atlas-premiere h2{font-size:clamp(63px,7.2vw,90px)}
 #discover .atlas-premiere .atlas-mini-gallery .atlas-hero-wizard{width:220px;right:-3%}
}
@media(max-width:740px){
 #discover .atlas-premiere{grid-template-columns:1fr;min-height:0;gap:19px;padding:29px 21px 20px}
 #discover .atlas-premiere h2{font-size:clamp(59px,12vw,88px)}
 #discover .atlas-premiere .atlas-intro-copy{display:block}
 #discover .atlas-premiere .atlas-mini-gallery{height:240px;width:100%;max-width:530px;margin-top:15px}
 #discover .atlas-premiere .atlas-mini-gallery .atlas-hero-wizard{right:1%;width:235px;height:236px}
 #discover .atlas-premiere .atlas-mini-gallery img:not(.atlas-hero-wizard){left:8%;width:110px;height:164px}
 #discover .atlas-premiere .atlas-mini-gallery img:not(.atlas-hero-wizard):nth-of-type(3){left:26%;height:178px}
 #discover .atlas-premiere .atlas-mini-gallery img:not(.atlas-hero-wizard):nth-of-type(4){left:44%;height:165px}
 #discover .finder-media{min-height:180px}
 #discover .finder-media>img{min-height:180px;max-height:180px}
 #discover .finder-media-text .strain-wordmark{font-size:clamp(27px,6.7vw,39px)}
 #discover .finder-card.wordmark-long .strain-wordmark{font-size:clamp(21px,5.7vw,30px)}
 #discover .finder-card.finder-featured .strain-wordmark{font-size:clamp(28px,7.2vw,41px)}
 .atlas-signature-shortcuts>span{flex:1 1 100%}
}
@media(max-width:420px){
 #discover .atlas-premiere{padding:23px 14px 16px}
 #discover .atlas-premiere .atlas-mini-gallery{height:210px}
 #discover .atlas-premiere .atlas-mini-gallery .atlas-hero-wizard{width:193px;height:205px;right:-5%}
 #discover .atlas-premiere .atlas-mini-gallery img:not(.atlas-hero-wizard){width:93px;height:140px;top:38px;left:3%}
 #discover .atlas-premiere .atlas-mini-gallery img:not(.atlas-hero-wizard):nth-of-type(3){left:23%;height:157px}
 #discover .atlas-premiere .atlas-mini-gallery img:not(.atlas-hero-wizard):nth-of-type(4){left:43%;height:140px}
 #discover .atlas-poster-caption{font-size:7px}
 #discover .finder-body{padding:12px 13px}
}
@media(prefers-reduced-motion:reduce){
 #discover .finder-card,#vault .gallery .piece,#discover .atlas-premiere .atlas-mini-gallery img{
   transition:none!important;transform:none!important;
 }
 html:focus-within{scroll-behavior:auto}
}