/* Supplied campaign artwork framed in the portfolio's editorial layout. */
.lobits-case{--l-paper:#eeebe9;--l-ink:#10110f;--l-yellow:#ffcc00;--l-green:#075b2a;background:var(--l-paper);color:var(--l-ink)}
.lobits-case figure{margin:0;min-width:0}
.lobits-case figcaption{font:11px/1.5 'Courier New',monospace;letter-spacing:.03em;padding:14px 0}
.lobits-case h2{font-size:clamp(40px,5.2vw,82px);font-weight:500;letter-spacing:-.05em;line-height:1.02;margin:0 0 30px}
.lobits-case p{font-size:17px;line-height:1.65;margin:0 0 24px}
.l-crop{position:relative;overflow:hidden;isolation:isolate;background:#e1ddd5}
.l-crop>img{display:block;position:absolute;max-width:none;height:auto}
.l-original{display:block;width:100%;height:auto}.l-social-grid figure{display:flex;flex-direction:column}.l-social-grid figcaption{margin-top:auto}
.l-intro{padding:38px 4.8% 48px}
.l-intro .back-link{margin-bottom:48px}
.l-intro-top{display:flex;justify-content:space-between;gap:20px}
.l-intro h1{font-size:clamp(100px,17vw,260px);line-height:.86;letter-spacing:-.06em;margin:40px 0 48px;font-weight:700}
.l-intro h1 span{color:var(--l-green)}
.l-intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:32px}
.l-intro-bottom p{font-size:clamp(28px,3.6vw,55px);letter-spacing:-.04em;line-height:1;margin:0}
.l-intro-bottom ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.l-intro-bottom li{border:1px solid #c8c1b9;border-radius:24px;padding:10px 15px;font-size:12px}
.lobits-case .l-cover{padding:38px 4.8% 18px;background:#10110f;color:var(--l-paper)}
.l-section{padding:90px 4.8%}
.l-context,.l-section-head{display:grid;grid-template-columns:1fr 2fr;gap:8%}
.l-context{border-bottom:1px solid #d1cbc5}
.l-context>div{max-width:760px}
.l-section-head{margin-bottom:48px}
.l-section-head>div>p{max-width:650px;margin-bottom:0}
.l-digital{background:#e2ded8}
.l-digital-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.l-paid{background:#10110f;color:var(--l-paper)}
.l-paid .eyebrow{color:var(--l-yellow)}
.l-paid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.l-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.l-result{background:var(--l-green);color:#fff;padding:75px 4.8%;display:grid;grid-template-columns:1fr 2fr;gap:8%}
.l-result .eyebrow{color:var(--l-yellow)}
.lobits-case .l-result-number{font-size:clamp(85px,15vw,215px);font-weight:700;line-height:.95;letter-spacing:-.065em;margin:0 0 30px;color:var(--l-yellow)}
.l-result-number>span{font-size:.58em}
.l-result h2{font-size:clamp(28px,3.6vw,54px);margin-bottom:24px}
.l-result p{max-width:650px}
.l-result small{font:11px/1.6 'Courier New',monospace}
.l-credits{padding:55px 4.8%;display:grid;grid-template-columns:1fr 2fr;gap:8%}
.l-credits dl{margin:0}
.l-credits dl>div{display:grid;grid-template-columns:150px 1fr;gap:20px;margin-bottom:16px;font-size:14px;line-height:1.5}
.l-credits dt{color:#605b53}
.l-credits dd{margin:0}
.lobits-preview-art{position:relative;overflow:hidden;background:#10110f}
.lobits-preview-label{position:absolute;left:20px;bottom:20px;font:9px 'Courier New',monospace;background:#10110f;color:#fff;padding:9px 12px}
@media(max-width:900px){
  .l-intro-bottom{align-items:start;flex-direction:column}
  .l-section{padding:65px 5%}
  .l-context,.l-section-head,.l-result,.l-credits{grid-template-columns:1fr;gap:26px}
  .l-paid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .l-intro{padding:28px 5% 36px}
  .l-intro .back-link{margin-bottom:32px}
  .l-intro-top{flex-direction:column;gap:10px}
  .l-intro h1{font-size:clamp(84px,23vw,128px);margin:32px 0 38px}
  .l-intro-bottom li{font-size:11px;padding:8px 12px}
  .lobits-case .l-cover{padding:20px 3% 8px}
  .l-section{padding:48px 5%}
  .l-digital-grid,.l-paid-grid,.l-social-grid{grid-template-columns:1fr;gap:22px}
  .l-section-head{margin-bottom:32px}
  .l-result{padding:48px 5%}
  .l-credits{padding:38px 5%}
  .l-credits dl>div{grid-template-columns:120px 1fr;gap:12px}
}

/* Preserve available source detail by avoiding excessive enlargement. */
.l-key-visual{display:block;width:100%;height:auto}
.l-digital-grid{max-width:1150px;margin-inline:auto}
.l-paid-grid{max-width:1312px;margin-inline:auto}
.l-social-grid{max-width:1424px;margin-inline:auto}
.lobits-preview-art{aspect-ratio:1.15}
.lobits-cover-image{display:block;width:100%;height:100%;object-fit:cover}
.lobits-preview-original{display:grid;align-content:center}.lobits-preview-original>.l-crop{width:100%}.l-cover>.l-crop,.l-cover>figcaption{max-width:1100px;margin-inline:auto}
@media(min-width:901px){.l-paid-grid figure{max-width:420px;width:100%;justify-self:center}.l-social-grid figure{max-width:350px;width:100%;justify-self:center}}
@media(min-width:561px) and (max-width:900px){.l-paid-grid figure{max-width:420px;width:100%;justify-self:center}.l-social-grid figure{max-width:350px;width:100%;justify-self:center}}
@media(max-width:560px){.l-paid-grid figure{max-width:420px;width:100%;justify-self:center}.l-social-grid figure{max-width:350px;width:100%;justify-self:center}}
/* Original campaign artwork sits over the restored mockup's screen areas. */
.l-social-mockup{position:relative;aspect-ratio:3/2;overflow:hidden}
.l-mockup-post{position:absolute;display:block;object-fit:fill}
.l-mockup-post-left{left:5.078125%;top:27.34375%;width:27.083333%;height:42.773438%;border-radius:1px}
.l-mockup-post-center{left:37.304688%;top:27.734375%;width:25.260417%;height:42.1875%}
.l-mockup-post-right{left:67.643229%;top:27.441406%;width:27.083333%;height:42.773438%;border-radius:1px}