/* SKYTOOLS 3D LAB | V9 — Digital portfolio, additive only */
.real3d{background:linear-gradient(155deg,#071b25 0%,#0a2930 55%,#071720);border-block:1px solid #315862;scroll-margin-top:90px}
.real3d-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin:0 0 28px}
.real3d-heading>div{max-width:810px}.real3d-heading h2{font-size:clamp(2.25rem,4.8vw,4rem);line-height:1.07;letter-spacing:-.048em;margin:12px 0 15px}.real3d-heading h2 em{font-style:normal;color:#5aedab}.real3d-heading p{color:#b9d1d3;font-size:.98rem;line-height:1.68;margin:0}.real3d-heading__cta{flex-shrink:0;white-space:normal;text-align:center}
.real3d-cover{margin:0 0 31px;background:#0a1821;border:1px solid #38565e;border-radius:12px;overflow:hidden}.real3d-cover img{display:block;width:100%;height:auto;max-height:630px;object-fit:cover}.real3d-cover figcaption{font-size:.75rem;color:#afc4c9;padding:10px 16px;background:#081c26}
.real3d-method{background:linear-gradient(130deg,#10362e,#10303d);border:1px solid #398272;border-radius:12px;padding:28px 30px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-bottom:20px}.real3d-method h3{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.18;margin:11px 0}.real3d-method p{color:#c5dadc;line-height:1.65;font-size:.89rem;margin:0}.real3d-method__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.real3d-method__steps span{display:flex;gap:11px;align-items:center;background:#092730;border:1px solid #365c63;border-radius:8px;padding:15px 12px;color:#5af0a0;font-weight:850;font-size:.85rem}.real3d-method__steps b{font-size:.75rem;line-height:1.35;color:#f2fafa;font-weight:650}
.real3d-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 32px}.real3d-comparison figure{margin:0;border-radius:10px;overflow:hidden;background:#0c2731;border:1px solid #3e656b}.real3d-comparison img{width:100%;display:block;height:280px;object-fit:cover}.real3d-comparison figcaption{padding:13px 16px;font-size:.76rem;letter-spacing:.07em;color:#d5ebed;font-weight:720}.real3d-comparison figcaption b{color:#6cf4b0;margin-right:9px}
.real3d-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.real3d-card{border:1px solid #345763;background:#0d2731;border-radius:9px;overflow:hidden;min-width:0}.real3d-card__media{display:block;position:relative;overflow:hidden;background:#06171e}.real3d-card__media img{display:block;width:100%;height:190px;object-fit:cover;transition:transform .25s ease}.real3d-card__media:hover img{transform:scale(1.055)}.real3d-card__zoom{position:absolute;right:10px;bottom:10px;border-radius:40px;padding:6px 9px;background:#0b2831e8;color:#92fec2}.real3d-card__info{padding:17px 16px 22px}.real3d-card__info>span{font-size:.63rem;font-weight:850;letter-spacing:.12em;color:#64f2aa}.real3d-card__info h3{font-size:1.05rem;line-height:1.2;margin:12px 0 8px}.real3d-card__info p{font-size:.78rem;line-height:1.6;color:#b3cad0;margin:0}.real3d-disclaimer{color:#a8c2c7;font-size:.77rem;line-height:1.6;margin:23px 0 0}
.real3d :is(a,button):focus-visible{outline:3px solid #79f8b6;outline-offset:3px}
@media(max-width:1150px){.real3d-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.real3d-heading{align-items:flex-start;flex-direction:column}.real3d-method{grid-template-columns:1fr}}
@media(max-width:800px){.real3d-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.real3d-comparison img{height:220px}}
@media(max-width:560px){.real3d-grid{grid-template-columns:1fr}.real3d-card__media img{height:245px}.real3d-comparison{grid-template-columns:1fr}.real3d-comparison img{height:220px}.real3d-method{padding:22px 19px}.real3d-method__steps{grid-template-columns:1fr}.real3d-heading__cta{width:100%}.real3d-cover figcaption{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.real3d-card__media img{transition:none}}