/* SUPHERB / COLLECTION ATLAS VI — fifty-four illustrated photographic editions.
   ImageGen-rendered bespoke WebP lettering, layered procedural scenery,
   twelve art families and six compositions.
   Never filters, alters or replaces a user's original product photograph. */

#discover .finder-card.atlas-rollout{
  --atlas-a:#a9b9ec;--atlas-b:#5e65a8;--atlas-c:#e3d8b9;
  --atlas-mat:url('/assets/atlas-material-aurora-v1.jpg');
  position:relative;display:flex;flex-direction:column;align-self:start;
  isolation:isolate;overflow:hidden;border-radius:3px;
  border:1px solid color-mix(in srgb,var(--atlas-c) 79%,#292831);
  background:#161921;
  box-shadow:0 16px 33px #0009,0 0 0 4px color-mix(in srgb,var(--atlas-a) 6%,transparent);
  transition:transform .27s ease,box-shadow .27s ease;
}
#discover .finder-card.atlas-rollout:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 45px #000b,0 0 27px color-mix(in srgb,var(--atlas-b) 25%,transparent);
}
#discover .finder-card.atlas-rollout::before{
  content:'';position:absolute;z-index:10;inset:7px;width:auto;height:auto;
  opacity:1;border:1px solid color-mix(in srgb,var(--atlas-c) 28%,transparent);
  background:none;box-shadow:none;pointer-events:none;
}
#discover .finder-card.atlas-rollout::after{content:none!important;display:none!important}

#discover .finder-card.atlas-rollout .finder-media{
  position:relative;display:block;isolation:isolate;overflow:hidden;
  width:100%;height:320px;min-height:320px;
  background:radial-gradient(ellipse at 49% 73%,color-mix(in srgb,var(--atlas-b) 42%,transparent),transparent 67%),
    linear-gradient(134deg,#101622,#141621 55%,#19101a);
}
#discover .finder-card.atlas-rollout .finder-media::before{
  content:'';position:absolute;inset:0;z-index:0;width:auto;height:auto;
  background:radial-gradient(ellipse at 58% 76%,color-mix(in srgb,var(--atlas-a) 21%,transparent),transparent 66%);
  opacity:1;pointer-events:none;
}
#discover .finder-card.atlas-rollout .finder-media::after{content:none!important;display:none!important}
#discover .finder-card.atlas-rollout .atlas-rollout-scene{
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  background-image:linear-gradient(132deg,#090b16bc,#090d16a4 50%,#12111ecc),var(--atlas-mat);
  background-position:center;background-size:cover;
}
#discover .finder-card.atlas-rollout .atlas-rollout-scene-art{
  display:block;position:absolute;inset:0;width:100%;height:100%;
  min-height:0;max-height:none;object-fit:cover;object-position:center;
  padding:0;margin:0;border:0;transform:none;filter:none;
  opacity:1;background:transparent!important;mix-blend-mode:normal;
}
#discover .finder-card.atlas-rollout.atlas-rollout-scene-failed .atlas-rollout-scene-art{display:none}
#discover .finder-card.atlas-rollout .atlas-rollout-scene::before{
  content:'';position:absolute;z-index:1;inset:12px;
  border:1px solid color-mix(in srgb,var(--atlas-c) 30%,transparent);
  clip-path:polygon(0 0,94% 0,100% 7%,100% 94%,94% 100%,6% 100%,0 94%);
}
#discover .finder-card.atlas-rollout .atlas-rollout-scene::after{
  content:'';position:absolute;z-index:1;left:-18%;bottom:-69px;width:135%;height:172px;
  border-top:1px solid color-mix(in srgb,var(--atlas-c) 48%,transparent);
  border-radius:50%;transform:rotate(-9deg);
  background:radial-gradient(ellipse at 48% 3%,color-mix(in srgb,var(--atlas-a) 20%,transparent),transparent 62%);
}

