/* Local refinement of the established layout, not a replacement theme. */
.features{border:1px solid var(--line);background:linear-gradient(120deg,#0c191a80,#080e10);align-items:stretch}
.features article,.features article:first-child{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:1fr auto;gap:19px 18px;padding:30px 28px;min-width:0;align-content:start}
.features article:last-child{border-bottom:0}
.features .feature-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #31504b;background:#44dfc408;color:var(--mint);line-height:1}
.features .feature-icon svg{display:block;width:24px;height:24px}
.features article>div{min-width:0;padding-top:1px}
.features h3{margin:0 0 10px;font-size:15px;line-height:1.5}
.features p{font-size:11px;line-height:1.9;margin:0}
.features article>small{grid-column:2;margin:0;align-self:end;letter-spacing:1.35px;font-size:7px;line-height:1.8;color:#88a49b;flex-basis:auto}
.features article:hover .feature-icon{transform:none;border-color:#44dfc477;background:#44dfc410}
.devlog-card{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);border:1px solid #3f544a;background:linear-gradient(135deg,#112021,#0a1315);box-shadow:0 22px 65px #0002;overflow:hidden}
.devlog-card .devlog-image{width:100%;aspect-ratio:16/9;align-self:center;border:0;border-right:1px solid #3f544a;margin:0;padding:0;background:#04090b;text-align:initial;cursor:pointer;isolation:isolate}
.devlog-card .devlog-image>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;transition:filter .3s}
.devlog-card .devlog-image:after{background:linear-gradient(0deg,#02090b80,transparent 38%);pointer-events:none;z-index:0}
.devlog-card .devlog-image:hover{box-shadow:none}
.devlog-card .devlog-image:hover>img{transform:none;filter:brightness(1.08)}
.devlog-card .big-play{top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;padding:0;color:#f8f1dd;background:#061412c9;border:1px solid #e3c98ba6;box-shadow:0 3px 32px #0008}
.devlog-card .big-play svg{width:26px;height:26px}
.devlog-card .devlog-image:hover .big-play{transform:translate(-50%,-50%) scale(1.06);background:#153d36eb}
.play-caption{position:absolute;z-index:1;bottom:18px;left:22px;font-size:8px;letter-spacing:1.7px;color:#f4eddb;text-shadow:0 1px 6px #000}
.devlog-details{display:flex;align-items:flex-start;flex-direction:column;padding:30px;min-width:0;justify-content:center}
.devlog-details .video-label{position:static;display:flex;align-items:center;gap:15px;font-size:8px;line-height:1.5;letter-spacing:1.65px;color:var(--gold);text-shadow:none;margin-bottom:23px}
.devlog-details .video-label b{font-weight:500;border-color:#8f7d5380}
.devlog-details h3{font:500 clamp(22px,2.2vw,30px)/1.2 Bahnschrift,'Segoe UI',sans-serif;margin:0 0 16px;max-width:330px;letter-spacing:.1px}
.devlog-details p{font-size:12px;line-height:1.9;color:#a2b2ac;margin:0 0 25px;max-width:340px}
.devlog-details .button{min-height:42px;font-size:9px;padding:10px 20px}
.devlog-external{font-size:7px;letter-spacing:1px;color:#8ea09a;margin-top:17px;padding:4px 0}
.devlog-external:hover{color:var(--mint)}
.video-dialog{width:min(1060px,calc(100vw - 44px));max-width:none;max-height:calc(100dvh - 40px);overflow:auto;padding:0;border:1px solid #667251;background:#080f11;color:var(--text);box-shadow:0 30px 120px #000c}
.video-dialog::backdrop{background:#010609e8;backdrop-filter:blur(9px)}
.player-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid var(--line)}
.player-heading small{font-size:8px;letter-spacing:1.7px;color:var(--gold)}
.player-heading h2{font-size:17px;font-weight:500;line-height:1.4;margin:5px 0 0}
.player-close{flex-shrink:0;width:38px;height:38px;border:1px solid #31504b;background:#122322;color:var(--mint);font-size:25px;line-height:1;cursor:pointer}
.player-close:hover{background:#21403a;border-color:var(--mint)}
.player-screen{aspect-ratio:16/9;background:#000;width:100%}.player-screen iframe{border:0;display:block;width:100%;height:100%}
.player-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;color:#90a099;font-size:10px}
.player-footer a{color:var(--mint);font-size:8px;letter-spacing:.9px}
body.video-open{overflow:hidden}
@media(max-width:1050px){.features article,.features article:first-child{padding:25px 20px;grid-template-columns:36px minmax(0,1fr);gap:17px 13px}.features .feature-icon{width:36px;height:36px}.features .feature-icon svg{width:21px;height:21px}.features h3{font-size:14px}.devlog-details{padding:24px}.devlog-details .video-label{margin-bottom:16px}.devlog-details p{font-size:11px;margin-bottom:18px}}
@media(max-width:800px){.devlog-card{grid-template-columns:1fr}.devlog-card .devlog-image{border-right:0;border-bottom:1px solid #3f544a}.devlog-details{padding:26px 28px}.devlog-details h3,.devlog-details p{max-width:none}.devlog-details .video-label{margin-bottom:15px}.devlog-details h3{font-size:26px}}
@media(max-width:700px){.features article,.features article:first-child{padding:23px 20px;grid-template-columns:38px minmax(0,1fr);gap:14px 17px;border-right:0;border-bottom:1px solid var(--line)}.features .feature-icon{width:38px;height:38px}.features article>small{margin:0;font-size:6px}.features h3{font-size:17px}.video-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.player-heading{padding:16px;gap:12px}.player-heading h2{font-size:14px}.player-footer{padding:14px 16px;font-size:9px;align-items:flex-start}.player-footer a{font-size:7px;text-align:right}.devlog-details{padding:24px 22px}.devlog-card .big-play{width:55px;height:55px}.play-caption{font-size:7px;left:16px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.devlog-card .devlog-image>img,.devlog-card .big-play{transition:none}}

.features .feature-icon img{display:block;width:28px;height:28px;object-fit:contain}
.devlog-details p{margin-bottom:18px}.devlog-details .devlog-external{margin-top:0}