/* N Age Gamers — responsive studio website */
:root{--bg:#101015;--panel:#17171f;--panel2:#1d1c27;--text:#f7f6fb;--muted:#a4a1b2;--line:rgba(255,255,255,.11);--orange:#ff7548;--pink:#ff4f91;--purple:#9a6bff;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 7.2%;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(16,16,21,.88);backdrop-filter:blur(18px);z-index:20}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;border:1px solid rgba(255,117,72,.8);border-radius:12px;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:20px;position:relative;color:#fff;transform:rotate(-4deg)}.brand-mark span{color:var(--orange)}.brand-name{font-family:var(--display);font-size:13px;letter-spacing:1.4px;font-weight:500}.brand-name b{color:#ff835b;font-weight:700}.nav-links{display:flex;align-items:center;gap:36px;font-size:13px;color:#d2cfdb}.nav-links>a:not(.nav-cta):hover,.text-link:hover{color:var(--orange)}.nav-cta{border:1px solid rgba(255,255,255,.2);padding:11px 16px;border-radius:8px;color:white;transition:.2s}.nav-cta span{color:var(--orange);margin-left:10px}.nav-cta:hover{border-color:var(--orange);background:rgba(255,117,72,.08)}.menu-toggle{display:none}
.section-wrap{width:min(1160px,85.6%);margin:0 auto}.hero{min-height:660px;padding:92px 0 56px;position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:24px}.hero-copy{position:relative;z-index:2;padding-bottom:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:#c4bfce;display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 15px var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-2.5px;line-height:1.06}h1{font-size:clamp(54px,6.2vw,82px);margin:25px 0 25px;font-weight:600}h2{font-size:clamp(37px,4.3vw,56px);margin:17px 0 18px;font-weight:600}.gradient-text{background:linear-gradient(100deg,#ffb36d 4%,#ff6a72 45%,#b28aff 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{max-width:470px;color:var(--muted);font-size:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;border-radius:8px;padding:14px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.button-primary{background:linear-gradient(110deg,#ff8b52,#ff5b78);color:#1a1015;box-shadow:0 9px 30px rgba(255,94,102,.16)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(255,94,102,.28)}.button span{font-size:17px}.text-link{font-size:13px;font-weight:600;transition:color .2s}.text-link span{color:var(--orange);margin-left:8px;font-size:17px}.hero-note{display:flex;align-items:center;gap:11px;color:#858292;font-size:10px;letter-spacing:1px;margin-top:60px}.note-line{height:1px;width:34px;background:var(--orange)}
.hero-art{height:475px;position:relative;display:grid;place-items:center;isolation:isolate}.art-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(255,89,123,.22),rgba(137,83,255,.13) 45%,transparent 72%);filter:blur(12px)}.art-orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:410px;height:175px}.orbit-two{width:330px;height:440px;transform:rotate(42deg);border-color:rgba(255,117,72,.2)}.hero-emblem{width:245px;height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;transform:rotate(-7deg)}.emblem-ring{position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.32);border-radius:50%;box-shadow:0 0 0 18px rgba(255,255,255,.025),0 0 80px rgba(255,94,123,.15)}.emblem-core{height:160px;width:160px;border-radius:38px;background:linear-gradient(140deg,#ffbd76,#ff6c70 48%,#9865ff);box-shadow:inset 0 2px 2px rgba(255,255,255,.55),0 24px 55px rgba(0,0,0,.3);display:grid;place-items:center;position:relative;overflow:hidden}.emblem-core:before{content:"";position:absolute;width:220px;height:40px;background:rgba(255,255,255,.22);transform:rotate(-45deg);top:23px;left:-54px}.emblem-n{font-family:var(--display);font-size:103px;font-weight:700;line-height:1;color:#fff;text-shadow:0 4px 0 rgba(91,42,102,.15)}.emblem-plus{position:absolute;right:22px;top:22px;color:#fff;font-size:24px}.emblem-caption{font-family:var(--display);font-size:11px;letter-spacing:3px;line-height:1.6;text-align:center;margin-top:27px;color:#d5cddd}.floating-chip{position:absolute;font-size:9px;letter-spacing:1.5px;font-weight:700;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:11px 14px;background:rgba(27,25,36,.82);backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(0,0,0,.2)}.chip-top{top:57px;right:7%;transform:rotate(7deg)}.chip-top span{color:var(--orange);margin-left:12px}.chip-bottom{bottom:61px;left:2%;transform:rotate(-5deg);color:#d8d4e0}.chip-dot{display:inline-block;width:6px;height:6px;background:#92e5a7;border-radius:50%;margin-right:8px}.spark{position:absolute;color:var(--orange);font-size:28px}.spark-one{top:93px;left:15%}.spark-two{right:12%;bottom:120px;color:#b18aff;font-size:35px}.spark-three{left:18%;bottom:118px;font-size:18px;color:#ffbb73}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);color:#817d8e;font-size:9px;letter-spacing:1.7px}.down-arrow{color:var(--orange);font-size:15px;margin-left:8px}
.games-section{padding:125px 0 120px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:44px}.section-heading>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:5px}.game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.filter-list{display:flex;flex-wrap:wrap;gap:7px}.filter-btn{border:1px solid transparent;background:transparent;color:#aaa6b7;padding:9px 13px;border-radius:7px;font-size:11px;cursor:pointer;transition:.2s}.filter-btn:hover,.filter-btn.active{background:#24212c;border-color:rgba(255,255,255,.1);color:#fff}.filter-btn span{font-size:9px;margin-left:5px;color:var(--orange)}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:0 12px;color:#aaa6b7;min-width:180px}.search-box>span{font-size:23px}.search-box input{width:130px;background:transparent;border:0;outline:0;color:white;padding:10px 0;font-size:11px}.search-box input::placeholder{color:#858191}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 19px}.game-card{min-width:0;transition:transform .25s}.game-card:hover{transform:translateY(-5px)}.game-art{height:auto;aspect-ratio:1/1.12;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:13px;isolation:isolate}.art-pink{background:linear-gradient(145deg,#ffb1c8,#c75b9a 60%,#582b68)}.art-orange{background:linear-gradient(145deg,#ffcf86,#f17b44 55%,#9a3c54)}.art-violet{background:linear-gradient(145deg,#c3a5ff,#7652d9 58%,#332858)}.art-green{background:linear-gradient(145deg,#b6f0be,#52b7a1 55%,#286d76)}.art-blue{background:linear-gradient(145deg,#9adfff,#4c8bcb 55%,#34436e)}.art-lilac{background:linear-gradient(145deg,#e2c5ff,#a77cdd 55%,#594079)}.art-coral{background:linear-gradient(145deg,#ffc0ac,#f06e77 55%,#9d3f69)}.art-yellow{background:linear-gradient(145deg,#ffe18c,#ffa84e 55%,#d65c62)}.game-art:before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.32);border-radius:50%;transform:rotate(-24deg) scaleX(1.1);z-index:-1}.game-art:after{content:"";position:absolute;width:150%;height:30%;top:30%;left:-20%;background:rgba(255,255,255,.1);transform:rotate(-43deg);z-index:-1}.art-label{position:absolute;top:15px;left:14px;font-size:8px;font-weight:700;letter-spacing:1.2px;color:rgba(29,19,38,.72)}.game-emoji{font-size:clamp(48px,5vw,78px);filter:drop-shadow(0 12px 13px rgba(41,17,48,.2));transform:rotate(-8deg);transition:transform .3s}.game-card:hover .game-emoji{transform:scale(1.1) rotate(3deg)}.art-shape{position:absolute;border:1px solid rgba(255,255,255,.45);border-radius:50%;z-index:-1}.shape-a{width:45%;aspect-ratio:1;right:-8%;bottom:-4%}.shape-b{width:22%;aspect-ratio:1;left:10%;bottom:15%;background:rgba(255,255,255,.12)}.art-open{position:absolute;right:12px;bottom:12px;width:30px;height:30px;display:grid;place-items:center;background:rgba(20,18,28,.28);border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:15px;transition:.2s}.game-art:hover .art-open{background:#fff;color:#18131d}.game-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:15px 2px 0}.game-meta h3{font-family:var(--display);font-size:13px;line-height:1.4;font-weight:600;margin-bottom:6px}.game-meta p{font-size:10px;color:#928ea0;margin:0}.game-index{font-size:10px;color:#777386;padding-top:3px}.portfolio-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:45px;padding-top:23px;color:#827e90;font-size:9px;letter-spacing:1.4px}.portfolio-footer a{font-size:11px;letter-spacing:0;color:#e6e1ec}.portfolio-footer a span{color:var(--orange);margin-left:8px;font-size:16px}.no-results{padding:35px;text-align:center;color:var(--muted)}
.about-section{background:#17151e;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}.about-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-top:95px;padding-bottom:95px}.about-visual{height:370px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 55% 48%,#33213c 0,transparent 57%),linear-gradient(145deg,#24202d,#17151e)}.about-visual:before,.about-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:360px;height:360px}.about-visual:after{width:270px;height:270px;border-color:rgba(255,117,72,.24)}.about-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:160px;height:160px;background:linear-gradient(135deg,#ffbd77,#ff5c86);top:48px;left:18%;opacity:.85}.orb-b{width:120px;height:120px;background:linear-gradient(135deg,#8d6dff,#4b58ba);right:15%;bottom:44px;opacity:.9}.about-stamp{z-index:2;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(22,18,30,.55);backdrop-filter:blur(8px);font-family:var(--display);font-weight:700;font-size:20px;line-height:1.1;letter-spacing:1px;text-align:center;transform:rotate(-10deg);box-shadow:0 20px 60px rgba(0,0,0,.25)}.about-stamp span{color:var(--orange);font-size:23px;margin-top:10px}.about-side-note{position:absolute;bottom:18px;left:20px;font-size:8px;letter-spacing:1.5px;color:#a19aac}.about-copy>p{font-size:13px;line-height:2;color:var(--muted);max-width:450px}.about-copy .text-link{display:inline-block;margin-top:16px}
.contact-section{padding-top:120px;padding-bottom:110px}.contact-heading{text-align:center;max-width:620px;margin:0 auto 54px}.contact-heading .eyebrow{justify-content:center}.contact-heading p{font-size:13px;color:var(--muted);line-height:1.9;max-width:450px;margin:0 auto}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;max-width:920px;margin:0 auto}.contact-details{padding-top:8px}.contact-detail{display:flex;gap:15px;align-items:flex-start;margin-bottom:28px}.detail-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(255,117,72,.28);border-radius:9px;color:var(--orange);font-size:16px}.contact-detail small{display:block;color:#898596;font-size:9px;letter-spacing:1.4px;margin-bottom:6px}.contact-detail a,.contact-detail div>span{font-size:12px;color:#e8e3ed}.contact-social{margin-top:38px;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--orange)}.contact-form{display:flex;flex-direction:column;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#c5c0d0;letter-spacing:.3px}.contact-form input,.contact-form textarea{width:100%;background:#191820;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:13px 14px;color:#fff;outline:none;font-size:11px;resize:vertical;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(255,117,72,.65)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6f6b7a}.contact-form .button{align-self:flex-start}.form-note,.form-status{font-size:10px;color:#8d8998;margin:-8px 0 0}.form-status{color:#ffb184}
.site-footer{min-height:100px;border-top:1px solid var(--line);padding:25px 7.2%;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer p,.copyright{font-size:10px;color:#858191;margin:0}.site-footer .brand-mark{width:33px;height:33px;font-size:17px;border-radius:10px}.site-footer .brand-name{font-size:11px}
@media(max-width:1000px){.site-header{padding:0 5%}.section-wrap{width:90%}.hero{gap:0}.hero-art{transform:scale(.9)}.games-grid{grid-template-columns:repeat(3,1fr)}.about-inner{gap:45px}.contact-layout{gap:40px}}
@media(max-width:720px){.site-header{height:72px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);background:#1a1922;border-radius:8px;padding:11px;cursor:pointer}.menu-toggle span{width:18px;height:2px;background:#fff;display:block}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;background:#15141c;border-bottom:1px solid var(--line);padding:20px 6%;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links>a{padding:14px 0}.nav-links .nav-cta{padding:12px 15px;margin-top:8px;text-align:center}.section-wrap{width:88%}.hero{grid-template-columns:1fr;padding-top:66px;min-height:auto;padding-bottom:58px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(51px,12vw,72px)}.hero-intro{font-size:14px}.hero-art{height:350px;transform:none;margin-top:12px}.hero-emblem{transform:scale(.82) rotate(-7deg)}.orbit-one{width:330px}.orbit-two{height:340px}.chip-top{right:7%;top:28px}.chip-bottom{bottom:26px}.hero-note{margin-top:36px}.hero-bottom{font-size:8px}.games-section{padding:85px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px}.game-toolbar{align-items:stretch;flex-direction:column}.filter-list{gap:4px}.filter-btn{padding:8px 10px}.search-box{width:100%}.search-box input{width:100%}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.game-art{border-radius:10px}.art-label{font-size:7px;left:10px;top:11px}.game-meta h3{font-size:12px}.game-meta p{font-size:9px}.portfolio-footer{align-items:flex-start;gap:15px;flex-direction:column}.about-inner{grid-template-columns:1fr;gap:36px;padding-top:65px;padding-bottom:70px}.about-visual{height:310px}.about-copy h2{font-size:45px}.contact-section{padding-top:85px;padding-bottom:75px}.contact-heading{margin-bottom:40px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-details{display:grid;grid-template-columns:1fr;gap:0}.contact-social{margin-top:5px}.site-footer{padding:25px 6%;flex-wrap:wrap}.site-footer p{order:3;width:100%}.copyright{font-size:9px}}
@media(max-width:400px){.games-grid{gap:22px 10px}.game-meta h3{font-size:11px}.form-row{grid-template-columns:1fr}.hero-actions{gap:17px}.button{gap:12px;padding:13px 14px}.text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Official portfolio icon crops supplied by the site owner */
.game-art-image{background:#222;aspect-ratio:1/1}
.game-art-image:before,.game-art-image:after{display:none}
.game-art-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;transition:transform .35s}
.game-card:hover .game-art-image img{transform:scale(1.035)}
.game-art-image .art-open{background:rgba(16,16,21,.72)}

/* Brand logo supplied by the studio */
.brand-logo{display:flex;align-items:center;max-width:220px}
.brand-logo img{display:block;width:100%;height:auto;max-height:58px;object-fit:contain}
.footer-logo{max-width:170px}
.footer-logo img{max-height:48px}
/* Compact two-row portfolio layout: sharp, consistent square app icons */
.games-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 14px}
.game-art-image{aspect-ratio:1/1;border-radius:12px;background:#24232b;overflow:hidden}
.game-art-image img{width:100%;height:100%;object-fit:cover;image-rendering:auto}
.game-meta{padding-top:10px}
.game-meta h3{font-size:11px;line-height:1.35}
.game-meta p{font-size:9px}
.game-index{font-size:9px}
@media(max-width:1100px){.games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 15px}}
@media(max-width:720px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.brand-logo{max-width:175px}.brand-logo img{max-height:46px}.footer-logo{max-width:150px}}
@media(max-width:420px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.game-meta h3{font-size:11px}}

/* Dual animated game-icon rails */
.portfolio-rails{display:grid;gap:12px;overflow:hidden;margin:0 0 30px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.game-rail{overflow:hidden;width:100%}
.rail-track{display:flex;align-items:center;gap:13px;width:max-content;animation:rail-left 42s linear infinite}
.rail-reverse .rail-track{animation-name:rail-right;animation-duration:48s}
.game-rail img{width:68px;height:68px;object-fit:cover;border-radius:13px;box-shadow:0 7px 18px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1)}
.portfolio-rails:hover .rail-track{animation-play-state:paused}
@keyframes rail-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes rail-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:720px){.portfolio-rails{gap:9px}.rail-track{gap:9px}.game-rail img{width:54px;height:54px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){.rail-track{animation:none}}

/* Five-row, faster portfolio ticker */
.portfolio-rails{display:grid;gap:10px;overflow:hidden;margin:0 0 30px;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.game-rail{overflow:hidden;width:100%}
.rail-track{display:flex;align-items:center;gap:12px;width:max-content;animation:rail-left 25s linear infinite}
.rail-2 .rail-track{animation-name:rail-right;animation-duration:29s}
.rail-3 .rail-track{animation-duration:23s}
.rail-4 .rail-track{animation-name:rail-right;animation-duration:27s}
.rail-5 .rail-track{animation-duration:24s}
.game-rail img{width:54px;height:54px;object-fit:cover;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1)}
.portfolio-rails:hover .rail-track{animation-play-state:paused}
.hero-collage{height:auto;min-height:360px;overflow:visible;transform:none;border-radius:20px;isolation:isolate}
.hero-collage>img{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:470px;object-fit:cover;object-position:center;border-radius:18px;border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 70px rgba(0,0,0,.4)}
.collage-glow{position:absolute;inset:10% -6%;background:linear-gradient(120deg,rgba(255,117,72,.25),rgba(167,104,255,.22),rgba(54,194,219,.2));filter:blur(45px);z-index:-1}
.collage-tag{position:absolute;z-index:2;font-size:8px;letter-spacing:1.4px;font-weight:700;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:10px 12px;background:rgba(20,18,28,.88);box-shadow:0 12px 28px rgba(0,0,0,.28)}
.collage-tag span{color:var(--orange);margin-left:8px}
.tag-one{top:-15px;right:6%;transform:rotate(5deg)}
.tag-two{bottom:15px;left:-12px;transform:rotate(-4deg)}
.brand-logo img{object-fit:contain}
.copyright a{color:#ff9b74}
@media(max-width:720px){.portfolio-rails{gap:8px}.rail-track{gap:8px}.game-rail img{width:45px;height:45px;border-radius:8px}.hero-collage{min-height:0;margin:0 0 20px}.hero-collage>img{max-height:none}.tag-two{left:0;bottom:-14px}.tag-one{top:-12px}}
@media(prefers-reduced-motion:reduce){.rail-track{animation:none}}


/* Final portfolio presentation: animated slider only; static icon grid removed */
.portfolio-rails{display:grid!important;gap:10px;overflow:hidden;margin:28px 0 34px;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.game-rail{overflow:hidden;width:100%}
.rail-track{display:flex;align-items:center;gap:12px;width:max-content;animation:rail-left 25s linear infinite}
.rail-2 .rail-track{animation-name:rail-right;animation-duration:29s}
.rail-3 .rail-track{animation-duration:23s}
.rail-4 .rail-track{animation-name:rail-right;animation-duration:27s}
.rail-5 .rail-track{animation-duration:24s}
.game-rail img{width:54px;height:54px;object-fit:cover;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1)}
.portfolio-rails:hover .rail-track{animation-play-state:paused}
@keyframes rail-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes rail-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:720px){.portfolio-rails{gap:8px}.rail-track{gap:8px}.game-rail img{width:45px;height:45px;border-radius:8px}}
@media(prefers-reduced-motion:reduce){.rail-track{animation:none}}