/* The source <img> is moved unchanged into a protective editorial frame. */
#discover .finder-card.atlas-rollout .atlas-rollout-photo{
  position:absolute;z-index:2;left:19%;top:132px;width:62%;height:164px;
  overflow:hidden;background:#090d10;border-radius:4px;
  border:1px solid color-mix(in srgb,var(--atlas-c) 43%,transparent);
  box-shadow:0 13px 25px #000c,0 0 26px color-mix(in srgb,var(--atlas-a) 25%,transparent);
}
#discover .finder-card.atlas-rollout .atlas-rollout-photo > img{
  display:block!important;width:100%!important;height:100%!important;
  min-height:0!important;max-height:none!important;max-width:none!important;
  padding:0!important;margin:0!important;object-fit:contain!important;
  object-position:center!important;filter:none!important;transform:none!important;
  mix-blend-mode:normal!important;opacity:1!important;
}

#discover .finder-card.atlas-rollout .finder-media-text{
  position:absolute;z-index:5;inset:11px 9px auto;width:auto;height:139px;
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
  text-align:center;margin:0;padding:0;pointer-events:none;
}
#discover .finder-card.atlas-rollout .finder-media-text .strain-serial{
  display:block;position:relative;align-self:center;margin:1px 0 0;padding:0;
  color:var(--atlas-c);font:700 7px/1.4 'DM Sans',sans-serif;
  letter-spacing:1.5px;text-shadow:0 2px 7px #000;
}
#discover .finder-card.atlas-rollout .finder-media-text .strain-serial::after{content:none!important}
#discover .finder-card.atlas-rollout .finder-media-text .strain-wordmark{
  position:relative;display:block!important;width:100%;height:117px;max-width:none;
  flex:0 0 117px;margin:-1px 0 0;padding:0;overflow:visible!important;
  background:none!important;background-image:none!important;
  -webkit-background-clip:initial!important;background-clip:initial!important;
  -webkit-text-fill-color:initial!important;-webkit-text-stroke:0!important;
  font-size:initial!important;line-height:normal;letter-spacing:normal;
  color:var(--atlas-c);text-shadow:none!important;
  filter:none!important;transform:none!important;
}
#discover .finder-card.atlas-rollout .strain-wordmark::before,
#discover .finder-card.atlas-rollout .strain-wordmark::after{content:none!important;display:none!important}
#discover .finder-card.atlas-rollout .atlas-rollout-wordmark{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;
  background:transparent!important;
  filter:drop-shadow(0 5px 5px #000c) drop-shadow(0 0 10px color-mix(in srgb,var(--atlas-a) 35%,transparent));
  pointer-events:none;
}
#discover .finder-card.atlas-rollout .strain-wordmark .atlas-rollout-fallback{display:none!important}
#discover .finder-card.atlas-rollout.atlas-rollout-asset-failed .atlas-rollout-wordmark{display:none!important}
#discover .finder-card.atlas-rollout.atlas-rollout-asset-failed .strain-wordmark .atlas-rollout-fallback{
  display:grid!important;place-items:center;height:100%;color:var(--atlas-c);
  -webkit-text-fill-color:var(--atlas-c)!important;-webkit-text-stroke:0!important;
  font:800 28px/1.1 'Playfair Display',Georgia,serif;text-shadow:0 0 10px var(--atlas-b);
}
#discover .finder-card.atlas-rollout .finder-media-text .strain-flourish{
  display:block;position:absolute;top:269px;left:5px;right:5px;
  width:auto;height:auto;min-height:23px;margin:0;padding:7px 3px 4px;
  border-top:1px solid color-mix(in srgb,var(--atlas-c) 39%,transparent);
  background:#0b0e17ca!important;background-image:none!important;
  color:var(--atlas-c);opacity:1;
  font:700 7.5px/1.25 'DM Sans',sans-serif;letter-spacing:1px;text-shadow:0 2px 7px #000;
}

