*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0a0a0a;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Helvetica,sans-serif}a{color:#141414;text-decoration:none}a:hover{color:#6b6b6b}button,input,textarea,select{font:inherit}.stage{position:fixed;inset:0;overflow:hidden;background:#0a0a0a}#still,#bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.16);will-change:transform,filter}#still{background-size:cover;background-position:center}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,rgba(255,255,255,0) 45%,rgba(228,226,221,.55) 100%)}#shade{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1.6s ease;background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,transparent 30%,transparent 46%,rgba(244,243,240,.75) 100%),linear-gradient(100deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.28) 40%,transparent 64%)}#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:4}#ui{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.topbar{display:flex;align-items:center;justify-content:space-between;padding:30px 44px}.small-mark{border:1.5px solid #141414;color:#141414;padding:10px 14px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;transform:translateY(-14px);opacity:0;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity 1.1s ease}.small-mark b{text-align:center;font-size:22px;line-height:.9}.small-mark i,.gate-mark i{display:block;background:currentColor;width:38px;height:1px}.small-mark small{font-size:8px;letter-spacing:.34em;text-transform:uppercase}.navlinks{display:flex;align-items:center;gap:34px;font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;transform:translateY(-14px);opacity:0;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .12s,opacity 1.1s ease .12s}.language-switcher{display:flex;gap:8px;padding-left:8px;border-left:1px solid rgba(20,20,20,.22)}.language-switcher button{border:0;background:none;padding:0;cursor:pointer;font-size:10px;letter-spacing:.22em}.hero-copy{padding:0 44px 62px;display:flex;flex-direction:column;gap:18px;max-width:640px;color:#141414}.hero-copy>span,.hero-copy h1,.hero-copy p,.hero-copy>div{opacity:0;transform:translateY(22px)}.hero-copy>span{font-size:11px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:#6f6a62;transition:transform 1.2s cubic-bezier(.2,.8,.2,1) .1s,opacity 1.2s ease .1s}.hero-copy h1{margin:0;font-size:54px;line-height:1.05;transition:transform 1.3s cubic-bezier(.2,.8,.2,1) .22s,opacity 1.3s ease .22s}.hero-copy p{margin:0;font-size:16px;line-height:1.65;color:#55514a;max-width:430px;transition:transform 1.3s cubic-bezier(.2,.8,.2,1) .34s,opacity 1.3s ease .34s}.hero-copy>div{transition:transform 1.3s cubic-bezier(.2,.8,.2,1) .46s,opacity 1.3s ease .46s}.hero-copy a{display:inline-block;border:1.5px solid #141414;padding:13px 22px;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.panel{position:absolute;inset:0;z-index:8;opacity:0;pointer-events:none;overflow-y:auto;background:rgba(249,248,245,.97);backdrop-filter:blur(6px);transition:opacity .55s ease;color:#141414}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:rgba(20,20,20,.18)}.panel-inner{max-width:1080px;margin:auto;padding:56px 48px 80px;display:flex;flex-direction:column;gap:34px}.panel-inner.wide{max-width:1180px}.panel header{display:flex;justify-content:space-between;gap:24px}.panel header>div{display:flex;flex-direction:column;gap:14px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:#8d887f}.panel h2{margin:0;font-size:40px;line-height:1.05}.panel p{margin:0;font-size:15px;line-height:1.65;color:#5c574f}.close{cursor:pointer;width:40px;height:40px;border:1px solid rgba(20,20,20,.25);background:transparent;font-size:28px;line-height:1}.panel-rule{padding-bottom:12px;border-bottom:1px solid rgba(20,20,20,.12);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#8d887f}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px 28px}.work-grid article{display:flex;flex-direction:column;gap:14px}.project-image{height:212px;background:#efece6}.project-image img{width:100%;height:100%;object-fit:cover}.project-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.project-title h3{margin:0;font-size:17px}.project-title span{font-size:10px;letter-spacing:.22em;color:#9b968d}.subtitle{font-size:11px;letter-spacing:.06em;color:#6b665e}.studio-grid{display:grid;grid-template-columns:minmax(280px,1.35fr) minmax(240px,1fr);gap:56px}.studio-grid h3{margin:18px 0;font-size:22px}.studio-grid ol{display:flex;flex-direction:column;gap:18px;padding-left:28px;color:#4f4a43;line-height:1.65}.studio-photo{width:100%;height:250px;object-fit:cover;margin-bottom:22px}.services{display:flex;flex-direction:column;gap:20px}.services>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:20px}.services article{border:1px solid rgba(20,20,20,.14);padding:24px}.post-list article{display:flex;gap:18px;padding:26px 0;border-bottom:1px solid rgba(20,20,20,.12)}.post-list time{font-size:10px;letter-spacing:.18em;color:#999;min-width:105px}.post-list h3{margin:0 0 10px}.contact-grid{display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(220px,.75fr);gap:48px}.contact-grid form{position:relative;display:flex;flex-direction:column;gap:20px}.contact-grid label{display:flex;flex-direction:column;gap:8px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#8d887f}.contact-grid input,.contact-grid textarea,.contact-grid select{border:0;border-bottom:1px solid rgba(20,20,20,.22);background:transparent;outline:none;font-size:15px;padding:8px 0;color:#141414}.contact-grid form>button{align-self:flex-start;background:transparent;border:1.5px solid #141414;padding:14px 26px;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}.contact-grid address{display:flex;flex-direction:column;gap:12px;font-style:normal}.contact-grid address>*{border:1px solid rgba(20,20,20,.14);padding:16px}#drop{cursor:pointer;border:1px dashed rgba(20,20,20,.28);padding:22px;text-align:center;position:relative}#drop-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}#contact-sent{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .5s;background:rgba(249,248,245,.98);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}#form-errors{color:#a32620;font-size:12px;line-height:1.5}.messages{position:fixed;right:20px;top:20px;z-index:99;background:#fff;padding:10px 18px}.plain-page{min-height:100%;overflow:auto;background:#f9f8f5;color:#141414;padding:60px max(30px,calc((100% - 850px)/2));line-height:1.7}.plain-page article{padding:24px 0;border-bottom:1px solid #ddd}.post-body{font-size:17px}
#veil{position:absolute;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;transition:opacity 1.6s ease;z-index:5}#gate{cursor:pointer;position:relative;width:260px}.gate-mark{position:absolute;inset:0;box-sizing:border-box;border:2px solid currentColor;padding:32px 0 25px;display:flex;flex-direction:column;align-items:center;gap:11px}.gate-mark b{text-align:center;font-size:64px;line-height:.82;letter-spacing:.02em}.gate-mark i{width:108px}.gate-mark small{font-size:15px;letter-spacing:.46em;text-transform:uppercase;padding-left:.46em}.black{position:relative;color:#0a0a0a;animation:shake 8s steps(1) infinite}.cyan{color:#00e5ff;mix-blend-mode:multiply;opacity:0;animation:chromaA 8s steps(1) infinite}.magenta{color:#ff0059;mix-blend-mode:multiply;opacity:0;animation:chromaB 8s steps(1) infinite}.band{color:#0a0a0a;overflow:hidden;opacity:0}.bandA{clip-path:inset(18% 0 68% 0);animation:bandA 8s steps(1) infinite}.bandB{clip-path:inset(44% 0 42% 0);animation:bandB 8s steps(1) infinite}.bandC{clip-path:inset(63% 0 22% 0);animation:bandC 8s steps(1) infinite}.bandD{clip-path:inset(80% 0 8% 0);animation:bandD 8s steps(1) infinite}.scan{position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(to bottom,rgba(10,10,10,.22) 0 1px,transparent 1px 3px);animation:scanFx 8s steps(1) infinite}.sweep{position:absolute;left:0;right:0;height:26px;opacity:0;background:linear-gradient(to bottom,transparent,rgba(10,10,10,.14) 45%,rgba(255,255,255,.9) 55%,transparent);animation:sweepFx 8s linear infinite}#loading{position:absolute;left:50%;transform:translateX(-50%);bottom:-46px;font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:#c2c0ba;opacity:0;white-space:nowrap}
@keyframes shake{0%,61%,100%{transform:translate(0,0)}62%{transform:translate(-4px,2px)}62.6%{transform:translate(3px,-3px)}63.4%{transform:translate(-2px,0)}64%{transform:translate(5px,1px)}65%{transform:translate(0,0)}77%{transform:translate(2px,-2px)}77.6%{transform:translate(-5px,1px)}78.4%{transform:translate(1px,2px)}79%{transform:translate(0,0)}}
@keyframes chromaA{0%,61%,65.2%,76.8%,79.4%,100%{opacity:0;transform:translate(0,0)}62%{opacity:.85;transform:translate(-7px,1px)}63.4%{opacity:.7;transform:translate(-3px,-2px)}64.6%{opacity:.85;transform:translate(-9px,0)}77.4%{opacity:.8;transform:translate(6px,-1px)}78.6%{opacity:.65;transform:translate(3px,2px)}}
@keyframes chromaB{0%,61%,65.2%,76.8%,79.4%,100%{opacity:0;transform:translate(0,0)}62%{opacity:.85;transform:translate(7px,-1px)}63.4%{opacity:.7;transform:translate(4px,2px)}64.6%{opacity:.85;transform:translate(9px,0)}77.4%{opacity:.8;transform:translate(-6px,1px)}78.6%{opacity:.65;transform:translate(-3px,-2px)}}
@keyframes bandA{0%,61.8%,65%,77%,79.2%,100%{opacity:0;transform:translate(0)}62%,62.8%{opacity:1;transform:translate(-22px)}63.6%,64.2%{opacity:1;transform:translate(11px)}77.4%,78%{opacity:1;transform:translate(17px)}}@keyframes bandB{0%,61.8%,65%,77%,79.2%,100%{opacity:0}62.2%,63%{opacity:1;transform:translate(15px)}63.8%,64.4%{opacity:1;transform:translate(-26px)}77.6%,78.2%{opacity:1;transform:translate(-13px)}}@keyframes bandC{0%,61.8%,65%,77%,79.2%,100%{opacity:0}62.4%,63.2%{opacity:1;transform:translate(-14px)}64%,64.6%{opacity:1;transform:translate(20px)}77.8%,78.4%{opacity:1;transform:translate(9px)}}@keyframes bandD{0%,61.8%,65%,77%,79.2%,100%{opacity:0}62.6%,63.4%{opacity:1;transform:translate(24px)}64.2%,64.8%{opacity:1;transform:translate(-10px)}78%,78.6%{opacity:1;transform:translate(-18px)}}@keyframes scanFx{0%,61%,65.4%,76.8%,79.6%,100%{opacity:0}62%,65%{opacity:.9}77.2%,79.2%{opacity:.6}}@keyframes sweepFx{0%,60%{opacity:0;top:-30px}61%{opacity:.9;top:-30px}66%{opacity:.9;top:240px}66.5%,100%{opacity:0;top:-30px}}
/* Responsywność oryginalnego, pełnoekranowego layoutu. Selektory z !important
   nadpisują wyłącznie wartości inline pochodzące z pliku referencyjnego. */
@media(max-width:900px){
  #ui>div:first-child{padding:24px 28px!important;align-items:flex-start!important}
  #ui-nav{gap:18px!important;flex-wrap:wrap!important;justify-content:flex-end!important;max-width:72vw}
  #ui>div:last-child{padding:0 28px 48px!important;max-width:590px!important}
  #ui-h1{font-size:clamp(40px,7vw,52px)!important}
  [data-panel]>div{padding:44px 30px 68px!important}
  #panel-studio [style*="grid-template-columns:minmax(280px"]{grid-template-columns:minmax(250px,1.15fr) minmax(220px,1fr)!important;gap:36px!important}
  #panel-studio [style*="grid-template-columns:minmax(260px"]{grid-template-columns:1fr!important}
  #panel-contact [style*="grid-template-columns:minmax(300px"]{grid-template-columns:minmax(280px,1.15fr) minmax(210px,.85fr)!important;gap:34px!important}
}
@media(max-width:700px),(prefers-reduced-data:reduce){#bg{display:none}}
@media(max-width:700px){
  html,body{width:100%;min-width:0;overflow:hidden}
  #still{background-position:center center!important}
  #ui>div:first-child{padding:18px 18px!important;gap:12px!important}
  #ui-mark{padding:8px 10px 7px!important;flex:none!important}
  #ui-mark [style*="font-size:22px"]{font-size:18px!important}
  #ui-nav{width:min(280px,calc(100vw - 100px));max-width:none!important;gap:10px 13px!important;font-size:9px!important;letter-spacing:.16em!important;line-height:1.3!important}
  #ui-nav>a{white-space:nowrap}
  .language-switcher-original{width:100%;justify-content:flex-end;padding-top:3px}
  #ui>div:last-child{padding:0 20px max(34px,env(safe-area-inset-bottom))!important;gap:13px!important;max-width:100%!important}
  #ui-eyebrow{font-size:9px!important;letter-spacing:.27em!important}
  #ui-h1{font-size:clamp(34px,11vw,46px)!important;line-height:1.02!important;max-width:92vw}
  #ui-p{font-size:14px!important;line-height:1.55!important;max-width:88vw!important}
  #ui-cta{margin-top:3px!important}
  #ui-cta a{padding:11px 16px!important;font-size:9px!important;letter-spacing:.2em!important}
  [data-panel]>div{width:100%!important;max-width:100%!important;padding:30px 20px max(52px,env(safe-area-inset-bottom))!important;gap:28px!important}
  [data-panel] [style*="align-items:flex-start"][style*="justify-content:space-between"]{gap:14px!important}
  [data-panel] h2{font-size:clamp(31px,9vw,39px)!important}
  [data-close]{width:38px!important;height:38px!important}
  #work-grid{grid-template-columns:1fr!important;gap:26px!important}
  #work-grid [style*="height:212px"]{height:min(58vw,250px)!important}
  #panel-studio [style*="grid-template-columns:minmax(280px"],
  #panel-studio [style*="grid-template-columns:minmax(260px"],
  #panel-contact [style*="grid-template-columns:minmax(300px"]{grid-template-columns:1fr!important;gap:34px!important}
  #panel-studio [style*="height:250px"]{height:min(68vw,300px)!important}
  #panel-studio [style*="grid-template-columns:repeat(auto-fill, minmax(272px"]{grid-template-columns:1fr!important}
  #panel-studio [style*="grid-template-columns:repeat(auto-fill, minmax(178px"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #panel-studio [style*="grid-template-columns:repeat(auto-fill, minmax(178px"]>div{padding:12px!important;min-width:0}
  #panel-studio [style*="grid-template-columns:repeat(auto-fill, minmax(178px"] [style*="font-size:12.5px"]{font-size:11px!important}
  #panel-contact form{gap:21px!important}
  #panel-contact address,#panel-contact [style*="flex-direction:column; gap:12px"]{min-width:0}
  .post-list article{flex-direction:column;margin:0!important}
  .post-list time{min-width:0}
  #gate{width:min(230px,68vw)!important}
  #gate [style*="font-size:64px"]{font-size:clamp(48px,16vw,60px)!important}
  #gate [style*="padding:32px 0 25px"]{padding:27px 0 22px!important}
  .messages{left:14px;right:14px;top:14px}
  .plain-page{padding:36px 22px;font-size:15px}
  .plain-page h1{font-size:clamp(32px,10vw,46px)}
}
@media(max-width:390px){
  #ui-nav{gap:8px 10px!important;font-size:8px!important}
  #ui-h1{font-size:33px!important}
  #ui-p{font-size:13px!important}
  #panel-studio [style*="grid-template-columns:repeat(auto-fill, minmax(178px"]{grid-template-columns:1fr!important}
}
@media(max-height:600px) and (orientation:landscape){
  #ui>div:first-child{padding:13px 22px!important}
  #ui-mark{transform:scale(.82)!important;transform-origin:top left}
  #ui>div:last-child{padding:0 24px 20px!important;gap:8px!important;max-width:560px!important}
  #ui-h1{font-size:34px!important}
  #ui-p{font-size:13px!important;line-height:1.4!important}
  #ui-cta a{padding:9px 14px!important}
  #gate{transform:scale(.72);transform-origin:center}
}
@media(prefers-reduced-motion:reduce){.gate-mark,.scan,.sweep{animation:none}.stage *{scroll-behavior:auto}}
.gamedev-inner{max-width:1080px}.gamedev-card{display:grid;grid-template-columns:minmax(300px,1.2fr) minmax(260px,.8fr);min-height:430px;border:1px solid rgba(20,20,20,.16)}.gamedev-visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:430px;background:#101010;color:#f4f2ee}.gamedev-grid{position:absolute;inset:-40%;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:38px 38px;transform:perspective(500px) rotateX(62deg) translateY(12%);transform-origin:center}.gamedev-visual b{position:relative;z-index:2;font-size:clamp(40px,7vw,76px);line-height:.84;letter-spacing:-.05em}.gamedev-orbit{position:absolute;border:1px solid rgba(255,255,255,.34);border-radius:50%;animation:gameOrbit 12s linear infinite}.orbit-one{width:280px;height:110px;transform:rotate(-22deg)}.orbit-two{width:170px;height:310px;animation-direction:reverse;animation-duration:16s}.gamedev-copy{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:42px}.gamedev-copy h3{margin:0;font-size:26px;letter-spacing:.08em}.gamedev-copy p{font-size:14.5px;line-height:1.72}.gamedev-tags{display:flex;gap:8px;flex-wrap:wrap}.gamedev-tags span{border:1px solid rgba(20,20,20,.18);padding:7px 10px;font-size:9px;letter-spacing:.18em}.gamedev-copy:before{content:"";display:block;width:44px;height:1px;background:#141414}@keyframes gameOrbit{to{transform:rotate(338deg)}}
@media(max-width:900px){.gamedev-card{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.gamedev-card{grid-template-columns:1fr;min-height:0}.gamedev-visual{min-height:min(82vw,360px)}.gamedev-copy{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){.gamedev-orbit{animation:none}}
.article-scroll{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;background:#f9f8f5;color:#141414;scroll-behavior:smooth}.article-page,.comments-section{width:min(760px,calc(100% - 48px));margin:0 auto}.article-page{padding:64px 0 76px}.article-back{display:inline-block;margin-bottom:70px;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.article-header{padding-bottom:42px;border-bottom:1px solid rgba(20,20,20,.14)}.article-meta{display:flex;align-items:center;gap:14px;margin-bottom:22px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#8d887f}.article-meta span{padding:5px 9px;border:1px solid rgba(20,20,20,.18)}.article-header h1{max-width:700px;margin:0;font-size:clamp(42px,6vw,68px);font-weight:650;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.article-page .post-body{padding-top:46px;font-size:17px;line-height:1.85;color:#403c36}.article-page .post-body p{margin:0 0 1.55em}.comments-section{padding:64px 0 100px;border-top:1px solid rgba(20,20,20,.14)}.comments-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.comments-heading h2{margin:0;font-size:30px;letter-spacing:-.02em}.comments-heading h2 small{font-size:10px;font-weight:500;letter-spacing:.2em;color:#9b968d;vertical-align:top}.comments-list{display:flex;flex-direction:column;margin-bottom:54px}.comment{padding:24px 0;border-bottom:1px solid rgba(20,20,20,.11)}.comment header{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.comment strong{font-size:14px}.comment time{font-size:9px;letter-spacing:.17em;color:#9b968d}.comment p{margin:12px 0 0;font-size:14px;line-height:1.7;color:#514c45}.comments-empty{padding:28px 0;color:#8d887f;border-bottom:1px solid rgba(20,20,20,.11)}.comment-form{display:flex;flex-direction:column;gap:24px;padding:32px;border:1px solid rgba(20,20,20,.16);background:rgba(255,255,255,.28)}.comment-form-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.comment-form-heading p{margin:0;font-size:11px;color:#9b968d}.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comment-form label{display:flex;flex-direction:column;gap:8px}.comment-form label>span{font-size:9px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#8d887f}.comment-form input,.comment-form textarea{width:100%;border:0;border-bottom:1px solid rgba(20,20,20,.24);border-radius:0;background:transparent;outline:none;padding:8px 0 10px;font-size:15px;color:#141414}.comment-form textarea{min-height:120px;line-height:1.65;resize:vertical}.comment-form input:focus,.comment-form textarea:focus{border-color:#141414}.comment-form button{align-self:flex-start;cursor:pointer;border:1.5px solid #141414;background:transparent;padding:13px 22px;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.comment-form button:hover{background:#141414;color:#f9f8f5}.comment-form .errorlist,.comment-errors{margin:0;padding:5px 0 0;list-style:none;font-size:11px;color:#a33}
@media(max-width:700px){.article-page,.comments-section{width:calc(100% - 40px)}.article-page{padding:34px 0 54px}.article-back{margin-bottom:44px}.article-header{padding-bottom:30px}.article-header h1{font-size:clamp(34px,11vw,48px)}.article-page .post-body{padding-top:32px;font-size:15.5px;line-height:1.75}.comments-section{padding:48px 0 70px}.comments-heading{align-items:flex-start;flex-direction:column;gap:10px}.comment-form{padding:24px 18px}.comment-form-heading{align-items:flex-start;flex-direction:column;gap:8px}.comment-fields{grid-template-columns:1fr}.comment header{align-items:flex-start;flex-direction:column;gap:5px}}
.gamedev-posts{display:flex;flex-direction:column;gap:28px}.gamedev-visual{color:#f4f2ee}.gamedev-hero-image{display:block;width:100%;max-height:520px;object-fit:cover;margin-bottom:42px}.article-lead{max-width:650px;margin:24px 0 0;font-size:18px;line-height:1.65;color:#625d55}.detail-tags{padding-top:30px;border-top:1px solid rgba(20,20,20,.14)}#ui-mark:hover{background:rgba(255,255,255,.18)}#ui-mark:focus-visible{outline:2px solid #141414;outline-offset:4px}