/* Project panel: real links stay usable with JavaScript and motion disabled. */
.modern-v3 .modern-about.cs-about-project{position:relative;isolation:isolate;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:0 30px;padding:38px 38px 24px;background:linear-gradient(115deg,#fffdf8 0%,#f5f0e6 56%,#eae4d8 100%);border:1px solid #ddd4c5;box-shadow:0 8px 30px #57402506;overflow:hidden}
.modern-v3 .cs-about-project:before{inset:0;background:radial-gradient(ellipse at 81% 43%,#e8c58b38,transparent 52%),linear-gradient(90deg,#ffffff38,transparent 55%);z-index:0;pointer-events:none}
.modern-v3 .cs-about-project .cs-about-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;pointer-events:none;z-index:0;border-radius:inherit}
.modern-v3 .cs-about-project .modern-about-copy{position:relative;z-index:2;padding:0 0 28px;max-width:480px;min-width:0}
.modern-v3 .cs-about-project .modern-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 9px;border:1px solid #e8d5ba;border-radius:5px;background:#fff8ebba;font-size:8px;font-weight:600;letter-spacing:.13em;color:#a16331}
.modern-v3 .cs-about-project .modern-eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:#d98a47;box-shadow:0 0 0 3px #e9b97926}
.modern-v3 .cs-about-project h2{margin:0 0 23px;font-size:clamp(30px,3.15vw,41px);line-height:1.08;letter-spacing:-.035em;color:#303431}
.modern-v3 .cs-about-project h2>span{position:relative;display:inline-block;color:#ad5c27}
.modern-v3 .cs-about-project h2>span:after{content:"";display:block;height:2px;width:48px;margin-top:13px;background:#da985e;border-radius:2px;transform-origin:left}
.modern-v3 .cs-about-project .modern-about-copy>p:not(.modern-eyebrow){margin:0 0 15px;max-width:100%;font-size:12px;line-height:1.85;color:#79736a}
.modern-v3 .cs-about-project .modern-about-copy>.modern-about-lead{font-size:13px;color:#59564e}
.modern-v3 .cs-about-project .modern-about-art{position:relative;z-index:1;align-self:end;max-width:620px;padding:64px 0 0;margin:0;overflow:visible}
.modern-v3 .cs-about-project .modern-about-art img{border-radius:0;filter:drop-shadow(0 12px 22px #5c46241c)}
.modern-v3 .cs-about-project .cs-about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:21px}
.modern-v3 .cs-about-project .cs-about-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;margin:0;padding:10px 13px;border:1px solid #ded3c2;border-radius:8px;background:#fffdf7!important;color:#6d5d49!important;font:inherit;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;text-decoration:none!important;cursor:pointer;box-sizing:border-box;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.modern-v3 .cs-about-project .cs-about-action--primary{background:#f39347!important;border-color:#f39347;color:#302a22!important;box-shadow:0 5px 13px #d58c431a}
.modern-v3 .cs-about-project .cs-about-action:hover{background:#fff1df!important;border-color:#c5a17c;transform:translateY(-2px);box-shadow:0 5px 12px #a97e4510}
.modern-v3 .cs-about-project .cs-about-action--primary:hover{background:#ffa15a!important;border-color:#e59250}
.modern-v3 .cs-about-project svg{display:block;flex-shrink:0;width:16px;height:16px;fill:none!important;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.modern-v3 .cs-about-project .cs-about-favorites-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 3px;border-radius:4px;background:#f2eadc;color:#947551;font-size:9px;font-variant-numeric:tabular-nums}
.modern-v3 .cs-about-project .cs-about-games{position:relative;z-index:2;grid-column:1/-1;padding:21px 0 0;border-top:1px solid #ddd2bf;min-width:0}
.modern-v3 .cs-about-project .cs-about-games-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 13px}
.modern-v3 .cs-about-project .cs-about-games-head h3{margin:0;color:#585447;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0}
.modern-v3 .cs-about-project .cs-about-motion{display:inline-flex;align-items:center;gap:5px;margin:0;padding:5px 7px;min-height:30px;border:1px solid #d9cbb7;border-radius:6px;background:#fffcf5aa;color:#8b765c;font:inherit;font-size:9px;line-height:1.4;cursor:pointer;transition:background .18s,border-color .18s}
.modern-v3 .cs-about-project .cs-about-motion svg{width:12px;height:12px}
.modern-v3 .cs-about-project .cs-about-motion:hover{background:#fff5e6;border-color:#bfa07c}
.modern-v3 .cs-about-project .cs-about-motion[aria-pressed=true]{background:#f1e7d7;color:#75664f}
.modern-v3 .cs-about-project .cs-about-game-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0;margin:0}
.modern-v3 .cs-about-project .cs-about-game-links>a{position:relative;display:flex;align-items:center;gap:9px;min-width:0;min-height:52px;padding:10px 12px;border:1px solid #dfd2bf;border-radius:9px;background:#fffdf8d9!important;color:#5c574e!important;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none!important;transition:background .2s,transform .2s,border-color .2s,box-shadow .2s;box-sizing:border-box}
.modern-v3 .cs-about-project .cs-about-game-links img{display:block;flex:0 0 26px;width:26px;height:26px;max-width:26px;min-width:26px;object-fit:contain;margin:0;border:0;border-radius:0;transition:transform .2s}
.modern-v3 .cs-about-project .cs-about-game-links>a>span{flex:1;min-width:0;overflow-wrap:anywhere}
.modern-v3 .cs-about-project .cs-about-game-links>a>svg{width:13px;height:13px;color:#a69278;transition:transform .2s,color .2s}
.modern-v3 .cs-about-project .cs-about-game-links>a:hover{transform:translateY(-3px);background:#fff4e4!important;border-color:#ccaa81;box-shadow:0 8px 16px #8a622a0d;color:#8b521f!important}
.modern-v3 .cs-about-project .cs-about-game-links>a:hover img{transform:scale(1.1) rotate(-3deg)}
.modern-v3 .cs-about-project .cs-about-game-links>a:hover>svg{transform:translate(1px,-1px);color:#a36836}
.modern-v3 .cs-about-project :is(a,button):focus-visible{outline:2px solid #b66b32;outline-offset:4px}
.modern-v3 .cs-about-project [hidden]{display:none!important}
.modern-v3 .cs-about-project.is-visible .modern-about-copy>.modern-eyebrow{animation:cs-about-enter .55s ease-out both}
.modern-v3 .cs-about-project.is-visible h2{animation:cs-about-enter .65s .07s ease-out both}
.modern-v3 .cs-about-project.is-visible h2>span:after{animation:cs-about-line .8s .18s ease-out both}
.modern-v3 .cs-about-project.is-visible .modern-about-copy>p:not(.modern-eyebrow){animation:cs-about-enter .65s .13s ease-out both}
.modern-v3 .cs-about-project.is-visible .modern-about-copy>p:nth-of-type(3){animation-delay:.19s}
.modern-v3 .cs-about-project.is-visible .modern-about-copy>p:nth-of-type(4){animation-delay:.25s}
.modern-v3 .cs-about-project.is-visible .cs-about-actions{animation:cs-about-enter .65s .3s ease-out both}
.modern-v3 .cs-about-project.is-visible .modern-about-art{animation:cs-about-art .9s .1s ease-out both}
.modern-v3 .cs-about-project.is-visible .cs-about-game-links>a{animation:cs-about-enter .65s .3s ease-out backwards}
.modern-v3 .cs-about-project.is-visible .cs-about-game-links>a:nth-child(2){animation-delay:.36s}.modern-v3 .cs-about-project.is-visible .cs-about-game-links>a:nth-child(3){animation-delay:.42s}.modern-v3 .cs-about-project.is-visible .cs-about-game-links>a:nth-child(4){animation-delay:.48s}.modern-v3 .cs-about-project.is-visible .cs-about-game-links>a:nth-child(5){animation-delay:.54s}
.modern-v3 .cs-about-project.is-motion-paused *{animation:none!important;transition:none!important}
.modern-v3 .cs-about-project.is-motion-suspended *{animation-play-state:paused!important}
@keyframes cs-about-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes cs-about-art{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
@keyframes cs-about-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:901px) and (max-width:1100px){.modern-v3 .modern-about.cs-about-project{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0 22px;padding:30px 27px 23px}.modern-v3 .cs-about-project .modern-about-copy{padding-bottom:25px}.modern-v3 .cs-about-project .cs-about-game-links{gap:7px}.modern-v3 .cs-about-project .cs-about-game-links>a{padding:9px 8px;gap:6px;font-size:11px}.modern-v3 .cs-about-project .cs-about-game-links>a>svg{display:none}}
@media(max-width:900px){.modern-v3 .modern-about.cs-about-project{grid-template-columns:minmax(0,1fr);gap:20px;padding:29px 25px 23px}.modern-v3 .cs-about-project .modern-about-copy{max-width:100%;padding:0}.modern-v3 .cs-about-project .modern-about-art{max-width:560px;justify-self:center;padding:0;align-self:auto}.modern-v3 .cs-about-project h2{font-size:36px}.modern-v3 .cs-about-project .cs-about-game-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.modern-v3 .cs-about-project .cs-about-games{padding-top:18px}}
@media(max-width:540px){.modern-v3 .modern-about.cs-about-project{padding:25px 19px 20px;gap:21px}.modern-v3 .cs-about-project h2{font-size:33px;margin-bottom:20px}.modern-v3 .cs-about-project .modern-about-copy>.modern-about-lead{font-size:12px}.modern-v3 .cs-about-project .cs-about-action{min-height:44px;padding:10px 12px}.modern-v3 .cs-about-project .cs-about-action--primary{flex:1 0 100%}.modern-v3 .cs-about-project .cs-about-action:not(.cs-about-action--primary){flex:1}.modern-v3 .cs-about-project .cs-about-game-links{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-v3 .cs-about-project .cs-about-game-links>a:last-child{grid-column:1/-1}.modern-v3 .cs-about-project .cs-about-game-links>a{min-height:50px;padding:9px 11px;font-size:11px}.modern-v3 .cs-about-project .cs-about-games-head h3{font-size:12px}.modern-v3 .cs-about-project .cs-about-motion{min-height:34px}.modern-v3 .cs-about-project .modern-about-art{gap:6px}}
@media(prefers-reduced-motion:reduce){.modern-v3 .cs-about-project *{animation:none!important;transition:none!important}.modern-v3 .cs-about-project .cs-about-game-links>a:hover,.modern-v3 .cs-about-project .cs-about-action:hover,.modern-v3 .cs-about-project .cs-about-game-links>a:hover img,.modern-v3 .cs-about-project .cs-about-game-links>a:hover>svg{transform:none}}