/* Full-tile artwork: preserve complete marks while blending their studio backdrops. */
body .tile-art{height:auto;min-height:0;aspect-ratio:4/3;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 48%,#422219,#100e0c 78%)!important}
body .tile-art.art-simpleapps{background:radial-gradient(ellipse at 50% 45%,#fff9e8,#e6d9b7)!important;--glow:#365dcf}
body .tile-art.art-the288{background:radial-gradient(ellipse at 50% 45%,#126747,#073021 80%)!important;--glow:#2eda94}
body .tile-art.art-windloot{background:radial-gradient(ellipse at 50% 48%,#18383e,#080e16 78%)!important;--glow:#73d7cf}
body .tile-art.art-entertainment-ledger{background:radial-gradient(ellipse at 50% 48%,#261313,#080609 78%)!important;--glow:#ff7a5c}
body .tile-art::before{inset:-35%;width:auto;height:auto;border:0;border-radius:0;box-shadow:none!important;z-index:0}
body .tile-art::after{inset:0;width:auto;height:auto;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 95%,color-mix(in srgb,var(--glow) 12%,transparent),transparent 65%);z-index:0}
body .tile-art img,body .venture-grid .tile-art img,body .selected-grid .tile-art img{position:absolute;inset:0 auto 0 12.5%;width:75%;height:100%;max-width:none;object-fit:contain;border-radius:0;mix-blend-mode:screen;filter:none;z-index:1;transition:transform .6s ease;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
body .tile-art.art-simpleapps img{mix-blend-mode:normal;left:0;width:100%;padding:7%;mask-image:none;filter:drop-shadow(0 16px 18px #56492824)}
body .tile-art.art-the288 img{mix-blend-mode:normal;left:0;width:100%;padding:15%;mask-image:none;filter:drop-shadow(0 14px 20px #001d1844)}
body .tile-art.art-media img{mix-blend-mode:normal;left:0;width:100%;padding:8%;mask-image:none}
body .tile-art .tile-arrow{z-index:2}
body .venture-tile:hover .tile-art img{transform:translateY(-3px) scale(1.025)}
/* The same edge-to-edge presentation for the Windloot collection. */
body .offering-card{overflow:hidden;--art-padding:23px}
body .offering-card .offering-top{position:relative;display:block;flex-shrink:0;margin:calc(-1 * var(--art-padding)) calc(-1 * var(--art-padding)) 24px;height:auto;aspect-ratio:4/3;background:radial-gradient(ellipse at 50% 48%,#18383e,#080e16 78%);overflow:hidden}
body .offering-card .offering-glyph{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent}
body .offering-card .offering-glyph img{width:75%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect;transition:transform .6s ease}
body .offering-card:hover .offering-glyph img{transform:scale(1.025)}
body .offering-card .offering-status{position:absolute;right:14px;top:14px;z-index:2;background:#08141de8;color:#def4f0;border-color:#80b8b95c}
body .brand-display{background:radial-gradient(ellipse at 50% 48%,#422219,#100e0c 78%)}
body .brand-display img{mix-blend-mode:normal}
@media(prefers-reduced-motion:reduce){body .tile-art img,body .offering-card .offering-glyph img{transition:none!important;transform:none!important}body .tile-art::before{animation:none!important}}
html[data-motion=off] body .tile-art img,html[data-motion=off] body .offering-card .offering-glyph img{transition:none!important;transform:none!important}

body .tile-art.art-simpleapps .tile-arrow{color:#294fb5}
body .offering-card .offering-top::before{content:'';position:absolute;inset:-35%;background:conic-gradient(from 45deg,transparent 32%,#73d7cf18 45%,transparent 58%);animation:tile-energy 14s ease-in-out infinite;pointer-events:none}
body .offering-card:nth-child(3n+2) .offering-top::before{animation-delay:-4s}
body .offering-card:nth-child(3n) .offering-top::before{animation-delay:-9s}
@media(prefers-reduced-motion:reduce){body .offering-card .offering-top::before{animation:none}}
html[data-motion=off] body .offering-card .offering-top::before{animation:none}
