/* One portfolio rhythm; each project's own identity inside a shared display. */
.page-work .portfolio-full{padding:76px 0;background:#050d19;border-top:1px solid #17476a}
.page-work .project-heading{margin-bottom:30px}
.page-work .project-heading h2{font-size:clamp(44px,6.5vw,88px);line-height:.98;margin:16px 0 0;letter-spacing:-.055em}
.page-work .project-image{height:clamp(340px,46vw,560px);display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 50% 85%,#137cc340,transparent 65%),linear-gradient(140deg,#071422,#020710);border:1px solid #21465f;border-radius:3px;overflow:hidden}
.page-work .portfolio-monitor{width:min(88%,880px);height:86%;border:7px solid #14273a;border-radius:12px;box-shadow:0 0 0 1px #377b9b,0 18px 65px #0009;overflow:hidden;animation:portfolio-drift 10s ease-in-out infinite;transform:none;background:#08101a}
.page-work .portfolio-monitor .monitor-top{height:30px;background:#101c29;display:flex;align-items:center;padding:0 12px;gap:6px;border-bottom:1px solid #2b4255}
.page-work .portfolio-monitor .monitor-top i{width:6px;height:6px;border-radius:50%;background:#48768e}
.page-work .portfolio-monitor .monitor-top span{margin:auto;color:#adc1d2;font-size:11px;letter-spacing:.06em}
.page-work .portfolio-screen{height:calc(100% - 30px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;background:radial-gradient(ellipse at 50% 20%,var(--project-glow),transparent 75%),#060d15;text-align:center;position:relative;overflow:hidden}
.page-work .portfolio-screen:after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:1px;background:var(--project-colour);box-shadow:0 0 25px var(--project-colour)}
.page-work .portfolio-logo{width:min(80%,460px);height:clamp(90px,13vw,165px);object-fit:contain;display:block}
.page-work .portfolio-screen p{font-size:clamp(17px,2.4vw,32px);line-height:1.2;letter-spacing:.015em;color:#eef6ff;margin:0;max-width:90%;font-weight:650}
.page-work .portfolio-screen small{color:var(--project-colour);font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.page-work .project-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;padding:27px 0;border-bottom:1px solid #214358}
.page-work .project-bottom p{max-width:650px;margin:0;font-size:17px;line-height:1.7}
.page-work .project-bottom .line-link{white-space:nowrap}
.page-work .portfolio-note{padding:0 0 60px;background:#050d19}
.page-work .portfolio-note p{margin:0;color:#91aabe;font-size:12px}
@keyframes portfolio-drift{50%{translate:0 -6px}}
@media(max-width:650px){.page-work .portfolio-full{padding:48px 0}.page-work .project-heading{margin-bottom:24px}.page-work .project-image{height:330px;padding:18px 10px}.page-work .portfolio-monitor{width:96%;height:88%;border-width:5px}.page-work .portfolio-screen{padding:22px 15px;gap:19px}.page-work .portfolio-logo{width:92%;height:104px}.page-work .portfolio-screen p{font-size:20px}.page-work .portfolio-screen small{font-size:8px;letter-spacing:.15em}.page-work .project-bottom{grid-template-columns:1fr;gap:18px;padding:24px 0}.page-work .project-bottom p{font-size:15px}.page-work .project-bottom .line-link{justify-self:start}.page-work .portfolio-note{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.page-work .portfolio-monitor{animation:none}}

.page-work .portfolio-lakeland .portfolio-logo{height:clamp(120px,16vw,190px);width:min(85%,500px);flex-shrink:0}
@media(max-width:650px){.page-work .project-image{height:390px}.page-work .portfolio-lakeland .portfolio-logo{height:120px;width:90%}}