/* Magazine-like summary; expandable deep-dives preserve original handlers. */
#discover .finder-card.atlas-rollout .finder-body{
  display:block;flex:1;padding:0;
  background:linear-gradient(138deg,color-mix(in srgb,var(--atlas-b) 18%,#17151b),#10171a 87%);
}
#discover .finder-card.atlas-rollout .atlas-rollout-summary{padding:15px 17px 16px;min-height:150px}
#discover .finder-card.atlas-rollout .atlas-rollout-meta{
  display:flex;justify-content:space-between;gap:9px;align-items:center;
  color:#d0c4bb;font:700 8px/1.3 'DM Sans',sans-serif;letter-spacing:1px;
}
#discover .finder-card.atlas-rollout .atlas-rollout-meta span:last-child{color:var(--atlas-c)}
#discover .finder-card.atlas-rollout .atlas-rollout-lede{margin:10px 0 7px;min-height:32px}
#discover .finder-card.atlas-rollout .atlas-rollout-lede strong{
  display:block;color:#f8eadb;font:600 13px/1.28 'Playfair Display',Georgia,serif;
  letter-spacing:0;overflow-wrap:anywhere;
}
#discover .finder-card.atlas-rollout .atlas-rollout-cues{
  display:flex;flex-wrap:wrap;gap:5px 7px;margin:0 0 12px;
}
#discover .finder-card.atlas-rollout .atlas-rollout-cues span{
  color:var(--atlas-c);font:700 8px/1.3 'DM Sans',sans-serif;letter-spacing:.45px;
  padding:3px 5px;border:1px solid color-mix(in srgb,var(--atlas-c) 30%,transparent);
  background:color-mix(in srgb,var(--atlas-b) 17%,#11141a);
}
#discover .finder-card.atlas-rollout .atlas-rollout-actions{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;
}
#discover .finder-card.atlas-rollout .atlas-rollout-reveal,
#discover .finder-card.atlas-rollout .atlas-rollout-view{
  display:flex;align-items:center;justify-content:center;min-height:37px;
  margin:0;padding:7px 8px;border:1px solid color-mix(in srgb,var(--atlas-a) 53%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--atlas-b) 31%,#171c22),#151a22);
  color:#fff0db;font:700 9px/1.2 'DM Sans',sans-serif;letter-spacing:.45px;
  cursor:pointer;text-align:center;
}
#discover .finder-card.atlas-rollout .atlas-rollout-view{
  border-color:color-mix(in srgb,var(--atlas-c) 59%,transparent);color:var(--atlas-c);
  background:#100f19c9;
}
#discover .finder-card.atlas-rollout .atlas-rollout-reveal:hover,
#discover .finder-card.atlas-rollout .atlas-rollout-view:hover{
  background:color-mix(in srgb,var(--atlas-b) 54%,#151924);color:#fff;
}
#discover .finder-card.atlas-rollout .atlas-rollout-details[hidden]{display:none!important}
#discover .finder-card.atlas-rollout .atlas-rollout-details{
  padding:13px 17px 17px;border-top:1px solid color-mix(in srgb,var(--atlas-c) 38%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--atlas-b) 20%,#16151d),#12191b);
}
#discover .finder-card.atlas-rollout .atlas-rollout-provenance{
  margin:0 0 12px;padding:10px 11px;color:#d4c9c6;
  border-left:2px solid var(--atlas-c);background:#0d1219c2;
  font:10px/1.5 'DM Sans',sans-serif;
}
#discover .finder-card.atlas-rollout .atlas-rollout-provenance strong{
  display:block;margin-bottom:3px;color:var(--atlas-c);font:800 8px 'DM Sans',sans-serif;
  letter-spacing:1.3px;
}
#discover .finder-card.atlas-rollout .atlas-rollout-details .finder-description{
  display:block;-webkit-line-clamp:unset;overflow:visible;
}
#discover .finder-card.atlas-rollout .atlas-rollout-details .finder-story-toggle{display:none}
#discover .finder-card.atlas-rollout .atlas-rollout-details .finder-links .finder-view{display:none}

