/* Authentic project gallery */
.real-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:38px 0 32px}.real-card{display:block;background:#171a24;border:1px solid #ffffff24;color:#f5f6f2;text-decoration:none;overflow:hidden;transition:transform .25s,border-color .25s}.real-card:hover{transform:translateY(-5px);border-color:#d8ff4f}.real-card:first-child{grid-column:span 2}.real-thumb{display:block;aspect-ratio:16/10;overflow:hidden;position:relative;background:linear-gradient(140deg,#202c3a,#161824)}.real-card:first-child .real-thumb{aspect-ratio:21/9}.real-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;background:#1b1d28}.real-thumb iframe{width:1440px;height:900px;border:0;transform:scale(var(--scale,.5));transform-origin:top left;pointer-events:none;position:absolute;inset:0;background:#fff}.real-thumb .live-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#171a24;color:#fff}.real-thumb .live-fallback strong{font:700 clamp(20px,3vw,42px) 'Space Grotesk',sans-serif}.real-thumb .live-fallback small{color:#b4b7c3}.real-info{padding:22px 24px 26px}.real-info .real-tag{font:800 10px 'DM Sans',sans-serif;letter-spacing:1.6px;color:#d8ff4f;text-transform:uppercase}.real-info h3{font:700 clamp(23px,2.8vw,37px) 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:12px 0 8px}.real-info p{color:#b6b7c3;line-height:1.55;font-size:14px;margin:0}.real-visit{display:inline-block;color:#d8ff4f;font-size:11px;font-weight:800;letter-spacing:1px;margin-top:16px}.real-note{font-size:13px;color:#b7b8c2;line-height:1.6}.portfolio-real{padding:20px 0 65px}.portfolio-real h2{font:700 clamp(36px,5vw,70px) 'Space Grotesk',sans-serif;letter-spacing:-.065em;color:#fff;margin:18px 0}.portfolio-real>p{color:#b9bac5;line-height:1.7;max-width:750px}@media(max-width:750px){.real-gallery{grid-template-columns:1fr;gap:18px}.real-card:first-child{grid-column:auto}.real-card:first-child .real-thumb{aspect-ratio:16/10}.real-info{padding:18px}}

/* 1.0.1 layout polish: constrain gallery and show every screenshot in full. */
.real-gallery{
  width:min(100%, 1040px);
  max-width:1040px;
  margin:38px auto 40px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.real-gallery .real-card,
.real-gallery .real-card:first-child{
  grid-column:auto;
  min-width:0;
  width:100%;
  border-radius:14px;
  box-shadow:0 12px 32px #00000024;
}
.real-gallery .real-card:first-child{
  grid-column:1/-1;
  max-width:750px;
  justify-self:center;
}
.real-gallery .real-thumb,
.real-gallery .real-card:first-child .real-thumb{
  width:100%;
  aspect-ratio:16/10;
  background:#222634;
  display:flex;
  align-items:center;
  justify-content:center;
}
.real-gallery .real-thumb img{
  width:100%;height:100%;
  max-width:100%;max-height:100%;
  object-fit:contain;
  object-position:center center;
}
.real-gallery .real-info{padding:19px 22px 23px}
.real-gallery .real-info h3{font-size:clamp(20px,2.4vw,29px);letter-spacing:-.7px;line-height:1.15;margin:10px 0}
.real-gallery .real-info p{overflow-wrap:anywhere}
.portfolio-real{max-width:1160px;margin-inline:auto}
@media(max-width:700px){
  .real-gallery{grid-template-columns:minmax(0,1fr);gap:18px;margin:28px auto}
  .real-gallery .real-card:first-child{grid-column:auto;max-width:none}
  .real-gallery .real-thumb,.real-gallery .real-card:first-child .real-thumb{aspect-ratio:16/10}
  .real-gallery .real-info{padding:18px 19px 21px}
}
@media(prefers-reduced-motion:reduce){.real-card{transition:none}.real-card:hover{transform:none}}