/* Larger, consistent previews of the actual public project websites. */
.tab-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.tab-panel{display:flex;flex-direction:column;border-radius:12px;min-width:0;box-shadow:0 8px 28px #101b2b08}
.project-visual{background:#152338}
.preview-bar{display:flex;align-items:center;gap:12px;min-height:38px;padding:8px 16px;background:#172439;color:#cbd5e4;font-size:11px;letter-spacing:.02em}
.preview-dots{display:flex;gap:5px;flex-shrink:0}
.preview-dots i{width:6px;height:6px;border-radius:50%;background:#7284a0}
.preview-domain{flex:1;overflow-wrap:anywhere}
.project-visual img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}
.project-visual>span{bottom:10px;right:12px;color:#fff;background:#101b2be6;letter-spacing:.02em;font-size:10px;border-radius:4px;padding:3px 7px;pointer-events:none}
.project-intro{padding:24px 28px 0;flex:1;display:flex;flex-direction:column}
.project-intro .project-kicker{font-size:10px;color:#52637e;font-weight:700;letter-spacing:.14em;text-transform:uppercase;min-height:0;margin:0 0 8px}
.project-intro h3{font-size:25px;font-weight:600;line-height:1.25}
.project-intro>p:not(.project-kicker){font-size:15px;line-height:1.65;min-height:50px;margin:0 0 18px}
.platform-link{margin-top:auto;font-size:14px;font-weight:600;padding:16px 0}
.project-details summary{padding:14px 28px;font-size:12px;gap:14px}
.project-details summary:hover{background:#eef0f4}
.project-details[open] summary>span{transform:rotate(45deg)}
.project-body{padding:0 28px 24px;font-size:14px}
.preview-note{margin:-12px 0 26px;color:#637084;font-size:13px;line-height:1.65}
@media(max-width:700px){.tab-panels{grid-template-columns:1fr;gap:25px}.project-intro{padding:22px 22px 0}.project-details summary{padding:14px 22px}.project-body{padding:0 22px 24px}.project-intro h3{font-size:23px}.project-intro>p:not(.project-kicker){min-height:0}.preview-bar{padding:8px 12px;font-size:10px}.preview-note{margin-top:-12px}}