.lpi{--orange:#ff8500;--black:#050505;--soft:#f7f4ef;font-family:Arial,Helvetica,sans-serif;color:var(--black);max-width:1480px;margin:0 auto;padding:clamp(20px,4vw,56px) clamp(18px,5vw,70px);overflow:hidden}.lpi *{box-sizing:border-box}.lpi-hero{display:grid;grid-template-columns:minmax(420px,42%) 1fr;gap:clamp(34px,7vw,110px);align-items:center;min-height:58vh}.lpi-portrait-wrap{--mx:0px;--my:0px;position:relative;transform-style:preserve-3d;justify-self:center;line-height:0;background:transparent!important;box-shadow:none!important}.lpi-portrait-wrap:after{content:"";position:absolute;left:18%;right:18%;bottom:3%;height:44px;background:var(--orange);filter:blur(26px);opacity:.24;z-index:-1;animation:lpiPulse 3.5s ease-in-out infinite}.lpi-portrait{width:min(100%,620px);max-height:760px;object-fit:contain;display:block;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 19px 22px rgba(0,0,0,.13));animation:lpiPortraitFloat 5s ease-in-out infinite;will-change:transform}.lpi-copy h1{font-size:clamp(54px,5.8vw,90px);font-weight:950;line-height:.76;letter-spacing:-.07em;margin:0 0 26px;transform:rotate(-5deg);transform-origin:left center}.lpi-orange-line{height:6px;background:var(--orange);width:min(90%,700px);transform:rotate(-5deg);margin:6px 0 46px}.lpi-copy p{font-size:clamp(18px,1.7vw,28px);line-height:1.28;max-width:790px;margin:0}.lpi-buttons{display:flex;gap:22px;flex-wrap:wrap;margin-top:46px}.lpi-buttons a,.lpi-hot{border:3px solid var(--black);border-radius:999px;padding:16px 34px;color:var(--black);text-decoration:none;font-weight:950;font-size:clamp(16px,1.38vw,22px);transition:.25s ease;background:white}.lpi-buttons a.active,.lpi-buttons a:hover,.lpi-hot:hover{background:var(--orange);transform:translateY(-6px) scale(1.03);box-shadow:0 12px 25px rgba(255,133,0,.28)}.lpi-work{margin-top:54px}.lpi-work h2,.lpi-brain h2{font-size:clamp(25px,2.7vw,40px);line-height:1;margin:0 0 22px;font-weight:950;letter-spacing:-.04em}.lpi-work h2:after{content:"↓";color:var(--orange);font-size:.85em;margin-left:13px}.lpi-grid{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:18px}.lpi-card{appearance:none;border:0;padding:0;display:block;width:100%;position:relative;min-height:220px;border-radius:14px;overflow:hidden;background:#111;box-shadow:0 12px 24px rgba(0,0,0,.16);cursor:zoom-in}.lpi-card.big{grid-column:auto;min-height:220px}.lpi-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1.2s ease,filter .4s ease}.lpi-card:hover img{transform:scale(1.08);filter:brightness(.9)}.lpi-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,60px);opacity:0;pointer-events:none;transition:opacity .25s ease}.lpi-lightbox.open{opacity:1;pointer-events:auto}.lpi-lightbox img{max-width:min(1150px,94vw);max-height:88vh;object-fit:contain;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.55);transform:scale(.96);transition:transform .25s ease}.lpi-lightbox.open img{transform:scale(1)}.lpi-lightbox-close,.lpi-lightbox-prev,.lpi-lightbox-next{position:absolute;background:white;border:2px solid #111;border-radius:999px;width:54px;height:54px;font-size:34px;line-height:46px;cursor:pointer;font-weight:800;display:flex;align-items:center;justify-content:center}.lpi-lightbox-close{right:26px;top:20px}.lpi-lightbox-prev{left:24px;top:50%;transform:translateY(-50%)}.lpi-lightbox-next{right:24px;top:50%;transform:translateY(-50%)}.lpi-no-scroll{overflow:hidden}.lpi-brain{margin-top:78px;background:#fff;border:3px solid #111;border-radius:30px;padding:clamp(22px,4vw,55px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;box-shadow:10px 10px 0 var(--orange)}.lpi-brain-copy p{font-size:clamp(18px,1.7vw,26px);line-height:1.35}.lpi-brain-img-wrap{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center}.lpi-brain-img{width:min(100%,540px);animation:lpiFloat 6s ease-in-out infinite}.lpi-hot{position:absolute;font-size:15px;padding:12px 18px;background:white}.lpi-hot.h1{left:8%;top:18%}.lpi-hot.h2{right:10%;top:25%}.lpi-hot.h3{right:2%;bottom:14%}[data-reveal]{opacity:0;transform:translateY(42px);transition:opacity .65s ease,transform .65s ease}[data-reveal].visible{opacity:1;transform:translateY(0)}@keyframes lpiFloat{0%,100%{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(-14px) rotate(-.5deg)}}@keyframes lpiPortraitFloat{0%,100%{transform:translate(var(--mx),var(--my)) translateY(0) rotate(.12deg)}50%{transform:translate(var(--mx),var(--my)) translateY(-13px) rotate(-.35deg)}}@keyframes lpiPulse{0%,100%{opacity:.14;transform:scale(.95)}50%{opacity:.30;transform:scale(1.06)}}@media(max-width:1050px){
  .lpi-hero{grid-template-columns:minmax(320px,38%) 1fr;gap:clamp(24px,5vw,70px)}
  .lpi-grid{grid-template-columns:repeat(2,1fr)}
  .lpi-card,.lpi-card.big{min-height:250px}
}
@media(max-width:760px){
  .lpi{padding:24px 16px;overflow:hidden}
  .lpi-hero{display:grid;grid-template-columns:38% 1fr;gap:18px;align-items:center;min-height:auto}
  .lpi-portrait-wrap{justify-self:center;align-self:center}
  .lpi-portrait-wrap:after{left:12%;right:12%;bottom:1%;height:28px;filter:blur(18px);opacity:.20}
  .lpi-portrait{width:min(100%,210px);max-height:360px;filter:drop-shadow(0 13px 18px rgba(0,0,0,.12));animation:lpiPortraitFloatMobile 5.5s ease-in-out infinite}
  .lpi-copy h1{font-size:clamp(38px,11vw,58px);line-height:.78;margin:0 0 16px;letter-spacing:-.075em;transform:rotate(-4deg)}
  .lpi-orange-line{height:4px;width:100%;margin:0 0 20px;transform:rotate(-4deg)}
  .lpi-copy p{font-size:clamp(14px,3.5vw,17px);line-height:1.25;max-width:none}
  .lpi-buttons{grid-column:1 / -1;display:flex;gap:9px;margin-top:22px;justify-content:flex-start}
  .lpi-buttons a{font-size:12px;padding:10px 14px;border-width:2px;white-space:nowrap;flex:0 0 auto}
  .lpi-buttons a:last-child{padding-left:13px;padding-right:13px}
  .lpi-work{margin-top:44px}
  .lpi-work h2,.lpi-brain h2{font-size:26px}
  .lpi-grid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:14px;-webkit-overflow-scrolling:touch}
  .lpi-card,.lpi-card.big{min-width:76vw;min-height:220px;scroll-snap-align:start}
  .lpi-brain{grid-template-columns:1fr;box-shadow:7px 7px 0 var(--orange);border-radius:22px;margin-top:58px}
  .lpi-brain-img-wrap{min-height:280px}
  .lpi-lightbox-prev,.lpi-lightbox-next{width:46px;height:46px;font-size:28px}.lpi-lightbox-prev{left:12px}.lpi-lightbox-next{right:12px}
}
@media(max-width:430px){
  .lpi{padding:18px 12px}
  .lpi-hero{grid-template-columns:42% 1fr;gap:13px;align-items:center}
  .lpi-portrait{width:min(100%,175px);max-height:300px}
  .lpi-copy h1{font-size:40px;margin-bottom:13px}
  .lpi-orange-line{height:3px;margin-bottom:16px}
  .lpi-copy p{font-size:14px;line-height:1.22}
  .lpi-buttons{gap:8px;margin-top:18px;overflow-x:auto;padding-bottom:3px}
  .lpi-buttons a{font-size:11px;padding:8px 12px;border-width:2px}
  .lpi-card,.lpi-card.big{min-width:82vw;min-height:210px}
}
@keyframes lpiPortraitFloatMobile{
  0%,100%{transform:translate(var(--mx),var(--my)) translateY(0) rotate(.08deg)}
  50%{transform:translate(var(--mx),var(--my)) translateY(-7px) rotate(-.2deg)}
}


