/* AutoMatch V3 — artwork takes the stage. */
.world-kingdom,.card-visual .fallback-art.world-kingdom{background-image:url('world-kingdom.webp')}
.world-orbit,.card-visual .fallback-art.world-orbit{background-image:url('world-orbit.webp')}
.world-neon,.card-visual .fallback-art.world-neon{background-image:url('world-neon.webp')}
.world-showcase{--world-accent:#f3d6a1;--world-tint:#a57d48;min-height:520px;display:flex;flex-direction:column;justify-content:space-between;background:#0e1219;border-color:#ffffff1a;border-radius:24px;box-shadow:0 20px 65px #0003}
.world-showcase[data-world-active=orbit]{--world-accent:#a9e3ff;--world-tint:#528fbe}
.world-showcase[data-world-active=neon]{--world-accent:#ffafda;--world-tint:#af4f90}
.world-showcase .hero-art{inset:-7px -7px 50px}
.world-showcase .hero-scene{inset:0;background:none;transform-origin:70% 45%;animation-duration:30s}
.world-image{position:absolute;inset:0;background-size:cover;background-position:70% 48%;opacity:0;transition:opacity .8s ease}
.world-image.is-active{opacity:1}
.world-showcase .hero-shade{background:linear-gradient(90deg,#0c1119ed 0%,#0c1119b3 28%,#0c111933 52%,transparent 75%),linear-gradient(0deg,#0d111afc 4%,#0d111a99 20%,transparent 48%)}
.world-showcase .hero-copy{max-width:590px;padding:43px 42px 37px;flex:1;display:flex;flex-direction:column;justify-content:center}
.world-showcase .hero-copy .eyebrow{display:flex;align-items:center;gap:8px;font-size:.59rem;letter-spacing:1.55px;color:#e1e2e8;margin-bottom:30px;font-weight:550}
.world-mark{font-size:18px;color:var(--world-accent)}
.world-genre{font-size:.58rem;font-weight:650;letter-spacing:2.5px;color:var(--world-accent);margin:0 0 12px}
.world-showcase .hero-copy h1{font-size:clamp(2.5rem,4.05vw,4.3rem);line-height:1.06;letter-spacing:-2.4px;font-weight:760;margin:0 0 22px;text-shadow:0 3px 30px #0003}
.world-showcase .hero-copy h1 span{display:block;background:none;-webkit-text-fill-color:currentColor}
.world-showcase .hero-copy h1 .world-line{color:#fff}
.world-showcase .hero-copy h1 .world-accent{color:var(--world-accent)}
.world-showcase .hero-copy>p:not(.eyebrow){max-width:320px;font-size:.87rem;line-height:1.75;color:#d1d5de;margin-bottom:25px;text-shadow:0 1px 12px #0009}
.world-showcase .hero-actions .btn{font-size:.77rem;min-height:44px;border-radius:11px}
.world-showcase .hero-actions .primary{background:var(--world-accent);border-color:var(--world-accent);color:#18202b;box-shadow:0 4px 25px #0002}
.world-showcase .hero-actions .primary:hover{filter:brightness(1.09);box-shadow:0 8px 28px #0004}
.world-showcase .hero-actions .primary:before{display:none}
.world-showcase .hero-actions .glass{background:#0c11194d;color:#f3f3f8;border-color:#ffffff40;backdrop-filter:blur(12px)}
.world-credit{position:absolute;right:23px;top:20px;color:#edf1f4c9;font-size:.57rem;z-index:2;text-shadow:0 1px 7px #000;background:#0b101938;border:1px solid #ffffff15;border-radius:20px;padding:5px 9px;backdrop-filter:blur(6px)}
.world-selector{display:flex;align-items:center;gap:30px;position:relative;z-index:2;padding:17px 26px 18px;background:#0e131be0;border-top:1px solid #ffffff14;backdrop-filter:blur(20px)}
.world-selector-label{display:flex;flex-direction:column;gap:10px;min-width:132px;padding-left:10px}
.world-selector-label>span{font-size:.54rem;letter-spacing:1.5px;color:#939da9;font-weight:550}
.world-selector-label>strong{font-size:1.18rem;font-weight:600;letter-spacing:1px;color:var(--world-accent);font-variant-numeric:tabular-nums}
.world-total{font-size:.68rem;color:#8d96a5;letter-spacing:0;font-weight:400}
.world-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1;min-width:0}
.world-option{position:relative;display:flex;align-items:center;gap:13px;min-width:0;min-height:65px;text-align:left;background:#ffffff03;border:1px solid #ffffff0e;border-radius:11px;color:#c6cdd8;padding:6px 12px 6px 6px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;font:inherit}
.world-option[aria-pressed=true]{background:#ffffff0b;border-color:var(--world-accent);box-shadow:0 0 22px #0002;color:#fff}
.world-option:hover{background:#ffffff12;transform:translateY(-2px)}
.world-option:focus-visible{outline:2px solid #fff;outline-offset:4px}
.world-thumb{width:76px;height:50px;background-size:cover;background-position:72% center;flex-shrink:0;border-radius:6px;opacity:.78}
.world-option[aria-pressed=true] .world-thumb{opacity:1}
.world-option-copy{min-width:0;display:flex;flex-direction:column;gap:6px}
.world-option-copy small{font-size:.5rem;font-weight:500;letter-spacing:1px;color:#9ba7b9;white-space:nowrap}
.world-option-copy strong{font-size:.79rem;font-weight:600;white-space:nowrap}
.world-dot{width:5px;height:5px;border-radius:50%;background:var(--world-accent);margin-left:auto;flex-shrink:0;opacity:0}
.world-option[aria-pressed=true] .world-dot{opacity:1}
.card-visual{height:202px}
.card-visual .fallback-art.world-kingdom,.card-visual .fallback-art.world-orbit,.card-visual .fallback-art.world-neon{background-position:76% center;filter:none;transform:none}
.card-visual:after{background:linear-gradient(0deg,#0c111bd9,transparent 54%)}
.art-credit{color:#fff;background:#090f1966;border-radius:4px;padding:3px 5px;backdrop-filter:blur(4px);font-size:.52rem;letter-spacing:.1px}
.project-card:hover .card-visual .fallback-art{transform:scale(1.06)}
.project-card{box-shadow:0 6px 20px #0001}
@media(min-width:1750px){.world-showcase{min-height:575px}.world-showcase .hero-copy{padding:48px 54px;max-width:670px}.world-showcase .hero-copy h1{font-size:4.7rem}.world-selector{padding-left:43px;padding-right:43px}.card-visual{height:230px}}
@media(max-width:1320px){.world-showcase{min-height:490px}.world-showcase .hero-copy{padding:35px;max-width:530px}.world-showcase .hero-copy h1{font-size:3.5rem}.world-selector{gap:20px;padding:14px 20px}.world-selector-label{min-width:106px;padding-left:4px}.world-selector-label>span{font-size:.5rem;letter-spacing:1px}.world-option{gap:9px;padding-right:9px}.world-thumb{width:58px;height:48px}.world-option-copy strong{font-size:.72rem}.world-option-copy small{font-size:.45rem}.world-dot{display:none}.world-options{gap:9px}.card-visual{height:210px}}
@media(max-width:1050px){.world-showcase .hero-copy h1{font-size:3.25rem}.world-showcase .hero-copy{max-width:470px;padding:34px 30px}.world-showcase .hero-art{inset:-6px -6px 55px}.world-image{background-position:67% center}.world-selector-label{display:none}.world-selector{padding:13px 20px}.world-option{gap:12px}.world-thumb{width:67px}.world-option-copy strong{font-size:.74rem}.world-option-copy small{font-size:.48rem}.card-visual{height:225px}}
@media(max-width:760px){
 .world-showcase{min-height:0;border-radius:20px;padding-top:215px}
 .world-showcase .hero-art{inset:-3px -6px auto;height:350px;transform:none}
 .world-showcase .hero-scene{inset:0;animation:none;transform:none}
 .world-image{background-position:74% 35%;background-size:cover}
 .world-showcase .hero-shade{background:linear-gradient(0deg,#0e1219 0%,#0e1219 40%,#0e1219d9 53%,#0e121947 69%,transparent 87%)}
 .world-showcase .hero-copy{max-width:none;padding:0 23px 24px;display:block}
 .world-showcase .hero-copy .eyebrow{font-size:.48rem;letter-spacing:1.2px;margin-bottom:17px;gap:6px;color:#e3e5ec}
 .world-mark{font-size:14px}
 .world-genre{font-size:.49rem;letter-spacing:1.6px;margin-bottom:8px}
 .world-showcase .hero-copy h1{font-size:2.7rem;letter-spacing:-1.5px;line-height:1.04;margin-bottom:15px}
 .world-showcase .hero-copy>p:not(.eyebrow){font-size:.78rem;line-height:1.7;max-width:290px;margin-bottom:19px;color:#b9c2cf}
 .world-showcase .hero-actions{gap:8px}
 .world-showcase .hero-actions .btn{font-size:.69rem;min-height:40px;padding:9px 11px;gap:6px}
 .world-showcase .hero-actions .btn svg{width:14px;height:14px}
 .world-credit{top:12px;right:12px;font-size:.49rem;padding:4px 7px}
 .world-selector{padding:12px;background:#121823d9;backdrop-filter:none}
 .world-options{gap:8px}
 .world-option{display:block;padding:0 0 9px;overflow:hidden;border-radius:8px;min-height:0;background:#ffffff03}
 .world-thumb{display:block;width:100%;height:49px;border-radius:0;background-position:73% 40%}
 .world-option-copy{gap:4px;padding:8px 7px 0}
 .world-option-copy small{font-size:.4rem;letter-spacing:.5px}
 .world-option-copy strong{font-size:.61rem;font-weight:550}
 .world-showcase .hero-particles{height:340px}
 .card-visual{height:158px}
 .art-credit{font-size:.43rem;padding:2px 4px}
}
@media(max-width:370px){.world-showcase{padding-top:195px}.world-showcase .hero-art{height:310px}.world-showcase .hero-copy{padding:0 17px 20px}.world-showcase .hero-copy h1{font-size:2.34rem}.world-showcase .hero-copy .eyebrow{font-size:.42rem;letter-spacing:.8px}.world-showcase .hero-actions .btn{font-size:.63rem;padding:8px}.world-showcase .hero-actions .primary>span{display:none}.world-option-copy strong{font-size:.54rem}.world-option-copy small{font-size:.37rem;letter-spacing:0}.world-selector{padding:10px}.card-visual{height:190px}}
@media(hover:none){.world-option:hover{transform:none}.project-card:hover .card-visual .fallback-art{transform:none}}
html[data-motion=off] .world-option:hover,html[data-motion=off] .project-card:hover .card-visual .fallback-art{transform:none}
@media(prefers-reduced-motion:reduce){.world-option:hover,.project-card:hover .card-visual .fallback-art{transform:none}}