.social-sketch{display:none}
@media(max-width:980px), (orientation:portrait){
 html body .portfolio-cycle > .social-strip{padding:16px 10px!important}
 html body .portfolio-cycle > .social-strip .social-strip-inner{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  grid-template-rows:auto auto;column-gap:10px;row-gap:12px;
  width:100%!important;max-width:100%!important;align-items:center;
 }
 .social-sketch{display:flex;align-items:center;justify-content:center;grid-row:1 / 3;min-width:0;height:clamp(100px,25vw,180px);pointer-events:none}
 .social-sketch-left{grid-column:1}.social-sketch-right{grid-column:3}
 .social-sketch img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
 .social-strip .social-strip-title{grid-column:2;grid-row:1;align-self:end;text-align:center}
 .social-strip .social-strip-icons{grid-column:2;grid-row:2;align-self:start;justify-content:center;gap:8px}
}

/* Same Social composition whenever side sketch rails are hidden. */

 body.layout-vertical .portfolio-cycle > .social-strip{padding:16px 10px!important}
 body.layout-vertical .portfolio-cycle > .social-strip .social-strip-inner{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  grid-template-rows:auto auto;column-gap:10px;row-gap:12px;
  width:100%!important;max-width:100%!important;align-items:center;
 }
 body.layout-vertical .social-sketch{display:flex;align-items:center;justify-content:center;grid-row:1 / 3;min-width:0;height:clamp(100px,25vw,180px);pointer-events:none}
 body.layout-vertical .social-sketch-left{grid-column:1}.social-sketch-right{grid-column:3}
 body.layout-vertical .social-sketch img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
 body.layout-vertical .social-strip .social-strip-title{grid-column:2;grid-row:1;align-self:end;text-align:center}
 body.layout-vertical .social-strip .social-strip-icons{grid-column:2;grid-row:2;align-self:start;justify-content:center;gap:8px}

body.layout-vertical .portfolio-cycle > .social-strip .social-strip-inner{max-width:680px!important;margin-left:auto!important;margin-right:auto!important}
body.layout-vertical .social-sketch img{max-width:200px}

/* Let Social reserve the full sketch height in document flow. */
html body .portfolio-cycle > .social-strip{
 position:relative!important;z-index:11!important;background:#000!important;
}
body.layout-vertical .portfolio-cycle > .social-strip{
 height:auto!important;min-height:0!important;max-height:none!important;
}
body.layout-vertical .portfolio-cycle > .social-strip .social-strip-inner{
 height:auto!important;min-height:0!important;padding:0!important;
}
@media(max-width:980px), (orientation:portrait){
 html body .portfolio-cycle > .social-strip{
  height:auto!important;min-height:0!important;max-height:none!important;
 }
 html body .portfolio-cycle > .social-strip .social-strip-inner{
  height:auto!important;min-height:0!important;padding:0!important;
 }
}