/* v8 laatste mobiele verfijning */
.lpi-copy{min-width:0;}
@media(max-width:760px){
  .lpi{padding:22px 14px; overflow:hidden;}
  .lpi-hero{grid-template-columns:36% minmax(0,1fr); gap:14px; align-items:center;}
  .lpi-portrait{width:min(100%,165px); max-height:290px;}
  .lpi-copy h1{font-size:clamp(31px,8.6vw,44px); line-height:.80; letter-spacing:-.065em; margin:0 0 12px; transform:rotate(-4deg); max-width:100%;}
  .lpi-orange-line{width:82%; height:3px; margin:0 0 16px; transform:rotate(-4deg);}
  .lpi-copy p{font-size:clamp(13px,3.3vw,16px); line-height:1.25; max-width:100%;}
  .lpi-buttons{grid-column:1 / -1; display:flex; flex-direction:column; align-items:stretch; gap:10px; margin:22px auto 0; width:min(100%,320px); overflow:visible;}
  .lpi-buttons a{width:100%; text-align:center; font-size:13px; padding:11px 14px; border-width:2.5px; flex:none; white-space:normal;}
}
@media(max-width:430px){
  .lpi{padding:18px 10px;}
  .lpi-hero{grid-template-columns:37% minmax(0,1fr); gap:10px;}
  .lpi-portrait{width:min(100%,145px); max-height:260px;}
  .lpi-portrait-wrap:after{height:22px; filter:blur(16px); bottom:0;}
  .lpi-copy h1{font-size:32px; line-height:.82; margin-bottom:10px; transform:rotate(-3.5deg);}
  .lpi-orange-line{width:78%; height:3px; margin-bottom:13px; transform:rotate(-3.5deg);}
  .lpi-copy p{font-size:13px; line-height:1.22;}
  .lpi-buttons{width:min(100%,300px); margin-top:18px; gap:9px; padding-bottom:0; overflow:visible;}
  .lpi-buttons a{font-size:12px; padding:10px 12px;}
  .lpi-work{margin-top:42px;}
}