/* Twelve distinct material/colour languages based on the names and reference context. */
#discover .finder-card.atlas-rollout.atlas-theme--celestial{--atlas-a:#998bff;--atlas-b:#3866bc;--atlas-c:#c5ebff;--atlas-mat:url('/assets/atlas-material-aurora-v1.jpg')}
#discover .finder-card.atlas-rollout.atlas-theme--arcane{--atlas-a:#d88bef;--atlas-b:#7545ba;--atlas-c:#ffe0ae;--atlas-mat:url('/assets/atlas-material-aurora-v1.jpg')}
#discover .finder-card.atlas-rollout.atlas-theme--confection{--atlas-a:#ff91c5;--atlas-b:#a8397b;--atlas-c:#ffe1cc;--atlas-mat:url('/assets/atlas-material-rose-v1.jpg')}
#discover .finder-card.atlas-rollout.atlas-theme--orchard{--atlas-a:#b9e963;--atlas-b:#4e9d5d;--atlas-c:#f1f9bd;--atlas-mat:url('/assets/atlas-material-lime-v1.jpg')}
#discover .finder-card.atlas-rollout.atlas-theme--solar{--atlas-a:#ffd26b;--atlas-b:#b39232;--atlas-c:#fff4aa;--atlas-mat:url('/assets/atlas-material-lime-v1.jpg')}
#discover .finder-card.atlas-rollout.atlas-theme--industrial{--atlas-a:#e0a15d;--atlas-b:#8a5b33;--atlas-c:#ffe0a8;--atlas-mat:url('/assets/atlas-material-metal-v1.jpg')}
#discover .finder-card.atlas-rollout.atlas-theme--nocturne{--atlas-a:#a2aad0;--atlas-b:#445273;--atlas-c:#e1dcdf;--atlas-mat:url('/assets/atlas-material-metal-v1.jpg')}
#discover .finder-card.atlas-rollout.atlas-theme--botanical{--atlas-a:#7fd4ad;--atlas-b:#3e957f;--atlas-c:#e4efc0;--atlas-mat:url('/assets/atlas-material-lime-v1.jpg')}
#discover .finder-card.atlas-rollout.atlas-theme--resin{--atlas-a:#eeb660;--atlas-b:#91601e;--atlas-c:#ffdfa2;--atlas-mat:url('/assets/atlas-material-metal-v1.jpg')}
#discover .finder-card.atlas-rollout.atlas-theme--laboratory{--atlas-a:#9edafa;--atlas-b:#3984b3;--atlas-c:#e5f6ff;--atlas-mat:url('/assets/atlas-material-metal-v1.jpg')}
#discover .finder-card.atlas-rollout.atlas-theme--tropical{--atlas-a:#7adbbd;--atlas-b:#3a9c8c;--atlas-c:#ffe4b1;--atlas-mat:url('/assets/atlas-material-rose-v1.jpg')}
#discover .finder-card.atlas-rollout.atlas-theme--heritage{--atlas-a:#d6bc8a;--atlas-b:#77624e;--atlas-c:#ffead1;--atlas-mat:url('/assets/atlas-material-metal-v1.jpg')}

/* Six spatial compositions, deliberately alternating subject placement. */
#discover .atlas-layout--gallery .atlas-rollout-photo{
  top:127px;left:21%;width:58%;height:170px;border-radius:18px 18px 4px 4px;
}
#discover .atlas-layout--gallery .atlas-rollout-scene::after{transform:rotate(0);bottom:-46px}
#discover .atlas-layout--split-left .atlas-rollout-photo{
  top:123px;left:7%;width:53%;height:174px;border-radius:2px 19px 3px 21px;
  transform:rotate(-4deg);
}
#discover .atlas-layout--split-left .atlas-rollout-scene::after{
  left:39%;bottom:23px;width:73%;height:193px;transform:rotate(23deg);
}
#discover .atlas-layout--split-right .atlas-rollout-photo{
  top:119px;left:44%;width:49%;height:180px;border-radius:19px 3px 22px 3px;
  transform:rotate(4deg);
}
#discover .atlas-layout--split-right .atlas-rollout-scene::after{
  left:-26%;bottom:11px;width:83%;height:205px;transform:rotate(-24deg);
}
#discover .atlas-layout--pedestal .atlas-rollout-photo{
  top:139px;left:17%;width:66%;height:151px;border-radius:7px 7px 24px 24px;
  border-bottom:3px solid var(--atlas-c);box-shadow:0 8px 0 -3px #05090b,0 0 31px color-mix(in srgb,var(--atlas-a) 33%,transparent);
}
#discover .atlas-layout--pedestal .atlas-rollout-scene::after{
  left:9%;width:82%;height:180px;bottom:-68px;border:4px double var(--atlas-c);transform:none;
}
#discover .atlas-layout--diagonal .atlas-rollout-photo{
  top:126px;left:16%;width:68%;height:166px;border-radius:4px;
  transform:rotate(-5deg);border-width:2px;
}
#discover .atlas-layout--diagonal .atlas-rollout-scene::after{
  bottom:-99px;transform:rotate(21deg);border-top:4px double color-mix(in srgb,var(--atlas-c) 50%,transparent);
}
#discover .atlas-layout--horizontal .atlas-rollout-photo{
  top:163px;left:7%;width:86%;height:122px;border-radius:2px;
  border:1px dashed var(--atlas-c);
}
#discover .atlas-layout--horizontal .atlas-rollout-scene::after{
  left:2%;bottom:-44px;width:96%;height:118px;border:1px dashed var(--atlas-a);transform:none;
}

