.entertainment-portfolio{margin-top:100px;scroll-margin-top:110px}
.ep-heading{margin-bottom:32px}.ep-heading h2{font-size:clamp(30px,4.2vw,56px);line-height:1.12;margin:0;overflow-wrap:break-word}
.ep-project{border:1px solid #60769045;border-radius:20px;overflow:hidden;background:#14243a;box-shadow:0 18px 55px #00000014}
.ep-project + .ep-project{margin-top:36px}
.ep-stage{position:relative;padding:44px 6% 22px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#84607830,transparent 70%),linear-gradient(135deg,#1e3047,#132238)}
.ep-project-demarios .ep-stage{background:radial-gradient(ellipse at 55% 45%,#b98b5440,transparent 70%),linear-gradient(135deg,#263242,#17273b)}
.ep-devices{position:relative;max-width:820px;margin:0 auto 48px;padding-right:13%;padding-bottom:12px}
.ep-monitor{position:relative;display:block;border:7px solid #111821;border-radius:14px;background:#111821;box-shadow:0 28px 50px #0006}
.ep-monitor:before{content:'';position:absolute;width:18%;height:45px;top:100%;left:41%;background:linear-gradient(90deg,#26303c,#566170,#26303c)}
.ep-monitor:after{content:'';position:absolute;width:34%;height:7px;top:calc(100% + 42px);left:33%;background:#737e8c;border-radius:50% 50% 3px 3px;box-shadow:0 8px 15px #0008}
.ep-monitor img{display:block;width:100%;height:auto;aspect-ratio:1440/1000;object-fit:cover}
.ep-browser{height:24px;display:flex;gap:4px;align-items:center;padding:0 9px;background:#202935;border-radius:6px 6px 0 0}.ep-browser i{width:4px;height:4px;border-radius:50%;background:#74808e}.ep-browser span{font-size:8px;color:#adb5c0;margin:auto;letter-spacing:1px}.ep-monitor-chin{text-align:center;font-size:8px;padding:5px;color:#9ba5af;letter-spacing:2px}
.ep-phone{position:absolute;display:block;width:25%;right:0;bottom:-20px;background:#10151c;border:6px solid #10151c;border-radius:25px;box-shadow:10px 20px 40px #0009;transform:rotate(2deg);overflow:hidden}.ep-phone img{display:block;width:100%;height:auto;aspect-ratio:390/844}.ep-phone-home{display:block;height:12px;background:#10151c;position:relative}.ep-phone-home:after{content:'';position:absolute;width:35%;height:3px;border-radius:5px;background:#eee9;left:32%;top:4px}
.ep-project-info{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-top:1px solid #60769030;background:#10203499;gap:20px}.ep-project-info h3{font-size:25px;letter-spacing:-.7px;margin:0}.ep-project-info>.text-link{font-size:13px;flex-shrink:0}
.ep-jump{font-size:12px;margin:0 0 18px}.ep-monitor:focus-visible,.ep-phone:focus-visible,.ep-jump:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(max-width:700px){.entertainment-portfolio{margin-top:65px}.ep-heading{margin-bottom:24px}.ep-project{border-radius:14px}.ep-project + .ep-project{margin-top:24px}.ep-stage{padding:26px 14px 14px}.ep-devices{margin-bottom:36px;padding-right:15%}.ep-monitor{border-width:4px;border-radius:8px}.ep-browser{height:16px}.ep-browser span{font-size:6px}.ep-monitor-chin{font-size:5px;padding:3px}.ep-phone{width:29%;border-width:3px;border-radius:13px;bottom:-15px}.ep-phone-home{height:7px}.ep-phone-home:after{height:2px;top:2px}.ep-monitor:before{height:30px}.ep-monitor:after{top:calc(100% + 28px)}.ep-project-info{padding:18px;gap:12px}.ep-project-info h3{font-size:20px}.ep-project-info>.text-link{font-size:11px}}

/* Korte toelichting links, de schermvoorbeelden rechts. */
.ep-project{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:stretch}
.ep-project-info{flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,3.5vw,48px);gap:20px;border-top:0;border-right:1px solid #60769030;background:linear-gradient(145deg,#182a41,#102034)}
.ep-project-info h3{font-size:clamp(26px,2.6vw,38px);line-height:1.1}
.ep-project-info p{font-size:calc(clamp(16px,1.2vw,17px) * var(--cms-type-scale,1));line-height:1.8;color:var(--muted);max-width:32ch;margin:0}
.ep-project-info>.text-link{margin-top:4px;color:var(--accent-soft)}
.ep-stage{display:flex;align-items:center;padding:44px 7% 24px;min-width:0}
.ep-devices{width:100%}
@media(max-width:850px){
 .ep-project{grid-template-columns:1fr}
 .ep-project-info{padding:26px;gap:14px;border-right:0;border-bottom:1px solid #60769030}
 .ep-project-info p{max-width:52ch}
 .ep-project-info>.text-link{font-size:13px}
 .ep-stage{padding:30px 6% 18px}
}