/* Réalisations : page Réalisations (.rl, en-tête clair) et fiches projet (.pj, immersives, sur fond noir) */
body.ldn-rl{background:#fff}
body.ldn-pj{background:#fff}
body.ldn-pj .ln-footer,body.ldn-rl .ln-footer{background:var(--ln-ink,#0A0A0A);color:var(--ln-fg,#F2F1EE)}
/* En-tête clair de la page Réalisations (comme la page Vitrine) */
body.ldn-rl .ln-nav,body.ldn-rl .ln-nav.is-scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,20,20,.06)}
body.ldn-rl .ln-links>li>a,body.ldn-rl .ln-dd-t{color:#55514B}
body.ldn-rl .ln-links>li>a:hover,body.ldn-rl .ln-dd-t:hover{color:#141414}
body.ldn-rl .ln-nav-cta{color:#141414!important;border-color:#141414!important;background:transparent!important;backdrop-filter:none!important;text-shadow:none!important}
body.ldn-rl .ln-burger span{background:#141414}
body.ldn-rl .ln-nav.is-open .ln-burger span{background:#fff}
body.ldn-rl .ln-logo-lt{display:none}
body.ldn-rl .ln-nav.is-open .ln-logo-dk{display:none}
body.ldn-rl .ln-nav.is-open .ln-logo-lt{display:block}
body.ldn-rl .ln-nav.is-open{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}
/* Fiche projet : en-tête transparent sur la première image, puis blanc au défilement */
body.ldn-pj .ln-logo-dk{display:none}
body.ldn-pj .ln-nav.is-scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,20,20,.06)}
body.ldn-pj .ln-nav.is-scrolled .ln-logo-dk{display:block}
body.ldn-pj .ln-nav.is-scrolled .ln-logo-lt{display:none}
body.ldn-pj .ln-nav.is-scrolled .ln-links>li>a,body.ldn-pj .ln-nav.is-scrolled .ln-dd-t{color:#55514B}
body.ldn-pj .ln-nav.is-scrolled .ln-nav-cta{color:#141414!important;border-color:#141414!important;background:transparent!important;backdrop-filter:none!important;text-shadow:none!important}
body.ldn-pj .ln-nav.is-scrolled .ln-burger span{background:#141414}
body.ldn-pj .ln-nav.is-open .ln-logo-lt{display:block}body.ldn-pj .ln-nav.is-open .ln-logo-dk{display:none}body.ldn-pj .ln-nav.is-open .ln-burger span{background:#fff}

.pj{--k:#FFFFFF;--fg:#0E0E0E;--mut:#6B6B6B;--l:#E8E6E2;--gold:#9C7B4F;--t:var(--ldn-gill,'gill-sans-nova','Gill Sans',Cabin,Calibri,sans-serif);background:var(--k);color:var(--fg);font-family:Montserrat,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
.pj *{box-sizing:border-box}
.pj img,.pj video{display:block;width:100%;height:100%;object-fit:cover}
.pj-w{max-width:1360px;margin:0 auto;padding:0 48px}
.pj-k{margin:0;font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.pj-k sup{font-size:.7em;letter-spacing:0}
/* Sections plein écran */
.pj-full{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#111}
.pj-full picture,.pj-full>video{position:absolute;inset:0;width:100%;height:100%}
.pj-full img,.pj-full>video{transform:scale(var(--z,1.08));transform-origin:50% 50%;will-change:transform}
.pj-full::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.08) 46%,rgba(0,0,0,0) 70%);pointer-events:none}
.pj-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:160px;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0));z-index:1;pointer-events:none}
.pj-hero img{object-position:40% 45%}
.pj-ov{position:absolute;left:0;right:0;z-index:2}
.pj-ov-b{bottom:64px}
.pj-ov-t{bottom:40px;display:flex;justify-content:center;pointer-events:none}
.pj-ov-t .pj-w{max-width:none;margin:0;padding:16px 26px;background:rgba(10,10,10,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18)}
.pj-t{margin:16px 0 0;font-family:var(--t);font-weight:400;font-size:clamp(48px,6.4vw,104px);line-height:.98;letter-spacing:-.005em;color:#fff}
.pj-ov-g{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.pj-ov-p{margin:0;max-width:520px;justify-self:end;font-family:var(--t);font-weight:400;font-size:clamp(20px,1.9vw,28px);line-height:1.4;color:#fff}
.pj-scroll{position:absolute;left:50%;bottom:22px;z-index:2;width:1px;height:46px;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.85));animation:pjS 2.4s ease-in-out infinite}
@keyframes pjS{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* Le récit : la phrase à gauche, les crédits à droite, comme un carton d'exposition */
.pj-story{padding:100px 0 90px}
.pj-story-g{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:start}
.pj-big{margin:22px 0 0;max-width:640px;font-family:var(--t);font-weight:400;font-size:clamp(22px,2.1vw,31px);line-height:1.4;color:var(--fg)}
.pj-cred{margin:6px 0 0;border-top:1px solid var(--fg)}
.pj-cred>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--l)}
.pj-cred dt{padding-top:3px;font-size:9.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}
.pj-cred dd{margin:0;font-size:14px;line-height:1.6;color:var(--fg)}
.pj-cred sup{font-size:.7em}
.pj-cred ul{margin:0;padding:0;list-style:none}
.pj-cred li{line-height:1.95}
/* Apparition douce au défilement */
.pj [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity 1.2s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pj [data-reveal].is-in{opacity:1;transform:none}
/* La transformation : section épinglée, le défilement fait glisser l'après sur l'avant */
.pj-tr{position:relative;height:210vh;background:#fff}
.pj-tr-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.pj-ba{position:absolute;inset:0;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize}
.pj-ba>img,.pj-ba-b{position:absolute;inset:0}
.pj-ba-b{clip-path:inset(0 calc(100% - var(--x,100%)) 0 0)}
.pj-ba::after{content:"";position:absolute;inset:0 0 auto 0;height:180px;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0));pointer-events:none}
.pj-ba-h{position:absolute;top:0;bottom:0;left:var(--x,100%);width:44px;margin-left:-22px;padding:0;border:0;background:none;cursor:ew-resize;z-index:1}
.pj-ba-h::before{content:"";position:absolute;top:0;bottom:0;left:21px;width:1px;background:rgba(255,255,255,.9)}
.pj-ba-h span{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:1px solid rgba(255,255,255,.8);background:rgba(10,10,10,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pj-ba-h span::before,.pj-ba-h span::after{content:"";position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border:solid #fff;border-width:0 0 1px 1px}
.pj-ba-h span::before{left:13px;transform:rotate(45deg)}
.pj-ba-h span::after{right:13px;transform:rotate(-135deg)}
.pj-ba-h:focus-visible span{outline:2px solid var(--gold);outline-offset:3px}
.pj-tr-h{display:flex;justify-content:center;align-items:center;gap:34px}
.pj-tr-s{display:flex;align-items:center;gap:14px;margin:0;font-size:10px;letter-spacing:.3em;text-transform:uppercase}
.pj-tr-s b{font-weight:500;color:rgba(255,255,255,.45);transition:color .4s}
.pj-tr-s i{display:block;width:80px;height:1px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.pj-tr-s i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(var(--p,0));transform-origin:left}
.pj-tr[data-step="a"] .pj-tr-a,.pj-tr[data-step="p"] .pj-tr-p{color:#fff}
/* L'identité : le logo se dessine au défilement */
.pj-id{padding:80px 0}
.pj-id-g{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:center}
.pj-id-p{margin:18px 0 0;max-width:420px;font-family:var(--t);font-weight:400;font-size:clamp(22px,2vw,30px);line-height:1.4;color:var(--fg)}
.pj-id-m{margin:26px 0 0;font-size:10px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}
.pj-id-f{margin:0;background:none;width:100%;max-width:500px;justify-self:center}
.pj-id-f img{height:auto;object-fit:contain;clip-path:inset(0 0 calc(100% - var(--d,100%)) 0)}
/* Étiquette sur la maquette */
.pj-tag{position:absolute;left:48px;top:110px;z-index:2;padding:8px 12px;background:rgba(255,255,255,.92);color:#0E0E0E;font-size:9px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}
/* Variantes */
.pj-full-v>video{object-position:50% 80%;filter:brightness(.82)}
/* Invitation */
.pj-inv{padding:110px 0 90px;text-align:center}
.pj-inv-t{margin:0 auto;max-width:760px;font-family:var(--t);font-weight:400;font-size:clamp(30px,3.4vw,50px);line-height:1.2;color:var(--fg)}
.pj-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;margin-top:44px;padding:0 38px;border:1px solid #0E0E0E;background:#0E0E0E;color:#fff!important;text-decoration:none!important;font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;transition:background .3s,color .3s}
.pj-btn:hover{background:#2A2A2A}
.pj-crumb{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:56px;font-size:10.5px;letter-spacing:.08em;color:var(--mut)}
.pj-crumb a{color:var(--mut)!important;text-decoration:none!important}
.pj-crumb a:hover{color:#0E0E0E!important}
.pj-crumb i{font-style:normal;opacity:.5}
.pj-crumb span{color:var(--fg)}
/* Projet suivant */
.pj-next{position:relative;display:block;height:100vh;height:100svh;min-height:520px;overflow:hidden;color:#fff!important;text-decoration:none!important;background:#111}
.pj-next img{position:absolute;inset:0;transform:scale(var(--z,1.08));filter:brightness(.66);transition:filter .8s}
.pj-next:hover img{filter:brightness(.8)}
.pj-next-t{position:absolute;left:0;right:0;bottom:80px;text-align:center}
.pj-next-t small{display:block;font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.pj-next-t b{display:block;margin-top:16px;font-family:var(--t);font-weight:400;font-size:clamp(44px,6vw,96px);line-height:1}
.pj-next-t i{display:block;margin-top:16px;font-style:normal;font-size:12px;letter-spacing:.1em;color:rgba(255,255,255,.85)}
@media(prefers-reduced-motion:reduce){.pj-full img,.pj-full>video,.pj-next img{transform:none}.pj [data-reveal]{opacity:1;transform:none;transition:none}.pj-scroll{animation:none}}
/* Téléphone */
@media(max-width:900px){
  .pj-w{padding:0 20px}
  .pj-full{min-height:0}
  .pj-hero img{object-position:22% 50%}
  .pj-ov-b{bottom:40px}
  .pj-ov-t{bottom:28px}
  .pj-ov-t .pj-w{padding:12px 16px}
  .pj-tr-h{gap:16px}
  .pj-tr-h .pj-k{display:none}
  .pj-t{font-size:46px}
  .pj-ov-g{grid-template-columns:1fr;gap:12px}
  .pj-ov-p{justify-self:start;font-size:19px}
  .pj-story{padding:56px 0 56px}
  .pj-story-g{grid-template-columns:1fr;gap:36px}
  .pj-big{margin-top:18px;font-size:20px;line-height:1.42}
  .pj-cred>div{grid-template-columns:104px 1fr;padding:15px 0}
  .pj-cred dd{font-size:13.5px}
  .pj-tr{height:180vh}
  .pj-tr-pin{display:flex;align-items:center;background:#fff}
  .pj-ba{inset:auto 0;top:50%;height:58svh;transform:translateY(-54%)}
  .pj-ba>img,.pj-ba-b img{object-position:50% 40%}
  .pj-tr-s i{width:44px}
  .pj-full-v>video{object-position:50% 100%;transform:scale(1.75);transform-origin:50% 96%}
  .pj-id{padding:48px 0}
  .pj-id-g{grid-template-columns:1fr;gap:34px}
  .pj-id-f{width:58%;max-width:240px}
  .pj-tag{left:20px;top:96px}
  .pj-full-mq img{object-position:42% 40%!important}
  .pj-inv{padding:72px 0 60px}
  .pj-btn{width:100%}
  .pj-crumb{margin-top:40px}
  .pj-next-t{bottom:50px}
}
/* Sections éditoriales : une image et un texte côte à côte, ou deux images */
.pj-hero-c img{object-position:50% 50%}
.pj-id-ph img{clip-path:inset(0 calc(100% - var(--d,100%)) 0 0)}
.pj-sp{padding:90px 0}
.pj-sp-g{display:grid;grid-template-columns:7fr 5fr;gap:90px;align-items:center}
.pj-sp-r .pj-sp-f{order:2}
.pj-sp-f{margin:0;overflow:hidden;aspect-ratio:4/5;max-height:86vh;background:#F3F2F0}
.pj-sp-f img,.pj-duo figure img{transform:scale(var(--z,1.06));transform-origin:50% 50%;will-change:transform}
.pj-sp-p{margin:18px 0 0;max-width:440px;font-family:var(--t);font-weight:400;font-size:clamp(22px,2vw,30px);line-height:1.4;color:var(--fg)}
.pj-duo{padding:90px 0}
.pj-duo+.pj-duo{padding-top:0}
.pj-duo-h{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:end;margin-bottom:40px}
.pj-duo-h .pj-sp-p{margin:0;max-width:560px}
.pj-duo-g{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pj-duo figure{position:relative;margin:0;overflow:hidden;aspect-ratio:4/5;background:#F3F2F0}
.pj-duo-l .pj-duo-g{grid-template-columns:5fr 4fr;align-items:end}
.pj-duo-l figure+figure{aspect-ratio:3/4}
.pj-duo figcaption{position:absolute;left:18px;bottom:18px;padding:8px 12px;background:rgba(255,255,255,.92);color:#0E0E0E;font-size:9px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}
@media(prefers-reduced-motion:reduce){.pj-sp-f img,.pj-duo figure img{transform:none}}
@media(max-width:900px){
  .pj-hero-c img{object-position:50% 50%}
  .pj-sp,.pj-duo{padding:52px 0}
  .pj-sp-g{grid-template-columns:1fr;gap:28px}
  .pj-sp-r .pj-sp-f{order:0}
  .pj-sp-f{max-height:none}
  .pj-sp-p{font-size:21px}
  .pj-duo-h{grid-template-columns:1fr;gap:0;margin-bottom:30px}
  .pj-duo-h .pj-sp-p{margin-top:18px}
  .pj-duo-g,.pj-duo-l .pj-duo-g{grid-template-columns:1fr 1fr;gap:10px}
  .pj-duo-l figure+figure{aspect-ratio:4/5}
  .pj-duo figcaption{left:8px;bottom:8px;padding:6px 8px;font-size:8px}
  .pj-id-ph{width:80%;max-width:340px}
}
/* Ouverture en vidéo : une version large, une version téléphone */
.pj .pj-hv-m{display:none}
.pj-duo figure video{transform:scale(var(--z,1.06));transform-origin:50% 50%}
@media(max-width:900px){.pj .pj-hv-d{display:none}.pj .pj-hv-m{display:block}}
.pj-story+.pj-id{padding-top:10px}
/* Téléphone : le texte avant la photo, et « Avant / Après » au-dessus de la transformation */
@media(max-width:900px){
  .pj-sp-t{order:-1}
  .pj-ov-t{top:calc(50% - 31.3svh - 74px);bottom:auto;justify-content:flex-start}
  .pj-ov-t .pj-w{width:100%;padding:0 20px;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
  .pj-tr-h{flex-direction:column;align-items:flex-start;gap:12px}
  .pj-tr-h .pj-k{display:block}
  .pj-tr-s b{color:rgba(14,14,14,.32)}
  .pj-tr[data-step="a"] .pj-tr-a,.pj-tr[data-step="p"] .pj-tr-p{color:#0E0E0E}
  .pj-tr-s i{background:rgba(14,14,14,.15)}
  .pj-tr-s i::after{background:#0E0E0E}
}
/* Espaces resserrés */
.pj-sp,.pj-duo{padding:64px 0}
.pj-sp-f{max-height:78vh}
.pj-inv{padding:90px 0 80px}
@media(max-width:900px){
  .pj-story{padding:44px 0}
  .pj-id{padding:36px 0}
  .pj-sp,.pj-duo{padding:40px 0}
  .pj-inv{padding:56px 0 48px}
  /* Transformation : le texte sous l'en-tête, la photo remplit l'écran, plus de blanc */
  .pj-tr{height:170vh}
  .pj-tr-pin{display:flex;flex-direction:column;align-items:stretch;padding-top:78px}
  .pj-ov-t{position:static;order:-1;margin-bottom:14px}
  .pj-ba{position:relative;inset:auto;top:auto;transform:none;flex:1;height:auto}
  .pj-ba>img,.pj-ba-b img{object-position:50% 45%}
}
/* Le mot du client */
.pj-q{padding:64px 0;text-align:center}
.pj-q blockquote{margin:22px auto 0;max-width:820px}
.pj-q blockquote p{margin:0;font-family:var(--t);font-weight:400;font-size:clamp(24px,2.5vw,36px);line-height:1.35;color:var(--fg)}
.pj-q cite{display:block;margin-top:22px;font-style:normal;font-size:10px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}
.pj-q cite sup{font-size:.7em}
.pj-sp-f video{transform:scale(var(--z,1.06));transform-origin:50% 50%}
@media(max-width:900px){.pj-q{padding:44px 0}.pj-q blockquote p{font-size:22px}}
/* Titres des sections à deux images : le titre puis le texte, alignés à gauche, comme partout */
.pj-duo-h{display:block;margin-bottom:36px}
.pj-duo-h .pj-sp-p{margin:18px 0 0;max-width:620px}
.pj-duo-l .pj-duo-g{grid-template-columns:1fr 1fr;align-items:start}.pj-duo-l figure+figure{aspect-ratio:4/5}
@media(max-width:900px){.pj-nomob{display:none}}
/* ===== Photos entières : aucune image n'est recadrée =====
   Grandes sections : l'image entière, posée sur un fond flou tiré d'elle-même. */
.pj .pj-full,.pj .pj-next{background:#0b0b0b}
.pj-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(38px) brightness(.5) saturate(1.1);transform:scale(var(--z,1.08));will-change:transform}
.pj .pj-full picture{z-index:0}
.pj .pj-full img,.pj .pj-full>video,.pj .pj-next img{object-fit:contain!important;object-position:50% 50%!important;transform:none!important}
.pj .pj-hero img{object-position:50% 50%!important}
.pj .pj-next img{filter:brightness(.8)}
/* Vidéo d'ouverture : la version verticale d'origine, entière, partout */
.pj .pj-hv-d{display:none!important}
.pj .pj-hv-m{display:block!important}
.pj .pj-full-v>video{transform:none!important;filter:none}
/* Images avec texte : à leur format d'origine */
.pj .pj-sp-f{aspect-ratio:auto;max-height:none;background:none}
.pj .pj-sp-f img,.pj .pj-sp-f video{height:auto;object-fit:contain;transform:none!important}
.pj .pj-duo figure,.pj .pj-duo-l figure+figure{aspect-ratio:auto;background:none}
.pj .pj-duo figure img,.pj .pj-duo figure video{height:auto;object-fit:contain;transform:none!important}
.pj .pj-duo-g,.pj .pj-duo-l .pj-duo-g{align-items:start}
/* Avant / après : le cadre prend le format exact des photos */
.pj .pj-tr-pin{display:flex;align-items:center;justify-content:center;background:#fff}
.pj .pj-ba{position:relative;inset:auto;top:auto;transform:none;width:min(100%,calc(100svh * var(--ar,1.6)));height:auto;aspect-ratio:var(--ar,1.6);flex:none}
.pj .pj-ba>img,.pj .pj-ba-b,.pj .pj-ba-b img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important}
.pj .pj-ba::after{display:none}
.pj .pj-ov-t{bottom:24px}
@media(max-width:900px){
  .pj .pj-tr-pin{flex-direction:column;justify-content:center;padding-top:0}
  .pj .pj-ov-t{position:static;order:-1;margin-bottom:14px}
  .pj .pj-ba{width:100%;flex:none}
}
/* Téléphone : chaque image à son format d'origine, le texte en dessous (plus de bandes floues) */
@media(max-width:900px){
  .pj .pj-full:not(.pj-hero){height:auto;min-height:0;background:#fff}
  .pj .pj-full:not(.pj-hero) .pj-bg,.pj .pj-full:not(.pj-hero)::after{display:none}
  .pj .pj-full:not(.pj-hero) picture,.pj .pj-full:not(.pj-hero)>video{position:relative;inset:auto;display:block;height:auto}
  .pj .pj-full:not(.pj-hero) img,.pj .pj-full:not(.pj-hero)>video{height:auto}
  .pj .pj-full:not(.pj-hero) .pj-ov{position:static;padding:22px 0 44px}
  .pj .pj-full:not(.pj-hero) .pj-ov-p{color:var(--fg)}
  .pj .pj-full:not(.pj-hero) .pj-tag{top:12px;left:12px}
}
/* Téléphone : sections resserrées, transformation sans espace vide */
@media(max-width:900px){
  .pj-story{padding:32px 0 28px}
  .pj-story-g{gap:26px}
  .pj-id,.pj-story+.pj-id{padding:20px 0 28px}
  .pj-sp,.pj-duo,.pj-q{padding:28px 0}
  .pj-duo+.pj-duo{padding-top:0}
  .pj-duo-h{margin-bottom:18px}
  .pj-inv{padding:44px 0 36px}
  .pj-crumb{margin-top:28px}
  .pj .pj-full:not(.pj-hero) .pj-ov{padding:16px 0 28px}
  .pj .pj-tr{height:auto}
  .pj .pj-tr-pin{position:static;height:auto;padding:28px 0}
}