/* The data accents receive the same level of composition as the lettering. */
#discover .atlas-theme--celestial .atlas-rollout-cues span{border-radius:12px;background:#20265896}
#discover .atlas-theme--arcane .atlas-rollout-cues span{border-color:#f1ca9f6c;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);padding-inline:10px}
#discover .atlas-theme--confection .atlas-rollout-cues span{border-radius:12px 4px 12px 4px;background:#8e326380}
#discover .atlas-theme--orchard .atlas-rollout-cues span{border-radius:12px 2px 12px 2px;background:#28583e91}
#discover .atlas-theme--solar .atlas-rollout-cues span{border-width:0 0 1px;border-color:#f5d76a9e;background:none;font-family:Georgia,serif}
#discover .atlas-theme--industrial .atlas-rollout-cues span{border-width:0 0 0 3px;background:#6b48294a;font-family:Impact,'DM Sans',sans-serif}
#discover .atlas-theme--nocturne .atlas-rollout-cues span{border:0;border-bottom:1px solid #bac5d47d;background:transparent;letter-spacing:1px}
#discover .atlas-theme--botanical .atlas-rollout-cues span{border-radius:2px 11px 2px 11px;background:#2e655575}
#discover .atlas-theme--resin .atlas-rollout-cues span{border-color:#eec26f83;background:linear-gradient(#6f4d3280,#2c251f80)}
#discover .atlas-theme--laboratory .atlas-rollout-cues span{border-style:dashed;background:#18344885;font-family:ui-monospace,monospace}
#discover .atlas-theme--tropical .atlas-rollout-cues span{border-radius:12px;border-color:#d2e5b79b;background:#246e686b}
#discover .atlas-theme--heritage .atlas-rollout-cues span{border-width:0 0 1px;background:none;font-family:Georgia,serif;letter-spacing:.65px}

@media(max-width:740px){
  #discover .finder-card.atlas-rollout .finder-media{height:337px;min-height:337px}
  #discover .finder-card.atlas-rollout .finder-media-text .strain-flourish{top:284px}
  #discover .atlas-layout--gallery .atlas-rollout-photo{height:188px}
  #discover .atlas-layout--split-left .atlas-rollout-photo{height:191px}
  #discover .atlas-layout--split-right .atlas-rollout-photo{height:195px}
  #discover .atlas-layout--pedestal .atlas-rollout-photo{height:165px}
  #discover .atlas-layout--diagonal .atlas-rollout-photo{height:183px}
  #discover .atlas-layout--horizontal .atlas-rollout-photo{height:139px}
}
@media(max-width:480px){
  #discover .finder-card.atlas-rollout .finder-media-text{left:8px;right:8px}
  #discover .finder-card.atlas-rollout .atlas-rollout-summary{padding:14px 15px 15px}
  #discover .finder-card.atlas-rollout .atlas-rollout-lede strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  #discover .finder-card.atlas-rollout{transition:none!important}
  #discover .finder-card.atlas-rollout:hover{transform:none!important}
}