/* Homepage experiment: editorial cards with quiet, project-specific artwork. */
:is(.case-studies,.case-index-list) .visual-case-card{position:relative;isolation:isolate;overflow:hidden;background:#101416;border-color:#3c4345;min-height:390px;padding:32px 34px;transition:border-color .25s,transform .25s,box-shadow .25s}
.visual-case-card::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 112% 60%,rgba(var(--card-glow),.3),transparent 66%),linear-gradient(120deg,#131719,#0e1214)}
.visual-case-card::after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,#111517 25%,rgba(17,21,23,.9) 48%,rgba(17,21,23,.1) 100%),var(--card-art);background-size:100% 100%,260px auto;background-position:center,right -35px bottom -20px;background-repeat:no-repeat;opacity:.9;transition:opacity .25s,transform .4s;pointer-events:none}
.visual-case-card .case-card-meta{gap:9px 16px;margin-bottom:26px;align-items:center}
.visual-case-card .case-card-meta>span:first-child,.visual-case-card .project-year strong,.visual-case-card .case-card-link>span{color:var(--card-accent)}
.visual-case-card .case-card-meta>span:last-child{font-size:12px;color:#b7bec1}
:is(.case-studies,.case-index-list) .visual-case-card .project-year{flex:none;margin-bottom:20px;font-size:11px}
.visual-case-card .project-year span{color:#b7bec1}
:is(.case-studies,.case-index-list) .visual-case-card .project-relationship{flex:none;border-color:var(--card-accent);color:var(--card-accent)!important;margin-bottom:20px!important}
.visual-case-card h3{font-size:clamp(27px,2.5vw,35px);letter-spacing:-1px;line-height:1.17;max-width:95%;color:#f2f3f4;text-wrap:balance;margin-bottom:18px}
:is(.case-studies,.case-index-list) .visual-case-card>p:not(.project-year):not(.project-relationship){font-size:15px;line-height:1.7;max-width:90%;color:#b7bfc2;margin-bottom:24px;flex:1}
.visual-case-card .case-card-link{position:relative;border-color:#394145;font-size:13px;font-weight:500;padding-top:17px;margin-top:auto}
:is(.case-studies,.case-index-list) .visual-case-card:hover{border-color:var(--card-accent);background:#101416;transform:translateY(-3px);box-shadow:0 12px 35px #0003}
.visual-case-card:hover::after{opacity:1;transform:scale(1.025);transform-origin:right bottom}
.visual-case-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:5px}
.visual-card-inviz{--card-accent:#ff5a72;--card-glow:204,37,67;--card-art:url('/assets/card-art/inviz.svg')}
.visual-card-venture-capital-operations{--card-accent:#4be7b9;--card-glow:17,153,112;--card-art:url('/assets/card-art/venture-capital-operations.svg')}
.visual-card-dads-printing{--card-accent:#ffa44b;--card-glow:172,92,27;--card-art:url('/assets/dads-printing/personalized-pet-socks.jpg')}
.visual-card-dads-printing::after{background-size:100% 100%,240px auto;background-position:center,right -40px bottom 0;opacity:.5;mask-image:radial-gradient(ellipse at 100% 95%,#000 0,transparent 65%);background-blend-mode:normal,luminosity}
.visual-card-learnexus{--card-accent:#51b3ff;--card-glow:35,111,184;--card-art:url('/assets/card-art/learnexus.svg')}
.visual-card-altercall{--card-accent:#b99bff;--card-glow:117,77,183;--card-art:url('/assets/card-art/altercall.svg')}
.visual-card-content-production-agency{--card-accent:#70ddbd;--card-glow:32,141,116;--card-art:url('/assets/card-art/content-production-agency.svg')}
@media(max-width:1100px){.visual-case-card .case-card-meta{display:flex}:is(.case-studies,.case-index-list) .visual-case-card{padding:28px;min-height:410px}.visual-case-card .case-card-meta>span+span{margin:0}.visual-case-card h3{font-size:29px}}
@media(max-width:800px) and (min-width:561px){:is(.case-studies,.case-index-list) .visual-case-card{padding:24px;min-height:440px}.visual-case-card .case-card-meta{display:block}.visual-case-card .case-card-meta>span+span{margin-top:7px}.visual-case-card h3{font-size:27px}.visual-case-card::after{background-size:100% 100%,220px auto;background-position:center,right -60px bottom 0}:is(.case-studies,.case-index-list) .visual-case-card>p:not(.project-year):not(.project-relationship){max-width:100%}}
@media(max-width:560px){:is(.case-studies,.case-index-list) .visual-case-card{padding:27px;min-height:360px}.visual-case-card h3{font-size:30px}.visual-case-card .case-card-meta{display:block}.visual-case-card .case-card-meta>span+span{margin-top:7px}.visual-case-card::after{background-position:center,right -60px bottom -10px}:is(.case-studies,.case-index-list) .visual-case-card>p:not(.project-year):not(.project-relationship){max-width:94%}}
@media(prefers-reduced-motion:reduce){:is(.case-studies,.case-index-list) .visual-case-card,.visual-case-card::after{transition:none}:is(.case-studies,.case-index-list) .visual-case-card:hover,.visual-case-card:hover::after{transform:none}}

/* ImageGen treatment of the user-supplied character artwork. */
.visual-card-inviz{--card-art:url('/assets/card-art/skibidi-toilet-generated.png')}
.visual-card-inviz::after{background-image:var(--card-art);background-size:auto 112%;background-position:right -35px bottom -55px;background-repeat:no-repeat;opacity:.85;mask-image:linear-gradient(90deg,transparent 42%,rgba(0,0,0,.2) 57%,#000 85%);filter:saturate(.75) brightness(.82)}
.visual-card-inviz h3{max-width:78%}
:is(.case-studies,.case-index-list) .visual-card-inviz>p:not(.project-year):not(.project-relationship){max-width:74%}
@media(max-width:800px){.visual-card-inviz::after{background-size:auto 94%;background-position:right -50px bottom -35px;opacity:.75;mask-image:linear-gradient(90deg,transparent 38%,rgba(0,0,0,.2) 60%,#000 95%)}.visual-card-inviz h3{max-width:88%}:is(.case-studies,.case-index-list) .visual-card-inviz>p:not(.project-year):not(.project-relationship){max-width:86%}}

/* ImageGen artwork across the remaining featured cards. */
.visual-card-venture-capital-operations{--card-art:url('/assets/card-art/venture-capital-operations-generated.webp')}
.visual-card-dads-printing{--card-art:url('/assets/card-art/dads-printing-generated.webp')}
.visual-card-learnexus{--card-art:url('/assets/card-art/learnexus-generated.webp')}
.visual-card-altercall{--card-art:url('/assets/card-art/altercall-generated.webp')}
.visual-card-content-production-agency{--card-art:url('/assets/card-art/content-production-agency-generated.webp')}
.generated-card-art::after{background-image:var(--card-art);background-size:auto 105%;background-position:right -30px bottom -35px;opacity:.82;mask-image:linear-gradient(90deg,transparent 42%,rgba(0,0,0,.2) 57%,#000 85%);filter:saturate(.8) brightness(.8);background-blend-mode:normal}
.generated-card-art.visual-card-venture-capital-operations::after{background-size:auto 100%;background-position:right -65px bottom -45px;opacity:.77;filter:saturate(.65) brightness(.74);mask-image:linear-gradient(90deg,transparent 42%,rgba(0,0,0,.2) 57%,#000 85%),linear-gradient(180deg,#000 45%,rgba(0,0,0,.3) 100%);mask-composite:intersect}
.generated-card-art.visual-card-dads-printing::after{background-size:auto 100%;background-position:right -30px bottom -25px;opacity:.77}
.generated-card-art h3{max-width:83%}
:is(.case-studies,.case-index-list) .generated-card-art>p:not(.project-year):not(.project-relationship){max-width:76%}
@media(max-width:800px){.generated-card-art::after{background-size:auto 90%;background-position:right -55px bottom -20px;opacity:.7;mask-image:linear-gradient(90deg,transparent 35%,rgba(0,0,0,.2) 60%,#000 95%)}.generated-card-art.visual-card-venture-capital-operations::after{background-size:auto 98%;background-position:right -55px bottom -65px}.generated-card-art.visual-card-dads-printing::after{background-size:auto 90%;background-position:right -50px bottom -20px}.generated-card-art h3{max-width:94%}:is(.case-studies,.case-index-list) .generated-card-art>p:not(.project-year):not(.project-relationship){max-width:88%}}

/* Revised references: user-supplied Ryan photo, real public dashboard, deal-flow art. */
.visual-card-venture-capital-operations{--card-art:url('/assets/card-art/investment-dealflow.webp')}
.generated-card-art.visual-card-venture-capital-operations::after{background-size:auto 106%;background-position:right -38px bottom -32px;opacity:.85;filter:saturate(.85) brightness(.9);mask-image:linear-gradient(90deg,transparent 42%,rgba(0,0,0,.2) 57%,#000 85%);mask-composite:add}
.visual-card-altercall{--card-art:url('/assets/card-art/altercall-ryan-user.webp')}
.generated-card-art.visual-card-altercall::after{background-size:auto 116%;background-position:right -55px bottom -60px;opacity:.9;filter:saturate(.8) brightness(.95)}
.generated-card-art.visual-card-learnexus::after{inset:auto -170px 35px auto;width:510px;height:285px;border:2px solid #557d9b;border-radius:12px;background-image:url('/assets/card-art/learnexus-dashboard.webp');background-color:#182c3c;background-size:125% auto;background-position:center -42px;transform:perspective(900px) rotateY(-14deg) rotateZ(-8deg);transform-origin:center;opacity:.73;filter:brightness(.68) saturate(.75);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 22%,#000 58%);box-shadow:0 12px 45px #03283a80}
.visual-card-learnexus:hover::after{transform:perspective(900px) rotateY(-14deg) rotateZ(-8deg) scale(1.025)}
@media(max-width:800px){.generated-card-art.visual-card-venture-capital-operations::after{background-size:auto 94%;background-position:right -50px bottom -20px}.generated-card-art.visual-card-altercall::after{background-size:auto 105%;background-position:right -80px bottom -45px}.generated-card-art.visual-card-learnexus::after{width:440px;height:250px;right:-220px;bottom:45px;background-position:center -35px}}
@media(prefers-reduced-motion:reduce){.visual-card-learnexus:hover::after{transform:perspective(900px) rotateY(-14deg) rotateZ(-8deg)}}

:where(.case-index-list .visual-case-card){--card-accent:#ff8754;--card-glow:160,85,45}
/* Company photographs use the same blended card treatment as the other studies. */
.visual-card-1secondcopy{--card-accent:#ff8754;--card-glow:230,108,52;--card-art:url('/assets/1secondcopy-group.png')}
.visual-card-xwecan{--card-accent:#b99bff;--card-glow:139,104,206;--card-art:url('/assets/xwecan-vatican-tour.png')}
:is(.case-studies,.case-index-list) .visual-card-1secondcopy::after{background-size:100% 100%,auto 110%;background-position:center,right -240px center}
:is(.case-studies,.case-index-list) .visual-card-xwecan::after{background-size:100% 100%,auto 115%;background-position:center,right -10px center}
@media(max-width:560px){:is(.case-studies,.case-index-list) .visual-card-1secondcopy::after{background-position:center,right -260px center}:is(.case-studies,.case-index-list) .visual-card-xwecan::after{background-position:center,right -55px center}}

/* Purpose-made vector illustrations for projects without photography. */
.visual-card-jolt-arc-lighters{--card-accent:#ffb25c;--card-glow:255,178,92;--card-art:url('/assets/card-art/jolt-arc-lighters-illustration.svg')}
.visual-card-cornerstone-rei{--card-accent:#77cbb7;--card-glow:119,203,183;--card-art:url('/assets/card-art/cornerstone-rei-illustration.svg')}
.visual-card-ground-floor-pm{--card-accent:#82b9ed;--card-glow:130,185,237;--card-art:url('/assets/card-art/ground-floor-pm-illustration.svg')}
.visual-card-welcome-home-pm{--card-accent:#9aca9a;--card-glow:154,202,154;--card-art:url('/assets/card-art/welcome-home-pm-illustration.svg')}
.visual-card-better-way-cpa{--card-accent:#74d4d0;--card-glow:116,212,208;--card-art:url('/assets/card-art/better-way-cpa-illustration.svg')}
.visual-card-splittesting{--card-accent:#bd9aec;--card-glow:189,154,236;--card-art:url('/assets/card-art/splittesting-illustration.svg')}
.visual-card-chopcast{--card-accent:#e6ad74;--card-glow:230,173,116;--card-art:url('/assets/card-art/chopcast-illustration.svg')}
.visual-card-sales-momentum{--card-accent:#7db8ec;--card-glow:125,184,236;--card-art:url('/assets/card-art/sales-momentum-illustration.svg')}
.visual-card-broli{--card-accent:#e4b077;--card-glow:228,176,119;--card-art:url('/assets/card-art/broli-illustration.svg')}
.visual-card-ever-blooming-originals{--card-accent:#bed48d;--card-glow:190,212,141;--card-art:url('/assets/card-art/ever-blooming-originals-illustration.svg')}
.visual-card-social-asset-generation{--card-accent:#e198b4;--card-glow:225,152,180;--card-art:url('/assets/card-art/social-asset-generation-illustration.svg')}
.visual-card-smoothworks{--card-accent:#98b9ec;--card-glow:152,185,236;--card-art:url('/assets/card-art/smoothworks-illustration.svg')}
.visual-card-amy-gray{--card-accent:#c4a5e9;--card-glow:196,165,233;--card-art:url('/assets/card-art/amy-gray-illustration.svg')}
.visual-card-australian-carers-guide{--card-accent:#7dceb8;--card-glow:125,206,184;--card-art:url('/assets/card-art/australian-carers-guide-illustration.svg')}
.visual-card-mondofora{--card-accent:#e1bd7b;--card-glow:225,189,123;--card-art:url('/assets/card-art/mondofora-illustration.svg')}
.visual-card-scaleclients{--card-accent:#78c5e6;--card-glow:120,197,230;--card-art:url('/assets/card-art/scaleclients-illustration.svg')}
.visual-card-agency-delivery-systems{--card-accent:#b2a0e8;--card-glow:178,160,232;--card-art:url('/assets/card-art/agency-delivery-systems-illustration.svg')}
.visual-card-ai-opportunity-review{--card-accent:#9acb94;--card-glow:154,203,148;--card-art:url('/assets/card-art/ai-opportunity-review-illustration.svg')}
.visual-card-opportunity-pipeline-debugging{--card-accent:#e1a176;--card-glow:225,161,118;--card-art:url('/assets/card-art/opportunity-pipeline-debugging-illustration.svg')}
.visual-card-cloud-security-labs{--card-accent:#82b4dd;--card-glow:130,180,221;--card-art:url('/assets/card-art/cloud-security-labs-illustration.svg')}
.visual-card-redditology{--card-accent:#ed9275;--card-glow:237,146,117;--card-art:url('/assets/card-art/redditology-illustration.svg')}
.visual-card-sanitas{--card-accent:#acd2b7;--card-glow:172,210,183;--card-art:url('/assets/card-art/sanitas-illustration.svg')}
.visual-card-jyro{--card-accent:#b0a0f1;--card-glow:176,160,241;--card-art:url('/assets/card-art/jyro-illustration.svg')}
.illustrated-card-art::after{background-image:var(--card-art);background-size:auto 105%;background-position:right -80px center;opacity:.8;mask-image:linear-gradient(90deg,transparent 26%,#000 75%);filter:saturate(.8)}
@media(max-width:560px){.illustrated-card-art::after{background-size:auto 94%;background-position:right -105px center;opacity:.7}}

/* User-supplied Jolt product photograph replaces the conceptual illustration. */
.visual-card-jolt-arc-lighters{--card-art:url('/assets/card-art/jolt-arc-lighters-product.png');--card-glow:27,79,163}
.visual-card-jolt-arc-lighters.product-photo-card::after{background-image:var(--card-art);background-size:auto 92%;background-position:right -120px center;opacity:.95;mask-image:linear-gradient(90deg,transparent 22%,rgba(0,0,0,.35) 47%,#000 80%)}
@media(max-width:560px){.visual-card-jolt-arc-lighters.product-photo-card::after{background-size:auto 84%;background-position:right -150px center;opacity:.85}}

/* User-supplied SANITAS product photograph. */
.visual-card-sanitas{--card-art:url('/assets/card-art/sanitas-product.jpg')}
.visual-card-sanitas.product-photo-card::after{background-image:var(--card-art);background-size:auto 104%;background-position:right -55px center;opacity:.86;mask-image:linear-gradient(90deg,transparent 22%,rgba(0,0,0,.3) 48%,#000 82%);filter:brightness(.8) saturate(.7)}
@media(max-width:560px){.visual-card-sanitas.product-photo-card::after{background-size:auto 100%;background-position:right -75px center;opacity:.8}}

/* User-supplied channel screenshot, set on a descending editorial angle. */
.visual-card-redditology{--card-art:url('/assets/card-art/redditology-channel.png');--card-glow:214,79,20}
.visual-card-redditology.channel-screenshot-card::after{inset:auto -95px -35px auto;width:390px;height:434px;background-image:var(--card-art);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid #ef854359;border-radius:12px;transform:perspective(950px) rotateY(-12deg) rotateZ(11deg);transform-origin:center;opacity:.9;filter:brightness(.8) saturate(.9);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 22%,#000 67%);box-shadow:0 16px 40px #0007}
.visual-card-redditology.channel-screenshot-card:hover::after{transform:perspective(950px) rotateY(-12deg) rotateZ(11deg) scale(1.025)}
@media(max-width:800px){.visual-card-redditology.channel-screenshot-card::after{width:340px;height:378px;right:-115px;bottom:-5px;opacity:.8}}
@media(prefers-reduced-motion:reduce){.visual-card-redditology.channel-screenshot-card:hover::after{transform:perspective(950px) rotateY(-12deg) rotateZ(11deg)}}

/* Jyro.ai: an illustrative selection-to-edit sequence over the supplied Docs image. */
.visual-card-jyro.doc-editing-card::after{display:none}
.case-index-list .visual-card-jyro>.jyro-doc-preview{position:absolute;z-index:-1;right:-35px;bottom:18px;width:300px;border:1px solid #a89bdf8a;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 18px 45px #0008;transform:perspective(950px) rotateY(-12deg) rotateZ(10deg);transform-origin:center;pointer-events:none;opacity:.86;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 17%,#000 65%);filter:brightness(.68)}
.jyro-doc-toolbar{height:33px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#eef2f8;color:#39445b;font:11px Arial,sans-serif;border-bottom:1px solid #d5dce7}
.jyro-doc-toolbar-dots{margin-left:auto;letter-spacing:2px}
.jyro-doc-sheet{position:relative;line-height:0;background:#fff}
.jyro-doc-sheet img{width:100%;height:auto;display:block;clip-path:inset(1.4%)}
.jyro-doc-selection{position:absolute;left:4.7%;top:24.8%;width:87%;height:16%;background:#9c8bf65e;mix-blend-mode:multiply;transform-origin:left;animation:jyro-select 10s linear infinite}
.jyro-doc-revision{position:absolute;left:4.7%;top:24.5%;width:89%;height:17.5%;padding:1px 2px;background:#fff;color:#313136;font:7.6px/1.65 Arial,sans-serif;opacity:0;animation:jyro-replace 10s linear infinite}
.jyro-doc-revision span{display:block;animation:jyro-type 10s steps(35,end) infinite}
.jyro-doc-caret{position:absolute;left:91%;top:25%;height:13px;border-left:2px solid #785de2;animation:jyro-caret 10s linear infinite}
.jyro-doc-progress{height:34px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#eeebfc;color:#674ca5;font:10px Arial,sans-serif;border-top:1px solid #dcd4ef}
.jyro-doc-brand{font-weight:700}.jyro-doc-state{position:relative;flex:1;height:14px;line-height:14px}.jyro-doc-state>span{position:absolute;inset:0;white-space:nowrap}
.jyro-state-select{animation:jyro-status-select 10s linear infinite}.jyro-state-edit{animation:jyro-status-edit 10s linear infinite}.jyro-state-done{color:#277058;animation:jyro-status-done 10s linear infinite}
@keyframes jyro-select{0%{transform:scaleX(0);opacity:.5}18%,35%{transform:scaleX(1);opacity:1}42%,93%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:0}}
@keyframes jyro-replace{0%,35%{opacity:0}38%,91%{opacity:1}98%,100%{opacity:0}}
@keyframes jyro-type{0%,38%{clip-path:inset(0 100% 0 0)}68%,100%{clip-path:inset(0)}}
@keyframes jyro-caret{0%,20%{opacity:0}24%,35%{opacity:1}40%,100%{opacity:0}}
@keyframes jyro-status-select{0%,30%{opacity:1}35%,95%{opacity:0}100%{opacity:1}}
@keyframes jyro-status-edit{0%,34%{opacity:0}38%,65%{opacity:1}70%,100%{opacity:0}}
@keyframes jyro-status-done{0%,68%{opacity:0}72%,92%{opacity:1}97%,100%{opacity:0}}
@media(max-width:800px){.case-index-list .visual-card-jyro>.jyro-doc-preview{width:320px;right:-100px;bottom:15px}.jyro-doc-revision{font-size:8px}}
@media(prefers-reduced-motion:reduce){.jyro-doc-preview *{animation:none!important}.jyro-doc-selection{transform:none;opacity:1}.jyro-doc-revision,.jyro-doc-caret,.jyro-state-edit,.jyro-state-done{display:none}.jyro-state-select{opacity:1}}

.case-index-list .visual-card-jyro.doc-editing-card{min-height:430px}
.visual-card-jyro.doc-editing-card h3{max-width:85%}
.case-index-list .visual-card-jyro.doc-editing-card>p:not(.project-year):not(.project-relationship){max-width:72%}

/* User-supplied BroLi portrait artwork, with both people in frame. */
.visual-card-broli{--card-art:url('/assets/card-art/broli-portrait.png');--card-glow:81,144,142;--card-accent:#9ecab5}
.visual-card-broli.portrait-card-art::after{inset:auto -15px 35px auto;width:360px;height:360px;background-image:var(--card-art);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.82;filter:brightness(.55) saturate(.9);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.7) 25%,#000 65%),linear-gradient(180deg,transparent 0%,#000 28%,#000 75%,transparent 100%);mask-composite:intersect}
@media(max-width:800px){.visual-card-broli.portrait-card-art::after{width:310px;height:310px;right:-30px;bottom:45px;opacity:.76}}

/* User-supplied Ever Blooming Originals team portrait. */
.visual-card-ever-blooming-originals{--card-art:url('/assets/card-art/ever-blooming-originals-team.png');--card-glow:105,143,116}
.visual-card-ever-blooming-originals.team-photo-card::after{inset:auto -8px 28px auto;width:310px;height:404px;background-image:var(--card-art);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.88;filter:brightness(.62) saturate(.9);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 25%,#000 65%),linear-gradient(180deg,transparent 0%,#000 20%,#000 74%,transparent 100%);mask-composite:intersect}
@media(max-width:800px){.visual-card-ever-blooming-originals.team-photo-card::after{width:270px;height:352px;right:-20px;bottom:30px;opacity:.8}}

/* User-supplied Welcome Home PM housing photograph. */
.visual-card-welcome-home-pm{--card-art:url('/assets/card-art/welcome-home-pm-houses.png');--card-glow:46,117,151}
.visual-card-welcome-home-pm.housing-photo-card::after{background-image:var(--card-art);background-size:auto 100%;background-position:right -75px center;opacity:.82;filter:brightness(.7) saturate(.8);mask-image:linear-gradient(90deg,transparent 18%,rgba(0,0,0,.3) 45%,#000 85%)}
@media(max-width:560px){.visual-card-welcome-home-pm.housing-photo-card::after{background-position:right -100px center;opacity:.75}}

/* User-supplied Ground Floor PM aerial city photograph. */
.visual-card-ground-floor-pm{--card-art:url('/assets/card-art/ground-floor-pm-aerial.png');--card-glow:75,127,143}
.visual-card-ground-floor-pm.aerial-photo-card::after{background-image:var(--card-art);background-size:auto 100%;background-position:right -55px center;opacity:.82;filter:brightness(.65) saturate(.8);mask-image:linear-gradient(90deg,transparent 18%,rgba(0,0,0,.3) 45%,#000 85%)}
@media(max-width:560px){.visual-card-ground-floor-pm.aerial-photo-card::after{background-position:right -80px center;opacity:.75}}

/* User-supplied Amy Gray portrait, kept to a modest display size. */
.visual-card-amy-gray{--card-art:url('/assets/card-art/amy-gray-portrait.png')}
.visual-card-amy-gray.amy-portrait-card::after{inset:auto -18px 65px auto;width:285px;height:285px;background-image:var(--card-art);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.9;filter:brightness(.72) saturate(.85);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 25%,#000 65%),linear-gradient(180deg,transparent 0%,#000 20%,#000 75%,transparent 100%);mask-composite:intersect}
@media(max-width:800px){.visual-card-amy-gray.amy-portrait-card::after{width:250px;height:250px;right:-25px;bottom:65px;opacity:.85}}

/* User-supplied Mondofora streetscape; preserve the panoramic composition. */
.visual-card-mondofora{--card-art:url('/assets/card-art/mondofora-streetscape.png');--card-glow:157,119,44}
.visual-card-mondofora.streetscape-photo-card::after{inset:auto -40px 55px auto;width:520px;height:260px;background-image:var(--card-art);background-size:cover;background-position:65% center;background-repeat:no-repeat;opacity:.88;filter:brightness(.75) saturate(.85);mask-image:linear-gradient(90deg,transparent 10%,rgba(0,0,0,.35) 40%,#000 80%),linear-gradient(180deg,transparent 0%,#000 25%,#000 70%,transparent 100%);mask-composite:intersect}
@media(max-width:800px){.visual-card-mondofora.streetscape-photo-card::after{width:440px;height:240px;right:-70px;bottom:55px;opacity:.8}}

/* User-supplied Cornerstone REI streetscape image. */
.visual-card-cornerstone-rei{--card-art:url('/assets/card-art/cornerstone-rei-streetscape.png');--card-glow:64,133,124}
.visual-card-cornerstone-rei.property-image-card::after{background-image:var(--card-art);background-size:auto 100%;background-position:right -25px center;opacity:.82;filter:brightness(.65) saturate(.8);mask-image:linear-gradient(90deg,transparent 18%,rgba(0,0,0,.3) 45%,#000 85%)}
@media(max-width:560px){.visual-card-cornerstone-rei.property-image-card::after{background-position:right -60px center;opacity:.75}}

/* User-supplied Australian Carers Guide cover; editorial context, not a project-date claim. */
.visual-card-australian-carers-guide{--card-art:url('/assets/card-art/australian-carers-guide-cover.png');--card-glow:173,105,73;--card-accent:#ffa375}
.visual-card-australian-carers-guide.magazine-cover-card::after{inset:auto -10px 25px auto;width:275px;height:389px;background-image:var(--card-art);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:5px;opacity:.86;filter:brightness(.7) saturate(.85);transform:perspective(1000px) rotateY(-10deg) rotateZ(7deg);transform-origin:center;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 20%,#000 65%);box-shadow:0 15px 35px #0007}
.visual-card-australian-carers-guide.magazine-cover-card:hover::after{transform:perspective(1000px) rotateY(-10deg) rotateZ(7deg) scale(1.025)}
@media(max-width:800px){.visual-card-australian-carers-guide.magazine-cover-card::after{width:240px;height:339px;right:-25px;bottom:35px;opacity:.8}}
@media(prefers-reduced-motion:reduce){.visual-card-australian-carers-guide.magazine-cover-card:hover::after{transform:perspective(1000px) rotateY(-10deg) rotateZ(7deg)}}

/* User-supplied ScaleClients workspace still; frame out the letterbox bars in CSS. */
.visual-card-scaleclients{--card-art:url('/assets/card-art/scaleclients-workspace.png')}
.visual-card-scaleclients.workspace-photo-card::after{inset:auto -70px 65px auto;width:410px;height:235px;background-image:var(--card-art);background-size:auto 134%;background-position:center;background-repeat:no-repeat;opacity:.9;filter:brightness(.72) saturate(.8);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 23%,#000 65%),linear-gradient(180deg,transparent 0%,#000 20%,#000 75%,transparent 100%);mask-composite:intersect}
@media(max-width:800px){.visual-card-scaleclients.workspace-photo-card::after{width:360px;height:205px;right:-40px;bottom:65px;opacity:.85}}

.case-index-list .visual-card-scaleclients.workspace-photo-card>p:not(.project-year):not(.project-relationship){max-width:72%}

/* User-supplied SplitTesting portrait. */
.visual-card-splittesting{--card-art:url('/assets/card-art/splittesting-portrait.png')}
.visual-card-splittesting.split-portrait-card::after{inset:auto -22px 32px auto;width:300px;height:375px;background-image:var(--card-art);background-size:cover;background-position:55% center;background-repeat:no-repeat;opacity:.88;filter:brightness(.65) saturate(.8);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 23%,#000 62%),linear-gradient(180deg,transparent 0%,#000 18%,#000 76%,transparent 100%);mask-composite:intersect}
.visual-card-splittesting.split-portrait-card h3{max-width:70%}
.case-index-list .visual-card-splittesting.split-portrait-card>p:not(.project-year):not(.project-relationship){max-width:72%}
@media(max-width:800px){.visual-card-splittesting.split-portrait-card::after{width:265px;height:330px;right:-35px;bottom:35px;opacity:.82}.visual-card-splittesting.split-portrait-card h3{max-width:86%}.case-index-list .visual-card-splittesting.split-portrait-card>p:not(.project-year):not(.project-relationship){max-width:84%}}

/* User-supplied Chopcast product image; illustrative business context. */
.visual-card-chopcast{--card-art:url('/assets/card-art/chopcast-product.png');--card-glow:169,141,44;--card-accent:#f5d36c}
.visual-card-chopcast.product-screenshot-card::after{inset:auto -85px 65px auto;width:470px;height:265px;background-image:var(--card-art);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:9px;transform:perspective(1000px) rotateY(-12deg) rotateZ(8deg);transform-origin:center;opacity:.88;filter:brightness(.65) saturate(.85);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 24%,#000 65%),linear-gradient(180deg,transparent 0%,#000 15%,#000 80%,transparent 100%);mask-composite:intersect;box-shadow:0 15px 40px #0006}
.visual-card-chopcast.product-screenshot-card:hover::after{transform:perspective(1000px) rotateY(-12deg) rotateZ(8deg) scale(1.025)}
@media(max-width:800px){.visual-card-chopcast.product-screenshot-card::after{width:410px;height:231px;right:-100px;bottom:65px;opacity:.8}}
@media(prefers-reduced-motion:reduce){.visual-card-chopcast.product-screenshot-card:hover::after{transform:perspective(1000px) rotateY(-12deg) rotateZ(8deg)}}